111 lines
3.2 KiB
HTML
111 lines
3.2 KiB
HTML
{extend name="base"/}
|
|
{block name="resources"}
|
|
<style type="text/css">
|
|
.tree-line{padding:10px 0;background:#ededed;margin-bottom:2px;line-height: 1.8;}
|
|
.tree-line .layui-form{padding-left: 10px !important;}
|
|
.tree-line .layui-form-checkbox{margin:0 10px !important;vertical-align:middle;}
|
|
.form-wrap {margin-top: 0;}
|
|
.group-tree-block .layui-table tbody tr:hover {background-color: white;}
|
|
</style>
|
|
{/block}
|
|
{block name="main"}
|
|
<div class="layui-form form-wrap">
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>角色名称：</label>
|
|
<div class="layui-input-block">
|
|
<input name="group_name" type="text" lay-verify="required" class="layui-input len-long" placeholder="请输入角色名称" value="{$group_info.group_name}" autocomplete="off">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">描述：</label>
|
|
<div class="layui-input-block">
|
|
<textarea name ="desc" class="layui-textarea len-long" placeholder="请输入角色的相关描述" maxlength="150">{$group_info.desc}</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label"><span class="required">*</span>设置权限：</label>
|
|
<div class="layui-input-block">
|
|
<div class="layui-input-inline group-tree-block" id="tree_box"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 操作 -->
|
|
<div class="form-row">
|
|
<button class="layui-btn" lay-submit lay-filter="save">保存</button>
|
|
<button class="layui-btn layui-btn-primary" onclick="back()">返回</button>
|
|
</div>
|
|
|
|
<!-- 隐藏域 -->
|
|
<input name="group_id" type="text" class="layui-input layui-hide" value="{$group_id}">
|
|
</div>
|
|
{/block}
|
|
{block name="script"}
|
|
|
|
<script>
|
|
var tree_data = JSON.parse('{:json_encode($tree_data, JSON_UNESCAPED_UNICODE)}'),
|
|
form,
|
|
repeat_flag = false;//防重复标识
|
|
|
|
layui.use('form', function() {
|
|
form = layui.form;
|
|
form.render();
|
|
|
|
form.on('submit(save)', function (data) {
|
|
|
|
var obj = $("#tree_box input:checked"),
|
|
group_array = [];
|
|
|
|
for (var i = 0; i < obj.length; i++) {
|
|
group_array.push(obj.eq(i).val());
|
|
}
|
|
|
|
data.field.menu_array = group_array.toString();
|
|
|
|
if (repeat_flag) return;
|
|
repeat_flag = true;
|
|
|
|
$.ajax({
|
|
type: "POST",
|
|
dataType: "JSON",
|
|
url: ns.url("shop/user/editgroup"),
|
|
data: data.field,
|
|
success: function (res) {
|
|
repeat_flag = false;
|
|
|
|
if (res.code == 0) {
|
|
layer.confirm('编辑成功', {
|
|
title:'操作提示',
|
|
btn: ['返回列表', '继续操作'],
|
|
yes: function(){
|
|
location.href = ns.url("shop/user/group")
|
|
},
|
|
btn2: function() {
|
|
location.reload();
|
|
}
|
|
})
|
|
}else{
|
|
layer.msg(res.message);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
form.verify({
|
|
title: function (value) {
|
|
if (value.length == 0) {
|
|
return '请输入角色名称';
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
function back() {
|
|
location.href = ns.url("shop/user/group");
|
|
}
|
|
</script>
|
|
<script src="SHOP_JS/tree.js"></script>
|
|
{/block}
|