调度中心UI交互优化，任务及日志管理支持下拉框模糊搜索，提升交互体验；

doc/XXL-JOB官方文档.md

@@ -2843,9 +2843,10 @@ alter table xxl_job_log
 - 1、【重构】项目结构AI Ready重构，业务逻辑与框架逻辑分离，提升项目可读性与可维护性；
 - 2、【调整】消息中心移除context-path前缀配置项，简化客户端配置；
   （存量客户端升级需要注意：升级后需要将配置项 "xxl.job.admin.addresses" 中的 context-path 前缀移除）
-- 3、【升级】升级多项maven依赖至较新版本，如 spring、netty 等；
-- 4、【TODO】调度中心OpenAPI完善，提供任务管理能力；封装Agent Skill并推送ClawHub；
-- 5、【TODO】AccessToken升级：执行器维度隔离，支持线上化配置；升级双端OpenApi，适配AccessToken升级；
+- 3、【优化】任务参数长度调整，最长支持2048字符；
+- 4、【升级】调度中心UI交互优化，任务及日志管理支持下拉框模糊搜索，提升交互体验；
+- 5、【TODO】调度中心OpenAPI完善，提供任务管理能力；封装Agent Skill并推送ClawHub；
+- 6、【TODO】AccessToken升级：执行器维度隔离，支持线上化配置；升级双端OpenApi，适配AccessToken升级；
 
 
 ### TODO LIST

xxl-job-admin/src/main/resources/templates/business/job.list.ftl

@@ -5,6 +5,8 @@
 	<#import "../framework/common/common.macro.ftl" as netCommon>
 
 	<!-- 1-style start -->
+	<#-- select2：should before adminlte -->
+	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/select2/select2.min.css">
 	<@netCommon.commonStyle />
 	<link rel="stylesheet" href="${request.contextPath}/static/plugins/bootstrap-table/bootstrap-table.min.css">
 	<!-- 1-style end -->
@@ -548,6 +550,8 @@ exit 0
 <script src="${request.contextPath}/static/biz/common/admin.util.js"></script>
 <#-- moment -->
 <script src="${request.contextPath}/static/adminlte/bower_components/moment/moment.min.js"></script>
+<#-- select2 -->
+<script src="${request.contextPath}/static/adminlte/bower_components/select2/select2.min.js"></script>
 <#-- cronGen -->
 <script src="${request.contextPath}/static/plugins/cronGen/<#if I18n.admin_i18n?? && I18n.admin_i18n == 'en'>cronGen_en.js<#else>cronGen.js</#if>"></script>
 <script>
@@ -555,6 +559,9 @@ exit 0
 
 		// ---------------------- filter ----------------------
 
+		// select2：init
+		$('#jobGroup').select2();
+
 		/**
 		 * jobGroup change
 		 */

xxl-job-admin/src/main/resources/templates/business/log.list.ftl

@@ -5,6 +5,8 @@
 	<#import "../framework/common/common.macro.ftl" as netCommon>
 
 	<!-- 1-style start -->
+	<#-- select2：should before adminlte -->
+	<link rel="stylesheet" href="${request.contextPath}/static/adminlte/bower_components/select2/select2.min.css">
 	<@netCommon.commonStyle />
 	<link rel="stylesheet" href="${request.contextPath}/static/plugins/bootstrap-table/bootstrap-table.min.css">
 	<!-- daterangepicker -->
@@ -33,7 +35,7 @@
 							</select>
 						</div>
 					</div>
-					<div class="col-xs-2">
+					<div class="col-xs-3">
 						<div class="input-group">
 							<span class="input-group-addon">${I18n.jobinfo_job}</span>
 							<select class="form-control" id="jobId" >
@@ -46,9 +48,9 @@
 							</select>
 						</div>
 					</div>
-					<div class="col-xs-2">
+					<div class="col-xs-1">
 						<div class="input-group">
-							<span class="input-group-addon">${I18n.joblog_status}</span>
+							<#--<span class="input-group-addon">${I18n.joblog_status}</span>-->
 							<select class="form-control" id="logStatus" >
 								<option value="-1" >${I18n.joblog_status_all}</option>
 								<option value="1" >${I18n.joblog_status_suc}</option>
@@ -164,6 +166,8 @@
 <#--daterangepicker-->
 <script src="${request.contextPath}/static/adminlte/bower_components/moment/moment.min.js"></script>
 <script src="${request.contextPath}/static/adminlte/bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
+<#-- select2 -->
+<script src="${request.contextPath}/static/adminlte/bower_components/select2/select2.min.js"></script>
 <#-- admin table -->
 <script src="${request.contextPath}/static/biz/common/admin.table.js"></script>
 <script>
@@ -171,6 +175,10 @@
 
 		// ---------------------- filter ----------------------
 
+		// select2: init
+		$('#jobGroup').select2();
+		$('#jobId').select2();
+
 		/**
 		 * jobGroup change
  		 */
@@ -224,7 +232,7 @@
 			$('#filterTime').data("daterangepicker").setEndDate( rangesConf[I18n.daterangepicker_ranges_recent_week][1] );
 
 			$("#jobGroup").val( jobGroup );
-			$("#jobId").val( jobId );
+			$("#jobId").val( jobId ).trigger("change");		// select2: change 	; $("#jobId").val( jobId );
 			$('#logStatus').prop('selectedIndex', 0);
 		}
 		resetFilter();