<style>
|
#vip-edit {
|
padding: 20px 25px 25px 0;
|
}
|
|
#vip-edit .layui-treeSelect .ztree li a, .ztree li span {
|
margin: 0 0 2px 3px !important;
|
}
|
#vip-edit #data-permission-tree-block {
|
border: 1px solid #eee;
|
border-radius: 2px;
|
padding: 3px 0;
|
}
|
#vip-edit .layui-treeSelect .ztree li span.button.switch {
|
top: 1px;
|
left: 3px;
|
}
|
#vip-edit img{
|
max-width:100px
|
}
|
|
</style>
|
<div class="layui-fluid" id="febs-vip-edit">
|
<form class="layui-form" action="" lay-filter="vip-edit-form">
|
<div class="layui-form-item">
|
<input type="text" name="id" lay-verify="required" autocomplete="off" class="layui-input febs-hide" >
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">序号：</label>
|
<div class="layui-input-block">
|
<input type="number" name="orderNumber" lay-verify="required" autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">编码：</label>
|
<div class="layui-input-block">
|
<input type="text" name="vipCode" lay-verify="required" autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">名称：</label>
|
<div class="layui-input-block">
|
<input type="text" name="vipName" lay-verify="required" autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">是否上架：</label>
|
<div class="layui-input-block">
|
<select name="state" class="valid-type" lay-filter="type-select">
|
<option value="1">是</option>
|
<option value="0">否</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<label class="layui-form-label">图标：</label>
|
<div class="layui-input-block">
|
<button type="button" class="layui-btn" id="imageUpload" style="background-color: #009688; margin-bottom: 2px">图片上传</button>
|
<blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
|
<div class=" layui-upload-list view-images" id="thumbImage">
|
</div>
|
</blockquote>
|
<div class="febs-hide">
|
<input type="text" id="vipPng" name="vipPng" autocomplete="off" class="layui-input" readonly>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">原价：</label>
|
<div class="layui-input-block">
|
<input type="text" name="originalPrice" lay-verify="required" autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">现价：</label>
|
<div class="layui-input-block">
|
<input type="text" name="presentPrice" lay-verify="required" autocomplete="off" class="layui-input" >
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">增长倍数：</label>
|
<div class="layui-input-block">
|
<input type="text" name="growthValue" lay-verify="required" autocomplete="off" class="layui-input" >
|
<div class="layui-form-mid layui-word-aux">每日碳积分增长倍数。</div>
|
</div>
|
</div>
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">最大值：</label>
|
<div class="layui-input-block">
|
<input type="text" name="growthCnt" lay-verify="required" autocomplete="off" class="layui-input" >
|
<div class="layui-form-mid layui-word-aux">每日获取碳积分最大值。</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">返利比例：</label>
|
<div class="layui-input-block">
|
<input type="text" name="rebatePercent" lay-verify="required" autocomplete="off" class="layui-input" >
|
<div class="layui-form-mid layui-word-aux">购买会员返利金额比例（实际支付金额 * rebatePercent = 上级返利金额）。</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">兑换碳币：</label>
|
<div class="layui-input-block">
|
<select name="changeState" class="valid-type" lay-filter="type-select">
|
<option value="1">允许</option>
|
<option value="0">不允许</option>
|
</select>
|
<div class="layui-form-mid layui-word-aux">是否允许碳积分兑换碳币。</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item">
|
<div class="layui-col-lg6">
|
<label class="layui-form-label febs-form-item-require">碳币提现：</label>
|
<div class="layui-input-block">
|
<select name="withdrawState" class="valid-type" lay-filter="type-select">
|
<option value="1">允许</option>
|
<option value="0">不允许</option>
|
</select>
|
<div class="layui-form-mid layui-word-aux">是否允许碳币提现。</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-form-item febs-hide">
|
<button class="layui-btn" lay-submit="" lay-filter="vip-edit-form-submit" id="submit"></button>
|
</div>
|
</form>
|
</div>
|
|
<script data-th-inline="javascript">
|
layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','layedit', 'laydate', 'upload', 'xmSelect'], function () {
|
var $ = layui.$,
|
febs = layui.febs,
|
layer = layui.layer,
|
upload = layui.upload,
|
formSelects = layui.formSelects,
|
form = layui.form,
|
laydate = layui.laydate,
|
layedit = layui.layedit,
|
$view = $('#vip-edit'),
|
runVip = [[${runVip}]]
|
validate = layui.validate;
|
|
form.render();
|
initVipValue();
|
|
function initVipValue() {
|
form.val("vip-edit-form", {
|
"id": runVip.id,
|
"orderNumber": runVip.orderNumber,
|
"vipCode": runVip.vipCode,
|
"vipName" : runVip.vipName,
|
"originalPrice": runVip.originalPrice,
|
"presentPrice": runVip.presentPrice,
|
"state":runVip.state,
|
"changeState":runVip.changeState,
|
"withdrawState" : runVip.withdrawState,
|
"growthValue" : runVip.growthValue,
|
"growthCnt" : runVip.growthCnt,
|
"rebatePercent" : runVip.rebatePercent
|
});
|
$('#thumbImage').html('<img src="'+ runVip.vipPng +'" class="layui-upload-img" style="width: 100px">')
|
$("#vipPng").val(runVip.vipPng);
|
}
|
|
form.on('submit(vip-edit-form-submit)', function (data) {
|
$.ajax({
|
'url':ctx + 'admin/runVip/addOrEdit',
|
'type':'post',
|
'dataType':'json',
|
'headers' : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式
|
'traditional': true,//ajax传递数组必须添加属性
|
'data':JSON.stringify(data.field),
|
'success':function (data) {
|
if(data.code==200){
|
layer.closeAll();
|
febs.alert.success(data.message);
|
$('#febs-run-vip').find('#reset').click();
|
}else{
|
febs.alert.warn(data.message);
|
}
|
},
|
'error':function () {
|
febs.alert.warn('服务器繁忙');
|
}
|
})
|
return false;
|
return false;
|
});
|
|
upload.render({
|
elem: '#imageUpload'
|
,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
|
,multiple: false
|
,before: function(obj){
|
//预读本地文件示例，不支持ie8
|
obj.preview(function(index, file, result){
|
$('#thumbImage').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 100px">')
|
});
|
}
|
,done: function(res){
|
$("#vipPng").val(res.data.src);
|
}
|
});
|
});
|
</script>
|
