@lambo-design/workflow-approve 1.0.0-beta.14 → 1.0.0-beta.141

package/src/components/candidate-groups-box.vue

@@ -0,0 +1,1906 @@
+<template>
+  <div>
+    <Modal v-model="modalBoxShow" :width="1550" :title="title" :closable="false" @on-ok="onOk">
+      <div style="margin-top: 10px">
+        <Select v-model="organModel" prefix="md-search"
+                filterable multiple :max-tag-count="0"
+                @on-change="organChange($event)"
+                placeholder="输入关键字查询" style="width:60em;">
+          <OptionGroup label="组织">
+            <Option v-for="(value, key) in organTree.organMap" :key="key" :value="`${key}:${value},1`">
+              <span>{{ value }}</span>
+            </Option>
+          </OptionGroup>
+          <OptionGroup label="人员">
+            <Option v-for="(value, key) in organTree.userMap" :key="key" :value="`${key}:${value},2`">
+              <span>{{ value }}</span>
+            </Option>
+          </OptionGroup>
+          <OptionGroup label="角色">
+            <Option v-for="(value, key) in organTree.roleMap" :key="key" :value="`${key}:${value},3`">
+              <span>{{ value }}</span>
+            </Option>
+          </OptionGroup>
+          <OptionGroup label="岗位" v-if="ucAdapterType === 'x1'">
+            <Option v-for="(value, key) in organTree.postMap" :key="key" :value="`${key}:${value},4`">
+              <span>{{ value }}</span>
+            </Option>
+          </OptionGroup>
+          <OptionGroup label="组织类型" v-if="ucAdapterType === 'sc'">
+            <Option v-for="(value, key) in organTree.typeMap" :key="key" :value="`${key}:${value},5`" >
+              <span>{{value}}</span>
+            </Option>
+          </OptionGroup>
+        </Select>
+        <Button type="primary" :loading="loading" @click="organTreeRedisUpdate" style="float: right;">
+          <span v-if="!loading">更新查询数据</span>
+          <span v-else>更新中...</span>
+        </Button>
+      </div>
+      <div class="cont">
+        <div
+          :class="[this.dataName == '' || this.dataName == '0' || this.dataName == '2' || this.dataName == '4' || (this.dataName == '3' && ucAdapterType =='sc') ? 'contLeftTwo': 'contLeft']">
+
+          <Tabs :animated="false" @on-click="dataNameClick">
+            <TabPane label="选组织">
+              <div class="overflowAuto">
+                <div v-if="readingRangeBM.length === 0">暂无数据</div>
+                <Tree v-else v-for="(item,index) in readingRangeBM" :key="index" :data="item" ref="treeBM"
+                      check-strictly show-checkbox expand-node
+                      :load-data="loadDataBm" @on-check-change="selectReRaBMChange"
+                      @on-select-change="selectOrgChange"></Tree>
+              </div>
+            </TabPane>
+
+
+            <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>
+
+
+            <TabPane label="选角色">
+              <div class="overflowAuto">
+                <CheckboxGroup v-model="noticeRoleList" class="checkbox-container" @on-change="getReadingRangeRole">
+                  <Checkbox v-for="(item) in roleList" :key="item.roleId" :label="item.roleId+','+item.name">
+                    {{ item.name }}
+                  </Checkbox>
+                </CheckboxGroup>
+                <div v-show="roleList.length == 0">暂无数据</div>
+              </div>
+            </TabPane>
+            <TabPane label="选岗位" v-if="ucAdapterType === 'x1'">
+              <div class="overflowAuto">
+                <div v-if="readingRangePost.length === 0">暂无数据</div>
+                <Tree v-else v-for="(item,index) in readingRangePost" :key="index" :data="item" ref="treePost"
+                      check-strictly show-checkbox expand-node
+                      :load-data="loadReadingRangeDataPost" :checkable="true" @on-check-change="selectReRaYHChangePost"
+                      @on-select-change="selectPostChange"></Tree>
+              </div>
+            </TabPane>
+            <TabPane label="选组织类型"  v-if="ucAdapterType === 'sc'">
+              <div class="overflowAuto">
+                <div v-if="readingRangeOrgType.length === 0">暂无数据</div>
+                <Tree v-else v-for="(item,index) in readingRangeOrgType" :key="index" :data="item" ref="treeBM" check-strictly  show-checkbox expand-node
+                      :load-data="loadOrgType" @on-check-change="checkOrgTypeChange"></Tree>
+              </div>
+            </TabPane>
+
+          </Tabs>
+
+        </div>
+        <div class="contRight" v-if="this.dataName == '1' || (this.dataName == '3' && ucAdapterType === 'x1')">
+          <Card dis-hover>
+            <div class="overflowAuto" v-if="dataName === 1">
+              <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>
+              <CheckboxGroup v-model="treeUserValue" class="checkbox-container" @on-change="getReadingRangeUser">
+                <Checkbox v-for="(item) in treeUserNameCenterValue" :key="item.userId"
+                          :label="item.userId+','+item.userName">
+                  {{ item.userName }}
+                </Checkbox>
+              </CheckboxGroup>
+            </div>
+            <div class="overflowAuto" v-else-if="dataName === 3 && ucAdapterType === 'x1'">
+              <CheckboxGroup v-model="treePostValue" class="checkbox-container" @on-change="getReadingRangePosts">
+                <Checkbox v-for="(item) in treePostCenterValue" :key="item.positionId"
+                          :label="item.positionId+','+item.positionName">
+                  {{ item.positionName }} ( {{ item.nameItem }} {{ item.orgName ? ',' + item.orgName : '' }} )
+                </Checkbox>
+              </CheckboxGroup>
+              <CheckboxGroup v-model="treePostValue" class="checkbox-container" @on-change="getReadingRangePosts">
+                <Checkbox v-for="(item) in treePostNameCenterValue" :key="item.positionId"
+                          :label="item.positionId+','+item.positionName">
+                  {{ item.positionName }}
+                </Checkbox>
+              </CheckboxGroup>
+            </div>
+            <div class="overflowAuto" v-else></div>
+          </Card>
+        </div>
+        <div
+          :class="[this.dataName == '' || this.dataName == '0' || this.dataName == '2' || this.dataName == '4' || (this.dataName == '3' && ucAdapterType =='sc')  ? 'contRightTwo': 'contRight']">
+          <Card dis-hover>
+            <div class="overflowAuto">
+              <Title>已选择:{{ treeLength }}/100 <a type="text" style="float: right;color: #989898"
+                @click="readingRangeEmpty">清空已选</a></Title>
+              <Collapse v-model="value" style="margin-top: 10px">
+                <Panel name="1">
+                  <span class="fontSize">组织</span>
+                  <template #content>
+                    <div v-for="(item,index) in treeValueBM" :key="item.key">
+                      <div v-if="item.type !='user'" style="margin-bottom: 10px">
+                        <span>{{ item.name }}</span>
+                        <Icon type="md-close" style="float: right" @click="readingRangeDepDel(index,item)"/>
+                      </div>
+                    </div>
+                  </template>
+                </Panel>
+                <Panel name="2">
+                  <span class="fontSize">人员</span>
+                  <template #content>
+                    <div v-for="(item,index) in treeUserValue" :key="index">
+                      <div style="margin-bottom: 10px">
+                        <span>{{ item }}</span>
+                        <Icon type="md-close" style="float: right" @click="readingRangeScPerDel(index,item)"/>
+                      </div>
+                    </div>
+                  </template>
+                </Panel>
+                <Panel name="3">
+                  <span class="fontSize">角色</span>
+                  <template #content>
+                    <div v-for="item in noticeRoleNameList" :key="item.key">
+                      <div style="margin-bottom: 10px">
+                        <span>{{ item }}</span>
+                        <Icon type="md-close" style="float: right" @click="noticeRoleNameListDel(item)"/>
+                      </div>
+                    </div>
+                  </template>
+                </Panel>
+                <Panel name="4" v-if="ucAdapterType === 'x1'">
+                  <span class="fontSize">岗位</span>
+                  <template #content>
+                    <div v-for="item in treePostValue" :key="item.key">
+                      <div style="margin-bottom: 10px">
+                        <span>{{ item }}</span>
+                        <Icon type="md-close" style="float: right" @click="processPostDel(item)"/>
+                      </div>
+                    </div>
+                  </template>
+                </Panel>
+                <Panel name="5" v-if="ucAdapterType === 'sc'">
+                  <span class="fontSize">组织类型</span>
+                  <template #content>
+                    <div v-for="(item, itemIndex) in treeOrgTypeValue" :key="itemIndex">
+                      <span>{{ item.typeName }}</span>
+                      <Icon type="md-close" style="float: right" @click="processOrgTypeDel(itemIndex,item)"/>
+                    </div>
+                  </template>
+                </Panel>
+              </Collapse>
+            </div>
+          </Card>
+        </div>
+      </div>
+    </Modal>
+  </div>
+</template>
+
+<script>
+import ajax from "@lambo-design/shared/utils/ajax";
+import Title from "./title";
+import TreeSelect from '@lambo-design/tree-select'
+
+export default {
+  name: "candidateGroupsHelpBox",
+  props: {
+    smartFlowServerContext: {
+      type: String,
+      default: '/api/smart-flow-server',
+    },
+    upmsServerContext: {
+      type: String,
+      default: '/api/upms-server',
+    },
+  },
+  components: {
+    Title,
+    TreeSelect
+  },
+  data() {
+    return {
+      id: "",
+      ucAdapterType: 'x1',
+      treePostNameCenterValue: [],
+      treeUserNameCenterValue: [],
+      selectedKeys: [],
+      postKeys: [],
+      postAllList: [],
+      noticeList: [],
+      orgList: [],
+      userNum: "0",
+      permScope: "",
+      organTreeType: '00',
+      organId: "",
+      organModel: [],
+      organTree: {
+        organMap: {},
+        userMap: {},
+        roleMap: {},
+        postMap: {},
+        typeMap: {},
+      },
+      readingRangePost: [],
+      treeUserValueCenter: [],
+      treeLength: 0,
+      treeValueBM: [],
+      treeOrgTypeValue:[],
+      dataName: "",
+      postList: [],//选中岗位集合（右侧显示）
+      processPostList: [],//岗位集合
+      noticeRoleNameList: [],//角色选择集合
+      roleList: [],//角色集合
+      noticeRoleList: [],//选中角色集合（右侧显示）
+      treeUserValue: [],//选中的人员（右侧显示）
+      treePostValue: [],
+      treeUserCenterValue: [],
+      treePostCenterValue: [],
+      readingRangeBM: [],//权限范围数据组织
+      readingRange: [],//权限范围数据人员
+      readingRangeOrgType:[],//权限范围数据部门
+      modalBoxShow: false,
+      placeholder: "自动同意",
+      loading: false,
+      form: {
+        userId: '',
+        userName: '',
+        organId: '',
+        organTitle: '',
+        directChild: false,
+        isAdmin: ''
+      },
+      value: ['1', '2', '3', '4', '5'],
+      title: '选择办理人范围',
+      currentNode: {},
+      currentNodeUser: {},
+      currentNodePost: {},
+      ruleValidate: {
+        organization: [
+          {required: true, message: '请选择指定相对岗位的组织', trigger: 'blur'}
+        ],
+        position: [
+          {required: true, message: '请选择指定岗位', trigger: 'blur'}
+        ],
+      },
+
+    };
+  },
+  created() {
+    this.getSystemConfig()
+  },
+  computed: {
+  },
+  mounted: function () {
+  },
+  methods: {
+    getOrgan(row) {
+      if (row.organs){
+        let self = this
+        self.organModel = []
+        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.organModel.push(item + ',1')
+            self.userNum = "1"
+            self.updateLength()
+          })
+        }
+      }
+    },
+    getUser(row) {
+      if (row.users){
+        let self = this
+        self.selectedKeys = []
+        self.treeUserValue = []
+        self.treeUserNameCenterValue = []
+        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.treeUserValue.push(userStr)
+            self.treeUserNameCenterValue.push(user)
+            self.selectedKeys.push(userStr)
+            self.organModel.push(item + ",2")
+            self.userNum = "1"
+            self.updateLength()
+          })
+        }
+      }
+    },
+    getRole(row) {
+      if (row.roles){
+        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.organModel.push(item + ',3')
+            let roles = roleId + "," + roleName
+            self.noticeRoleList.push(roles)
+            self.noticeList.push(roles)
+            self.updateLength()
+          })
+        }
+      }
+    },
+    getPost(row) {
+      if (row.posts){
+        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.organModel.push(item + ',4')
+            self.updateLength()
+          })
+        }
+      }
+
+    },
+    getOrgType(row) {
+      if (row.types){
+        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 = []
+      ajax.get(self.smartFlowServerContext + '/manage/bizorgan/getOrgRootTree', {
+        params: {
+          bizOrganTreeType: organTreeType
+        }
+      }).then(resp => {
+        if (resp.data.code === 200) {
+          let data = resp.data.data
+          if (data.length > 0) {
+            data.forEach(item => {
+              let obj = {}
+              obj.type = item.bizOrganType
+              obj.id = item.id
+              obj.organId = item.bizOrganId
+              obj.orders = item.orders
+              obj.title = item.bizOrganName
+              obj.name = item.bizOrganName
+              obj.com = item.bizOrganId
+              obj.code = item.bizOrganCode
+              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))
+        }
+      })
+    },
+    //获取组织
+    async getReadingRangeBM(row, info, organTreeType) {
+      let self = this
+      self.readingRangeBM = await self.getOrganTreeByProType(row, row.substring(2, row.indexOf(",")), organTreeType);
+    },
+    getOrganTreeByProType(row, permScope, organTreeType) {
+      const self = this;
+      return new Promise((resolve, reject) => {
+        let organTree = [];
+        let childsTree = [];
+        if (permScope && permScope.length > 0) {
+          let params = {
+            orgTreeType: organTreeType,
+          };
+          permScope = permScope.split(';');
+
+          const requests = permScope.map(perm => {
+            return ajax.get(self.smartFlowServerContext + '/manage/organ/get/' + perm, { params: params })
+              .then(resp => {
+                if (resp.data.code === 200) {
+                  return resp.data.data;
+                } else {
+                  return [];
+                }
+              })
+              .catch(err => {
+                console.error(err);
+                return [];
+              });
+          });
+
+          Promise.all(requests)
+            .then(results => {
+              let tree
+              if (self.ucAdapterType === 'x1'){
+                tree = self.x1OrganTree(results)
+              } else {
+                tree = self.scOrganTree(results)
+              }
+              for (let value of tree) {
+                self.formatOrganTree(value, childsTree, organTreeType)
+              }
+              organTree.push(childsTree);
+              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;
+              }, []);
+              resolve(organTree);
+            })
+            .catch(err => {
+              reject(err);
+            });
+        } else {
+          resolve([]);
+        }
+      });
+    },
+    x1OrganTree(results){
+      const nodeMap = new Map();
+      results.forEach(item => {
+        const organCode = item.organCode
+        const organStruPath = item.organStruPath
+        const parts = organStruPath.split('#').filter(p => p);
+        let currentNode = nodeMap.get(organCode) || { organCode, organStruPath, item, children: []};
+        currentNode.parts = parts;
+        nodeMap.set(organCode, currentNode);
+      });
+      nodeMap.forEach(node => {
+        const { organCode, parts } = node;
+        let parentCode = null;
+        for (let i = 0; i < parts.length - 1; i++) {
+          parentCode = parts[i];
+          const parentNode = nodeMap.get(parentCode);
+
+          if (parentNode) {
+            if (parentNode.organId === node.item.parentId && !parentNode.children.some(child => child.organCode === organCode)) {
+              parentNode.children.push(node);
+            } else {
+              // 如果直接父节点不在流程类型范围内但祖宗节点在
+              let children = parentNode.children;
+              for (let j = i + 1; j < parts.length - 1; j++) {
+                const partCode = parts[j];
+                let existingChild = children.find(child => child.organCode === partCode);
+
+                if (!existingChild) {
+                  existingChild = { organCode: partCode, children: [] };
+                  children.push(existingChild);
+                }
+                children = existingChild.children;
+              }
+              // 将当前节点添加到最后一个子节点的 children 中
+              children.push(node);
+            }
+            nodeMap.delete(organCode);
+            break;
+          }
+        }
+
+      });
+      return nodeMap.values()
+    },
+    scOrganTree(results){
+      const nodeMap = new Map();
+      results.forEach(item => {
+        const organId = item.organId
+        const parentId = item.parentId
+        let currentNode = nodeMap.get(organId) || { organId, parentId, item, children: []};
+        nodeMap.set(organId, currentNode);
+      });
+      const tree = [];
+      nodeMap.forEach((node, organId) => {
+        const parentId = node.parentId;
+
+        // 如果有父节点，则将当前节点添加到父节点的 children 数组中
+        if (parentId && nodeMap.has(parentId)) {
+          const parentNode = nodeMap.get(parentId);
+          parentNode.children.push(node);
+        } else {
+          tree.push(node);
+        }
+      });
+      return tree
+    },
+    formatOrganTree(nodeMap, childsTree, organTreeType){
+      const self = this
+      let obj = {}
+      if (nodeMap.item){
+        obj = {
+          type: nodeMap.item.organType,
+          id: nodeMap.item.id,
+          organId: nodeMap.item.organId,
+          orders: nodeMap.item.orders,
+          title: nodeMap.item.organName,
+          name: nodeMap.item.organName,
+          com: nodeMap.item.organId,
+          code: nodeMap.item.organCode,
+          loading: false,
+          checked: false,
+          hasChild: true,
+          children: [],
+        };
+        if (nodeMap.children && nodeMap.children.length > 0){
+          for (let child of nodeMap.children){
+            self.formatOrganTree(child, obj.children, organTreeType)
+          }
+        }
+        childsTree.push(obj);
+      } else {
+        let params = {
+          orgTreeType: organTreeType,
+        }
+        ajax.get(self.smartFlowServerContext + '/manage/organ/get/' + nodeMap.organCode, { params: params })
+          .then(resp => {
+            if (resp.data.code === 200) {
+              let data = resp.data.data
+              obj = {
+                type: data.organType,
+                id: data.id,
+                organId: data.organId,
+                orders: data.orders,
+                title: data.organName,
+                name: data.organName,
+                com: data.organId,
+                code: data.organCode,
+                loading: false,
+                disabled: true,
+                checked: false,
+                hasChild: true,
+                children: [],
+              }
+              if (nodeMap.children && nodeMap.children.length > 0){
+                for (let child of nodeMap.children){
+                  self.formatOrganTree(child, obj.children, organTreeType)
+                }
+              }
+              childsTree.push(obj);
+            }
+          })
+          .catch(err => {
+            console.error(err);
+            return [];
+          })
+      }
+    },
+    //获取人员树信息
+    async getReadingRange(row, organTreeType) {
+      let self = this
+      let permScope
+      let userPermScope = row.substring(row.indexOf("U:"))
+      userPermScope = userPermScope.substring(2, userPermScope.indexOf(","))
+      let permScopeTwo = userPermScope.split(';')
+      if (permScopeTwo.length > 0 && permScopeTwo[0]){
+        let promises = []
+        for (let i = 0; i < permScopeTwo.length; i++) {
+          let promise = ajax.get(self.smartFlowServerContext + "/manage/user/get/" + permScopeTwo[i] + '?treeType=' + organTreeType)
+            .then(resp => {
+              if (resp.data.code === 200) {
+                return resp.data.data.organCode
+              }
+            })
+          promises.push(promise)
+        }
+        Promise.all(promises).then(async (result) => {
+          const uniqueResults = [...new Set(result.filter(Boolean))];
+          permScope = uniqueResults.join(';');
+          self.readingRange = await this.getOrganTreeByProType(row, permScope, organTreeType);
+        })
+      } else {
+        //对于流程类型中没有规定人员范围但规定组织范围的情况
+        self.readingRange = await this.getOrganTreeByProType(row, row.substring(2, row.indexOf(",")), organTreeType);
+      }
+
+    },
+    //获取角色列表
+    getReadingRangeAllRole: function (row) {
+      let self = this;
+      self.roleList = []
+      if (row == 'undefined' || row == "all") {
+        self.optionRoleArr = [];
+        ajax.get(self.smartFlowServerContext + "/manage/role/getrolesbyUserId")
+          .then(function (resp) {
+            if (resp.data.data.code === 200) {
+              resp.data.data.data.forEach(role => {
+                self.roleList.push(role);
+                const codesSeen = new Map();
+                self.roleList = self.roleList.reduce((acc, item, index) => {
+                  if (!codesSeen.has(item.roleId)) {
+                    codesSeen.set(item.roleId, index);
+                    acc.push(item);
+                  }
+                  return acc;
+                }, []);
+              })
+
+            }
+          });
+      } else {
+        var permScope = row.substring(row.indexOf("R:"))
+        permScope = permScope.substring(2, permScope.indexOf(","))
+        permScope = permScope.split(';')
+        self.optionRoleArr = [];
+        if (permScope.length > 0) {
+          ajax.get(self.smartFlowServerContext + "/manage/role/getrolesbyUserId")
+            .then(function (resp) {
+              if (resp.data.data.code === 200) {
+                resp.data.data.data.forEach(role => {
+                  permScope.forEach(perm => {
+                    if (role.roleId == perm) {
+                      self.roleList.push(role);
+                      const codesSeen = new Map();
+                      self.roleList = self.roleList.reduce((acc, item, index) => {
+                        if (!codesSeen.has(item.roleId)) {
+                          codesSeen.set(item.roleId, index);
+                          acc.push(item);
+                        }
+                        return acc;
+                      }, []);
+                    }
+                  })
+
+                })
+
+              }
+            }).catch(err => {
+            console.log(err);
+          })
+        }
+      }
+    },
+    //获取岗位
+    async getReadingRangePost(row, organTreeType) {
+      let self = this
+      let permScope
+      let postPermScope = row.substring(row.indexOf("P:"))
+      postPermScope = postPermScope.substring(2, postPermScope.indexOf(","))
+      let permScopeTwo = postPermScope.split(';')
+      if (permScopeTwo.length > 0 && permScopeTwo[0]){
+        let promises = []
+        for (let i = 0; i < permScopeTwo.length; i++) {
+          let promise = ajax.get(self.smartFlowServerContext + "/manage/position/get?positionId=" + permScopeTwo[i])
+            .then(resp => {
+              if (resp.data.code == 200) {
+                return resp.data.data.orgCode ? resp.data.data.orgCode : resp.data.data
+              }
+            }).catch(err => {
+              console.log(err);
+            })
+          promises.push(promise)
+        }
+        Promise.all(promises).then(async (result) => {
+          if (result.length > 0 && result[0] && result[0].hasOwnProperty('orgCode')) {
+            self.readingRangePost = await this.getOrganTreeByProType(row, permScope, organTreeType);
+            let array = [{code: result[0].orgCode}]
+            self.selectReRaYHChangePost(array, array)
+          } else {
+            const uniqueResults = [...new Set(result.filter(Boolean))];
+            permScope = uniqueResults.join(';');
+            self.readingRangePost = await this.getOrganTreeByProType(row, permScope, organTreeType);
+          }
+        })
+      } else {
+        //对于流程类型中没有规定岗位范围但规定组织范围的情况
+        self.readingRangePost = await this.getOrganTreeByProType(row, row.substring(2, row.indexOf(",")), organTreeType);
+      }
+    },
+    //获取组织类型
+    getReadingRangeOrgType(row, organTreeType) {
+      let self = this
+      let childsTree = []
+      if (row == 'undefined' || row == "all"){
+        let params = {
+          orgTreeType: organTreeType
+        }
+        ajax.get(self.smartFlowServerContext + "/manage/bizorgan/qryOrgTypeList", {params: params}).then(function (resp) {
+          if (resp.data.code === 200) {
+            let data = resp.data.data;
+            if (data.length > 0) {
+              data.forEach(item => {
+                self.formatOrgTypeData(item, childsTree)
+              })
+            }
+            self.readingRangeOrgType.push(childsTree);
+          } else {
+            self.$Message.error(resp.data.message)
+          }
+        })
+      } else {
+        var permScope = row.substring(row.indexOf("T:") + 2)
+        if (permScope.length > 0) {
+          let permScopeTwo = permScope.split(';')
+          for (let i = 0; i < permScopeTwo.length; i++) {
+            let params = {
+              organTypeCode: permScopeTwo[i],
+              orgTreeType: organTreeType
+            }
+            ajax.get(self.smartFlowServerContext + "/manage/bizorgan/qryOrgTypeByCode",{params : params}).then(resp => {
+              if (resp.data.code === 200) {
+                let data = resp.data.data
+                if (data) {
+                  self.formatOrgTypeData(resp.data.data, childsTree)
+                }
+                self.readingRangeOrgType.push(childsTree)
+                const codesSeen = new Map();
+                self.readingRangeOrgType = self.readingRangeOrgType.reduce((acc, item, index) => {
+                  if (!codesSeen.has(item.bizTypeId)) {
+                    codesSeen.set(item.bizTypeId, index);
+                    acc.push(item);
+                  }
+                  return acc;
+                }, []);
+              } else {
+                self.$Message.error(resp.data.message)
+              }
+            })
+          }
+        }
+      }
+    },
+    formatOrgTypeData(item, childsTree){
+      let obj = {}
+      obj.bizOrganTreeType = item.bizOrganTreeType
+      obj.bizTypeCode = item.bizTypeCode
+      obj.bizTypeId = item.bizTypeId
+      obj.parentTypeCode = item.parentTypeCode
+      obj.parentTypeId = item.parentTypeId
+      obj.parentTypeName = item.parentTypeName
+      obj.typeName = item.typeName
+      obj.title = item.typeName
+      obj.name = item.typeName
+      obj.orders = item.orders
+      obj.loading = false
+      obj.children = []
+      obj.hasChild = true
+      if (item.children && item.children.length > 0){
+        item.children.forEach(child => {
+          this.formatOrgTypeData(child, obj.children)
+        })
+      }
+      childsTree.push(obj)
+    },
+
+    //权限范围组织部门单条删除
+    readingRangeDepDel(res, info) {
+      this.treeValueBM[res].checked = false;
+      this.treeValueBM.splice(res, 1)
+
+      let orgList = []
+      let organList = []
+
+      orgList.push(info)
+      this.organModel.forEach(organ => {
+        if (organ.indexOf(info.code) == -1) {
+          organList.push(organ)
+        }
+      })
+      this.userNum = "1"
+      this.organModel = organList
+
+
+      this.updateLength();
+    },
+    //权限范围人员单条删除
+    readingRangeScPerDel(res, info) {
+      this.treeUserValue.splice(res, 1)
+      this.selectedKeys.splice(res, 1)
+      let orgList = []
+      let organList = []
+      orgList.push(info)
+      info = info.replace(",", ":")
+      this.organModel.forEach(organ => {
+        if (organ.indexOf(info) == -1) {
+          organList.push(organ)
+        }
+      })
+      this.organModel = organList
+      this.updateLength();
+    },
+    //角色单条删除
+    noticeRoleNameListDel(res) {
+      let processList = [];
+      for (let i = 0; i < this.noticeRoleList.length; i++) {
+        if (this.noticeRoleList[i].split(',')[1] !== res) {
+          processList.push(this.noticeRoleList[i])
+        }
+      }
+      this.noticeRoleList = processList
+      if (this.noticeRoleNameList.indexOf(res) !== -1) {
+        this.noticeRoleNameList.splice(this.noticeRoleNameList.indexOf(res), 1)
+      }
+      let organList = []
+      this.organModel.forEach(organ => {
+        if (organ.indexOf(res) == -1) {
+          organList.push(organ)
+        }
+      })
+      this.organModel = organList
+
+      this.updateLength();
+    },
+    //岗位单条删除
+    processPostDel(res) {
+      this.treePostValue.splice(res, 1)
+      this.postKeys.splice(res, 1)
+      let organList = []
+      res = res.replace(",", ":")
+      this.organModel.forEach(organ => {
+        if (organ.indexOf(res) == -1) {
+          organList.push(organ)
+        }
+      })
+      this.organModel = organList
+      // let processPostList = [];
+      // for (let i = 0; i < this.processPostList.length; i++) {
+      //   if (this.processPostList[i].split(',')[1] !== res) {
+      //     processPostList.push(this.processPostList[i])
+      //   }
+      // }
+      // this.processPostList = processPostList
+      // if(this.postList.indexOf(res) !== -1){
+      //   this.postList.splice(this.postList.indexOf(res), 1)
+      // }
+      this.updateLength();
+    },
+    //部门单条删除
+    processOrgTypeDel(res, info) {
+      this.treeOrgTypeValue[res].checked = false;
+      this.treeOrgTypeValue.splice(res, 1)
+      this.userNum = "1"
+      this.updateLength();
+    },
+
+    dataNameClick(data) {
+      this.dataName = data
+    },
+
+    selectOrgChange(node) {
+      let self = this
+      if (node.length > 0) {
+        if (self.currentNode !== node[0]) {
+          self.currentNode = node[0]
+
+          self.form.organId = self.currentNode.id
+          self.form.organTitle = self.currentNode.title
+
+
+          if (node[0].children.length <= 0) {
+            self.getDataBm(node[0], function (data) {
+              self.$set(node[0], 'children', data)
+            })
+          }
+          self.$set(node[0], 'expand', true)
+        }
+      } else {
+        self.$set(self.currentNode, 'expand', !self.currentNode.expand)
+        self.currentNode.selected = true
+      }
+    },
+    loadDataBm(node, callback) {
+      this.getDataBm(node, function (data) {
+        if (data && data.length > 0) {
+          callback(data)
+        }
+      })
+    },
+    getDataBm(node, callback) {
+      let self = this
+      ajax.get(self.smartFlowServerContext + "/manage/organ/getOrgSubNodes", {
+        params: {
+          code: node.code,
+          orgTreeType: self.organTreeType
+        }
+      }).then(function (resp) {
+        const childs = [];
+        if (resp.data.code === 200) {
+          let nodeDatas = resp.data.data
+          if (nodeDatas && nodeDatas.length > 0) {
+            nodeDatas.forEach(item => {
+              let obj = {};
+              let typeName = '';
+              if ('com' == item.organType) {
+                typeName = '(公司)'
+              }
+              if ('dept' == item.organType) {
+                typeName = '(部门)'
+              }
+              self.treeValueBM.forEach(tree => {
+                if (item.organId == tree.organId || item.organId == tree.code || item.organCode == tree.organId || item.organCode == tree.code) {
+                  obj.checked = true
+                }
+              })
+              obj.type = item.organType;
+              obj.id = item.id
+              obj.organId = item.organId
+              obj.orders = item.orders
+              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()
+          }
+        }
+      })
+    },
+    //权限范围组织类型点击事件
+    loadOrgType(node, callback){
+      this.getDataOrgType(node, function (data) {
+        if (data && data.length > 0) {
+          callback(data)
+        }
+      })
+    },
+    getDataOrgType(node, callback){
+      let self = this
+      ajax.get(self.smartFlowServerContext + "/manage/bizorgan/qrySubOrgTypeList", {
+        params: {
+          orgTreeType: self.organTreeType,
+          typeId: node.bizTypeId
+        }
+      }).then(function (resp) {
+        const childs = [];
+        if (resp.data.code == 200) {
+          let nodeDatas = resp.data.data
+          if (nodeDatas && nodeDatas.length > 0) {
+            nodeDatas.forEach(item => {
+              self.formatOrgTypeData(item, childs)
+            })
+          } 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()
+          }
+        }
+      })
+    },
+    //阅读范围组织点击事件
+    selectReRaBMChange(row, info) {
+      let self = this
+      let mergedArray = []
+      let uniqueArray = []
+      let rows = []
+
+      mergedArray = [].concat(this.treeValueBM, row);
+      uniqueArray = Array.from(new Set(mergedArray));
+      uniqueArray = uniqueArray.filter((obj, index, self) =>
+        index === self.findIndex((o) => o.code === obj.code)
+      );
+      if (info.checked == true) {
+        row.forEach(ro => {
+          let organList = []
+          organList = row.filter(obj1 => !this.treeValueBM.some(obj2 => obj2.code === obj1.code));
+          organList = [...new Set(organList)];
+          organList = organList.reverse();
+          let code = organList[0] ? organList[0].code : ''
+          let name = organList[0] ? organList[0].name : ''
+          this.userNum = "1"
+          if (code) {
+            this.organModel.push(code + ":" + name + "," + "1");
+            this.treeValueBM.push(organList[0])
+            this.orgList = this.treeValueBM
+          }
+        })
+      } else {
+        let orgList = []
+        let organList = []
+        orgList.push(info)
+        this.organModel.forEach(organ => {
+          if (organ.indexOf(info.code) == -1) {
+            organList.push(organ)
+          }
+        })
+        this.userNum = "1"
+        let list = []
+        this.orgList = []
+        uniqueArray.forEach(item => {
+          if (item.code != info.code) {
+            list.push(item)
+            this.orgList.push(item)
+          }
+        })
+        this.treeValueBM = list
+        this.organModel = organList
+      }
+      this.updateLength()
+    },
+    //权限范围组织类型选择事件
+    checkOrgTypeChange(row, info) {
+      let self = this
+      let mergedArray = []
+      let uniqueArray = []
+      mergedArray = [].concat(this.treeOrgTypeValue, row);
+      uniqueArray = Array.from(new Set(mergedArray));
+      uniqueArray = uniqueArray.filter((obj, index, self) =>
+        index === self.findIndex((o) => o.bizTypeCode === obj.bizTypeCode)
+      );
+      if (info.checked == true) {
+        row.forEach(ro => {
+          let depList = []
+          depList = row.filter(obj1 => !this.treeOrgTypeValue.some(obj2 => obj2.bizTypeCode === obj1.bizTypeCode));
+          depList = [...new Set(depList)];
+          depList = depList.reverse();
+          let bizTypeCode = depList[0] ? depList[0].bizTypeCode : ''
+          if (bizTypeCode) {
+            this.treeOrgTypeValue.push(depList[0])
+            this.organModel.push(depList[0].bizTypeCode +":"+depList[0].typeName+","+"5");
+          }
+        })
+      } else {
+        let list = []
+        uniqueArray.forEach(item => {
+          if (item.bizTypeCode != info.bizTypeCode) {
+            list.push(item)
+          }
+        })
+        let typeList = []
+        this.organModel.forEach(data => {
+          let [value, type] = data.split(',')
+          if (type && type !== '5'){
+            typeList.push(data)
+          } else {
+            let typeCode = value.split(':')[0]
+            if (typeCode !== info.bizTypeCode){
+              typeList.push(data)
+            }
+          }
+        })
+        this.treeOrgTypeValue = list
+        this.organModel = typeList
+      }
+
+      this.updateLength()
+    },
+    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 && data.length > 0) {
+          callback(data)
+        }
+      })
+    },
+    getReadingRangeData(node, callback) {
+      let self = this
+      ajax.get(self.smartFlowServerContext + "/manage/organ/getOrgSubNodes", {
+        params: {
+          code: node.code,
+          orgTreeType: self.organTreeType
+        }
+      }).then(function (resp) {
+        const childs = [];
+        if (resp.data.code === 200) {
+          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.id
+              obj.organId = item.organId
+              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()
+          }
+        }
+      })
+    },
+
+    selectPostChange(node) {
+      let self = this
+      if (node.length > 0) {
+        if (self.currentNodePost !== node[0]) {
+          self.currentNodePost = node[0]
+
+          self.form.organId = self.currentNodePost.id
+          self.form.organTitle = self.currentNodePost.title
+
+
+          if (node[0].children.length <= 0) {
+            self.getReadingRangeDataPost(node[0], function (data) {
+              self.$set(node[0], 'children', data)
+            })
+          }
+          self.$set(node[0], 'expand', true)
+        }
+      } else {
+        self.$set(self.currentNodePost, 'expand', !self.currentNodePost.expand)
+        self.currentNodePost.selected = true
+      }
+    },
+    //获取用户信息（懒加载）
+    loadReadingRangeDataPost(node, callback) {
+      this.getReadingRangeDataPost(node, function (data) {
+        if (data.length > 0) {
+          callback(data)
+        }
+      })
+    },
+    getReadingRangeDataPost(node, callback) {
+      let self = this
+      ajax.get(self.smartFlowServerContext + "/manage/organ/getOrgSubNodes", {
+        params: {
+          code: node.code,
+          orgTreeType: self.organTreeType
+        }
+      }).then(function (resp) {
+        const childs = [];
+        if (resp.data.code === 200) {
+          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.id
+              obj.organId = item.organId
+              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.smartFlowServerContext + "/manage/user/getList", {
+            params: {
+              organId: itemCom.organId,
+              orgTreeType: self.organTreeType,
+              limit: "1000",
+              directChild: true,
+            }
+          }).then(function (resp) {
+            if (resp.data.code == 200) {
+              let nodeUser = resp.data.data.rows ? resp.data.data.rows : 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.smartFlowServerContext + "/manage/user/getList", {
+            params: {
+              organId: itemCom.organId,
+              orgTreeType: self.organTreeType,
+              limit: "1000",
+              directChild: true,
+            }
+          }).then(function (resp) {
+            if (resp.data.code == 200) {
+              let nodeUser = resp.data.data.rows ? resp.data.data.rows : resp.data.data
+              nodeUser.forEach(item => {
+                if ((!userIdSet.has(item.userId) && userPermScope.includes(item.userId)) || userPermScope.length <= 0 || !userPermScope[0]) {
+                  userIdSet.add(item.userId)
+                  treeUserCenters.push({
+                    userId: item.userId,
+                    userName: item.userName,
+                    nameItem: item.superiorOrgName,
+                    organName: item.organName
+                  })
+                }
+              })
+            }
+
+          })
+
+        })
+      }
+
+      self.treeUserCenterValue = treeUserCenters
+      self.treeUserNameCenterValue = []
+    },
+
+    //权限范围岗位点击事件
+    selectReRaYHChangePost(data, info) {
+      let self = this
+      const user = sessionStorage.getItem('userInfo');
+      const jsonArray = JSON.parse(user);
+      let nodePost = []
+      let treePostCenter = [];
+      if ((jsonArray.orgCode || jsonArray.organCode) != info.code) {
+        self.getReadingRangeDataPost(info, function (data) {
+          self.$set(info, 'children', data)
+        })
+      }
+
+      if (self.permScope == "all" || self.permScope == "undefined") {
+        const positionIdSet = new Set();
+        data.forEach(itemCom => {
+          ajax.get(self.smartFlowServerContext + "/manage/position/qryPositionList?organCode=" + itemCom.code).then(function (resp) {
+            nodePost = resp.data.data
+            nodePost.forEach(item => {
+              if (!positionIdSet.has(item.positionId)) {
+                item.nameItem = item.organName !== '' ? item.organName : item.positionName;
+                treePostCenter.push(item);
+                positionIdSet.add(item.positionId);
+              }
+            });
+          })
+
+        })
+      } else {
+        let postPermScope = self.permScope.substring(self.permScope.indexOf("P:"))
+        postPermScope = postPermScope.substring(2, postPermScope.indexOf(","))
+        postPermScope = postPermScope.split(';')
+        const addedPositionIds = new Set();
+        data.forEach(itemCom => {
+          ajax.get(self.smartFlowServerContext + "/manage/position/qryPositionList?organCode=" + itemCom.code).then(function (resp) {
+            nodePost = resp.data.data;
+            nodePost.forEach(item => {
+              if ((postPermScope.includes(item.positionId) && !addedPositionIds.has(item.positionId)) || postPermScope.length <= 0 || !postPermScope[0]) {
+                item.nameItem = item.organName !== '' ? item.organName : item.positionName;
+                treePostCenter.push(item);
+                addedPositionIds.add(item.positionId);
+              }
+            });
+          });
+        });
+      }
+
+      self.treePostCenterValue = treePostCenter
+      self.treePostNameCenterValue = []
+    },
+    getReadingRangeRole(row) {
+      let nameList = [];
+      let self = this
+      self.userNum = "2"
+      if (row.length > self.noticeList.length) {
+        row.forEach(ro => {
+          ro = ro.substring(ro.indexOf(","))
+        })
+        self.noticeRoleNameList = row
+        self.noticeList = row
+        row = row.reverse()
+        let organName = row[0].replace(",", ":") + ",3"
+        self.organModel.push(organName);
+        self.organChange(self.organModel)
+      } else if (row.length < self.noticeList.length) {
+        let diff = ""
+        let orgList = []
+        for (let i = 0; i < self.noticeList.length; i++) {
+          if (!row.includes(self.noticeList[i])) {
+            diff = self.noticeList[i]
+          }
+        }
+        diff = diff.replace(",", ":")
+        self.organModel.forEach(organ => {
+          if (organ.indexOf(diff) == -1) {
+            orgList.push(organ)
+          }
+        })
+        self.organModel = orgList
+        self.noticeList = row
+        self.noticeRoleNameList = row
+      }
+      this.updateLength()
+    },
+    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.organModel.push(organName);
+        self.organChange(self.organModel)
+      } 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.organModel.forEach(organ => {
+          if (organ.indexOf(diff) == -1) {
+            orgList.push(organ)
+          }
+        })
+        self.organModel = orgList
+        self.selectedKeys = row
+      }
+      this.updateLength()
+    },
+    getReadingRangePosts(row) {
+      let self = this
+      self.userNum = "2"
+      if (row.length > self.postKeys.length) {
+        self.treePostValue = row
+        self.postKeys = row
+        row = row.reverse()
+        let organName = row[0].replace(",", ":") + ",4"
+        self.organModel.push(organName);
+        self.organChange(self.organModel)
+      } else if (row.length < self.postKeys.length) {
+        let diff = ""
+        let orgList = []
+        for (let i = 0; i < self.postKeys.length; i++) {
+          if (!row.includes(self.postKeys[i])) {
+            diff = self.postKeys[i]
+          }
+        }
+        diff = diff.replace(",", ":")
+        self.organModel.forEach(organ => {
+          if (organ.indexOf(diff) == -1) {
+            orgList.push(organ)
+          }
+        })
+        self.organModel = orgList
+        self.postKeys = row
+      }
+      this.updateLength()
+    },
+    organTreeRedis(row) {
+      let params = {
+        permScope: row,
+        organTreeType: this.organTreeType,
+      }
+      ajax.get(this.smartFlowServerContext + '/manage/processDesign/getQuickSelectionData', {params: params}).then(resp => {
+        if (resp.data.code === '200') {
+          this.organTree = resp.data.data
+        }
+      }).catch(err => {
+        console.log(err);
+      })
+
+    },
+    organChange(event) {
+      this.organModel = []
+      let orgValue = []
+      let userValue = []
+      let roleValue = []
+      let postValue = []
+      let typeValue = []
+      let orgAdjustment = ""
+      let userAdjustment = ""
+      let roleAdjustment = ""
+      let postAdjustment = ""
+      let typeAdjustment = ""
+      event.forEach(item => {
+        let nameType = item.substring(item.indexOf(":") + 1)
+        nameType = nameType.substring(nameType.indexOf(",") + 1)
+        if (nameType == "1") {
+          orgAdjustment = "1"
+          this.organModel.push(item)
+          orgValue.push({
+            name: item.substring(item.indexOf(":") + 1, item.indexOf(",")),
+            organId: item.substring(0, item.indexOf(":")),
+            code: item.substring(0, item.indexOf(":")),
+            checked: true
+          })
+        } else if (nameType != "1") {
+          orgAdjustment = "1"
+        }
+        if (nameType == "2") {
+          userAdjustment = "2"
+          this.organModel.push(item)
+          let user = item.substring(0, item.indexOf(","))
+          user = user.replace(":", ",")
+          userValue.push(user)
+        } else if (nameType != "2") {
+          userAdjustment = "2"
+        }
+        if (nameType == "3") {
+          roleAdjustment = "3"
+          this.organModel.push(item)
+          let role = item.substring(0, item.indexOf(","))
+          role = role.replace(":", ",")
+          roleValue.push(role)
+        } else if (nameType != "3") {
+          roleAdjustment = "3"
+        }
+        if (nameType == "4") {
+          postAdjustment = "4"
+          let postItem = item.substring(0, item.indexOf(","))
+          postItem = postItem.replace(":", ",")
+          this.organModel.push(item)
+          postValue.push(postItem)
+        } else if (nameType != "4") {
+          postAdjustment = "4"
+        }
+        if (nameType == "5") {
+          typeAdjustment = "5"
+          this.organModel.push(item)
+          typeValue.push({typeName:item.substring(item.indexOf(":") + 1,item.indexOf(",")), bizTypeCode: item.substring(0, item.indexOf(":")), checked: true})
+        } else if (nameType != "5"){
+          typeAdjustment = "5"
+        }
+
+        // 执行需要的操作
+      });
+      if (event.length == 0) {
+        orgAdjustment = '1'
+        userAdjustment = '2'
+        roleAdjustment = '3'
+        postAdjustment = '4'
+        typeAdjustment = '5'
+        this.noticeRoleList = []
+      }
+      if (orgAdjustment == "1") {
+        this.treeValueBM = this.updateCheckedData(orgValue, this.treeValueBM, 'code', this.organTree.organMap)
+      }
+      if (userAdjustment == "2") {
+        this.treeUserValue = this.updateCheckedData(userValue, this.treeUserValue, 'id', this.organTree.userMap)
+      }
+      if (roleAdjustment == "3") {
+        this.noticeRoleNameList = this.updateCheckedData(roleValue, this.noticeRoleNameList, 'id', this.organTree.roleMap)
+      }
+      if (postAdjustment == "4") {
+        this.treePostValue = this.updateCheckedData(postValue, this.treePostValue, 'id', this.organTree.postMap)
+      }
+      if (typeAdjustment == "5") {
+        this.treeOrgTypeValue = this.updateCheckedData(typeValue, this.treeOrgTypeValue, 'bizTypeCode', this.organTree.typeMap)
+      }
+      this.updateLength()
+    },
+    updateCheckedData(selectValue, treeValue, uniqueKey, selectMap){
+      if (treeValue.length === 0){
+        return selectValue
+      }
+      if (uniqueKey === 'id'){
+        treeValue = treeValue.map(str => {
+          const [id, name] = str.split(',');
+          return { id: id.trim(), name: name.trim() };
+        });
+        selectValue = selectValue.map(str => {
+          const [id, name] = str.split(',');
+          return { id: id.trim(), name: name.trim() };
+        });
+      }
+
+      //选择框有已选择列表没有的增加到已选择列表中
+      selectValue.forEach(orgObj => {
+        if (!this.isObjectInArray(treeValue, orgObj, uniqueKey)) {
+          treeValue.push(orgObj);
+        }
+      });
+      //已选择列表有选择框没有且包含在选择框所有数据中的，在已选择列表中删除
+      treeValue = treeValue.filter(treeObj => {
+        return !(!this.isObjectInArray(selectValue, treeObj, uniqueKey) && selectMap[treeObj[uniqueKey]]);
+      });
+      if (uniqueKey === 'id'){
+        return treeValue.map(obj => `${obj.id},${obj.name}`)
+      }
+      return treeValue
+    },
+    isObjectInArray(array, obj, uniqueKey) {
+      return array.some(item => item[uniqueKey] === obj[uniqueKey]);
+    },
+    organTreeRedisUpdate() {
+      let params = {
+        permScope: this.permScope,
+        organTreeType: this.organTreeType,
+      }
+      ajax.get(this.smartFlowServerContext + '/manage/processDesign/getQuickSelectionData', {params: params}).then(resp => {
+        if (resp.data.code === '200') {
+          this.organTree = resp.data.data
+        }
+      }).catch(err => {
+        console.log(err);
+      })
+    },
+    readingRangeEmpty() {
+      this.treeValueBM.forEach(item => {
+        item.checked = false
+      })
+      // this.treeUserCenterValue =[];
+      this.treeValueBM = [];
+      this.treeUserValue = [];
+      //角色集合
+      this.noticeRoleList = [];
+      this.noticeRoleNameList = [];
+      this.selectedKeys = []
+      //岗位集合
+      this.postList = [];
+      this.treePostValue = [];
+      this.processPostList = [];
+      this.treeLength = 0
+      this.organModel = []
+      this.postKeys = []
+      //组织类型集合
+      this.treeOrgTypeValue.forEach(item =>{
+        item.checked = false
+      })
+      this.treeOrgTypeValue = [];
+    },
+    updateLength() {
+      this.treeLength = this.treeValueBM.length + this.treeUserValue.length + this.noticeRoleNameList.length + this.treePostValue.length + this.treeOrgTypeValue.length
+    },
+    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.organModel = []
+      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, title) {
+      this.clearCache()
+      this.id = id
+      this.title = title
+      this.permScope = permScope
+      this.organTreeType = organTreeType
+      this.organTreeRedis(this.permScope)
+      if (inputValue) {
+        this.getOrgan(inputValue)
+        this.getUser(inputValue)
+        this.getRole(inputValue)
+        this.ucAdapterType === 'x1' ? this.getPost(inputValue) : this.getOrgType(inputValue)
+      }
+      if (this.permScope == 'all'){
+        this.getRootOrganTree(organTreeType)
+        this.ucAdapterType === 'sc' ? this.getReadingRangeOrgType(permScope, organTreeType) : ''
+      } else {
+        this.getReadingRangeBM(this.permScope, inputValue, this.organTreeType)
+        this.getReadingRange(this.permScope, this.organTreeType)
+        this.ucAdapterType === 'x1' ? this.getReadingRangePost(this.permScope, this.organTreeType) : this.getReadingRangeOrgType(this.permScope, this.organTreeType)
+      }
+      this.getReadingRangeAllRole(this.permScope)
+      this.modalBoxShow = !this.modalBoxShow;
+    },
+    onOk() {
+      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 = [];
+      this.treeUserValue.forEach(item => {
+        nameValue.push(item.split(',')[0])
+        names.push(item.split(',')[1])
+        users.push(item.split(',')[0] + ':' + item.split(',')[1])
+      })
+      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.id);
+      this.modalBoxShow = false;
+    },
+    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);
+    },
+    indexToString(index) {
+      return index + ''
+    },
+    showUserDetail(item){
+      if (item.nameItem && item.organName){
+        return `( ${item.nameItem} , ${item.organName} )`
+      }
+    }
+  },
+};
+</script>
+
+<style scoped>
+.relativePositionAddButton {
+  float: right;
+  margin-top: 20px;
+}
+
+.relativePositionRemoveButton {
+  float: right;
+  margin: 2px;
+}
+
+.cont {
+  display: flex;
+  justify-content: left;
+  margin-top: 10px;
+}
+
+.contLeft {
+  flex: 0 0 40%;
+  z-index: 1;
+  margin-right: 10px
+}
+
+.contRight {
+  flex: 0 0 30%;
+  margin-top: 33.98px;
+}
+
+.checkbox-container {
+  display: flex;
+  flex-direction: column;
+  line-height: 30px;
+}
+
+.overflowAuto {
+  height: 600px;
+  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>