|  |  |  | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">目的地类别</div> | 
|---|
|  |  |  | <div class="value status-green" v-if="model.type === 0">【市内用车】</div> | 
|---|
|  |  |  | <spdivan class="value status-red"   v-if="model.type === 1">【市内用车】</spdivan> | 
|---|
|  |  |  | <div class="value status-green" v-if="model.type == 0">【市内用车】</div> | 
|---|
|  |  |  | <div class="value status-red"   v-if="model.type == 1">【市外用车】</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="item"> | 
|---|
|  |  |  | <div class="label">目的地</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | <!--  --> | 
|---|
|  |  |  | <template   v-slot:footer> | 
|---|
|  |  |  | <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="isBackProblem=true"  type="danger"  v-if="model.approveDateVO!=null&& model.approveDateVO.canBeApproved!=null &&model.approveDateVO.canBeApproved ==1 "  >拒绝</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 :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" required v-if="model.approveDateVO!=null && model.approveDateVO.driverParam == 0"> | 
|---|
|  |  |  | <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" | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | backForm: { | 
|---|
|  |  |  | checkInfo: null | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | rules: { | 
|---|
|  |  |  | driverId: [{ required: true, message: '请选择派遣司机', trigger: 'blur' }] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | agreeOpen () { | 
|---|
|  |  |  | this.isShowProblem = true | 
|---|
|  |  |  | this.dealForm = { | 
|---|
|  |  |  | driveId: null, | 
|---|
|  |  |  | checkInfo: null | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.loadMemberList() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | jectOpen () { | 
|---|
|  |  |  | this.isBackProblem = true | 
|---|
|  |  |  | this.dealForm = { | 
|---|
|  |  |  | driveId: null, | 
|---|
|  |  |  | checkInfo: null | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | backDo () { | 
|---|
|  |  |  | this.$refs.backForm.validate((valid) => { | 
|---|
|  |  |  | 
|---|
|  |  |  | objId: this.dataId, | 
|---|
|  |  |  | objType: this.model.type == 1 ? 4 : 3, | 
|---|
|  |  |  | status: 3, | 
|---|
|  |  |  | checkInfo: this.dealForm.checkInfo | 
|---|
|  |  |  | checkInfo: this.backForm.checkInfo | 
|---|
|  |  |  | }).then(res => { | 
|---|
|  |  |  | this.$tip.apiSuccess('退回成功') | 
|---|
|  |  |  | this.getDetail() | 
|---|