|  |  |  | 
|---|
|  |  |  | <!-- 抄送人 --> | 
|---|
|  |  |  | <template v-if="apprList[activeIndex].type == '1'"> | 
|---|
|  |  |  | <div class="config_data_item_reviewed_content"> | 
|---|
|  |  |  | <div v-for="(mem,memIndex) in apprList[activeIndex].objIds" :key="mem.id" | 
|---|
|  |  |  | <div v-for="(mem, memIndex) in apprList[activeIndex].objIds" :key="mem.id" | 
|---|
|  |  |  | class="config_data_item_reviewed_content_item"> | 
|---|
|  |  |  | <span>{{ mem.name }}</span> | 
|---|
|  |  |  | <i @click="memDel(memIndex)" class="el-icon-close"></i> | 
|---|
|  |  |  | 
|---|
|  |  |  | "> | 
|---|
|  |  |  | 企业组织架构 | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div style="width: 100%; height: 100%; overflow-y: scroll"> | 
|---|
|  |  |  | <div style="width: 100%; max-height: 560px; overflow-y: scroll"> | 
|---|
|  |  |  | <Tree :list="companyTree" :defaultProps="{ | 
|---|
|  |  |  | name: 'name', | 
|---|
|  |  |  | status: 'fsStatus', | 
|---|
|  |  |  | 
|---|
|  |  |  | }" @callback="callback" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <el-transfer filterable  :titles="['未选', '已选']" openAll :props="{ label: 'name', key: 'keyTemp' }" | 
|---|
|  |  |  | <el-transfer filterable :titles="['未选', '已选']" openAll :props="{ label: 'name', key: 'keyTemp' }" | 
|---|
|  |  |  | filter-placeholder="搜索员工" v-model="searchForm.objIds" :data="memberList" class="transfer"> | 
|---|
|  |  |  | </el-transfer> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | activeType: '6', | 
|---|
|  |  |  | subLoading: false, | 
|---|
|  |  |  | apprList: [ | 
|---|
|  |  |  | { remark: '审批人', active: false, memberType: 1, type: '1', objIds: [] }, | 
|---|
|  |  |  | { remark: '审批人', active: false, approveType: 0, memberType: 1, type: '1', objIds: [] }, | 
|---|
|  |  |  | { remark: '抄送人', active: false, type: '1', objIds: [] } | 
|---|
|  |  |  | ], | 
|---|
|  |  |  | activeIndex: 0, | 
|---|
|  |  |  | 
|---|
|  |  |  | this.getfindCompanyTreePage() | 
|---|
|  |  |  | this.apprList = [ | 
|---|
|  |  |  | { remark: '审批人', active: false, type: '0', memberType: 1, objIds: [] }, | 
|---|
|  |  |  | { remark: '抄送人', active: false, type: '1', objIds: [] } | 
|---|
|  |  |  | { remark: '抄送人', active: false, approveType: 0, type: '1', objIds: [] } | 
|---|
|  |  |  | ] | 
|---|
|  |  |  | this.param = {} | 
|---|
|  |  |  | this.searchForm = {} | 
|---|
|  |  |  | 
|---|
|  |  |  | this.activeIndex = 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleAddAppr() { | 
|---|
|  |  |  | this.apprList.splice(this.apprList.length - 1, 0, { remark: '审批人', active: false, memberType: 1, type: 0, objIds: [] }) | 
|---|
|  |  |  | this.apprList.splice(this.apprList.length - 1, 0, { remark: '审批人', approveType: 0, active: false, memberType: 1, type: 0, objIds: [] }) | 
|---|
|  |  |  | // this.apprList.push({ remark: '审批人', active: false, type: '0' }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | // 获取组织树 | 
|---|
|  |  |  | 
|---|
|  |  |  | erpOrgId: '', | 
|---|
|  |  |  | hasFace: '', | 
|---|
|  |  |  | hkStatus: '', | 
|---|
|  |  |  | includeChild: false, | 
|---|
|  |  |  | includeChild: true, | 
|---|
|  |  |  | type: 2 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | capacity: 30 | 
|---|
|  |  |  | capacity: 300 | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.memberList = res.records || [] | 
|---|
|  |  |  | this.memberList.forEach(item => { | 
|---|
|  |  |  | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | ::v-deep .el-transfer-panel{ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .el-transfer-panel { | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .el-transfer-panel__body { | 
|---|
|  |  |  | height: 500px; | 
|---|
|  |  |  | } | 
|---|