瀏覽代碼

加重置按钮

chenrui 4 年之前
父節點
當前提交
0e72178819

+ 16 - 4
src/views/CardVoucherAuth/role/roleList.vue

@@ -5,17 +5,17 @@
         <a-row :gutter="48">
           <a-col :md="6" :sm="24">
             <a-form-item label="角色名称">
-              <a-input allowClear v-model.trim="queryParam.name" placeholder="请输入角色名称"/>
+              <a-input allowClear v-model.trim="queryParam.name" @pressEnter="$refs.table.refresh(true)" placeholder="请输入角色名称"/>
             </a-form-item>
           </a-col>
-
           <a-col :md="6" :sm="24">
             <a-form-item label="状态">
               <v-select code="CHECK_ENABLE_STATE" v-model="queryParam.isEnable" allowClear placeholder="请选择状态" ></v-select>
             </a-form-item>
           </a-col>
-          <a-col :md="4" :sm="24">
+          <a-col :md="4" :sm="24" class="flex-sp">
             <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
+            <a-button @click="reset">重置</a-button>
           </a-col>
         </a-row>
       </a-form>
@@ -154,7 +154,14 @@ export default {
         }
       })
     },
-
+    //  重置
+    reset () {
+      this.queryParam = {
+        name: '',
+        isEnable: ''
+      }
+      this.$refs.table.refresh(true)
+    },
     // 删除
     delect (row) {
       const _this = this
@@ -204,6 +211,11 @@ export default {
   .table-page-search-wrapper .ant-form-inline .ant-form-item{
     margin-bottom: 0;
   }
+  .flex-sp{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
   .action-button{
     line-height: 40px;
     white-space: nowrap;

+ 2 - 2
src/views/CardVoucherAuth/user/userList.vue

@@ -5,12 +5,12 @@
         <a-row :gutter="48">
           <a-col :md="6" :sm="24">
             <a-form-item label="用户名称">
-              <a-input allowClear v-model.trim="queryParam.name" placeholder="请输入用户名称"/>
+              <a-input allowClear v-model.trim="queryParam.name" @pressEnter="$refs.table.refresh(true)" placeholder="请输入用户名称"/>
             </a-form-item>
           </a-col>
           <a-col :md="6" :sm="24">
             <a-form-item label="手机号码">
-              <a-input allowClear v-model.trim="queryParam.phone" placeholder="请输入手机号码"/>
+              <a-input allowClear v-model.trim="queryParam.phone" @pressEnter="$refs.table.refresh(true)" placeholder="请输入手机号码"/>
             </a-form-item>
           </a-col>
           <a-col :md="6" :sm="24">

+ 16 - 4
src/views/power/role/roleList.vue

@@ -5,17 +5,17 @@
         <a-row :gutter="48">
           <a-col :md="6" :sm="24">
             <a-form-item label="角色名称">
-              <a-input allowClear v-model.trim="queryParam.name" placeholder="请输入角色名称"/>
+              <a-input allowClear v-model.trim="queryParam.name" @pressEnter="$refs.table.refresh(true)" placeholder="请输入角色名称"/>
             </a-form-item>
           </a-col>
-
           <a-col :md="6" :sm="24">
             <a-form-item label="状态">
               <v-select code="CHECK_ENABLE_STATE" v-model="queryParam.isEnable" allowClear placeholder="请选择状态" ></v-select>
             </a-form-item>
           </a-col>
-          <a-col :md="4" :sm="24">
+          <a-col :md="4" :sm="24" class="flex-sp">
             <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
+            <a-button @click="reset">重置</a-button>
           </a-col>
         </a-row>
       </a-form>
@@ -154,7 +154,14 @@ export default {
         }
       })
     },
-
+    //  重置
+    reset () {
+      this.queryParam = {
+        name: '',
+        isEnable: ''
+      }
+      this.$refs.table.refresh(true)
+    },
     // 删除
     delect (row) {
       const _this = this
@@ -204,6 +211,11 @@ export default {
   .table-page-search-wrapper .ant-form-inline .ant-form-item{
     margin-bottom: 0;
   }
+  .flex-sp{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
   .action-button{
     line-height: 40px;
     white-space: nowrap;

+ 18 - 5
src/views/power/user/userList.vue

@@ -5,23 +5,22 @@
         <a-row :gutter="48">
           <a-col :md="6" :sm="24">
             <a-form-item label="用户名称">
-              <a-input allowClear v-model.trim="queryParam.name" placeholder="请输入用户名称"/>
+              <a-input allowClear v-model.trim="queryParam.name" @pressEnter="$refs.table.refresh(true)" placeholder="请输入用户名称"/>
             </a-form-item>
           </a-col>
-
           <a-col :md="6" :sm="24">
             <a-form-item label="手机号码">
-              <a-input allowClear v-model.trim="queryParam.phone" placeholder="请输入手机号码"/>
+              <a-input allowClear v-model.trim="queryParam.phone" @pressEnter="$refs.table.refresh(true)" placeholder="请输入手机号码"/>
             </a-form-item>
           </a-col>
-
           <a-col :md="6" :sm="24">
             <a-form-item label="状态">
               <v-select code="CHECK_ENABLE_STATE" v-model="queryParam.loginFlag" allowClear placeholder="请选择状态"></v-select>
             </a-form-item>
           </a-col>
-          <a-col :md="4" :sm="24">
+          <a-col :md="4" :sm="24" class="flex-sp">
             <a-button type="primary" @click="$refs.table.refresh(true)">查询</a-button>
+            <a-button @click="reset">重置</a-button>
           </a-col>
         </a-row>
       </a-form>
@@ -192,6 +191,15 @@ export default {
         }
       })
     },
+    //  重置
+    reset () {
+      this.queryParam = {
+        name: '',
+        phone: '',
+        loginFlag: ''
+      }
+      this.$refs.table.refresh(true)
+    },
     getBizStr (storeBizList) {
       const str = []
       storeBizList.forEach(item => {
@@ -224,6 +232,11 @@ export default {
   .table-page-search-wrapper .ant-form-inline .ant-form-item{
     margin-bottom: 0;
   }
+  .flex-sp{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
   .action-button{
    line-height: 40px;
    white-space: nowrap;