|  |  | 
 |  |  |               > | 
 |  |  |                 <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].level" | 
 |  |  |                   v-model="apprList[activeIndex].objLevel" | 
 |  |  |                   placeholder="请选择" | 
 |  |  |                   style="margin: 0 20px 0 10px" | 
 |  |  |                 > | 
 |  |  | 
 |  |  |             <div>允许修改"驾驶员"</div> | 
 |  |  |             <el-switch | 
 |  |  |               class="ml10" | 
 |  |  |               active-value="0" | 
 |  |  |               inactive-value="1" | 
 |  |  |               :active-value="1" | 
 |  |  |               :inactive-value="0" | 
 |  |  |               v-model="apprList[activeIndex].driverParam" | 
 |  |  |             ></el-switch> | 
 |  |  |           </div> | 
 |  |  |           <div class="config_data_submit"> | 
 |  |  |             <el-button | 
 |  |  |               @click="onSubmit" | 
 |  |  |               :loading="subLoading" | 
 |  |  |               style="background: #435ebe" | 
 |  |  |               type="primary" | 
 |  |  |               >保存配置项</el-button | 
 |  |  | 
 |  |  |   data () { | 
 |  |  |     return { | 
 |  |  |       activeType: '3', | 
 |  |  |       subLoading: false, | 
 |  |  |       apprList: [ | 
 |  |  |         { remark: '审批人', active: false, type: '0', objIds: [] }, | 
 |  |  |         { remark: '抄送人', active: false, type: '1', objIds: [] } | 
 |  |  | 
 |  |  |                   companyName: i.companyName | 
 |  |  |                 } | 
 |  |  |               }) | 
 |  |  |             }else{ | 
 |  |  |               item.objIds = [] | 
 |  |  |             } | 
 |  |  |           }) | 
 |  |  |           this.apprList = arr | 
 |  |  | 
 |  |  |           item.objIds = '' | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |       this.subLoading = true | 
 |  |  |       approveTemplSave({ | 
 |  |  |         type: activeType, | 
 |  |  |         paramList: temp | 
 |  |  |       }).then(res => { | 
 |  |  |         // if (res.code === 200) { | 
 |  |  |         this.subLoading = false | 
 |  |  |         this.$tip.success('保存成功') | 
 |  |  |         // } | 
 |  |  |       }, () => { | 
 |  |  |         this.subLoading = false | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     handleDel () { | 
 |  |  | 
 |  |  |       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; | 
 |  |  |     } |