ソースを参照

代码模板,表单搜索及清除

CzRger 9 ヶ月 前
コミット
2b44e44fcc

+ 6 - 6
snowy-plugin/snowy-plugin-gen/src/main/resources/frontend/detail.vue.btl

@@ -27,15 +27,15 @@
                         <% } else if (configList[i].effectType == 'textarea') {%>
                         <a-textarea v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请输入${configList[i].fieldRemark}" :auto-size="{ minRows: 3, maxRows: 5 }" />
                         <% } else if (configList[i].effectType == 'select') {%>
-                        <a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
+                        <a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
                         <% } else if (configList[i].effectType == 'radio') {%>
                         <a-radio-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
                         <% } else if (configList[i].effectType == 'checkbox') {%>
                         <a-checkbox-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
                         <% } else if (configList[i].effectType == 'datepicker') {%>
-                        <a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+                        <a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
                         <% } else if (configList[i].effectType == 'timepicker') {%>
-                        <a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+                        <a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
                         <% } else if (configList[i].effectType == 'inputNumber') {%>
                         <a-input-number v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" :min="1" :max="10000" style="width: 100%" />
                         <% } else if (configList[i].effectType == 'slider') {%>
@@ -61,15 +61,15 @@
                 <% } else if (configList[i].effectType == 'textarea') {%>
                 <a-textarea v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请输入${configList[i].fieldRemark}" :auto-size="{ minRows: 3, maxRows: 5 }" />
                 <% } else if (configList[i].effectType == 'select') {%>
-                <a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
+                <a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
                 <% } else if (configList[i].effectType == 'radio') {%>
                 <a-radio-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
                 <% } else if (configList[i].effectType == 'checkbox') {%>
                 <a-checkbox-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
                 <% } else if (configList[i].effectType == 'datepicker') {%>
-                <a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+                <a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
                 <% } else if (configList[i].effectType == 'timepicker') {%>
-                <a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+                <a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
                 <% } else if (configList[i].effectType == 'inputNumber') {%>
                 <a-input-number v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请输入${configList[i].fieldRemark}" :min="1" :max="10000" style="width: 100%" />
                 <% } else if (configList[i].effectType == 'slider') {%>

+ 6 - 6
snowy-plugin/snowy-plugin-gen/src/main/resources/frontend/form.vue.btl

@@ -22,15 +22,15 @@
 						<% } else if (configList[i].effectType == 'textarea') {%>
 						<a-textarea v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请输入${configList[i].fieldRemark}" :auto-size="{ minRows: 3, maxRows: 5 }" />
 						<% } else if (configList[i].effectType == 'select') {%>
-						<a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
+						<a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
 						<% } else if (configList[i].effectType == 'radio') {%>
 						<a-radio-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
 						<% } else if (configList[i].effectType == 'checkbox') {%>
 						<a-checkbox-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
 						<% } else if (configList[i].effectType == 'datepicker') {%>
-						<a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+						<a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
 						<% } else if (configList[i].effectType == 'timepicker') {%>
-						<a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+						<a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
 						<% } else if (configList[i].effectType == 'inputNumber') {%>
 						<a-input-number v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" :min="1" :max="10000" style="width: 100%" />
 						<% } else if (configList[i].effectType == 'slider') {%>
@@ -56,15 +56,15 @@
 				<% } else if (configList[i].effectType == 'textarea') {%>
 				<a-textarea v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请输入${configList[i].fieldRemark}" :auto-size="{ minRows: 3, maxRows: 5 }" />
 				<% } else if (configList[i].effectType == 'select') {%>
-				<a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
+				<a-select v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
 				<% } else if (configList[i].effectType == 'radio') {%>
 				<a-radio-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
 				<% } else if (configList[i].effectType == 'checkbox') {%>
 				<a-checkbox-group v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
 				<% } else if (configList[i].effectType == 'datepicker') {%>
-				<a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+				<a-date-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
 				<% } else if (configList[i].effectType == 'timepicker') {%>
-				<a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" />
+				<a-time-picker v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" value-format="YYYY-MM-DD HH:mm:ss" show-time placeholder="请选择${configList[i].fieldRemark}" style="width: 100%" allow-clear/>
 				<% } else if (configList[i].effectType == 'inputNumber') {%>
 				<a-input-number v-model:value="formData.${configList[i].fieldNameCamelCase}" :disabled="isView" placeholder="请输入${configList[i].fieldRemark}" :min="1" :max="10000" style="width: 100%" />
 				<% } else if (configList[i].effectType == 'slider') {%>

+ 8 - 8
snowy-plugin/snowy-plugin-gen/src/main/resources/frontend/index.vue.btl

@@ -16,11 +16,11 @@
 				<a-col :span="6">
 				<% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
+						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
 					</a-form-item>
 				<% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
+						<a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
 					</a-form-item>
 				<% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
@@ -28,11 +28,11 @@
 					</a-form-item>
 				<% } else if (configList[i].effectType == 'datepicker') {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" value-format="YYYY-MM-DD HH:mm:ss" show-time />
+						<a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" value-format="YYYY-MM-DD HH:mm:ss" show-time allow-clear/>
 					</a-form-item>
 				<% } else {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
+						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
 					</a-form-item>
 				<% } %>
 				</a-col>
@@ -40,11 +40,11 @@
 				<a-col :span="6" v-show="advanced">
 				<% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
+						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
 					</a-form-item>
 				<% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
+						<a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
 					</a-form-item>
 				<% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
@@ -52,11 +52,11 @@
 					</a-form-item>
 				<% } else if (configList[i].effectType == 'datepicker') {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" show-time />
+						<a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" show-time allow-clear/>
 					</a-form-item>
 				<% } else {%>
 					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
+						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
 					</a-form-item>
 				<% } %>
 				</a-col>

+ 66 - 66
snowy-plugin/snowy-plugin-gen/src/main/resources/frontend/index_inside.vue.btl

@@ -9,72 +9,72 @@
 	<a-card :bordered="false" v-if="indexShow">
 		<% if (searchCount > 0) { %>
 		<a-form ref="searchFormRef" name="advanced_search" :model="searchFormState" class="ant-advanced-search-form">
-			<a-row :gutter="24">
-				<% for(var i = 0; i < configList.~size; i++) { %>
-				<% if(!configList[i].needTableId && configList[i].needPage) { row ++; %>
-				<% if(row <= 3) { %>
-				<a-col :span="6">
-				<% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
-					</a-form-item>
-				<% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
-					</a-form-item>
-				<% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input-number v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" style="width: 100%" />
-					</a-form-item>
-				<% } else if (configList[i].effectType == 'datepicker') {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" value-format="YYYY-MM-DD HH:mm:ss" show-time />
-					</a-form-item>
-				<% } else {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
-					</a-form-item>
-				<% } %>
-				</a-col>
-				<% } else { %>
-				<a-col :span="6" v-show="advanced">
-				<% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
-					</a-form-item>
-				<% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" />
-					</a-form-item>
-				<% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input-number v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" style="width: 100%" />
-					</a-form-item>
-				<% } else if (configList[i].effectType == 'datepicker') {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" show-time />
-					</a-form-item>
-				<% } else {%>
-					<a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
-						<a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" />
-					</a-form-item>
-				<% } %>
-				</a-col>
-				<% } %>
-				<% } %>
-				<% } %>
-				<a-col :span="6">
-					<a-button type="primary" @click="onSearch()">查询</a-button>
-					<a-button style="margin: 0 8px" @click="reset">重置</a-button>
-					<% if(searchCount > 3) { %>
-					<a @click="toggleAdvanced" style="margin-left: 8px">
-						{{ advanced ? '收起' : '展开' }}
-						<component :is="advanced ? 'up-outlined' : 'down-outlined'"/>
-					</a>
-					<% }%>
-				</a-col>
-			</a-row>
-		</a-form>
+            <a-row :gutter="24">
+                <% for(var i = 0; i < configList.~size; i++) { %>
+                <% if(!configList[i].needTableId && configList[i].needPage) { row ++; %>
+                <% if(row <= 3) { %>
+                <a-col :span="6">
+                <% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
+                    </a-form-item>
+                <% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
+                    </a-form-item>
+                <% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-input-number v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" style="width: 100%" />
+                    </a-form-item>
+                <% } else if (configList[i].effectType == 'datepicker') {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" value-format="YYYY-MM-DD HH:mm:ss" show-time allow-clear/>
+                    </a-form-item>
+                <% } else {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
+                    </a-form-item>
+                <% } %>
+                </a-col>
+                <% } else { %>
+                <a-col :span="6" v-show="advanced">
+                <% if(configList[i].effectType == 'input' || configList[i].effectType == 'textarea') { %>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
+                    </a-form-item>
+                <% } else if (configList[i].effectType == 'select' || configList[i].effectType == 'radio' || configList[i].effectType == 'checkbox') {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-select v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请选择${configList[i].fieldRemark}" :options="${configList[i].fieldNameCamelCase}Options" show-search allow-clear/>
+                    </a-form-item>
+                <% } else if (configList[i].effectType == 'inputNumber' || configList[i].effectType == 'slider') {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-input-number v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" style="width: 100%" />
+                    </a-form-item>
+                <% } else if (configList[i].effectType == 'datepicker') {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-range-picker v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" show-time allow-clear/>
+                    </a-form-item>
+                <% } else {%>
+                    <a-form-item label="${configList[i].fieldRemark}" name="${configList[i].fieldNameCamelCase}">
+                        <a-input v-model:value="searchFormState.${configList[i].fieldNameCamelCase}" placeholder="请输入${configList[i].fieldRemark}" allow-clear/>
+                    </a-form-item>
+                <% } %>
+                </a-col>
+                <% } %>
+                <% } %>
+                <% } %>
+                <a-col :span="6">
+                    <a-button type="primary" @click="onSearch()">查询</a-button>
+                    <a-button style="margin: 0 8px" @click="reset">重置</a-button>
+                    <% if(searchCount > 3) { %>
+                    <a @click="toggleAdvanced" style="margin-left: 8px">
+                        {{ advanced ? '收起' : '展开' }}
+                        <component :is="advanced ? 'up-outlined' : 'down-outlined'"/>
+                    </a>
+                    <% }%>
+                </a-col>
+            </a-row>
+        </a-form>
 		<% } %>
 		<s-table
 			ref="tableRef"