<div class="layui-fluid layui-anim febs-anim" id="on-hook-plan-set" lay-title="挂机方案设置">
|
<div class="layui-row layui-col-space8 febs-container">
|
<form class="layui-form" action="" lay-filter="on-hook-plan-set-form">
|
<div class="layui-card">
|
<div class="layui-card-body">
|
<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
|
<ul class="layui-tab-title">
|
<li class="layui-this">挂机方案设置</li>
|
</ul>
|
<div class="layui-tab-content">
|
<div class="layui-tab-item layui-show">
|
<table id="onHookPlanTable" lay-filter="onHookPlanTable"></table>
|
<div class="layui-word-aux">注意：</div>
|
<div class="layui-word-aux">1、修改数据，直接点击对应单元格，输入修改内容，点击保存即可</div>
|
<div class="layui-word-aux">2、是否启用，点击之后即可设置，无需点击保存</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="layui-card-footer">
|
<button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="on-hook-plan-set-form-submit" id="submit">保存</button>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<style>
|
.layui-form-label {
|
width: 120px;
|
}
|
|
.layui-form-item .layui-input-block {
|
margin-left: 150px;
|
}
|
|
.layui-table-form .layui-form-item {
|
margin-bottom: 20px !important;
|
}
|
</style>
|
<script type="text/html" id="isEnableSwitch">
|
{{# if(d.state === 1) { }}
|
<input type="checkbox" value={{d.id}} lay-text="启用|禁用" checked lay-skin="switch" lay-filter="isEnableSwitch">
|
{{# } else { }}
|
<input type="checkbox" value={{d.id}} lay-text="启用|禁用" lay-skin="switch" lay-filter="isEnableSwitch">
|
{{# } }}
|
</script>
|
<script data-th-inline="javascript" type="text/javascript">
|
layui.use(['dropdown', 'jquery', 'validate', 'febs', 'form', 'eleTree', 'table'], function () {
|
var $ = layui.jquery,
|
febs = layui.febs,
|
form = layui.form,
|
table = layui.table,
|
validate = layui.validate,
|
$view = $('#on-hook-plan-set')
|
, planSetArr;
|
|
form.verify(validate);
|
form.render();
|
|
table.render({
|
elem: '#onHookPlanTable'
|
,cols: [[ //表头
|
{field: 'description', title: '挂机方案',}
|
,{field: 'multipleTimes', title: '倍数', edit:'text'}
|
,{field: 'amount', title: '金额', edit:'text'}
|
,{field: 'state', title: '是否启用',templet: '#isEnableSwitch'}
|
,{field: 'type', title: '类型', hide:'true'}
|
,{field: 'code', title: '编码', hide:'true'}
|
]]
|
,data: []
|
});
|
table.on('edit(onHookPlanTable)', function(obj){
|
let value = obj.value //得到修改后的值
|
,data = obj.data //得到所在行所有键值
|
,field = obj.field; //得到字段
|
for (let i = 0; i < planSetArr.length; i++) {
|
if (planSetArr[i].code === data.code) {
|
let planData = {};
|
planData.multipleTimes = data.multipleTimes;
|
planData.amount = data.amount;
|
planData.state = data.state;
|
planSetArr[i].value = JSON.stringify(planData);
|
}
|
}
|
});
|
|
dicDataReq("ONHOOK_PLAN");
|
function dicDataReq(type) {
|
$.get(ctx + 'member/findDicByType/' + type, function (r) {
|
if (r.code === 200) {
|
let planList = r.data;
|
if ("ONHOOK_PLAN" == type) {
|
for (let i = 0; i < planList.length; i++) {
|
planList[i].multipleTimes = JSON.parse(planList[i].value).multipleTimes;
|
planList[i].amount = JSON.parse(planList[i].value).amount;
|
planList[i].state = JSON.parse(planList[i].value).state;
|
}
|
planSetArr = planList;
|
table.reload('onHookPlanTable', {
|
data : planList
|
});
|
}
|
}
|
});
|
}
|
//滑动按钮
|
form.on('switch(isEnableSwitch)', function (data) {
|
if (data.elem.checked) {
|
enableOnHook(data.value);
|
} else {
|
disableOnHook(data.value);
|
}
|
})
|
function enableOnHook(id) {
|
febs.get(ctx + 'member/enableOnHook/' + id, null, function () {
|
febs.alert.success('设置成功');
|
});
|
}
|
function disableOnHook(id) {
|
febs.get(ctx + 'member/disableOnHook/' + id, null, function () {
|
febs.alert.success('设置成功');
|
});
|
}
|
|
form.on('submit(on-hook-plan-set-form-submit)', function (data) {
|
data.field.onHookPlanTable = planSetArr;
|
$.ajax({
|
'url':ctx + 'member/levelSystemSetting',
|
'type':'post',
|
'dataType':'json',
|
'headers' : {'Content-Type' : 'application/json;charset=utf-8'},
|
'traditional': true,
|
'data':JSON.stringify(data.field),
|
'success':function (data) {
|
if (data.code == 200) {
|
febs.alert.success(data.message);
|
}
|
},
|
'error':function () {
|
febs.alert.warn('服务器繁忙');
|
}
|
})
|
return false;
|
});
|
});
|
</script>
|
