|
@@ -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"
|