人员选择框实现关闭时可清空选择

src/components/userSelector/index.vue

@@ -7,6 +7,7 @@
     width="1100px"
     top="10vh"
     append-to-body
+    @close="onClose"
   >
     <div class="el-dialog-div">
       <el-row :gutter="20">
@@ -142,6 +143,10 @@ export default {
     customTreeRequest: {
       type: Function,
     },
+    clearSelectOnClose: {
+      type: Boolean,
+      default: true,
+    },
   },
   methods: {
     getLabel,
@@ -161,6 +166,9 @@ export default {
       this.isShow = true;
       // this.refresh()
     },
+    clearSelected() {
+      this.selectList = [];
+    },
     resetQuery() {
       this.search.username = null;
       this.search.name = null;
@@ -175,6 +183,11 @@ export default {
     onSelect(item) {
       this.selectList = item;
     },
+    onClose() {
+      if (this.clearSelectOnClose) {
+        this.clearSelected();
+      }
+    },
     refresh() {
       this.$nextTick(() => {
         this.$refs.searchTable.refresh();

src/views/safetyBook/aqbwbndjh/dialog.edit.vue

@@ -85,7 +85,7 @@
         <el-button @click="isShow = false">取消</el-button>
       </div>
     </DialogCom>
-    <UserSelector ref="UserSelector" @select="onUserSelect"></UserSelector>
+    <UserSelector ref="UserSelector" @select="onUserSelect"  :clearSelectOnClose="false"></UserSelector>
   </div>
 </template>
 
@@ -204,6 +204,7 @@ export default {
             this.$emit("success");
             this.isShow = false;
           });
+          this.$refs["UserSelector"].clearSelected();
         }
       });
     },

src/views/safetyBook/dialog.sign.vue

@@ -53,7 +53,7 @@
         <el-button type="primary" @click="onSubmit">确定</el-button>
       </div>
     </DialogCom>
-    <UserSelector ref="UserSelector" @select="onUserSelect"></UserSelector>
+    <UserSelector ref="UserSelector" @select="onUserSelect" :clearSelectOnClose="false"></UserSelector>
   </div>
 </template>
 
@@ -138,6 +138,7 @@ export default {
     onSubmit() {
       this.$refs.form.validate(async (isValidate) => {
         if (!isValidate) return;
+        this.$refs["UserSelector"].clearSelected();
         this.$emit("success", this.formData,this.tem);
         this.isShow = false;
       });

src/views/safetyBook/hsggbsdj/dialog.edit.vue

@@ -82,7 +82,7 @@
         <el-button @click="isShow = false">取消</el-button>
       </div>
     </DialogCom>
-    <UserSelector ref="UserSelector" @select="onUserSelect"></UserSelector>
+    <UserSelector ref="UserSelector" @select="onUserSelect"  :clearSelectOnClose="false"></UserSelector>
   </div>
 </template>
 
@@ -200,6 +200,7 @@ export default {
             this.isShow = false;
           });
         }
+        this.$refs["UserSelector"].clearSelected();
       });
     },
     //选择用户回调