@lambo-design/workflow-approve 1.0.0-beta.39 → 1.0.0-beta.40

package/src/components/countersigners-box.vue

@@ -0,0 +1,907 @@
+<template>
+  <div style="min-height: 300px;">
+    <div style="min-height:5em;border: 1px dotted #a4a4a4;">
+      <Tag v-for="(item,index) in countersignersTagsData" :key="item.id" closable @on-close="closeTags(index,item)"
+           size="large">
+        {{ item.split(':')[1].split(',')[0] }}
+      </Tag>
+    </div>
+    <div class="cont">
+      <div
+        class="contLeftTwo">
+
+        <Tabs :animated="false" @on-click="dataNameClick">
+          <TabPane label="选人员">
+            <div class="overflowAuto">
+              <div v-if="readingRange.length === 0">暂无数据</div>
+              <Tree v-else v-for="(item,index) in readingRange" :key="index" :data="item" ref="treeEY" check-strictly
+                    show-checkbox expand-node
+                    :load-data="loadReadingRangeData" :checkable="true" @on-check-change="selectReRaYHChange"
+                    @on-select-change="selectReRaYHChange"></Tree>
+            </div>
+          </TabPane>
+
+        </Tabs>
+
+      </div>
+      <div class="contRight">
+        <Card dis-hover v-if="treeUserCenterValue.length > 0">
+          <div class="overflowAuto">
+            <CheckboxGroup v-model="treeUserValue" class="checkbox-container" @on-change="getReadingRangeUser">
+              <Checkbox v-for="(item) in treeUserCenterValue" :key="item.userId"
+                        :label="item.userId+','+item.userName">
+                {{ item.userName }} {{ showUserDetail(item) }}
+              </Checkbox>
+            </CheckboxGroup>
+          </div>
+        </Card>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import ajax from '@lambo-design/shared/utils/ajax'
+import Title from './title'
+import TreeSelect from '@lambo-design/tree-select'
+
+export default {
+  props: {
+    smartFlowServerContext: {
+      type: String,
+      default: '/api/smart-flow-server',
+    },
+    upmsServerContext: {
+      type: String,
+      default: '/api/upms-server',
+    },
+    item: {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    },
+    permScope: {
+      type: String,
+      default: ''
+    },
+
+  },
+  components: {
+    Title,
+    TreeSelect
+  },
+  data() {
+    return {
+      id: '',
+      ucAdapterType: 'x1',
+      treePostNameCenterValue: [],
+      selectedKeys: [],
+      postKeys: [],
+      postAllList: [],
+      noticeList: [],
+      orgList: [],
+      userNum: '0',
+      // permScope: "",
+      organTreeType: '00',
+      organId: '',
+      countersignersTagsData: [],
+      organTree: {
+        orgenMap: {},
+        userMap: {},
+        roleMap: {},
+        postMap: {},
+      },
+      readingRangePost: [],
+      treeUserValueCenter: [],
+      treeLength: 0,
+      treeValueBM: [],
+      treeOrgTypeValue: [],
+      dataName: '',
+      postList: [],//选中岗位集合（右侧显示）
+      processPostList: [],//岗位集合
+      noticeRoleNameList: [],//角色选择集合
+      roleList: [],//角色集合
+      noticeRoleList: [],//选中角色集合（右侧显示）
+      treeUserValue: [],//选中的人员（右侧显示）
+      selectedData: [],
+      treePostValue: [],
+      treeUserCenterValue: [],
+      treePostCenterValue: [],
+      readingRangeBM: [],//权限范围数据组织
+      readingRange: [],//权限范围数据人员
+      readingRangeOrgType: [],//权限范围数据部门
+      placeholder: '自动同意',
+      loading: false,
+      form: {
+        userId: '',
+        userName: '',
+        organId: '',
+        organTitle: '',
+        directChild: false,
+        isAdmin: ''
+      },
+      value: '2',
+      currentNode: {},
+      currentNodeUser: {},
+      currentNodePost: {},
+      ruleValidate: {
+        organization: [
+          { required: true, message: '请选择指定相对岗位的组织', trigger: 'blur' }
+        ],
+        position: [
+          { required: true, message: '请选择指定岗位', trigger: 'blur' }
+        ],
+      },
+
+    }
+  },
+  created() {
+    this.getSystemConfig()
+    let permScope = this.item.orgTreeType === this.defaultOrganTreeType ? this.permScope : 'all'
+    this.orgTreeType = this.item.orgTreeType ? this.item.orgTreeType : this.organTreeType
+    this.toggleShowHelpBox(this.permScope, this.item.candidates, this.orgTreeType, this.item.id)
+  },
+  computed: {},
+  mounted: function () {
+  },
+  methods: {
+    //把已选择的数据放入到已选列表中展示
+    getOrgan(row) {
+      let self = this
+      self.countersignersTagsData = []
+      let organs = row.organs
+      let organList = organs.split(',')
+      if (organs && organList.length > 0) {
+        organList.forEach(item => {
+          let organ = {
+            code: item.split(':')[0],
+            name: item.split(':')[1],
+          }
+          self.treeValueBM.push(organ)
+          self.orgList.push(organ)
+          self.countersignersTagsData.push(item + ',1')
+          self.userNum = '1'
+        })
+      }
+    },
+    getUser(row) {
+      let self = this
+      self.selectedKeys = []
+      self.treeUserValue = []
+      let users = row.users
+      let userList = users.split(',')
+      if (users && userList.length > 0) {
+        userList.forEach(item => {
+          let userId = item.split(':')[0]
+          let userName = item.split(':')[1]
+          let user = {
+            userId: userId,
+            userName: userName,
+          }
+          let userStr = userId + ',' + userName
+          self.selectedData.push(userStr)
+          self.treeUserValue.push(userStr)
+          self.selectedKeys.push(userStr)
+          self.countersignersTagsData.push(item + ',2')
+          self.userNum = '1'
+        })
+      }
+    },
+    getRole(row) {
+      let self = this
+      self.noticeRoleList = []
+      self.noticeList = []
+      self.noticeRoleNameList = []
+      let roles = row.roles
+      let roleList = roles.split(',')
+      if (roles && roleList.length > 0) {
+        roleList.forEach(item => {
+          let roleId = item.split(':')[0]
+          let roleName = item.split(':')[1]
+          self.noticeRoleNameList.push(roleName)
+          self.countersignersTagsData.push(item + ',3')
+          let roles = roleId + ',' + roleName
+          self.selectedData.push(roles)
+          self.noticeList.push(roles)
+        })
+      }
+    },
+    getPost(row) {
+      let self = this
+      self.treePostValue = []
+      self.postKeys = []
+      self.treePostNameCenterValue = []
+      let positions = row.positions
+      let positionList = positions.split(',')
+      if (positions && positionList.length > 0) {
+        positionList.forEach(item => {
+          let positionId = item.split(':')[0]
+          let positionName = item.split(':')[1]
+          let position = {
+            positionId: positionId,
+            positionName: positionName,
+          }
+          let post = positionId + ',' + positionName
+          self.treePostValue.push(post)
+          self.postKeys.push(post)
+          // resp.data.data.code = resp.data.data.orgCode
+          // self.treePostNameCenterValue.push(resp.data.data)
+          self.treePostNameCenterValue.push(position)
+          self.countersignersTagsData.push(item + ',4')
+        })
+      }
+    },
+    getOrgType(row) {
+      let self = this
+      let types = row.types
+      let typeList = types.split(",")
+      if (types && typeList.length > 0) {
+        typeList.forEach(item => {
+          let type = {
+            bizTypeCode: item.split(':')[0],
+            typeName: item.split(':')[1],
+          }
+          self.treeOrgTypeValue.push(type)
+          self.updateLength()
+        })
+      }
+    },
+
+    getRootOrganTree(organTreeType) {
+
+      let self = this
+      let organTreeList = []
+      let organTree = []
+      if (self.ucAdapterType == 'x1') {
+        let parentId = organTreeType == '00' ? 'rootId' : '0'
+        ajax.get(self.upmsServerContext + '/manage/ucOrgan/getOrgSubNodes', {
+          params: {
+            organCode: 'rootId',
+            orgTreeType: organTreeType
+          }
+        }).then(resp => {
+          if (resp.data.code === 1) {
+            let data = resp.data.data
+            if (data.length > 0) {
+              data.forEach(item => {
+                let obj = {}
+                obj.type = item.organType
+                obj.id = item.organId
+                obj.orders = item.orders
+                obj.title = item.organName
+                obj.name = item.organName
+                obj.com = item.com
+                obj.code = item.organCode
+                obj.loading = false
+                obj.children = []
+                obj.hasChild = true
+                organTreeList.push(obj)
+              })
+            }
+            organTree.push(organTreeList)
+            //去重
+            const codesSeen = new Map()
+            organTree = organTree.reduce((acc, item, index) => {
+              if (!codesSeen.has(item.code)) {
+                codesSeen.set(item.code, index)
+                acc.push(item)
+              }
+              return acc
+            }, [])
+            self.readingRangeBM = JSON.parse(JSON.stringify(organTree))
+            self.readingRange = JSON.parse(JSON.stringify(organTree))
+            self.readingRangePost = JSON.parse(JSON.stringify(organTree))
+          }
+        })
+      } else {
+        ajax.get(self.upmsServerContext + '/manage/ucOrgan/getOrgRootTree', {
+          params: {
+            treeTypeId: organTreeType
+          }
+        }).then(resp => {
+          if (resp.data.code === 1) {
+            let data = resp.data.data
+            if (data.length > 0) {
+              data.forEach(item => {
+                let obj = {}
+                obj.type = item.organType
+                obj.id = item.organId
+                obj.orders = item.orders
+                obj.title = item.organName
+                obj.name = item.organName
+                obj.com = item.com
+                obj.code = item.organCode
+                obj.loading = false
+                obj.children = []
+                obj.hasChild = true
+                organTreeList.push(obj)
+              })
+            }
+            organTree.push(organTreeList)
+            //去重
+            const codesSeen = new Map()
+            organTree = organTree.reduce((acc, item, index) => {
+              if (!codesSeen.has(item.code)) {
+                codesSeen.set(item.code, index)
+                acc.push(item)
+              }
+              return acc
+            }, [])
+            self.readingRangeBM = JSON.parse(JSON.stringify(organTree))
+            self.readingRange = JSON.parse(JSON.stringify(organTree))
+            self.readingRangePost = JSON.parse(JSON.stringify(organTree))
+          }
+        })
+      }
+    },
+
+    //获取人员树信息(数据初始化)
+    getReadingRange(row, organTreeType) {
+      let self = this
+      let childsTree = []
+      let treeValue = []
+      var permScope = row.substring(row.indexOf('U:'))
+      permScope = permScope.substring(2, permScope.indexOf(','))
+      let permScopeTwo = permScope.split(';')
+      for (let i = 0; i < permScopeTwo.length; i++) {
+        ajax.get(self.upmsServerContext + '/manage/user/get/' + permScopeTwo[i] + '?treeType=' + organTreeType)
+          .then(resp => {
+            if (resp.data.code == 1) {
+              let organCode = resp.data.data.organCode
+              ajax.get(self.upmsServerContext + '/manage/ucOrgan/getParentOrgInfo?organCode=' + organCode + '&orgTreeType=' + organTreeType)
+                .then(resp => {
+                  if (resp.data.code === 1 || resp.data.code === 200) {
+                    let orgCode = resp.data.data.organCode
+                    ajax.get(self.upmsServerContext + '/manage/ucOrgan/getOrgSubNodes?organCode=' + orgCode + '&orgTreeType=' + organTreeType).then(function (resp) {
+                      if (resp.data.code === 1) {
+                        let data = resp.data.data
+                        if (data && data.length > 0) {
+                          data.forEach(item => {
+                            if (item.organCode == organCode) {
+                              let obj = {}
+                              obj.type = item.organType
+                              obj.id = item.organId
+                              obj.orders = item.orders
+                              obj.title = item.organName
+                              obj.name = item.organName
+                              obj.com = resp.data.data.organId
+                              obj.code = item.organCode
+                              obj.loading = false
+                              obj.checked = false
+                              obj.children = []
+                              obj.hasChild = true
+                              childsTree.push(obj)
+                            }
+                          })
+                        }
+                        const map = new Map()
+                        treeValue = childsTree.filter((item) => {
+                          return !map.has(item.code) && map.set(item.code, true)
+                        })
+                        if (i === permScopeTwo.length - 1) {
+                          self.readingRange.push(treeValue)
+                          const codesSeen = new Map()
+                          self.readingRange = self.readingRange.reduce((acc, item, index) => {
+                            if (!codesSeen.has(item.code)) {
+                              codesSeen.set(item.code, index)
+                              acc.push(item)
+                            }
+                            return acc
+                          }, [])
+                        }
+                      }
+                    })
+                  } else if (resp.data.data === 11006) {
+                    //当前组织无父节点
+                    let params = {
+                      orgTreeType: organTreeType,
+                    }
+                    ajax.post(self.upmsServerContext + '/manage/org/get/' + organCode, params)
+                      .then(resp => {
+                        let data = resp.data.data
+                        let obj = {}
+                        obj.type = data.organType
+                        obj.id = data.organId
+                        obj.orders = data.orders
+                        obj.title = data.organName
+                        obj.name = data.organName
+                        obj.com = data.organId
+                        obj.code = data.organCode
+                        obj.loading = false
+                        obj.checked = false
+                        obj.children = []
+                        obj.hasChild = true
+                        childsTree.push(obj)
+
+                        const map = new Map()
+                        treeValue = childsTree.filter((item) => {
+                          return !map.has(item.code) && map.set(item.code, true)
+                        })
+                        if (i === permScopeTwo.length - 1) {
+                          self.readingRange.push(treeValue)
+                          const codesSeen = new Map()
+                          self.readingRange = self.readingRange.reduce((acc, item, index) => {
+                            if (!codesSeen.has(item.code)) {
+                              codesSeen.set(item.code, index)
+                              acc.push(item)
+                            }
+                            return acc
+                          }, [])
+                        }
+                      })
+                  }
+                })
+            }
+          })
+      }
+
+    },
+
+    closeTags(index, info) {
+      let type = info.split(',')[1]
+      let data = info.split(',')[0]
+      this.readingRangeScPerDel(index, data)
+    },
+
+    //权限范围人员单条删除
+    readingRangeScPerDel(res, info) {
+      const index = this.treeUserValue.findIndex(item => {
+        return item.replace(',', ':') === info
+      })
+      if (index !== -1) {
+        this.treeUserValue.splice(index, 1)
+        this.selectedKeys.splice(index, 1)
+      }
+      let orgList = []
+      let organList = []
+      orgList.push(info)
+      info = info.replace(',', ':')
+      this.countersignersTagsData.forEach(organ => {
+        if (organ.indexOf(info) == -1) {
+          organList.push(organ)
+        }
+      })
+      this.countersignersTagsData = organList
+    },
+
+    selectUserChange(node) {
+      let self = this
+      if (node.length > 0) {
+        if (self.currentNodeUser !== node[0]) {
+          self.currentNodeUser = node[0]
+
+          self.form.organId = self.currentNodeUser.id
+          self.form.organTitle = self.currentNodeUser.title
+
+          if (node[0].children.length <= 0) {
+            self.getReadingRangeData(node[0], function (data) {
+              self.$set(node[0], 'children', data)
+            })
+          }
+          self.$set(node[0], 'expand', true)
+        }
+      } else {
+        self.$set(self.currentNodeUser, 'expand', !self.currentNodeUser.expand)
+        self.currentNodeUser.selected = true
+      }
+    },
+    //获取用户信息（懒加载）(展开人员树时触发)
+    loadReadingRangeData(node, callback) {
+      this.getReadingRangeData(node, function (data) {
+        if (data.length > 0) {
+          callback(data)
+        }
+      })
+    },
+    getReadingRangeData(node, callback) {
+      let self = this
+      ajax.get(self.upmsServerContext + '/manage/ucOrgan/getOrgSubNodes', {
+        params: {
+          organCode: node.code,
+          orgTreeType: self.organTreeType
+        }
+      }).then(function (resp) {
+        const childs = []
+        if (resp.data.code === 1) {
+          let nodeDatas = resp.data.data
+          if (nodeDatas.length > 0) {
+            nodeDatas.forEach(item => {
+              let obj = {}
+              let typeName = ''
+              if ('com' === item.organType) {
+                typeName = '(公司)'
+              } else if ('dept' === item.organType) {
+                typeName = '(部门)'
+              }
+              // obj.disableCheckbox = true
+              obj.type = item.organType
+              obj.id = item.organCode
+              obj.title = item.organName + typeName
+              obj.name = item.organName
+              obj.com = item.organId
+              obj.code = item.organCode
+              obj.loading = false
+              obj.children = []
+              obj.hasChild = true
+              childs.push(obj)
+            })
+          } else {
+            self.$set(node, 'hasChild', false)
+            self.$delete(node, 'loading')
+          }
+          if (callback) {
+            callback(childs)
+          }
+        } else {
+          self.$set(node, 'hasChild', false)
+          self.$delete(node, 'loading')
+          if (callback) {
+            callback()
+          }
+        }
+      })
+    },
+
+
+    //权限范围用户点击事件(点击人员树，触发查询，显示在右侧)
+    selectReRaYHChange(data, info) {
+      let self = this
+      const user = sessionStorage.getItem('userInfo')
+      const jsonArray = JSON.parse(user)
+      var userPermScope = self.permScope.substring(self.permScope.indexOf('U:'))
+      userPermScope = userPermScope.substring(2, userPermScope.indexOf(','))
+      userPermScope = userPermScope.split(';')
+      //self.selectUserChange(data)
+      let treeUserCenters = []
+
+      if (self.permScope == 'all' || self.permScope == 'undefined') {
+        let userIdSet = new Set()
+        data.forEach(itemCom => {
+
+          ajax.get(self.upmsServerContext + '/manage/user/getList', {
+            params: {
+              organId: itemCom.id,
+              orgTreeType: self.organTreeType,
+              limit: '1000',
+              directChild: true,
+            }
+          }).then(function (resp) {
+            if (resp.data.message == '成功') {
+              let nodeUser = resp.data.data
+              nodeUser.forEach(item => {
+                if (!userIdSet.has(item.userId)) {
+                  userIdSet.add(item.userId)
+                  treeUserCenters.push({
+                    userId: item.userId,
+                    userName: item.userName,
+                    nameItem: item.superiorOrgName,
+                    organName: item.organName
+                  })
+                }
+              })
+            }
+
+          })
+        })
+      } else {
+        let userIdSet = new Set()
+        data.forEach(itemCom => {
+
+          ajax.get(self.upmsServerContext + '/manage/user/getList', {
+            params: {
+              organId: itemCom.id,
+              orgTreeType: self.organTreeType,
+              limit: '1000',
+              directChild: true,
+            }
+          }).then(function (resp) {
+            if (resp.data.message == '成功') {
+              let nodeUser = resp.data.data
+              nodeUser.forEach(item => {
+                if (!userIdSet.has(item.userId) && userPermScope.includes(item.userId)) {
+                  userIdSet.add(item.userId)
+                  treeUserCenters.push({
+                    userId: item.userId,
+                    userName: item.userName,
+                    nameItem: item.superiorOrgName,
+                    organName: item.organName
+                  })
+                }
+              })
+            }
+
+          })
+
+        })
+      }
+
+      self.treeUserCenterValue = treeUserCenters
+    },
+
+
+    //人员选中
+    getReadingRangeUser(row) {
+      let self = this
+      self.userNum = '2'
+      if (row.length > self.selectedKeys.length) {
+        self.treeUserValue = row
+        self.selectedKeys = row
+        row = row.reverse()
+        let organName = row[0].replace(',', ':') + ',2'
+        self.countersignersTagsData.push(organName)
+      } else if (row.length < self.selectedKeys.length) {
+        let diff = ''
+        let orgList = []
+        for (let i = 0; i < self.selectedKeys.length; i++) {
+          if (!row.includes(self.selectedKeys[i])) {
+            diff = self.selectedKeys[i]
+          }
+        }
+        diff = diff.replace(',', ':')
+        self.countersignersTagsData.forEach(organ => {
+          if (organ.indexOf(diff) == -1) {
+            orgList.push(organ)
+          }
+        })
+        self.countersignersTagsData = orgList
+        self.selectedKeys = row
+      }
+    },
+
+
+    //数据初始化？
+    organTreeRedis(row) {
+      const user = sessionStorage.getItem('userInfo')
+      const jsonArray = JSON.parse(user)
+      if (row == 'undefined' || row == 'all') {
+
+        ajax.get(this.smartFlowServerContext + '/manage/processDesign/getOrgan?orgId=' + (jsonArray.organId)
+        ).then(resp => {
+          if (resp.data.code === '200') {
+            this.organTree = resp.data.data
+          }
+        })
+      } else {
+
+        let orgPermScope = row.substring(2, row.indexOf(','))
+        orgPermScope = orgPermScope.split(';')
+
+        let userPermScope = row.substring(row.indexOf('U:'))
+        userPermScope = userPermScope.substring(2, userPermScope.indexOf(','))
+        userPermScope = userPermScope.split(';')
+
+        var rolePermScope = row.substring(row.indexOf('R:'))
+        rolePermScope = rolePermScope.substring(2, rolePermScope.indexOf(','))
+        rolePermScope = rolePermScope.split(';')
+
+        let postPermScope = row.substring(row.indexOf('P:'))
+        postPermScope = postPermScope.substring(2, postPermScope.indexOf(','))
+        postPermScope = postPermScope.split(';')
+        ajax.get(this.upmsServerContext + '/manage/user/get/' + (jsonArray.accountUuid || jsonArray.userId))
+          .then(resp => {
+            this.organId = resp.data.data.organId
+            ajax.get(this.smartFlowServerContext + '/manage/processDesign/getOrgan?orgId=' + (jsonArray.organId)
+            ).then(resp => {
+              if (resp.data.code === '200') {
+                for (let key in resp.data.data.userMap) {
+                  for (let i = 0; i < userPermScope.length; i++) {
+                    if (key == userPermScope[i]) {
+                      const dataArr = [[key, resp.data.data.userMap[key]]]
+                      for (let i = 0; i < dataArr.length; i++) {
+                        const [key, value] = dataArr[i]
+                        this.$set(this.organTree.userMap, key, value)
+                      }
+                    }
+                  }
+                }
+
+              }
+            })
+
+          })
+      }
+
+    },
+
+    clearCache() {
+      this.readingRangeBM = []
+      this.readingRange = []
+      this.roleList = []
+      this.readingRangePost = []
+      this.treeUserCenterValue = []
+      this.treePostCenterValue = []
+      this.treeValueBM.forEach(item => {
+        item.checked = false
+      })
+      this.treeValueBM = []
+      this.treeUserValue = []
+      //角色集合
+      this.noticeRoleList = []
+      this.noticeRoleNameList = []
+      this.selectedKeys = []
+      //岗位集合
+      this.postList = []
+      this.treePostValue = []
+      this.processPostList = []
+      this.treeLength = 0
+      this.countersignersTagsData = []
+      this.postKeys = []
+      //组织类型
+      this.readingRangeOrgType = []
+      this.readingRangeOrgType.forEach(item => {
+        item.checked = false
+      })
+      this.treeOrgTypeValue = []
+    },
+    getSystemConfig() {
+      const self = this
+      ajax.get(self.smartFlowServerContext + '/anon/systemConfig/getSystemConfig').then(function (resp) {
+        const result = resp.data
+        if (result && result.code === '200') {
+          self.ucAdapterType = result.data.ucAdapterType
+        }
+      }).catch(err => {
+        console.log(err)
+      })
+    },
+    //数据初始化
+    toggleShowHelpBox(permScope, inputValue, organTreeType, id) {
+      this.clearCache()
+      this.id = id
+      this.permScope = permScope
+      this.organTreeType = organTreeType
+      this.organTreeRedis(this.permScope)
+      if (inputValue) {
+        //加入已选择的数据
+        this.getUser(inputValue)
+      }
+      if (this.permScope == 'all') {
+        this.getRootOrganTree(organTreeType)
+        this.ucAdapterType === 'sc' ? this.getReadingRangeOrgType(permScope, organTreeType) : ''
+      } else {
+        this.getReadingRange(this.permScope, this.organTreeType)
+      }
+    },
+    findTitleByValue(arr, value) {
+      function traverse(items) {
+        for (let item of items) {
+          if (item.value === value) {
+            return item.title
+          }
+          if (item.children && item.children.length > 0) {
+            let result = traverse(item.children)
+            if (result) {
+              return result
+            }
+          }
+        }
+        return ''
+      }
+
+      return traverse(arr)
+    },
+    showUserDetail(item) {
+      if (item.organName) {
+        return `(${item.organName} )`
+      }
+    }
+  },
+
+  watch: {
+    countersignersTagsData: {
+      handler(newVal, oldVal) {
+        let organ = []
+        let names = []
+        let organs = []
+        this.treeValueBM.forEach(item => {
+          organ.push(item.code)
+          names.push(item.name)
+          organs.push(item.code + ':' + item.name)
+        })
+        let nameValue = []
+        let users = []
+        //倒着从treeUserValue遍历，保证顺序和显示的一样
+        this.treeUserValue.reduceRight((acc, item) => {
+          const parts = item.split(',');
+          nameValue.push(parts[0]);
+          names.push(parts[1]);
+          users.push(parts[0] + ':' + parts[1]);
+          return acc;
+        }, []);
+        let roleList = []
+        let roles = []
+        this.noticeRoleList.forEach(item => {
+          roleList.push(item.split(',')[0])
+          names.push(item.split(',')[1])
+          roles.push(item.split(',')[0] + ':' + item.split(',')[1])
+        })
+        let postList = []
+        let positions = []
+        this.treePostValue.forEach(item => {
+          postList.push(item.split(',')[0])
+          names.push(item.split(',')[1])
+          positions.push(item.split(',')[0] + ':' + item.split(',')[1])
+        })
+        let orgTypeList = []
+        let orgTypes = []
+        this.treeOrgTypeValue.forEach(item => {
+          orgTypeList.push(item.bizTypeCode)
+          names.push(item.typeName)
+          orgTypes.push(item.bizTypeCode + ':' + item.typeName)
+        })
+        let value = 'O:' + organ.join(';') + ',' + 'U:' + nameValue.join(';') + ',' + 'P:' + postList.join(';') + ',' + 'R:' + roleList.join(';') + ',' + 'RP:,T:' + orgTypeList.join(';')
+        let nameStr = names.join(',')
+        let detail = {
+          organs: organs.join(','),
+          users: users.join(','),
+          roles: roles.join(','),
+          positions: positions.join(','),
+          types: orgTypes.join(','),
+        }
+        this.$emit('update-cand-groups', value, nameStr, detail, this.item.id)
+      },
+      deep: true // 深度监听数组的变化
+    }
+  }
+}
+</script>
+
+<style scoped>
+.relativePositionAddButton {
+  float: right;
+  margin-top: 20px;
+}
+
+.relativePositionRemoveButton {
+  float: right;
+  margin: 2px;
+}
+
+.cont {
+  display: flex;
+  justify-content: left;
+  margin-top: 10px;
+  border: 1px solid #cecece;
+  padding: 10px;
+}
+
+.contLeft {
+  flex: 0 0 40%;
+  z-index: 1;
+  margin-right: 10px
+}
+
+.contRight {
+  flex: 0 0 50%;
+  margin-top: 33.98px;
+  min-height: 350px;
+}
+
+.checkbox-container {
+  display: flex;
+  flex-direction: column;
+  line-height: 30px;
+}
+
+.overflowAuto {
+  min-height: 350px;
+  overflow-y: auto;
+}
+
+.contLeftTwo {
+  flex: 0 0 50%;
+  z-index: 1;
+  margin-right: 10px;
+}
+
+.contRightTwo {
+  flex: 0 0 49%;
+  margin-top: 30px;
+}
+
+/deep/ .ivu-checkbox-input {
+  width: 136px;
+}
+</style>