|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <div class="head">{{ item.remark }}</div> | 
|---|
|  |  |  | <div class="content"> | 
|---|
|  |  |  | <div v-if="item.objIds && item.objIds.length === 1 "> | 
|---|
|  |  |  | <span>{{ item.objIds[0].name }} {{ item.objIds[0].companyName }}</span> | 
|---|
|  |  |  | <span v-if="item.approveType == 0 && item.type == '0'"> 或签</span> | 
|---|
|  |  |  | <span v-if="item.approveType == 1 && item.type == '0'"> 会签</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else-if="item.objIds && item.objIds.length > 1"> | 
|---|
|  |  |  | <span>{{ item.objIds[0].name }} 等</span> | 
|---|
|  |  |  | <span v-if="item.approveType == 0 && item.type == '0'"> 或签</span> | 
|---|
|  |  |  | <span v-if="item.approveType == 1 && item.type == '0'"> 会签</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else>请选择</div> | 
|---|
|  |  |  | <i class="el-icon-arrow-right"></i> | 
|---|
|  |  |  | <!-- 审批 --> | 
|---|
|  |  |  | <template v-if="item.type == 0"> | 
|---|
|  |  |  | <template v-if="item.memberType == '2'"> | 
|---|
|  |  |  | <div>部门主管</div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <template v-if="item.memberType == '1'"> | 
|---|
|  |  |  | <div v-if="item.objIds && item.objIds.length === 1"> | 
|---|
|  |  |  | <span | 
|---|
|  |  |  | >{{ item.objIds[0].name }} | 
|---|
|  |  |  | {{ item.objIds[0].companyName }}</span | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span v-if="item.approveType == 0 && item.type == '0'"> | 
|---|
|  |  |  | 或签</span | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span v-if="item.approveType == 1 && item.type == '0'"> | 
|---|
|  |  |  | 会签</span | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else-if="item.objIds && item.objIds.length > 1"> | 
|---|
|  |  |  | <span>{{ item.objIds[0].name }} 等</span> | 
|---|
|  |  |  | <span v-if="item.approveType == 0 && item.type == '0'"> | 
|---|
|  |  |  | 或签</span | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span v-if="item.approveType == 1 && item.type == '0'"> | 
|---|
|  |  |  | 会签</span | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else>请选择</div> | 
|---|
|  |  |  | <i class="el-icon-arrow-right"></i> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <!-- 抄送 --> | 
|---|
|  |  |  | <template v-if="item.type == 1"> | 
|---|
|  |  |  | <div v-if="item.objIds && item.objIds.length === 1"> | 
|---|
|  |  |  | <span | 
|---|
|  |  |  | >{{ item.objIds[0].name }} | 
|---|
|  |  |  | {{ item.objIds[0].companyName }}</span | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else-if="item.objIds && item.objIds.length > 1"> | 
|---|
|  |  |  | <span>{{ item.objIds[0].name }} 等</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div v-else>请选择</div> | 
|---|
|  |  |  | <i | 
|---|
|  |  |  | v-if="item.memberType == '1'" | 
|---|
|  |  |  | class="el-icon-arrow-right" | 
|---|
|  |  |  | ></i> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="arrows"> | 
|---|
|  |  |  | 
|---|
|  |  |  | <template v-if="apprList[activeIndex].type == '1'"> | 
|---|
|  |  |  | <div class="config_data_item_reviewed_content"> | 
|---|
|  |  |  | <div | 
|---|
|  |  |  | v-for="mem in apprList[activeIndex].objIds" | 
|---|
|  |  |  | v-for="mem, memIndex in apprList[activeIndex].objIds" | 
|---|
|  |  |  | :key="mem.id" | 
|---|
|  |  |  | class="config_data_item_reviewed_content_item" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <span>{{ mem.name }}</span> | 
|---|
|  |  |  | <i class="el-icon-close"></i> | 
|---|
|  |  |  | <i @click="memDel(memIndex)" class="el-icon-close"></i> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <span class="add" @click="selStaff">+添加</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <span>部门主管</span> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="config_data_item_reviewed_r"> | 
|---|
|  |  |  | <span>被访人的</span> | 
|---|
|  |  |  | <span>申请人的</span> | 
|---|
|  |  |  | <el-select | 
|---|
|  |  |  | v-model="apprList[activeIndex].objLevel" | 
|---|
|  |  |  | placeholder="请选择" | 
|---|
|  |  |  | 
|---|
|  |  |  | companyName: i.companyName | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }else{ | 
|---|
|  |  |  | item.objIds = [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.apprList = arr | 
|---|
|  |  |  | 
|---|
|  |  |  | this.activeIndex = 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleAddAppr () { | 
|---|
|  |  |  | this.apprList.splice(this.apprList.length - 1, 0, { remark: '审批人', active: false, type: 0, objIds: [] }) | 
|---|
|  |  |  | this.apprList.splice(this.apprList.length - 1, 0, { remark: '审批人',approveType: 0, active: false, type: 0, objIds: [] }) | 
|---|
|  |  |  | // this.apprList.push({ remark: '审批人', active: false, type: '0' }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .transfer { | 
|---|
|  |  |  | height: 600px; | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | display: flex; | 
|---|
|  |  |  | justify-content: center; | 
|---|
|  |  |  | align-items: center; | 
|---|
|  |  |  | ::v-deep .el-transfer-panel{ | 
|---|
|  |  |  | flex: 1; | 
|---|
|  |  |  | height: 100%; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | ::v-deep .el-transfer-panel__body { | 
|---|
|  |  |  | height: 500px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ::v-deep .el-transfer-panel__list.is-filterable { | 
|---|
|  |  |  | height: 480px; | 
|---|
|  |  |  | } | 
|---|