| | |
| | | <!-- 抄送人 --> |
| | | <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,approveType: 0, 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,approveType: 0, 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: '审批人',approveType: 0, 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; |
| | | } |