Browse Source

fix: reset search form

Sendya 6 years ago
parent
commit
e4c85b908d
1 changed files with 13 additions and 6 deletions
  1. 13 6
      src/views/list/TableList.vue

+ 13 - 6
src/views/list/TableList.vue

@@ -5,12 +5,12 @@
         <a-row :gutter="48">
           <a-col :md="8" :sm="24">
             <a-form-item label="规则编号">
-              <a-input placeholder=""/>
+              <a-input v-model="queryParam.id" placeholder=""/>
             </a-form-item>
           </a-col>
           <a-col :md="8" :sm="24">
             <a-form-item label="使用状态">
-              <a-select placeholder="请选择" default-value="0">
+              <a-select v-model="queryParam.status" placeholder="请选择" default-value="0">
                 <a-select-option value="0">全部</a-select-option>
                 <a-select-option value="1">关闭</a-select-option>
                 <a-select-option value="2">运行中</a-select-option>
@@ -20,17 +20,17 @@
           <template v-if="advanced">
             <a-col :md="8" :sm="24">
               <a-form-item label="调用次数">
-                <a-input-number style="width: 100%"/>
+                <a-input-number v-model="queryParam.callNo" style="width: 100%"/>
               </a-form-item>
             </a-col>
             <a-col :md="8" :sm="24">
               <a-form-item label="更新日期">
-                <a-date-picker style="width: 100%" placeholder="请输入更新日期"/>
+                <a-date-picker v-model="queryParam.date" style="width: 100%" placeholder="请输入更新日期"/>
               </a-form-item>
             </a-col>
             <a-col :md="8" :sm="24">
               <a-form-item label="使用状态">
-                <a-select placeholder="请选择" default-value="0">
+                <a-select v-model="queryParam.useStatus" placeholder="请选择" default-value="0">
                   <a-select-option value="0">全部</a-select-option>
                   <a-select-option value="1">关闭</a-select-option>
                   <a-select-option value="2">运行中</a-select-option>
@@ -50,7 +50,7 @@
           <a-col :md="!advanced && 8 || 24" :sm="24">
             <span class="table-page-search-submitButtons" :style="advanced && { float: 'right', overflow: 'hidden' } || {} ">
               <a-button type="primary">查询</a-button>
-              <a-button style="margin-left: 8px">重置</a-button>
+              <a-button style="margin-left: 8px" @click="resetSearchForm">重置</a-button>
               <a @click="toggleAdvanced" style="margin-left: 8px">
                 {{ advanced ? '收起' : '展开' }}
                 <a-icon :type="advanced ? 'up' : 'down'"/>
@@ -182,6 +182,7 @@
   import STable from '@/components/table/'
   import ATextarea from "ant-design-vue/es/input/TextArea"
   import AInput from "ant-design-vue/es/input/Input"
+  import moment from "moment"
 
   import { getRoleList, getServiceList } from '@/api/manage'
 
@@ -277,6 +278,12 @@
       toggleAdvanced () {
         this.advanced = !this.advanced
       },
+
+      resetSearchForm () {
+        this.queryParam = {
+          date: moment(new Date())
+        }
+      }
     },
     watch: {
       /*