【高级搜索】新增日期搜索

admin-assistant/src/main/resources/template/js/assetArticlesPurchase/assetArticlesPurchaseList.js

@@ -16,10 +16,7 @@ layui.config({
 	authBtn('1596958747047');
 	
 	// '用品采购'页面的选取时间段表格
-	laydate.render({
-		elem: '#caigouCreateTime', //指定元素
-		range: '~'
-	});
+	laydate.render({elem: '#caigouCreateTime', range: '~'});
 	
 	// 展示用品采购列表
 	table.render({

admin-assistant/src/main/resources/template/js/assetManageUse/assetManageUseList.js

@@ -18,11 +18,8 @@ layui.config({
 	// 新增资产领用申请
 	authBtn('1597242249453');
 	
-	//'资产领用'页面的选取时间段表格
-	laydate.render({
-		elem: '#createTime',
-		range: '~'
-	});
+	// '资产领用'页面的选取时间段表格
+	laydate.render({elem: '#createTime', range: '~'});
 	
 	// 资产领用管理开始
 	table.render({

api/src/main/resources/template/js/apiPage/apiPage.js

@@ -228,26 +228,28 @@ layui.config({
 					$("#advancedSearch").show();
 					if (!isNull(json.bean.searchParamsId)) {
 						searchParamsId = json.bean.searchParamsId;
-						$("#jsonContent").val(JSON.stringify(json.bean.searchParams, null, 4));
+						if (isNull(jsonEditor)) {
+							$("#jsonContent").val(JSON.stringify(json.bean.searchParams, null, 4));
+						} else {
+							jsonEditor.setValue(JSON.stringify(json.bean.searchParams, null, 4));
+						}
 					} else {
 						searchParamsId = "";
+						jsonEditor.setValue("");
 					}
 				} else {
 					$("#advancedSearch").hide();
 				}
 				// 切换到接口信息的Tab项
 				element.tabChange('docTabBrief', "apiMationTab");
-				loadCodeMirror = false;
 			}});
 		}
 	});
 
 	var jsonEditor;
-	var loadCodeMirror = false; // 判断是否需要重新加载高级查询的配置信息的tab页
 	var searchParamsId = ""; // 高级查询的配置页信息id
 	element.on('tab(docTabBrief)', function(obj){
-		if(obj.index == 3 && !loadCodeMirror){
-			loadCodeMirror = true;
+		if(obj.index == 3 && isNull(jsonEditor)){
 			jsonEditor = CodeMirror.fromTextArea(document.getElementById("jsonContent"), {
 				mode : "application/json",  // 模式
 				theme : "eclipse",  // CSS样式选择

dsform/src/main/resources/template/js/dsFormPage/dsFormPageDesign.js

@@ -220,17 +220,17 @@ layui.config({
 					var associatedDataTypes = item.associatedDataTypes;
 					$("#isAssociated").removeClass("layui-hide");
  					associatedDataTypesChange(associatedDataTypes);
- 					if(associatedDataTypes == "1"){
+					if (associatedDataTypes == "1") {
 						var obj = item.aData;
-						if(typeof item.aData != 'string'){
+						if (typeof item.aData != 'string') {
 							obj = JSON.stringify(item.aData);
 						}
- 						// json串
- 						$("#JsonData").val(obj);
- 					}else if(associatedDataTypes == "2"){
- 						// 接口
- 						$("#nterfac").val(item.aData);
- 					}
+						// json串
+						$("#JsonData").val(obj);
+					} else if (associatedDataTypes == "2") {
+						// 接口
+						$("#nterfac").val(item.aData);
+					}
 					$("input:radio[name=associatedDataTypes][value=" + associatedDataTypes + "]").attr("checked", true);
 				}
 				$("#defaultWidth").val(item.defaultWidth);

userauth/src/main/resources/template/js/syseverole/syseverolelist.js

@@ -32,18 +32,9 @@ layui.config({
 	        { field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
 	        { title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 300, toolbar: '#tableBar' }
 	    ]],
-	    done: function(){
+	    done: function(json){
 	    	matchingLanguage();
-			var searchParams = {
-				"roleName": {
-					"dataType": "input",
-					"searchCondition": [{
-						"operator": "<",
-						"operatorName": "小于"
-					}]
-				}
-			};
-			initTableSearchUtil.initAdvancedSearch(this, searchParams, form, function () {
+			initTableSearchUtil.initAdvancedSearch(this, json.searchFilter, form, function () {
 				table.reload("messageTable", {page: {curr: 1}, where: getTableParams()});
 			});
 	    }

web/src/main/resources/template/assets/lib/layui/customer/tableUtil/initTableSearchUtil.js

@@ -129,7 +129,7 @@ var initTableSearchUtil = {
             return '<input type="text" id="' + fieldId + '" name="' + fieldId + '" placeholder="请输入要搜索的内容" class="layui-input" />';
         } else if (type === 'date') {
             // 日期
-            return '';
+            return '<input type="text" id="' + fieldId + '" name="' + fieldId + '" placeholder="请输入要搜索的内容" class="layui-input" />';
         } else if (type === 'user') {
             // 用户
             return '';
@@ -146,12 +146,36 @@ var initTableSearchUtil = {
             $.each(dataFrom, function (i, item) {
                 options += '<option value="' + item.id + '">' + item.name + '</option>';
             });
-            return  '<select id="' + fieldId + '" lay-filter="' + fieldId + '" lay-search="" >' +
+            return '<select id="' + fieldId + '" lay-filter="' + fieldId + '" lay-search="" >' +
                 options +
                 '</select>';
         }
     },
 
+    /**
+     * 初始化事件，例如：日期的要初始化后才能使用
+     *
+     * @param fieldId 字段列id
+     * @param searchParam 高级查询的参数
+     */
+    initFormUnitEvent: function (fieldId, searchParam) {
+        var type = searchParam.dataType;
+        // 获取筛选条件
+        var operator = $("#sel" + fieldId).val();
+        if (type === 'date') {
+            var jsCon = '<script>layui.define(["laydate"], function(exports) {' +
+                'var laydate = layui.laydate;laydate.render({elem: "#' + fieldId + '", type: "date", trigger: "click"});' +
+                '})</script>';
+            if (operator == 'between') {
+                // 区间
+                jsCon = '<script>layui.define(["laydate"], function(exports) {' +
+                    'var laydate = layui.laydate;laydate.render({elem: "#' + fieldId + '", range: "~", trigger: "click"});' +
+                    '})</script>';
+            }
+            $("#searchBox").append(jsCon);
+        }
+    },
+
     /**
      * 获取表单组件显示出来的值
      *
@@ -164,7 +188,7 @@ var initTableSearchUtil = {
             return $("#" + fieldId).val();
         } else if (type === 'date') {
             // 日期
-            return '';
+            return $("#" + fieldId).val();
         } else if (type === 'user') {
             // 用户
             return '';
@@ -188,11 +212,20 @@ var initTableSearchUtil = {
      */
     getFormUnitHideValue: function (fieldId, searchParam) {
         var type = searchParam.dataType;
+        // 获取筛选条件
+        var operator = $("#sel" + fieldId).val();
         if (type === 'input') {
             return $("#" + fieldId).val();
         } else if (type === 'date') {
             // 日期
-            return '';
+            if (operator == 'between') {
+                var time = new Array();
+                time.push($("#" + fieldId).val().split('~')[0].trim());
+                time.push($("#" + fieldId).val().split('~')[1].trim());
+                return time;
+            }
+            // 日期
+            return $("#" + fieldId).val();
         } else if (type === 'user') {
             // 用户
             return '';
@@ -220,17 +253,20 @@ var initTableSearchUtil = {
         var tableChooseMap = isNull(initTableSearchUtil.chooseMap[tableId]) ? {} : initTableSearchUtil.chooseMap[tableId];
         var confimValue = tableChooseMap[fieldId];
         if (!isNull(confimValue)) {
-            // 加载搜索框
-            $("#searchContent" + fieldId).html(initTableSearchUtil.getFormUnit(fieldId, paramConfig));
             // 设置默认筛选条件
             $("#sel" + fieldId).val(confimValue.operator);
+            // 加载搜索框
+            $("#searchContent" + fieldId).html(initTableSearchUtil.getFormUnit(fieldId, paramConfig));
+            // 初始化事件，例如：日期的要初始化后才能使用
+            initTableSearchUtil.initFormUnitEvent(fieldId, paramConfig);
+
             // 根据类型设置默认值
             var type = paramConfig.dataType;
             if (type === 'input') {
                 return $("#" + fieldId).val(confimValue.showValue);
             } else if (type === 'date') {
                 // 日期
-                return '';
+                return $("#" + fieldId).val(confimValue.showValue);
             } else if (type === 'user') {
                 // 用户
                 return '';
@@ -263,8 +299,9 @@ var initTableSearchUtil = {
             var fieldId = $(this).attr("search-sign");
             var paramConfig = initTableSearchUtil.getPointSearchParams(tableId, fieldId);
             var fieldName = $(this).parent().find('span').html();
-            // 加载筛选框
+            // 加载表单筛选框
             $("body").append(initTableSearchUtil.searchBox(tableId, fieldId, paramConfig, fieldName));
+
             // 设置位置
             $("#searchBox").css("left", $(this).offset().left - 5);
             $("#searchBox").css("top", $(this).offset().top + $(this).outerHeight());
@@ -273,8 +310,9 @@ var initTableSearchUtil = {
             initTableSearchUtil.resetFormDefaultValue(tableId, fieldId, paramConfig);
             form.render();
             form.on('select(sel' + fieldId + ')', function (data) {
-                var value = data.value;
                 $("#searchContent" + fieldId).html(initTableSearchUtil.getFormUnit(fieldId, paramConfig));
+                // 初始化事件，例如：日期的要初始化后才能使用
+                initTableSearchUtil.initFormUnitEvent(fieldId, paramConfig);
                 form.render();
             });
 
@@ -347,6 +385,11 @@ var initTableSearchUtil = {
             initTableSearchUtil.chooseMap[tableId] = tableChooseMap;
 
             $(this).parent().remove();
+            // 加载回调函数
+            var mation = initTableSearchUtil.tableMap[tableId];
+            if (typeof (mation.callback) == "function") {
+                mation.callback();
+            }
         });
 
     },
@@ -361,7 +404,7 @@ var initTableSearchUtil = {
         var tableChooseMap = isNull(initTableSearchUtil.chooseMap[tableId]) ? {} : initTableSearchUtil.chooseMap[tableId];
         var str = "";
         $.each(tableChooseMap, function (key, value) {
-            str += '<span class="layui-badge layui-bg-blue skyeye-badge">' + value.fieldName + ' ' + value.operatorName + ' ' + value.value + '' +
+            str += '<span class="layui-badge layui-bg-blue skyeye-badge">' + value.fieldName + ' ' + value.operatorName + ' ' + value.showValue + '' +
                 '<i class="layui-icon layui-unselect layui-tab-close search-del" table-id="' + tableId + '" field-id="' + fieldId + '" title="删除">&#x1006;</i>' +
                 '</span>';
         });