Parcourir la source

字典数据支持模糊条件查询

RuoYi il y a 5 ans
Parent
commit
46b08d9474

+ 11 - 4
ruoyi-admin/src/main/resources/templates/system/dict/data/data.html

@@ -2,6 +2,7 @@
 <html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
 <head>
 	<th:block th:include="include :: header('字典数据列表')" />
+	<th:block th:include="include :: select2-css" />
 </head>
 <body class="gray-bg">
 	<div class="container-div">
@@ -11,9 +12,9 @@
 					<div class="select-list">
 						<ul>
 						    <li>
-								字典名称:<select id="dictType" name="dictType">
-					                      <option th:each="dict : ${dictList}" th:text="${dict['dictName']}" th:value="${dict['dictType']}" th:field="*{dict.dictType}"></option>
-					                  </select>
+								字典名称:<select id="dictType" name="dictType" class="form-control">
+					                <option th:each="dict : ${dictList}" th:text="${dict['dictName']}" th:value="${dict['dictType']}" th:field="*{dict.dictType}"></option>
+								</select>
 							</li>
 							<li>
 								字典标签:<input type="text" name="dictLabel"/>
@@ -26,7 +27,7 @@
 							</li>
 							<li>
 								<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
-							    <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
+							    <a class="btn btn-warning btn-rounded btn-sm" onclick="resetPre()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
 							</li>
 						</ul>
 					</div>
@@ -54,6 +55,7 @@
 		</div>
 	</div>
 	<th:block th:include="include :: footer" />
+	<th:block th:include="include :: select2-js" />
 	<script th:inline="javascript">
 		var editFlag = [[${@permission.hasPermi('system:dict:edit')}]];
 		var removeFlag = [[${@permission.hasPermi('system:dict:remove')}]];
@@ -132,6 +134,11 @@
 		    var dictType = $("#dictType option:selected").val();
 		    $.operate.add(dictType);
 		}
+		
+		function resetPre() {
+			$.form.reset();
+			$("#dictType").val($("#dictType").val()).trigger("change");
+		}
 	</script>
 </body>
 </html>