|  |  | 
 |  |  |               <!-- 抄送人 --> | 
 |  |  |               <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; | 
 |  |  |     } |