|  |  | 
 |  |  |           <span class="right"  v-if="model.status === 1">审批中</span> | 
 |  |  |           <span class="right" style="background:#53b76f " v-if="model.status === 2">审批通过</span> | 
 |  |  |           <span class="right" style="background:#dc362e " v-if="model.status === 3">审批不通过</span> | 
 |  |  |           <span class="right" style="background:#dc362e " v-if="model.status === 4">已取消</span> | 
 |  |  |           <span class="right" style="background:#B2B2B2; " v-if="model.status === 4">已撤销</span> | 
 |  |  |         </div> | 
 |  |  |         <div class="info"> | 
 |  |  |           <div class="title">公务车申请信息</div> | 
 |  |  | 
 |  |  |     </div> | 
 |  |  |     <!--  --> | 
 |  |  |     <template   v-slot:footer> | 
 |  |  |       <el-button @click="isShowProblem = true"  type="primary"  v-if="model.approveDateVO!=null&& model.approveDateVO.canBeApproved!=null &&model.approveDateVO.canBeApproved ==1 "  class="status-red">同意</el-button> | 
 |  |  |       <el-button @click="isBackProblem=true"  type="danger"  v-if="model.approveDateVO!=null&& model.approveDateVO.canBeApproved!=null &&model.approveDateVO.canBeApproved ==1 "  >拒绝</el-button> | 
 |  |  |       <el-button @click="agreeOpen"  type="primary"  v-if="model.approveDateVO!=null&& model.approveDateVO.canBeApproved!=null &&model.approveDateVO.canBeApproved ==1 "  class="status-red">同意</el-button> | 
 |  |  |       <el-button @click="jectOpen"  type="danger"  v-if="model.approveDateVO!=null&& model.approveDateVO.canBeApproved!=null &&model.approveDateVO.canBeApproved ==1 "  >拒绝</el-button> | 
 |  |  |       <el-button @click="visible=false">返回</el-button> | 
 |  |  |     </template> | 
 |  |  |     <el-dialog | 
 |  |  | 
 |  |  |         :visible.sync="isShowProblem" | 
 |  |  |         width="480px" | 
 |  |  |     > | 
 |  |  |       <el-form :model="dealForm" ref="dealForm" > | 
 |  |  |         <el-form-item label="派车司机" prop="driverId" required v-if="model.approveDateVO!=null && model.approveDateVO.drvierParam ===1"> | 
 |  |  |           <el-select v-model="transForm.driverId" style="width: 300px"  filterable clearable placeholder="请选择派遣司机"> | 
 |  |  |       <el-form :model="dealForm" :rules="rules" ref="dealForm" > | 
 |  |  |         <!-- <el-form-item label="派车司机" prop="driverId" required v-if="model.approveDateVO!=null && model.approveDateVO.driverParam === 1"> --> | 
 |  |  |         <el-form-item label="派车司机" prop="driverId" v-if="model.approveDateVO!=null && model.approveDateVO.driverParam == 1"> | 
 |  |  |           <el-select v-model="dealForm.driverId" style="width: 300px"  filterable clearable placeholder="请选择派遣司机"> | 
 |  |  |             <el-option | 
 |  |  |                 v-for="item in memberList" | 
 |  |  |                 :key="item.id" | 
 |  |  | 
 |  |  |               type="textarea" | 
 |  |  |               placeholder="请填写说明" | 
 |  |  |               :rows="4" | 
 |  |  |               v-model="backForm.checkInfo" | 
 |  |  |               v-model="dealForm.checkInfo" | 
 |  |  |           /> | 
 |  |  |         </el-form-item> | 
 |  |  |       </el-form> | 
 |  |  | 
 |  |  |       }, | 
 |  |  |       backForm: { | 
 |  |  |         checkInfo: null | 
 |  |  |       }, | 
 |  |  |       rules: { | 
 |  |  |         driverId: [{ required: true, message: '请选择派遣司机', trigger: 'blur' }] | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  | 
 |  |  |             this.dealing = true | 
 |  |  |             approveDo({ | 
 |  |  |               objId: this.dataId, | 
 |  |  |               objType: this.model.type == 1?4:3, | 
 |  |  |               objType: this.model.type == 1 ? 4 : 3, | 
 |  |  |               status: 2, | 
 |  |  |               driverId: this.dealForm.driveId, | 
 |  |  |               driverId: this.dealForm.driverId, | 
 |  |  |               checkInfo: this.dealForm.checkInfo | 
 |  |  |             }) | 
 |  |  |               .then(res => { | 
 |  |  | 
 |  |  |           }) | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     agreeOpen () { | 
 |  |  |       this.isShowProblem = true | 
 |  |  |       this.$set(this.dealForm, 'checkInfo', '') | 
 |  |  |       this.loadMemberList() | 
 |  |  |     }, | 
 |  |  |     jectOpen () { | 
 |  |  |       this.isBackProblem = true | 
 |  |  |       this.backForm = { | 
 |  |  |         checkInfo: null | 
 |  |  |       } | 
 |  |  |     }, | 
 |  |  |     backDo () { | 
 |  |  |       this.$refs.backForm.validate((valid) => { | 
 |  |  |         if (!valid) { | 
 |  |  |           return | 
 |  |  |         } | 
 |  |  |         approveDo({ | 
 |  |  |               objId: this.dataId, | 
 |  |  |               objType: this.model.type == 1?4:3, | 
 |  |  |               status: 3, | 
 |  |  |               checkInfo: this.dealForm.checkInfo | 
 |  |  |           }).then(res => { | 
 |  |  |               this.$tip.apiSuccess('退回成功') | 
 |  |  |               this.getDetail() | 
 |  |  |               this.isBackProblem = false | 
 |  |  |             }) | 
 |  |  |             .catch(e => { | 
 |  |  |             }) | 
 |  |  |             .finally(() => { | 
 |  |  |               this.dealing = false | 
 |  |  |             }) | 
 |  |  |           objId: this.dataId, | 
 |  |  |           objType: this.model.type == 1 ? 4 : 3, | 
 |  |  |           status: 3, | 
 |  |  |           checkInfo: this.backForm.checkInfo | 
 |  |  |         }).then(res => { | 
 |  |  |           this.$tip.apiSuccess('退回成功') | 
 |  |  |           this.getDetail() | 
 |  |  |           this.isBackProblem = false | 
 |  |  |         }) | 
 |  |  |           .catch(e => { | 
 |  |  |           }) | 
 |  |  |           .finally(() => { | 
 |  |  |             this.dealing = false | 
 |  |  |           }) | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     open (title, target) { | 
 |  |  |       this.title = title | 
 |  |  | 
 |  |  |           this.model = res | 
 |  |  |           this.dealForm.driveId = res.driveId | 
 |  |  |         }) | 
 |  |  |     }, | 
 |  |  |     handleTransfer () { | 
 |  |  |       this.isShowTransfer = true | 
 |  |  |       this.loadMemberList() | 
 |  |  |     }, | 
 |  |  |     loadMemberList () { | 
 |  |  |       driveList({}).then(res => { | 
 |  |  | 
 |  |  |           } | 
 |  |  |  | 
 |  |  |           .value { | 
 |  |  |             flex: 1; | 
 |  |  |             color: #111111; | 
 |  |  |           } | 
 |  |  |         } |