agilebuilder-ui 1.1.48 → 1.1.49

package/packages/workgroup-user-tree-inline/src/workgroup-tree-inline-service.js

@@ -132,27 +132,29 @@ const workgroupTreeInlineService = {
       .then((data) => {
         resolve(data)
         // 更新当前点击的节点的子节点
-        this.$refs.workgroupUserTree.updateKeyChildren(parentNodeId, data)
-        if (parentId === 0) {
-          // 初始化树时，展开公司节点
-          const tenantData = data[0].data
-          this.tenantInfo = JSON.parse(tenantData)
-          this.containBranch = data[0].containBranch
-          // 加载整个组织结构树时，展开公司节点
-          this.loadWorkgroup(this.tenantNodeId, this.tenantNodeId + '')
-        }
-        if (this.isClickNode) {
-          // 表示点击工作组节点选中时展开
-          this.isClickNode = false
-          this.checkedNode(node.data)
-        } else {
-          // 表示是点击三角展开节点时
-          if (checkedKeys && checkedKeys.indexOf(parentNodeId) > -1) {
-            // 点击公司名称前的三角标识展开节点时，保持当前节点的选中状态
-            // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
-            this.checkedNode(node.data)
+          if (this.$refs.workgroupUserTree) {
+            this.$refs.workgroupUserTree.updateKeyChildren(parentNodeId, data)
+            if (parentId === 0) {
+              // 初始化树时，展开公司节点
+              const tenantData = data[0].data
+              this.tenantInfo = JSON.parse(tenantData)
+              this.containBranch = data[0].containBranch
+              // 加载整个组织结构树时，展开公司节点
+              this.loadWorkgroup(this.tenantNodeId, this.tenantNodeId + '')
+            }
+            if (this.isClickNode) {
+              // 表示点击工作组节点选中时展开
+              this.isClickNode = false
+              this.checkedNode(node.data)
+            } else {
+              // 表示是点击三角展开节点时
+              if (checkedKeys && checkedKeys.indexOf(parentNodeId) > -1) {
+                // 点击公司名称前的三角标识展开节点时，保持当前节点的选中状态
+                // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+                this.checkedNode(node.data)
+              }
+            }
           }
-        }
       })
   },
   // 加载当前节点的子节点
@@ -164,9 +166,11 @@ const workgroupTreeInlineService = {
     this.$http
       .post(window.$vueApp.config.globalProperties.baseAPI + '/component/organization-trees/workgroup-users', param)
       .then((children) => {
-        this.$refs.workgroupUserTree.updateKeyChildren(parentNodeId, children)
-        if (this.$refs.workgroupUserTree.store.nodesMap[parentNodeId]) {
-          this.$refs.workgroupUserTree.store.nodesMap[parentNodeId].expanded = true
+        if(this.$refs.workgroupUserTree) {
+          this.$refs.workgroupUserTree.updateKeyChildren(parentNodeId, children)
+          if (this.$refs.workgroupUserTree.store.nodesMap[parentNodeId]) {
+            this.$refs.workgroupUserTree.store.nodesMap[parentNodeId].expanded = true
+          }
         }
         if (isSearch) {
           // 查询时处理
@@ -176,7 +180,9 @@ const workgroupTreeInlineService = {
           }
           if (this.allExpandNodeIds.length === this.allSearchNodeIds.length) {
             // 表示所有节点已展开，执行树的过滤方法
-            this.$refs.workgroupUserTree.filter(searchValue)
+            if(this.$refs.workgroupUserTree) {
+                this.$refs.workgroupUserTree.filter(searchValue)
+            }
             this.allExpandNodeIds = []
             this.allSearchNodeIds = []
           }

package/packages/workgroup-user-tree-inline/src/workgroup-user-tree-inline.vue

@@ -21,41 +21,45 @@
             </el-autocomplete>
           </el-header>
           <el-main style="padding: 10px">
-            <div
-              v-if="!searchValue"
-              style="padding-top: 5px; overflow: auto; width: auto; display: inline-block !important"
-            >
-              <el-tree
-                ref="workgroupUserTree"
-                :filter-node-method="filterNode"
-                :load="loadNode"
-                :props="defaultProps"
-                :show-checkbox="multiple"
-                lazy
-                node-key="nodeId"
-                @check="handleCheckNode"
-                @node-click="handleNodeClick"
+            <template v-if="!searchValue">
+              <div
+                v-if="canShowOrgTree"
+                style="padding-top: 5px; overflow: auto; width: auto; display: inline-block !important"
               >
-                <template #default="{ node, data }">
-                  <span>
-                    <el-icon>
-                      <Menu v-if="node.data.id === -1" />
-                      <Calendar v-else />
-                    </el-icon>
-                    <span
-                      :class="
-                        data.nodeType && data.nodeType === 'USER' && searchValue && filterUserVal(data, searchValue)
-                          ? 'searchResult'
-                          : ''
-                      "
-                      :title="node.label"
-                    >
-                      {{ node.label }}
+                <el-tree
+                  ref="workgroupUserTree"
+                  :filter-node-method="filterNode"
+                  :load="loadNode"
+                  :props="defaultProps"
+                  :show-checkbox="multiple"
+                  lazy
+                  node-key="nodeId"
+                  @check="handleCheckNode"
+                  @node-click="handleNodeClick"
+                >
+                  <template #default="{ node, data }">
+                    <span>
+                      <el-icon>
+                        <Menu v-if="node.data.id === -1" />
+                        <Calendar v-else />
+                      </el-icon>
+                      <span
+                        :class="
+                          data.nodeType && data.nodeType === 'USER' && searchValue && filterUserVal(data, searchValue)
+                            ? 'searchResult'
+                            : ''
+                        "
+                        :title="node.label"
+                      >
+                        {{ node.label }}
+                      </span>
                     </span>
-                  </span>
-                </template>
-              </el-tree>
-            </div>
+                  </template>
+                </el-tree>
+              </div>
+              <!-- 暂无信息 -->
+              <EmptyState v-else style="width: 100%; height: 100%" />
+            </template>
             <div v-if="searchValue && searchValue.length > 0" style="height: 100%; overflow: hidden">
               <workgroup-user-result
                 ref="workgroupUserResult"
@@ -114,7 +118,7 @@ import localStorage from '../../../src/utils/local-storage'
 import utils from '../../utils/utils'
 import workgroupTreeInlineService from './workgroup-tree-inline-service'
 import WorkgroupUserResult from './search-result.vue'
-
+import EmptyState from '../../empty-state/index.vue'
 export default {
   data() {
     return {
@@ -153,12 +157,14 @@ export default {
       selectNodeInfo: null,
       // 公司根节点信息
       tenantInfo: {},
-      ElIconSearch
+      ElIconSearch,
+      canShowOrgTree: false
     }
   },
   name: 'InlineWorkgroupUserTree',
   components: {
-    WorkgroupUserResult
+    WorkgroupUserResult,
+    EmptyState
   },
   props: {
     // 是否是多选树，默认是true
@@ -198,6 +204,9 @@ export default {
     }
   },
   created() {
+    utils.canShowOrgTree().then((showOrgTree) => {
+      this.canShowOrgTree = showOrgTree
+    })
     if (this.multiple) {
       this.initSelectUsers(this.searchField, this.selectUserInfo, this.separator).then((users) => {
         if (users) {
@@ -291,7 +300,10 @@ export default {
       // // this.searchParam.userField = this.searchField
       // // 后台查询部门，并拼接树节点
       // this.filterAppendNodes(value)
-      this.$refs.workgroupUserTree.filter(value)
+      
+      if(this.$refs.workgroupUserTree) {
+        this.$refs.workgroupUserTree.filter(value)
+      }
     },
     // 点击查询按钮调用的方法
     clickSearch() {