ソースを参照

优化一些细节

RuoYi 6 年 前
コミット
260feb7cef

+ 37 - 37
ruoyi-admin/src/main/resources/static/ajax/libs/bootstrap-treetable/bootstrap-treetable.js

@@ -240,32 +240,32 @@
                 item.isShow = false;
                 // 这里兼容几种常见Root节点写法
                 // 默认的几种判断
-                var _defaultRootFlag = item[options.parentId] == '0' ||
-                    item[options.parentId] == 0 ||
-                    item[options.parentId] == null ||
-                    item[options.parentId] == '';
-                if (!item[options.parentId] || (_root ? (item[options.parentId] == options.rootIdValue) : _defaultRootFlag)) {
+                var _defaultRootFlag = item[options.parentCode] == '0' ||
+                    item[options.parentCode] == 0 ||
+                    item[options.parentCode] == null ||
+                    item[options.parentCode] == '';
+                if (!item[options.parentCode] || (_root ? (item[options.parentCode] == options.rootIdValue) : _defaultRootFlag)) {
                     if (!target.data_list["_root_"]) {
                         target.data_list["_root_"] = [];
                     }
-                    if (!target.data_obj["id_" + item[options.id]]) {
+                    if (!target.data_obj["id_" + item[options.code]]) {
                         target.data_list["_root_"].push(item);
                     }
                 } else {
-                    if (!target.data_list["_n_" + item[options.parentId]]) {
-                        target.data_list["_n_" + item[options.parentId]] = [];
+                    if (!target.data_list["_n_" + item[options.parentCode]]) {
+                        target.data_list["_n_" + item[options.parentCode]] = [];
                     }
-                    if (!target.data_obj["id_" + item[options.id]]) {
-                        target.data_list["_n_" + item[options.parentId]].push(item);
+                    if (!target.data_obj["id_" + item[options.code]]) {
+                        target.data_list["_n_" + item[options.parentCode]].push(item);
                     }
                 }
-                target.data_obj["id_" + item[options.id]] = item;
+                target.data_obj["id_" + item[options.code]] = item;
             });
         }
         // 递归获取子节点并且设置子节点
         var recursionNode = function(parentNode, lv, row_id, p_id) {
             var $tbody = target.find("tbody");
-            var _ls = target.data_list["_n_" + parentNode[options.id]];
+            var _ls = target.data_list["_n_" + parentNode[options.code]];
             var $tr = renderRow(parentNode, _ls ? true : false, lv, row_id, p_id);
             $tbody.append($tr);
             if (_ls) {
@@ -307,11 +307,11 @@
                     target.hasSelectItem = true;
                     var $td = $('<td style="text-align:center;width:36px"></td>');
                     if (column.radio) {
-                        var _ipt = $('<input name="select_item" type="radio" value="' + item[options.id] + '"></input>');
+                        var _ipt = $('<input name="select_item" type="radio" value="' + item[options.code] + '"></input>');
                         $td.append(_ipt);
                     }
                     if (column.checkbox) {
-                        var _ipt = $('<input name="select_item" type="checkbox" value="' + item[options.id] + '"></input>');
+                        var _ipt = $('<input name="select_item" type="checkbox" value="' + item[options.code] + '"></input>');
                         $td.append(_ipt);
                     }
                     $tr.append($td);
@@ -441,9 +441,9 @@
         target.appendData = function(data) {
             // 下边的操作主要是为了查询时让一些没有根节点的节点显示
             $.each(data, function(i, item) {
-                var _data = target.data_obj["id_" + item[options.id]];
-                var _p_data = target.data_obj["id_" + item[options.parentId]];
-                var _c_list = target.data_list["_n_" + item[options.parentId]];
+                var _data = target.data_obj["id_" + item[options.code]];
+                var _p_data = target.data_obj["id_" + item[options.parentCode]];
+                var _c_list = target.data_list["_n_" + item[options.parentCode]];
                 var row_id = ""; //行id
                 var p_id = ""; //父行id
                 var _lv = 1; //如果没有父就是1默认显示
@@ -643,26 +643,26 @@
     };
 
     $.fn.bootstrapTreeTable.defaults = {
-        id: 'id',                // 选取记录返回的值,用于设置父子关系
-        parentId: 'parentId',    // 用于设置父子关系
-        rootIdValue: null,       // 设置根节点id值----可指定根节点,默认为null,"",0,"0"
-        data: null,              // 构造table的数据集合
-        type: "GET",             // 请求数据的ajax类型
-        url: null,               // 请求数据的ajax的url
-        ajaxParams: {},          // 请求数据的ajax的data属性
-        expandColumn: 0,         // 在哪一列上面显示展开按钮
-        expandAll: false,        // 是否全部展开
-        expandFirst: true,       // 是否默认第一级展开--expandAll为false时生效
-        striped: false,          // 是否各行渐变色
-        bordered: true,          // 是否显示边框
-        hover: true,             // 是否鼠标悬停
-        condensed: false,        // 是否紧缩表格
-        columns: [],             // 列
-        toolbar: null,           // 顶部工具条
-        height: 0,               // 表格高度
-        showTitle: true,         // 是否采用title属性显示字段内容(被formatter格式化的字段不会显示)
-        showColumns: true,       // 是否显示内容列下拉框
-        showRefresh: true,       // 是否显示刷新按钮
+        code: 'code',              // 选取记录返回的值,用于设置父子关系
+        parentCode: 'parentCode',  // 用于设置父子关系
+        rootIdValue: null,         // 设置根节点id值----可指定根节点,默认为null,"",0,"0"
+        data: null,                // 构造table的数据集合
+        type: "GET",               // 请求数据的ajax类型
+        url: null,                 // 请求数据的ajax的url
+        ajaxParams: {},            // 请求数据的ajax的data属性
+        expandColumn: 0,           // 在哪一列上面显示展开按钮
+        expandAll: false,          // 是否全部展开
+        expandFirst: true,         // 是否默认第一级展开--expandAll为false时生效
+        striped: false,            // 是否各行渐变色
+        bordered: true,            // 是否显示边框
+        hover: true,               // 是否鼠标悬停
+        condensed: false,          // 是否紧缩表格
+        columns: [],               // 列
+        toolbar: null,             // 顶部工具条
+        height: 0,                 // 表格高度
+        showTitle: true,           // 是否采用title属性显示字段内容(被formatter格式化的字段不会显示)
+        showColumns: true,         // 是否显示内容列下拉框
+        showRefresh: true,         // 是否显示刷新按钮
         expanderExpandedClass: 'glyphicon glyphicon-chevron-down', // 展开的按钮的图标
         expanderCollapsedClass: 'glyphicon glyphicon-chevron-right' // 缩起的按钮的图标
 

+ 21 - 15
ruoyi-admin/src/main/resources/static/ruoyi/js/ry-ui.js

@@ -16,12 +16,13 @@
                 $.table._params = $.common.isEmpty(options.queryParams) ? $.table.queryParams : options.queryParams;
                 _sortOrder = $.common.isEmpty(options.sortOrder) ? "asc" : options.sortOrder;
                 _sortName = $.common.isEmpty(options.sortName) ? "" : options.sortName;
+                _striped = $.common.isEmpty(options.striped) ? false : options.striped;
                 $('#bootstrap-table').bootstrapTable({
                     url: options.url,                                   // 请求后台的URL(*)
                     contentType: "application/x-www-form-urlencoded",   // 编码类型
                     method: 'post',                                     // 请求方式(*)
                     cache: false,                                       // 是否使用缓存
-                    striped: $.common.visible(options.striped),          // 是否显示行间隔色
+                    striped: _striped,                                  // 是否显示行间隔色
                     sortable: true,                                     // 是否启用排序
                     sortStable: true,                                   // 设置为 true 将获得稳定的排序
                     sortName: _sortName,                                // 排序列名称
@@ -132,17 +133,22 @@
             // 初始化表格
             init: function(options) {
                 $.table._option = options;
+                _striped = $.common.isEmpty(options.striped) ? false : options.striped;
+                _expandColumn = $.common.isEmpty(options.expandColumn) ? '1' : options.expandColumn;
                 var treeTable = $('#bootstrap-table').bootstrapTreeTable({
-                	id : options.id,               // 用于设置父子关系
-        		    parentId : options.parentId,   // 用于设置父子关系
-        	    	type: 'get',                   // 请求方式(*)
-        	        url: options.url,              // 请求后台的URL(*)
-        	        ajaxParams : {},               // 请求数据的ajax的data属性
-        			expandColumn : '1',            // 在哪一列上面显示展开按钮
-        			striped : false,               // 是否各行渐变色
-        			bordered : true,               // 是否显示边框
-        			toolbar: '#toolbar',           // 指定工作栏
-        			expandAll : $.common.visible(options.expandAll), // 是否全部展开
+                	code: options.code,                                 // 用于设置父子关系
+        		    parentCode: options.parentCode,                     // 用于设置父子关系
+        	    	type: 'get',                                        // 请求方式(*)
+        	        url: options.url,                                   // 请求后台的URL(*)
+        	        ajaxParams: {},                                     // 请求数据的ajax的data属性
+        			expandColumn: _expandColumn,                        // 在哪一列上面显示展开按钮
+        			striped: _striped,                                  // 是否显示行间隔色
+        			bordered: true,                                     // 是否显示边框
+        			toolbar: '#toolbar',                                // 指定工作栏
+        			showRefresh: $.common.visible(options.showRefresh), // 是否显示刷新按钮
+        			showColumns: $.common.visible(options.showColumns), // 是否显示隐藏某列下拉框
+        			expandAll: $.common.visible(options.expandAll),     // 是否全部展开
+        			expandFirst: $.common.visible(options.expandFirst), // 是否默认第一级展开--expandAll为false时生效
         	        columns: options.columns
         	    });
                 $._treeTable = treeTable;
@@ -439,7 +445,7 @@
             },
             // 批量删除信息
             removeAll: function() {
-        		var rows = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id);
+        		var rows = $.common.isEmpty($.table._option.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.uniqueId);
         		if (rows.length == 0) {
         			$.modal.alertWarning("请至少选择一条记录");
         			return;
@@ -468,7 +474,7 @@
             	if ($.common.isNotEmpty(id)) {
             	    url = $.table._option.updateUrl.replace("{id}", id);
             	} else {
-            	    var id = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id);
+            	    var id = $.common.isEmpty($.table._option.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.uniqueId);
             	    if (id.length == 0) {
             			$.modal.alertWarning("请至少选择一条记录");
             			return;
@@ -484,7 +490,7 @@
         			$.modal.alertWarning("请至少选择一条记录");
         			return;
         		}
-                var url = $.table._option.updateUrl.replace("{id}", row[$.table._option.id]);
+                var url = $.table._option.updateUrl.replace("{id}", row[$.table._option.uniqueId]);
                 $.modal.open("修改" + $.table._option.modalName, url);
             },
             // 添加信息 全屏
@@ -498,7 +504,7 @@
             	if ($.common.isNotEmpty(id)) {
             	    url = $.table._option.updateUrl.replace("{id}", id);
             	} else {
-            	    var row = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id);
+            	    var row = $.common.isEmpty($.table._option.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.uniqueId);
             	    url = $.table._option.updateUrl.replace("{id}", row);
             	}
             	$.modal.openFull("修改" + $.table._option.modalName, url);

+ 3 - 2
ruoyi-admin/src/main/resources/templates/system/dept/dept.html

@@ -54,8 +54,9 @@
 
 		$(function() {
 		    var options = {
-		        id: "deptId",
-		        parentId: "parentId",
+		        code: "deptId",
+		        parentCode: "parentId",
+		        uniqueId: "deptId",
 		        url: prefix + "/list",
 		        createUrl: prefix + "/add/{id}",
 		        updateUrl: prefix + "/edit/{id}",

+ 4 - 2
ruoyi-admin/src/main/resources/templates/system/menu/menu.html

@@ -55,9 +55,11 @@
 
 		$(function() {
 		    var options = {
-		        id: "menuId",
-		        parentId: "parentId",
+		        code: "menuId",
+		        parentCode: "parentId",
+		        uniqueId: "menuId",
 		        expandAll: false,
+		        expandFirst: false,
 		        url: prefix + "/list",
 		        createUrl: prefix + "/add/{id}",
 		        updateUrl: prefix + "/edit/{id}",