@sy-common/organize-select-help 1.0.0-beta.37 → 1.0.0-beta.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sy-common/organize-select-help",
-  "version": "1.0.0-beta.37",
+  "version": "1.0.0-beta.39",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/src/index.vue

@@ -297,13 +297,26 @@ export default {
     }
   },
   created() {
-    this.activeTabName = this.tabName || this.computedTabName;
+    this.activeTabName = this.computedTabName;
+    console.log("this.activeTabName", this.activeTabName);
+    // 新增：初始化时强制触发一次Tab更新，确保DOM渲染
+    this.$nextTick(() => {
+      this.$forceUpdate();
+    });
   },
   mounted() {
     this.queryTagList()
     this.queryPositionList()
-    // this.loadMore()
     this.initStaffOrgTree()
+
+    // 新增：mounted阶段再次确认activeTabName，确保Tab激活
+    this.$nextTick(() => {
+      this.activeTabName = this.computedTabName;
+      // 如果是staff Tab，主动触发初始化
+      if (this.activeTabName === 'staff') {
+        this.handleTabChange('staff');
+      }
+    });
   },
   methods:{
     async initStaffOrgTree() {
@@ -967,20 +980,23 @@ export default {
     },
     // 处理Tab切换，同步更新tabName
     handleTabChange(tabName) {
-      this.activeTabName = tabName;
-      this.$nextTick(() => this.$forceUpdate());
-      if (tabName === 'staff') {
-        this.$set(this, 'selectedStaffOrgId', '');
-        this.proStaffOrgList = [];
-        if (this.$refs.staffTree) {
-          this.$refs.staffTree.clearAllChecked(this.$refs.staffTree.data);
-          this.$refs.staffTree.$emit('handleChange', []);
+      // 修复：先强制更新activeTabName，再触发nextTick
+      this.$set(this, 'activeTabName', tabName);
+      this.$nextTick(() => {
+        this.$forceUpdate();
+        if (tabName === 'staff') {
+          this.$set(this, 'selectedStaffOrgId', '');
+          this.proStaffOrgList = [];
+          if (this.$refs.staffTree) {
+            this.$refs.staffTree.clearAllChecked(this.$refs.staffTree.data);
+            this.$refs.staffTree.$emit('handleChange', []);
+          }
+          this.$nextTick(() => this.searchStaff());
+        } else if (tabName === 'post' && this.$refs.postTree && this.proPostList.length === 0) {
+          this.proPostList = [];
+          this.$refs.postTree.initData();
         }
-        this.$nextTick(() => this.searchStaff());
-      } else if (tabName === 'post' && this.$refs.postTree && this.proPostList.length === 0) {
-        this.proPostList = [];
-        this.$refs.postTree.initData();
-      }
+      });
     },
     async fastChedkOrg(item) {
       // 1. 改用组织 Tab 专属标签列表判断
@@ -1521,6 +1537,18 @@ export default {
     }
   },
   watch:{
+    computedTabName(newVal) {
+      if (newVal) {
+        this.activeTabName = newVal;
+        this.$nextTick(() => {
+          this.$forceUpdate();
+          // 如果是staff，主动触发初始化
+          if (newVal === 'staff') {
+            this.handleTabChange('staff');
+          }
+        });
+      }
+    },
     value(val){
       this.modal = val
     },