137 lines
5.2 KiB
HTML
137 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
<div th:fragment="strategyAndPoolExtra">
|
|
<script id="addStrategyAndPool" type="text/html">
|
|
<style>.layui-form-select dl{max-height: 160px}</style>
|
|
<div class="layui-form" style="margin:10px 15px" id="editPlanForm" lay-filter="editPlanForm">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">池ID<span>*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" lay-verify="required|number" name="poolId" placeholder="池ID" autocomplete="off" class="layui-input"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">池名称<span>*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" lay-verify="required" name="poolName" placeholder="池名称" autocomplete="off" class="layui-input"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">策略集ID<span>*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" lay-verify="required|number" name="strategyId" placeholder="策略集ID" autocomplete="off" class="layui-input"/>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">策略集名称<span>*</span></label>
|
|
<div class="layui-input-block">
|
|
<input type="text" lay-verify="required" name="strategyName" placeholder="策略集名称" autocomplete="off" class="layui-input"/>
|
|
</div>
|
|
</div>
|
|
<div style="display:none" class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit="*" lay-filter="submitStrategyAndPool">提交</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</script>
|
|
<script type="text/javascript">
|
|
layui.form.on('submit(submitStrategyAndPool)', function(obj){
|
|
var field = obj.field, data = {params: {}}
|
|
Object.keys(field).forEach(key => {
|
|
data[key] = field[key]
|
|
});
|
|
$.ajax({
|
|
url: '/admin/v1/manage/strategyAndPool/save',
|
|
method: 'POST',
|
|
contentType: 'application/json',
|
|
data: JSON.stringify(data),
|
|
success: function (r) {
|
|
layer.msg('操作成功', {
|
|
offset: '15px',
|
|
icon: 1,
|
|
time: 1000
|
|
},
|
|
function() {
|
|
if (window.editLayer) {
|
|
layui.layer.close(window.editLayer);
|
|
}
|
|
layui.table.reload('strategyAndPools',{
|
|
page: {
|
|
curr: $(".layui-laypage-em").next().html() //当前页码值
|
|
}
|
|
});
|
|
}
|
|
)
|
|
}
|
|
})
|
|
})
|
|
function openEditForm(r) {
|
|
if (r && r.ok) {
|
|
window.editLayer = layui.layer.open({
|
|
type: 1,
|
|
title: `${r.data.poolId ? '编辑' : '新增'}策略`,
|
|
btn: ['提交', '关闭'],
|
|
yes: function(index, layero) {
|
|
layero.find('[lay-filter="submitStrategyAndPool"]').click()
|
|
},
|
|
skin: "layui-anim layui-anim-rl layui-layer-adminRight",
|
|
area: '500px',
|
|
anim: -1,
|
|
shadeClose: !0,
|
|
closeBtn: !1,
|
|
move: !1,
|
|
offset: 'r',
|
|
content: $('#addStrategyAndPool').html(),
|
|
success: function(layero, layerIndex) {
|
|
Helper.fillEditForm(r, layero, layerIndex);
|
|
}
|
|
})
|
|
}
|
|
else layer.msg(r && r.data || '服务器错误', {offset: '15px', icon: 2, time: 1000})
|
|
}
|
|
function openNewForm(poolId) {
|
|
$.ajax({
|
|
url: '/admin/v1/manage/strategyAndPool/getOne',
|
|
data: {poolId: poolId},
|
|
success: function(r) {
|
|
openEditForm(r)
|
|
},
|
|
error: function(xhr) {
|
|
var r = xhr.responseJSON;
|
|
layer.msg(r && r.data || '服务器错误', {offset: '15px', icon: 2, time: 100})
|
|
}
|
|
})
|
|
}
|
|
layui.table.on('tool(strategyAndPools)', function(obj) {
|
|
if (obj.event == 'edit') {
|
|
openNewForm(obj.data.poolId)
|
|
}
|
|
else if (obj.event == 'del') {
|
|
layui.layer.confirm('确定删除该映射吗？', function (index) {
|
|
layui.layer.close(index);
|
|
$.ajax({
|
|
url: '/admin/v1/manage/strategyAndPool/delete',
|
|
method: 'POST',
|
|
data: {poolId: obj.data.poolId},
|
|
success: function (data) {
|
|
layui.table.reload('strategyAndPools',{
|
|
page: {
|
|
curr: $(".layui-laypage-em").next().html() //当前页码值
|
|
}
|
|
});
|
|
layer.msg('删除成功', {offset: '15px', icon: 1, time: 1000})
|
|
},
|
|
error: function (res) {
|
|
var r = res.responseJSON;
|
|
layer.msg(r&&r.data||'服务器错误',
|
|
{offset: '15px', icon: 2, time: 2000});
|
|
return
|
|
}
|
|
})
|
|
})
|
|
}
|
|
})
|
|
</script>
|
|
</div>
|
|
</html> |