agilebuilder-ui 1.0.0

package/packages/department-user-tree-inline/src/department-user-tree-multi-service.js

@@ -0,0 +1,309 @@
+import * as Vue from 'vue'
+import localStorage from '../../../src/utils/local-storage'
+import { getI18n } from '../../../src/utils/util'
+const departmentUserTreeMultiService = {
+  // 后台查询部门，并拼接树节点
+  filterAppendNodes(value) {
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/search-users',
+        this.searchParam
+      )
+      .then((result) => {
+        if (result) {
+          if (result.length === 0) {
+            this.searchResult = []
+            this.$message({
+              showClose: true,
+              type: 'error',
+              message: getI18n().t('imatrixUIMessage.queryResultIsEmpty'),
+            })
+            return
+          }
+          this.searchResult = result
+        } else {
+          if (result.length === 0) {
+            this.$message({
+              showClose: true,
+              type: 'error',
+              message: getI18n().t('imatrixUIMessage.queryResultIsEmpty'),
+            })
+            return
+          }
+        }
+      })
+  },
+  querySearch(queryString, cb) {
+    if (!this.filterText && this.filterText.length === 0) {
+      this.memorySearch(queryString, cb)
+    } else {
+      this.search(this.filterText)
+      cb([])
+    }
+  },
+  handleSelect(item) {
+    // this.handleSelectUtil(item, localStorage)
+    // 查询最新用户信息替换,缓存为历史数据 数据库可能发生变化
+    this.$http
+      .get(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/api/users?loginName=' +
+          item.loginName
+      )
+      .then((userDTO) => {
+        if (userDTO !== null) {
+          for (const dtoKey in userDTO) {
+            if (item.hasOwnProperty(dtoKey)) {
+              item[dtoKey] = userDTO[dtoKey]
+            }
+          }
+        }
+        this.filterText = ''
+        this.searchValue = ''
+        this.selectUser(-1, item)
+        this.setMemoryCacheData(item, 'departmentUser')
+      })
+  },
+  search(value) {
+    this.searchValue = value
+    let mySearchValue = value
+    if (mySearchValue) {
+      mySearchValue = mySearchValue.trim()
+    }
+    this.searchParam.searchValue = mySearchValue
+    this.searchParam.departmentInfo = this.departmentInfo
+    // this.searchParam.userField = this.searchField
+    // 后台查询部门，并拼接树节点
+    this.filterAppendNodes(value)
+  },
+  // 点击查询按钮调用的方法
+  clickSearch() {
+    this.selectNodeInfo = null
+    this.storeSeachValue(localStorage, this.searchStoreKey, this.filterText)
+    this.search(this.filterText)
+  },
+  // 选中非叶子类型的部门节点时，首次加载该节点的子节点，需要动态加载该部门下的用户节点及子部门节点，并展开该部门，且选中用户节点
+  dynamicCheckedUserNodes(data) {
+    var param = {
+      parentId: data.id,
+      branchId: data.branchId,
+      needVirtualUser: this.isNeedVirtualUser,
+    }
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/department-users',
+        param
+      )
+      .then((result) => {
+        // 更新当前点击的节点的子节点
+        this.$refs.deparmentUserTree.updateKeyChildren(data.nodeId, result)
+        this.$refs.deparmentUserTree.store.nodesMap[data.nodeId].expanded = true
+        this.staticCheckedUserNodes(data)
+      })
+  },
+  // 初始化部门人员树
+  initLoadDepartment(parentId, node, resolve, checkedKeys, parentNodeId) {
+    var children = []
+    if (node.data && node.data.children) {
+      children = node.data.children
+    }
+    if (children && children.length > 0) {
+      // 表示加载过该父节点的子节点，只需重新更新一下
+      resolve(children)
+      // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+      if (checkedKeys && checkedKeys.indexOf(parentNodeId) > -1) {
+        // 点击部门名称前的三角标识展开节点时，保持当前节点的选中状态
+        // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+        this.checkedChildrenUserNodes(node.data, node.data.children)
+      }
+    } else {
+      // 表示没有加载过该父节点的子节点集合时
+      const param = {
+        parentId: parentId,
+        needVirtualUser: this.isNeedVirtualUser,
+      }
+      if (node.data) {
+        param.branchId = node.data.branchId
+      }
+      this.$http
+        .post(
+          window.$vueApp.config.globalProperties.baseAPI +
+            '/component/organization-trees/department-users',
+          param
+        )
+        .then((data) => {
+          resolve(data)
+          // 更新当前点击的节点的子节点，必须加该方法，否则会导致子节点无法选中
+          this.$refs.deparmentUserTree.updateKeyChildren(parentNodeId, data)
+          if (parentId === 0) {
+            // 初始化树时，展开公司节点
+            const tenantData = data[0].data
+            this.tenantInfo = JSON.parse(tenantData)
+            this.containBranch = data[0].containBranch
+            if (this.departmentInfo && this.departmentInfo.length > 0) {
+              // 加载指定部门时，展开公司节点
+              this.loadPointDepartments()
+            } else {
+              // 加载整个组织结构树时，展开公司节点
+              this.loadDepartment(this.tenantNodeId, this.tenantNodeId + '')
+            }
+          }
+          if (this.isClickNode) {
+            // 点击当前节点时，加载树节点时
+            // 注意不是点击复选框时
+            this.isClickNode = false
+            this.staticCheckedUserNodes(node.data)
+          } else {
+            // 表示是点击三角展开节点时
+            if (checkedKeys && checkedKeys.indexOf(parentNodeId) > -1) {
+              // 点击部门名称前的三角标识展开节点时，保持当前节点的选中状态
+              // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+              this.checkedChildrenUserNodes(node.data, node.data.children)
+            }
+          }
+        })
+    }
+  },
+  // 加载当前节点的子节点
+  loadDepartment(parentId, parentNodeId, isSearch, searchValue) {
+    const param = {
+      parentId: parentId,
+      needVirtualUser: this.isNeedVirtualUser,
+    }
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/department-users',
+        param
+      )
+      .then((children) => {
+        this.$refs.deparmentUserTree.updateKeyChildren(parentNodeId, children)
+        if (this.$refs.deparmentUserTree.store.nodesMap[parentNodeId]) {
+          this.$refs.deparmentUserTree.store.nodesMap[parentNodeId].expanded =
+            true
+        }
+        if (isSearch) {
+          // 查询时处理
+          if (this.allExpandNodeIds.indexOf(parentNodeId) === -1) {
+            // allExpandNodeIds集合中是否包含当前parentId节点id
+            this.allExpandNodeIds.push(parentNodeId)
+          }
+          if (this.allExpandNodeIds.length === this.allSearchNodeIds.length) {
+            // 表示所有节点已展开，执行树的过滤方法
+            this.$refs.deparmentUserTree.filter(searchValue)
+            this.allExpandNodeIds = []
+            this.allSearchNodeIds = []
+          }
+        }
+      })
+  },
+  // 加载指定部门节点
+  loadPointDepartments() {
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/point-department-users',
+        this.departmentInfo
+      )
+      .then((children) => {
+        this.$refs.deparmentUserTree.updateKeyChildren(
+          this.tenantNodeId,
+          children
+        )
+        if (this.$refs.deparmentUserTree.store.nodesMap[this.tenantNodeId]) {
+          this.$refs.deparmentUserTree.store.nodesMap[
+            this.tenantNodeId
+          ].expanded = true
+        }
+      })
+  },
+  getChildrenDepartmentUsers(childrenDepartmentIds) {
+    return new Promise((resolve, reject) => {
+      this.$http
+        .post(
+          window.$vueApp.config.globalProperties.baseAPI +
+            '/component/organization-trees/user-in-departments',
+          childrenDepartmentIds
+        )
+        .then((users) => {
+          resolve(users)
+        })
+    })
+  },
+  // 根据指定用户信息获得用户集合
+  getSelectUsers(searchField, selectUserInfo, separator) {
+    return new Promise((resolve, reject) => {
+      if (!searchField) {
+        resolve([])
+      } else if (!selectUserInfo) {
+        resolve([])
+      } else {
+        window.$vueApp.config.globalProperties.$http
+          .get(
+            window.$vueApp.config.globalProperties.baseAPI +
+              '/component/organization-trees/select-users?searchField=' +
+              searchField +
+              '&selectUserInfo=' +
+              selectUserInfo +
+              '&separator=' +
+              separator
+          )
+          .then((users) => {
+            resolve(users)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      }
+    })
+  },
+  // 部门人员树选中了组织结构树的根节点
+  packageAllUser() {
+    // 表示集合中不存在该用户，则封装该用户
+    const tenantNodeId = -1
+    var allUser = {
+      id: tenantNodeId,
+      name: '所有用户',
+    }
+    return allUser
+  },
+  // 工作组人员树选中了组织结构树的根节点
+  packageAllWgUser() {
+    // 表示集合中不存在该用户，则封装该用户
+    const tenantNodeId = -1
+    var allUser = {
+      id: tenantNodeId,
+      name: '所有工作组人员',
+    }
+    return allUser
+  },
+  initSelectUsers(searchField, selectUserInfo, separator) {
+    return new Promise((resolve, reject) => {
+      const selectDepts = []
+      if (selectUserInfo) {
+        if (selectUserInfo === '所有用户') {
+          // 表示已选择所有用户
+          selectDepts.push(this.packageAllUser())
+          resolve(selectDepts)
+        } else if (selectUserInfo === '所有工作组人员') {
+          selectDepts.push(this.packageAllWgUser())
+          resolve(selectDepts)
+        } else {
+          // 表示不是选择的所有用户
+          this.getSelectUsers(searchField, selectUserInfo, separator)
+            .then((users) => {
+              resolve(users)
+            })
+            .catch((error) => {
+              reject(error)
+            })
+        }
+      } else {
+        resolve(selectDepts)
+      }
+    })
+  },
+}
+export default departmentUserTreeMultiService

package/packages/department-user-tree-inline/src/department-user-tree-single-service.js

@@ -0,0 +1,180 @@
+import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
+import * as Vue from 'vue'
+import localStorage from '../../../src/utils/local-storage'
+import { getI18n } from '../../../src/utils/util'
+const departmentUserTreeSingleService = {
+  // 后台查询部门，并拼接树节点
+  filterAppendNodes(value) {
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/search-users',
+        this.searchParam
+      )
+      .then((result) => {
+        if (result) {
+          this.searchResult = result
+          if (result.length === 0) {
+            this.searchResult = []
+            this.$message({
+              showClose: true,
+              type: 'error',
+              message: getI18n().t('imatrixUIMessage.queryResultIsEmpty'),
+            })
+            return
+          }
+        } else {
+          this.searchResult = []
+          if (result.length === 0) {
+            this.$message({
+              showClose: true,
+              type: 'error',
+              message: getI18n().t('imatrixUIMessage.queryResultIsEmpty'),
+            })
+            return
+          }
+        }
+      })
+  },
+  querySearch(queryString, cb) {
+    if (!this.filterText && this.filterText.length === 0) {
+      this.memorySearch(queryString, cb)
+    } else {
+      this.search(this.filterText)
+      cb([])
+    }
+  },
+  handleSelect(item) {
+    // this.handleSelectUtil(item, localStorage)
+    // 查询最新用户信息替换,缓存为历史数据 数据库可能发生变化
+    this.$http
+      .get(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/api/users?loginName=' +
+          item.loginName
+      )
+      .then((userDTO) => {
+        if (userDTO !== null) {
+          for (const dtoKey in userDTO) {
+            if (item.hasOwnProperty(dtoKey)) {
+              item[dtoKey] = userDTO[dtoKey]
+            }
+          }
+        }
+        this.filterText = ''
+        this.searchValue = ''
+        this.packageSelectResult(item)
+        this.setMemoryCacheData(item, 'departmentUser')
+        // 关闭弹窗
+        $emit(this, 'result', this.selectNodeInfo)
+      })
+  },
+  search(value) {
+    this.searchValue = value
+    let mySearchValue = value
+    if (mySearchValue) {
+      mySearchValue = mySearchValue.trim()
+    }
+    this.searchParam.searchValue = mySearchValue
+    this.searchParam.departmentInfo = this.departmentInfo
+    // this.searchParam.userField = this.searchField
+    // 后台查询部门，并拼接树节点
+    this.filterAppendNodes(value)
+  },
+  // 点击查询按钮调用的方法
+  clickSearch() {
+    this.selectNodeInfo = null
+    this.storeSeachValue(localStorage, this.searchStoreKey, this.filterText)
+    this.search(this.filterText)
+  },
+  // 初始化部门人员树
+  initLoadDepartment(parentId, node, resolve, checkedKeys, parentNodeId) {
+    var children = []
+    if (node.data && node.data.children) {
+      children = node.data.children
+    }
+    if (children && children.length > 0) {
+      // 表示加载过该父节点的子节点，只需重新更新一下
+      resolve(children)
+      // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+      if (checkedKeys && checkedKeys.indexOf(parentNodeId) > -1) {
+        // 点击部门名称前的三角标识展开节点时，保持当前节点的选中状态
+        // 表示当前展开的节点是选中状态，则应保持其选中状态，并选中其子节点
+        this.checkedChildrenUserNodes(node.data, node.data.children)
+      }
+    } else {
+      // 表示没有加载过该父节点的子节点集合时
+      const param = {
+        parentId: parentId,
+        needVirtualUser: this.isNeedVirtualUser,
+      }
+      if (node.data) {
+        param.branchId = node.data.branchId
+      }
+      this.$http
+        .post(
+          window.$vueApp.config.globalProperties.baseAPI +
+            '/component/organization-trees/department-users',
+          param
+        )
+        .then((data) => {
+          resolve(data)
+          // 更新当前点击的节点的子节点，必须加该方法，否则会导致子节点无法选中
+          this.$refs.deparmentUserTree.updateKeyChildren(parentNodeId, data)
+          if (parentId === 0) {
+            // 初始化树时，展开公司节点
+            const tenantData = data[0].data
+            this.tenantInfo = JSON.parse(tenantData)
+            this.containBranch = data[0].containBranch
+            if (this.departmentInfo && this.departmentInfo.length > 0) {
+              // 加载指定部门时，展开公司节点
+              this.loadPointDepartments(this)
+            } else {
+              // 加载整个组织结构树时，展开公司节点
+              this.loadDepartment(this.tenantNodeId, this.tenantNodeId + '')
+            }
+          }
+        })
+    }
+  },
+  loadDepartment(parentId, parentNodeId, isSearch, searchValue) {
+    const param = {
+      parentId: parentId,
+      needVirtualUser: this.isNeedVirtualUser,
+    }
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/department-users',
+        param
+      )
+			.then((children) => {
+				if (this.$refs.deparmentUserTree) {
+					this.$refs.deparmentUserTree.updateKeyChildren(parentNodeId, children)
+					if (this.$refs.deparmentUserTree.store.nodesMap[parentNodeId]) {
+            this.$refs.deparmentUserTree.store.nodesMap[parentNodeId].expanded = true
+					}
+				}
+      })
+  },
+  loadPointDepartments() {
+    this.$http
+      .post(
+        window.$vueApp.config.globalProperties.baseAPI +
+          '/component/organization-trees/point-department-users',
+        this.departmentInfo
+      )
+      .then((children) => {
+        this.$refs.deparmentUserTree.updateKeyChildren(
+          this.tenantNodeId,
+          children
+        )
+        if (this.$refs.deparmentUserTree.store.nodesMap[this.tenantNodeId]) {
+          this.$refs.deparmentUserTree.store.nodesMap[
+            this.tenantNodeId
+          ].expanded = true
+        }
+      })
+  },
+}
+export default departmentUserTreeSingleService