From 49b41ce8e6874ed9be714e882aed97a22618a802 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Sat, 22 Oct 2022 14:29:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=90=8E=E5=8F=B0-=E6=9D=83?=
 =?UTF-8?q?=E9=99=90=E7=AE=A1=E7=90=86-=E7=94=A8=E6=88=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=EF=BC=9A=E6=90=9C=E7=B4=A2bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ren-dept-tree/src/ren-dept-tree.vue       | 81 +++++++++----------
 1 file changed, 40 insertions(+), 41 deletions(-)

diff --git a/back/src/components/ren-dept-tree/src/ren-dept-tree.vue b/back/src/components/ren-dept-tree/src/ren-dept-tree.vue
index c788be6b..5c26123e 100644
--- a/back/src/components/ren-dept-tree/src/ren-dept-tree.vue
+++ b/back/src/components/ren-dept-tree/src/ren-dept-tree.vue
@@ -1,42 +1,36 @@
 <template>
   <div>
-  <el-input v-model="showDeptName" :placeholder="placeholder" @focus="deptDialog">
-    <el-button slot="append" icon="el-icon-search" @click="deptDialog"></el-button>
-  </el-input>
-  <el-input :value="value" style="display: none"></el-input>
-  <el-dialog :visible.sync="visibleDept" width="30%" :modal="false" :title="placeholder" :close-on-click-modal="false" :close-on-press-escape="false">
-    <el-form size="mini" :inline="true">
-      <el-form-item :label="$t('keyword')">
-        <el-input v-model="filterText"></el-input>
-      </el-form-item>
-      <el-form-item>
-        <!-- <el-button type="default">{{ $t('query') }}</el-button> -->
-        <el-button type="default">{{ $t('query') }}</el-button>
-      </el-form-item>
-    </el-form>
-    <el-tree
-      class="filter-tree"
-      :data="deptList"
-      :default-expanded-keys="expandedKeys"
-      :props="{ label: 'name', children: 'children' }"
-      :expand-on-click-node="false"
-      :filter-node-method="filterNode"
-      :highlight-current="true"
-      node-key="id"
-      ref="tree">
-    </el-tree>
-    <template slot="footer">
-      <el-button type="default" @click="cancelHandle()" size="mini">{{ $t('cancel') }}</el-button>
-      <el-button v-if="query" type="info" @click="clearHandle()" size="mini">{{ $t('clear') }}</el-button>
-      <el-button type="primary" @click="commitHandle()" size="mini">{{ $t('confirm') }}</el-button>
-    </template>
-  </el-dialog>
+    <el-input v-model="showDeptName" :placeholder="placeholder" @focus="deptDialog">
+      <el-button slot="append" icon="el-icon-search" @click="deptDialog"></el-button>
+    </el-input>
+    <el-input :value="value" style="display: none"></el-input>
+    <el-dialog :visible.sync="visibleDept" width="30%" :modal="false" :title="placeholder" :close-on-click-modal="false"
+      :close-on-press-escape="false">
+      <el-form size="mini" :inline="true">
+        <el-form-item :label="$t('keyword')">
+          <el-input v-model="filterText"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <!-- <el-button type="default">{{ $t('query') }}</el-button> -->
+          <el-button type="default">{{ $t('query') }}</el-button>
+        </el-form-item>
+      </el-form>
+      <el-tree class="filter-tree" :data="deptList" :default-expanded-keys="expandedKeys"
+        :props="{ label: 'name', children: 'children' }" :expand-on-click-node="false" :filter-node-method="filterNode"
+        :highlight-current="true" node-key="id" ref="tree">
+      </el-tree>
+      <template slot="footer">
+        <el-button type="default" @click="cancelHandle()" size="mini">{{ $t('cancel') }}</el-button>
+        <el-button v-if="query" type="info" @click="clearHandle()" size="mini">{{ $t('clear') }}</el-button>
+        <el-button type="primary" @click="commitHandle()" size="mini">{{ $t('confirm') }}</el-button>
+      </template>
+    </el-dialog>
   </div>
 </template>
 <script>
 export default {
   name: 'RenDeptTree',
-  data () {
+  data() {
     return {
       filterText: '',
       visibleDept: false,
@@ -56,15 +50,20 @@ export default {
     placeholder: String
   },
   watch: {
-    filterText (val) {
+    filterText(val) {
       this.$refs.tree.filter(val)
     },
-    deptName (val) {
+    deptName(val) {
       this.showDeptName = val
+    },
+    visibleDept(val) {
+      if (!val) {
+        this.filterText = ''
+      }
     }
   },
   methods: {
-    deptDialog () {
+    deptDialog() {
       this.expandedKeys = null
       if (this.$refs.tree) {
         this.$refs.tree.setCurrentKey(null)
@@ -72,11 +71,11 @@ export default {
       this.visibleDept = true
       this.getDeptList(this.value)
     },
-    filterNode (value, data) {
+    filterNode(value, data) {
       if (!value) return true
       return data.name.indexOf(value) !== -1
     },
-    getDeptList (id) {
+    getDeptList(id) {
       return this.$http.get('/sys/dept/list').then(({ data: res }) => {
         if (res.code !== 0) {
           return this.$message.error(res.msg)
@@ -86,14 +85,14 @@ export default {
           this.$refs.tree.setCurrentKey(id)
           this.expandedKeys = [id]
         })
-      }).catch(() => {})
+      }).catch(() => { })
     },
-    cancelHandle () {
+    cancelHandle() {
       this.visibleDept = false
       this.deptList = []
       this.filterText = ''
     },
-    clearHandle () {
+    clearHandle() {
       this.$emit('input', '')
       this.$emit('update:deptName', '')
       this.showDeptName = ''
@@ -101,7 +100,7 @@ export default {
       this.deptList = []
       this.filterText = ''
     },
-    commitHandle () {
+    commitHandle() {
       const node = this.$refs.tree.getCurrentNode()
       if (!node) {
         this.$message.error(this.$t('dept.chooseerror'))