fix：后台-权限管理-用户管理--外面的搜索框点重置后，搜索框内内容还存在

back/src/views/modules/sys/user.vue

@@ -1,209 +1,92 @@
 <template>
   <el-card shadow="never" class="aui-card--fill">
     <div class="mod-sys__user">
-      <el-form
+      <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
-        :inline="true"
-        :model="dataForm"
-        @keyup.enter.native="getDataList()"
-      >
         <el-form-item>
-          <el-input
+          <el-input v-model="dataForm.username" placeholder="用户名" clearable></el-input>
-            v-model="dataForm.username"
-            placeholder="用户名"
-            clearable
-          ></el-input>
         </el-form-item>
         <el-form-item>
-          <el-input
+          <el-input v-model="dataForm.real_name" placeholder="真实姓名" clearable></el-input>
-            v-model="dataForm.real_name"
-            placeholder="真实姓名"
-            clearable
-          ></el-input>
         </el-form-item>
         <el-form-item>
-          <ren-select
+          <ren-select v-model="dataForm.gender" dict-type="gender" :placeholder="$t('user.gender')"></ren-select>
-            v-model="dataForm.gender"
-            dict-type="gender"
-            :placeholder="$t('user.gender')"
-          ></ren-select>
         </el-form-item>
         <el-form-item>
-          <el-select
+          <el-select v-model="dataForm.postId" :placeholder="$t('user.postIdList')" clearable>
-            v-model="dataForm.postId"
+            <el-option :label="data.postName" v-for="data in postList" :key="data.id" :value="data.id">{{ data.postName
-            :placeholder="$t('user.postIdList')"
+            }}</el-option>
-            clearable
-          >
-            <el-option
-              :label="data.postName"
-              v-for="data in postList"
-              :key="data.id"
-              :value="data.id"
-              >{{ data.postName }}</el-option
-            >
           </el-select>
         </el-form-item>
         <el-form-item>
-          <ren-dept-tree
+          <ren-dept-tree v-model="dataForm.deptId" :placeholder="$t('dept.title')" :query="true" ref="renDeptTree">
-            v-model="dataForm.deptId"
+          </ren-dept-tree>
-            :placeholder="$t('dept.title')"
-            :query="true"
-          ></ren-dept-tree>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" @click="getDataList()">{{
-            $t('query')
+          $t('query')
           }}</el-button>
         </el-form-item>
         <el-form-item>
-          <el-button
+          <el-button v-if="$hasPermission('sys:user:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}
-            v-if="$hasPermission('sys:user:save')"
+          </el-button>
-            type="primary"
-            @click="addOrUpdateHandle()"
-            >{{ $t('add') }}</el-button
-          >
         </el-form-item>
         <el-form-item>
-          <el-button
+          <el-button v-if="$hasPermission('sys:user:delete')" type="danger" @click="deleteHandle()">{{ $t('deleteBatch')
-            v-if="$hasPermission('sys:user:delete')"
+          }}</el-button>
-            type="danger"
-            @click="deleteHandle()"
-            >{{ $t('deleteBatch') }}</el-button
-          >
         </el-form-item>
         <el-form-item>
-          <el-button
+          <el-button v-if="$hasPermission('sys:user:export')" type="info" @click="exportHandle()">{{ $t('export') }}
-            v-if="$hasPermission('sys:user:export')"
+          </el-button>
-            type="info"
-            @click="exportHandle()"
-            >{{ $t('export') }}</el-button
-          >
         </el-form-item>
         <el-form-item>
           <el-button @click="reset()">重置</el-button>
         </el-form-item>
       </el-form>
-      <el-table
+      <el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle"
-        v-loading="dataListLoading"
+        @sort-change="dataListSortChangeHandle" style="width: 100%">
-        :data="dataList"
+        <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
-        border
+        <el-table-column prop="username" :label="$t('user.username')" sortable="custom" header-align="center"
-        @selection-change="dataListSelectionChangeHandle"
+          align="center"></el-table-column>
-        @sort-change="dataListSortChangeHandle"
+        <el-table-column prop="realName" label="真实姓名" header-align="center" align="center"></el-table-column>
-        style="width: 100%"
+        <el-table-column prop="deptName" :label="$t('user.deptName')" header-align="center" align="center">
-      >
+        </el-table-column>
-        <el-table-column
+        <el-table-column prop="email" :label="$t('user.email')" header-align="center" align="center"></el-table-column>
-          type="selection"
+        <el-table-column prop="mobile" :label="$t('user.mobile')" sortable="custom" header-align="center"
-          header-align="center"
+          align="center"></el-table-column>
-          align="center"
+        <el-table-column prop="gender" :label="$t('user.gender')" sortable="custom" header-align="center"
-          width="50"
+          align="center">
-        ></el-table-column>
-        <el-table-column
-          prop="username"
-          :label="$t('user.username')"
-          sortable="custom"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="realName"
-          label="真实姓名"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="deptName"
-          :label="$t('user.deptName')"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="email"
-          :label="$t('user.email')"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="mobile"
-          :label="$t('user.mobile')"
-          sortable="custom"
-          header-align="center"
-          align="center"
-        ></el-table-column>
-        <el-table-column
-          prop="gender"
-          :label="$t('user.gender')"
-          sortable="custom"
-          header-align="center"
-          align="center"
-        >
           <template slot-scope="scope">
             {{ $getDictLabel('gender', scope.row.gender) }}
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column prop="status" :label="$t('user.status')" sortable="custom" header-align="center"
-          prop="status"
+          align="center">
-          :label="$t('user.status')"
-          sortable="custom"
-          header-align="center"
-          align="center"
-        >
           <template slot-scope="scope">
             <el-tag v-if="scope.row.status === 0" size="small" type="danger">{{
-              $t('user.status0')
+            $t('user.status0')
             }}</el-tag>
             <el-tag v-else size="small" type="success">{{
-              $t('user.status1')
+            $t('user.status1')
             }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column prop="createDate" :label="$t('user.createDate')" sortable="custom" header-align="center"
-          prop="createDate"
+          align="center" width="180"></el-table-column>
-          :label="$t('user.createDate')"
+        <el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
-          sortable="custom"
-          header-align="center"
-          align="center"
-          width="180"
-        ></el-table-column>
-        <el-table-column
-          :label="$t('handle')"
-          fixed="right"
-          header-align="center"
-          align="center"
-          width="150"
-        >
           <template slot-scope="scope">
-            <el-button
+            <el-button v-if="$hasPermission('sys:user:update')" type="text" size="small"
-              v-if="$hasPermission('sys:user:update')"
+              @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
-              type="text"
+            <el-button v-if="$hasPermission('sys:user:delete')" type="text" size="small"
-              size="small"
+              @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
-              @click="addOrUpdateHandle(scope.row.id)"
-              >{{ $t('update') }}</el-button
-            >
-            <el-button
-              v-if="$hasPermission('sys:user:delete')"
-              type="text"
-              size="small"
-              @click="deleteHandle(scope.row.id)"
-              >{{ $t('delete') }}</el-button
-            >
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination
+      <el-pagination :current-page="page" :page-sizes="[10, 20, 50, 100]" :page-size="limit" :total="total"
-        :current-page="page"
+        layout="total, sizes, prev, pager, next, jumper" @size-change="pageSizeChangeHandle"
-        :page-sizes="[10, 20, 50, 100]"
+        @current-change="pageCurrentChangeHandle">
-        :page-size="limit"
-        :total="total"
-        layout="total, sizes, prev, pager, next, jumper"
-        @size-change="pageSizeChangeHandle"
-        @current-change="pageCurrentChangeHandle"
-      >
       </el-pagination>
       <!-- 弹窗, 新增 / 修改 -->
-      <add-or-update
+      <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
-        v-if="addOrUpdateVisible"
-        ref="addOrUpdate"
-        @refreshDataList="getDataList"
-      ></add-or-update>
     </div>
   </el-card>
 </template>
@@ -214,7 +97,7 @@ import AddOrUpdate from './user-add-or-update'
 import qs from 'qs'
 export default {
   mixins: [mixinViewModule],
-  data () {
+  data() {
     return {
       mixinViewModuleOptions: {
         getDataListURL: '/sys/user/page',
@@ -235,30 +118,33 @@ export default {
   components: {
     AddOrUpdate
   },
-  created () {
+  created() {
     this.getPostList()
   },
   methods: {
-    reset () {
+    reset() {
+      this.dataForm.username = ''
+      this.dataForm.real_name = ''
+      this.dataForm.deptId = ''
+      this.dataForm.postId = ''
+      this.dataForm.gender = ''
+      if (this.$refs.renDeptTree) {
+        this.$refs.renDeptTree.showDeptName = '';
+      }
       this.$http
         .get(
           this.mixinViewModuleOptions.getDataListURL +
-            '?' +
+          '?' +
-            qs.stringify({
+          qs.stringify({
-              page: 1,
+            page: 1,
-              limit: 10,
+            limit: 10,
-              username: '',
+            username: '',
-              deptId: '',
+            deptId: '',
-              postId: '',
+            postId: '',
-              gender: ''
+            gender: ''
-            })
+          })
         )
         .then(({ data: res }) => {
-          this.dataForm.username = ''
-          this.dataForm.real_name = ''
-          this.dataForm.deptId = ''
-          this.dataForm.postId = ''
-          this.dataForm.gender = ''
           if (res.code !== 0) {
             this.dataList = []
             this.total = 0
@@ -279,7 +165,7 @@ export default {
           this.dataListLoading = false
         })
     },
-    getPostList () {
+    getPostList() {
       this.$http
         .get('/sys/post/list')
         .then(({ data: res }) => {
@@ -288,7 +174,7 @@ export default {
           }
           this.postList = res.data
         })
-        .catch(() => {})
+        .catch(() => { })
     }
   }
 }