更新 index.js

admin-console/src/main/resources/static/js/admin/menu/index.js

-layui.define([ 'form', 'laydate', 'table' ], function(exports) {
-	var form = layui.form;
-	var laydate = layui.laydate;
-	var table = layui.table;
-	var menuTable = null;
-	var view ={
-		
-		init:function(){
-			this.initTable();
-			this.initSearchForm();
-			this.initToolBar();
-			window.dataReload = function(){
-				Lib.doSearchForm($("#menuSearchForm"),menuTable)
-			}
-			
-			
-		},
-		initTable:function(){
-			menuTable = table.render({
-				elem : '#menuTable',
-				height : 'full-280',
-				method : 'post',
-				url : Common.ctxPath + '/admin/menu/list.json' //数据接口
-				,page : {"layout":['count','prev', 'page', 'next']} //开启分页
-				,limit : 10,
-				cols : [ [ //表头
-				{
-					type : 'checkbox',
-					fixed:'left',
-				}, 
-				{
-					field : 'id',
-					title : 'id',
-					width : 80,
-					fixed:'left',
-					sort : true
-				}, {
-					field : 'code',
-					title : '菜单代码',
-					width : 120
-				}, {
-					field : 'name',
-					title : '菜单名称',
-					width : 120,
-					sort : true
-				}, {
-					field : 'accessUrl',
-					title : '菜单入口地址',
-					width : 250,
-					sort : true
-				} , {
-					field : 'icon',
-					title : '图标',
-					width : 80
-				},{
-					field : 'seq',
-					title : '排序',
-					width : 80,
-					sort : true
-				},{
-					field : 'parentMenuName',
-					title : '上一级菜单',
-					width : 120,
-					sort : true
-				},{
-					field : 'typeText',
-					title : '菜单类型',
-					width : 100,
-					sort : true
-				},
-				{
-					field : 'createTime',
-					title : '创建时间',
-					width : 120,
-					templet:function(d){
-						return Common.getDate(d.createTime);
-					},
-					sort : true
-				}
+layui.define(['form', 'laydate', 'treeGrid'], function (exports) {
+    var form = layui.form;
+    var laydate = layui.laydate;
+    // var table = layui.table;
+    var treeGrid = layui.treeGrid;
+    var menuTable = null;
+    var view = {
 
-				] ]
+        init: function () {
+            this.initTable();
+            this.initSearchForm();
+            this.initToolBar();
+            window.dataReload = function () {
+                Lib.doSearchForm($("#menuSearchForm"), menuTable)
+            }
 
-			});
-		},
-		
-		initSearchForm:function(){
-			Lib.initSearchForm( $("#menuSearchForm"),menuTable,form);
-		},
-		initToolBar:function(){
-			toolbar = {
-					add : function() { //获取选中数据
-						var url = "/admin/menu/add.do";
-						Common.openDlg(url,"菜单管理>新增");
-					},
-					edit : function() { //获取选中数目
-						var data = Common.getOneFromTable(table,"menuTable");
-						if(data==null){
-							return ;
-						}
-						var url = "/admin/menu/edit.do?id="+data.id;
-						Common.openDlg(url,"菜单管理>编辑");
-						
-					},
-					del : function() { 
-						layui.use(['del'], function(){
-							  var delView = layui.del
-							  delView.delBatch();
-						});
-					}
-					
-				};
-			$('.ext-toolbar').on('click', function() {
-				var type = $(this).data('type');
-				toolbar[type] ? toolbar[type].call(this) : '';
-			});
-		}
-	}
 
-	 exports('index',view);
-	
+        },
+        initTable: function () {
+
+            menuTable = treeGrid.render({
+                elem: '#menuTable',
+                height : Lib.getTableHeight(4),
+                url: Common.ctxPath + '/admin/menu/list.json',
+                method: 'post',
+                cellMinWidth: 100,
+                treeId: 'id',//树形id字段名称
+                treeUpId: 'parentMenuId',//树形父id字段名称
+                treeShowName: 'name',//以树形式显示的字段
+                cols: [[ //表头
+                    // {type: 'numbers', title: '序号', fixed: 'left'},
+                    {type: 'numbers', title: '序号'},
+                    {
+                        type: 'checkbox',
+                        // fixed: 'left'
+                    }, {
+                        field: 'name',
+                        title: '菜单名称',
+                        width: 200
+                    }, {
+                        field: 'typeText',
+                        title: '菜单类型',
+                        width: 100,
+                        align:'center'
+
+                    },
+                    {
+                        field: 'createTime',
+                        title: '创建时间',
+                        width: 120,
+                        align:'center',
+                        templet: function (d) {
+                            return Common.getDate(d.createTime);
+                        }
+                    },
+                    {
+                        field: 'id',
+                        title: 'id',
+                        width: 80,
+                        align:'center'
+
+                    }
+                ]],
+                done: function (res, curr, count) {
+                    $("[data-field='id']").css('display', 'none');
+                },
+                page: false
+            });
+
+
+            // menuTable = table.render({
+            // 	elem : '#menuTable',
+            // 	height : 'full-280',
+            // 	method : 'post',
+            // 	url : Common.ctxPath + '/admin/menu/list.json' //数据接口
+            // 	,page : {"layout":['count','prev', 'page', 'next']} //开启分页
+            // 	,limit : 10,
+            // 	cols : [ [ //表头
+            // 	{
+            // 		type : 'checkbox',
+            // 		fixed:'left',
+            // 	},
+            // 	{
+            // 		field : 'id',
+            // 		title : 'id',
+            // 		width : 80,
+            // 		fixed:'left',
+            // 		sort : true
+            // 	}, {
+            // 		field : 'code',
+            // 		title : '菜单代码',
+            // 		width : 120
+            // 	}, {
+            // 		field : 'name',
+            // 		title : '菜单名称',
+            // 		width : 120,
+            // 		sort : true
+            // 	}, {
+            // 		field : 'accessUrl',
+            // 		title : '菜单入口地址',
+            // 		width : 250,
+            // 		sort : true
+            // 	} , {
+            // 		field : 'icon',
+            // 		title : '图标',
+            // 		width : 80
+            // 	},{
+            // 		field : 'seq',
+            // 		title : '排序',
+            // 		width : 80,
+            // 		sort : true
+            // 	},{
+            // 		field : 'parentMenuName',
+            // 		title : '上一级菜单',
+            // 		width : 120,
+            // 		sort : true
+            // 	},{
+            // 		field : 'typeText',
+            // 		title : '菜单类型',
+            // 		width : 100,
+            // 		sort : true
+            // 	},
+            // 	{
+            // 		field : 'createTime',
+            // 		title : '创建时间',
+            // 		width : 120,
+            // 		templet:function(d){
+            // 			return Common.getDate(d.createTime);
+            // 		},
+            // 		sort : true
+            // 	}
+            //
+            // 	] ]
+            //
+            // });
+        },
+
+        initSearchForm: function () {
+            Lib.initSearchForm($("#menuSearchForm"), menuTable, form);
+        },
+        initToolBar: function () {
+            toolbar = {
+                add: function () { //获取选中数据
+                    var url = "/admin/menu/add.do";
+                    Common.openDlg(url, "菜单管理>新增");
+                },
+                edit: function () { //获取选中数目
+                    var data = Common.getOneFromTable(treeGrid, "menuTable");
+                    if (data == null) {
+                        return;
+                    }
+                    var url = "/admin/menu/edit.do?id=" + data.id;
+                    Common.openDlg(url, "菜单管理>编辑");
+
+                },
+                del: function () {
+                    layui.use(['del'], function () {
+                        var delView = layui.del;
+                        delView.delBatch();
+                    });
+                }
+
+            };
+            $('.ext-toolbar').on('click', function () {
+                var type = $(this).data('type');
+                toolbar[type] ? toolbar[type].call(this) : '';
+            });
+        }
+    };
+
+    exports('index', view);
+
 });
\ No newline at end of file