gitee
/
guns
mirror of https://gitee.com/stylefeng/guns
1
0
Fork 0
Code Issues Releases Wiki Activity

整理修改菜单界面

pull/64/head
fengshuonan 2021-01-08 18:33:38 +08:00
parent 45e340f7be
commit 5bdd0ab2d2
2 changed files with 41 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
src/main/webapp/assets/modular/auth/menu/menu_edit.js
View File

@ -3,59 +3,59 @@
*/ */
var MenuInfoDlg = { var MenuInfoDlg = {
data: { data: {
pid: "", menuParentId: "",
pcodeName: "" menuParentName: ""
} }
}; };
layui.use(['layer', 'form', 'admin', 'laydate', 'ax', 'iconPicker'], function () { layui.use(['layer', 'form', 'admin', 'laydate', 'HttpRequest', 'iconPicker'], function () {
var $ = layui.jquery; var $ = layui.jquery;
var $ax = layui.ax; var HttpRequest = layui.HttpRequest;
var form = layui.form; var form = layui.form;
var admin = layui.admin; var admin = layui.admin;
var laydate = layui.laydate; var laydate = layui.laydate;
var layer = layui.layer; var layer = layui.layer;
var iconPicker = layui.iconPicker; var iconPicker = layui.iconPicker;
//初始化字典详细列表 //初始化所属应用列表
$("#dictDetails").html(''); $("#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++) { for (var i = 0; i < data.data.length; i++) {
var name = data.data[i].name; var name = data.data[i].appName;
var code = data.data[i].code; var code = data.data[i].appCode;
$("#dictDetails").append('<input type="radio" name="systemType" value="' + code + '" title="' + name + '">'); $("#dictDetails").append('<input type="radio" name="appCode" value="' + code + '" title="' + name + '">');
} }
form.render();
}, function (data) { }, function (data) {
}); });
ajax.set("dictTypeCode", "SYSTEM_TYPE"); appListRequest.start();
ajax.start();
//获取菜单信息 //获取菜单信息
var ajax = new $ax(Feng.ctxPath + "/menu/getMenuInfo?menuId=" + Feng.getUrlParam("menuId")); var request = new HttpRequest(Feng.ctxPath + "/sysMenu/detail?menuId=" + Feng.getUrlParam("menuId"), 'get');
var result = ajax.start(); var menuInfoResult = request.start();
form.val('menuForm', result.data); form.val('menuForm', menuInfoResult.data);
// 点击父级菜单 // 点击父级菜单
$('#pcodeName').click(function () { $('#menuParentName').click(function () {
var formName = encodeURIComponent("parent.MenuInfoDlg.data.pcodeName"); var formName = encodeURIComponent("parent.MenuInfoDlg.data.menuParentName");
var formId = encodeURIComponent("parent.MenuInfoDlg.data.pid"); var formId = encodeURIComponent("parent.MenuInfoDlg.data.menuParentId");
var treeUrl = encodeURIComponent("/menu/selectMenuTreeList"); var treeUrl = encodeURIComponent("/sysMenu/layuiSelectParentMenuTreeList");
layer.open({ layer.open({
type: 2, type: 2,
title: '父级菜单', title: '父级菜单',
area: ['300px', '400px'], 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 () { end: function () {
$("#pid").val(MenuInfoDlg.data.pid); $("#menuParentId").val(MenuInfoDlg.data.menuParentId);
$("#pcodeName").val(MenuInfoDlg.data.pcodeName); $("#menuParentName").val(MenuInfoDlg.data.menuParentName);
} }
}); });
}); });
// 表单提交事件 // 表单提交事件
form.on('submit(btnSubmit)', function (data) { 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("修改成功！"); Feng.success("修改成功！");
//传给上个页面，刷新table用 //传给上个页面，刷新table用
@ -65,10 +65,10 @@ layui.use(['layer', 'form', 'admin', 'laydate', 'ax', 'iconPicker'], function ()
admin.closeThisDialog(); admin.closeThisDialog();
}, function (data) { }, function (data) {
Feng.error("修改失败！" + data.responseJSON.message) Feng.error("修改失败！" + data.message)
}); });
ajax.set(data.field); request.set(data.field);
ajax.start(); request.start(true);
//添加 return false 可成功跳转页面 //添加 return false 可成功跳转页面
return false; return false;
@ -76,15 +76,14 @@ layui.use(['layer', 'form', 'admin', 'laydate', 'ax', 'iconPicker'], function ()
//初始化图标选择 //初始化图标选择
iconPicker.render({ iconPicker.render({
elem: '#icon', elem: '#layuiIcon',
type: 'fontClass', type: 'fontClass',
search: true, search: true,
page: true, page: true,
limit: 12, limit: 12,
click: function (data) { click: function (data) {
} }
}); });
iconPicker.checkIcon('iconPicker', result.data.icon); iconPicker.checkIcon('iconPicker', menuInfoResult.data.layuiIcon);
}); });

33
src/main/webapp/pages/modular/auth/menu/menu_edit.html
View File

@ -8,53 +8,46 @@
<div class="layui-form-item layui-row"> <div class="layui-form-item layui-row">
<input name="menuId" type="hidden"/> <input name="menuId" type="hidden"/>
<div class="layui-inline layui-col-md12"> <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"> <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> </div>
<div class="layui-inline layui-col-md12"> <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"> <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> </div>
<div class="layui-inline layui-col-md12"> <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"> <div class="layui-input-block">
<input id="pid" name="pid" type="hidden"> <input id="menuParentId" name="menuParentId" type="hidden">
<input id="pcodeName" name="pcodeName" placeholder="请输入父级编号" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/> <input id="menuParentName" name="menuParentName" placeholder="请选择父级菜单" type="text" class="layui-input" autocomplete="off" lay-verify="required" required/>
</div> </div>
</div> </div>
<div class="layui-inline layui-col-md12"> <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"> <div class="layui-input-block">
<input type="radio" name="menuFlag" value="Y" title="是" checked/> <input id="layuiPath" name="layuiPath" placeholder="请输入菜单的路径" type="text" class="layui-input" autocomplete="off"/>
<input type="radio" name="menuFlag" value="N" title="不是"/>
</div> </div>
</div> </div>
<div class="layui-inline layui-col-md12"> <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"> <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> </div>
<div class="layui-inline layui-col-md12"> <div class="layui-inline layui-col-md12">
<label class="layui-form-label">图标</label> <label class="layui-form-label">所属应用<span style="color: red;">*</span></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>
<div class="layui-input-block" id="dictDetails"> <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> </div>
<div class="layui-inline layui-col-md12"> <div class="layui-inline layui-col-md12">
<label class="layui-form-label">排序</label> <label class="layui-form-label">排序</label>
<div class="layui-input-block"> <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> </div>
</div> </div>