mirror of https://gitee.com/stylefeng/guns
整理修改菜单界面
fengshuonan
parent
45e340f7be
commit
5bdd0ab2d2
|
|
@ -3,59 +3,59 @@
|
|||
*/
|
||||
var MenuInfoDlg = {
|
||||
data: {
|
||||
pid: "",
|
||||
pcodeName: ""
|
||||
menuParentId: "",
|
||||
menuParentName: ""
|
||||
}
|
||||
};
|
||||
|
||||
layui.use(['layer', 'form', 'admin', 'laydate', 'ax', 'iconPicker'], function () {
|
||||
layui.use(['layer', 'form', 'admin', 'laydate', 'HttpRequest', 'iconPicker'], function () {
|
||||
var $ = layui.jquery;
|
||||
var $ax = layui.ax;
|
||||
var HttpRequest = layui.HttpRequest;
|
||||
var form = layui.form;
|
||||
var admin = layui.admin;
|
||||
var laydate = layui.laydate;
|
||||
var layer = layui.layer;
|
||||
var iconPicker = layui.iconPicker;
|
||||
|
||||
//初始化字典详细列表
|
||||
//初始化所属应用列表
|
||||
$("#dictDetails").html('');
|
||||
var ajax = new $ax(Feng.ctxPath + "/dict/listDictsByCode", function (data) {
|
||||
var appListRequest = new HttpRequest(Feng.ctxPath + "/sysApp/list", 'get', function (data) {
|
||||
for (var i = 0; i < data.data.length; i++) {
|
||||
var name = data.data[i].name;
|
||||
var code = data.data[i].code;
|
||||
$("#dictDetails").append('<input type="radio" name="systemType" value="' + code + '" title="' + name + '">');
|
||||
var name = data.data[i].appName;
|
||||
var code = data.data[i].appCode;
|
||||
$("#dictDetails").append('<input type="radio" name="appCode" value="' + code + '" title="' + name + '">');
|
||||
}
|
||||
form.render();
|
||||
}, function (data) {
|
||||
});
|
||||
ajax.set("dictTypeCode", "SYSTEM_TYPE");
|
||||
ajax.start();
|
||||
appListRequest.start();
|
||||
|
||||
//获取菜单信息
|
||||
var ajax = new $ax(Feng.ctxPath + "/menu/getMenuInfo?menuId=" + Feng.getUrlParam("menuId"));
|
||||
var result = ajax.start();
|
||||
form.val('menuForm', result.data);
|
||||
var request = new HttpRequest(Feng.ctxPath + "/sysMenu/detail?menuId=" + Feng.getUrlParam("menuId"), 'get');
|
||||
var menuInfoResult = request.start();
|
||||
form.val('menuForm', menuInfoResult.data);
|
||||
|
||||
// 点击父级菜单
|
||||
$('#pcodeName').click(function () {
|
||||
var formName = encodeURIComponent("parent.MenuInfoDlg.data.pcodeName");
|
||||
var formId = encodeURIComponent("parent.MenuInfoDlg.data.pid");
|
||||
var treeUrl = encodeURIComponent("/menu/selectMenuTreeList");
|
||||
$('#menuParentName').click(function () {
|
||||
var formName = encodeURIComponent("parent.MenuInfoDlg.data.menuParentName");
|
||||
var formId = encodeURIComponent("parent.MenuInfoDlg.data.menuParentId");
|
||||
var treeUrl = encodeURIComponent("/sysMenu/layuiSelectParentMenuTreeList");
|
||||
|
||||
layer.open({
|
||||
type: 2,
|
||||
title: '父级菜单',
|
||||
area: ['300px', '400px'],
|
||||
content: Feng.ctxPath + '/system/commonTree?formName=' + formName + "&formId=" + formId + "&treeUrl=" + treeUrl,
|
||||
content: Feng.ctxPath + '/view/common/tree?formName=' + formName + "&formId=" + formId + "&treeUrl=" + treeUrl,
|
||||
end: function () {
|
||||
$("#pid").val(MenuInfoDlg.data.pid);
|
||||
$("#pcodeName").val(MenuInfoDlg.data.pcodeName);
|
||||
$("#menuParentId").val(MenuInfoDlg.data.menuParentId);
|
||||
$("#menuParentName").val(MenuInfoDlg.data.menuParentName);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// 表单提交事件
|
||||
form.on('submit(btnSubmit)', function (data) {
|
||||
var ajax = new $ax(Feng.ctxPath + "/menu/edit", function (data) {
|
||||
var request = new HttpRequest(Feng.ctxPath + "/sysMenu/edit", 'post', function (data) {
|
||||
Feng.success("修改成功！");
|
||||
|
||||
//传给上个页面，刷新table用
|
||||
|
|
@ -65,10 +65,10 @@ layui.use(['layer', 'form', 'admin', 'laydate', 'ax', 'iconPicker'], function ()
|
|||
admin.closeThisDialog();
|
||||
|
||||
}, function (data) {
|
||||
Feng.error("修改失败！" + data.responseJSON.message)
|
||||
Feng.error("修改失败！" + data.message)
|
||||
});
|
||||
ajax.set(data.field);
|
||||
ajax.start();
|
||||
request.set(data.field);
|
||||
request.start(true);
|
||||
|
||||
//添加 return false 可成功跳转页面
|
||||
return false;
|
||||
|
|
@ -76,15 +76,14 @@ layui.use(['layer', 'form', 'admin', 'laydate', 'ax', 'iconPicker'], function ()
|
|||
|
||||
//初始化图标选择
|
||||
iconPicker.render({
|
||||
elem: '#icon',
|
||||
elem: '#layuiIcon',
|
||||
type: 'fontClass',
|
||||
search: true,
|
||||
page: true,
|
||||
limit: 12,
|
||||
click: function (data) {
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
iconPicker.checkIcon('iconPicker', result.data.icon);
|
||||
});
|
||||
iconPicker.checkIcon('iconPicker', menuInfoResult.data.layuiIcon);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -8,53 +8,46 @@
|
|||
<div class="layui-form-item layui-row">
|
||||
<input name="menuId" type="hidden"/>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">名称<span style="color: red;">*</span></label>
|
||||
<label class="layui-form-label">菜单名称<span style="color: red;">*</span></label>
|
||||
<div class="layui-input-block">
|
||||
<input name="name" placeholder="请输入名称" type="text" class="layui-input" lay-verify="required" required/>
|
||||
<input name="menuName" placeholder="请输入菜单名称" type="text" class="layui-input" lay-verify="required" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">菜单编号<span style="color: red;">*</span></label>
|
||||
<div class="layui-input-block">
|
||||
<input name="code" placeholder="请输入菜单编号" type="text" class="layui-input" lay-verify="required" required/>
|
||||
<input name="menuCode" placeholder="请输入菜单编号" type="text" class="layui-input" lay-verify="required" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">父级编号<span style="color: red;">*</span></label>
|
||||
<label class="layui-form-label">父级菜单<span style="color: red;">*</span></label>
|
||||
<div class="layui-input-block">
|
||||
<input id="pid" name="pid" type="hidden">
|
||||
<input id="pcodeName" name="pcodeName" placeholder="请输入父级编号" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
|
||||
<input id="menuParentId" name="menuParentId" type="hidden">
|
||||
<input id="menuParentName" name="menuParentName" placeholder="请选择父级菜单" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">是否是菜单<span style="color: red;">*</span></label>
|
||||
<label class="layui-form-label">菜单的路径<span style="color: red;">*</span></label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="menuFlag" value="Y" title="是" checked/>
|
||||
<input type="radio" name="menuFlag" value="N" title="不是"/>
|
||||
<input id="layuiPath" name="layuiPath" placeholder="请输入菜单的路径" type="text" class="layui-input" autocomplete="off"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">请求地址<span style="color: red;">*</span></label>
|
||||
<label class="layui-form-label">菜单图标</label>
|
||||
<div class="layui-input-block">
|
||||
<input id="url" name="url" placeholder="请输入请求地址" type="text" class="layui-input" autocomplete="off"/>
|
||||
<input name="layuiIcon" id="layuiIcon" placeholder="请输入菜单图标" lay-filter="iconPicker" type="text" class="layui-input"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">图标</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="icon" id="icon" placeholder="请输入图标" lay-filter="iconPicker" type="text" class="layui-input"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">系统分类<span style="color: red;">*</span></label>
|
||||
<label class="layui-form-label">所属应用<span style="color: red;">*</span></label>
|
||||
<div class="layui-input-block" id="dictDetails">
|
||||
<input type="radio" name="systemType" value="" title="无" disabled="disabled">
|
||||
<input type="radio" name="appCode" value="" title="无" disabled="disabled">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline layui-col-md12">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input name="sort" placeholder="请输入排序" type="text" class="layui-input"/>
|
||||
<input name="menuSort" placeholder="请输入排序" type="text" class="layui-input"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue