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

5 years ago · 4fa28e847c
parent b00083e297
commit 4fa28e847c
1 changed files with 11 additions and 4 deletions
--- a/ruoyi-admin/src/main/resources/templates/system/dict/data/data.html
+++ b/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>