task#14072,维保终止加原因输入框,非必填

This commit is contained in:
2024-06-19 10:47:42 +08:00
parent 22cbef4f7a
commit 27a169ee0d
5 changed files with 27 additions and 20 deletions

View File

@ -23,10 +23,10 @@
<div class="line"></div>
<div ><span class="opa">车辆名称:</span><span>{{ detailInfo.vehicleName }}</span></div>
<div><span class="opa">车牌号:</span><span>{{ detailInfo.plateNumber }}</span></div>
<!-- 审批中通过终止-->
<div class="shopName" v-if="detailInfo.states ==1 || detailInfo.states ==2 ||detailInfo.states ==3"><span class="opa" style="width: 60px;">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
<div class="shopImgList" v-if="detailInfo.states ==1 || detailInfo.states ==2 ||detailInfo.states ==3">
<template v-if="detailInfo.storePhotoUrls.indexOf(',') !== -1">
<!-- 审批中通过终止detailInfo.states ==1 || detailInfo.states ==2 ||detailInfo.states ==3-->
<div class="shopName" v-if="[1,2,3].includes(detailInfo.states)"><span class="opa" style="width: 60px !important;">门店信息:</span><span>{{detailInfo.repairPoint || ''}}</span></div>
<div class="shopImgList" v-if="[1,2,3].includes(detailInfo.states)">
<template v-if="detailInfo.storePhotoUrls && detailInfo.storePhotoUrls.indexOf(',') !== -1">
<div v-for="(item,index) in (detailInfo.storePhotoUrls?.split(','))" :key="index">
<img :src="item" @click="previewPhoto(item)">
</div>
@ -47,7 +47,7 @@
<div class="leftTitle commonTitle">维保项目照片:</div>
</div>
<div class="shopImgList">
<template v-if="detailInfo.maintenancePhotoUrls.indexOf(',') !== -1">
<template v-if="detailInfo.maintenancePhotoUrls && detailInfo.maintenancePhotoUrls.indexOf(',') !== -1">
<div v-for="(item,index) in (detailInfo.maintenancePhotoUrls?.split(','))" :key="index">
<img :src="item" @click="previewPhoto(item)">
</div>
@ -62,7 +62,7 @@
<div class="leftTitle commonTitle">维保清单/凭证照片:</div>
</div>
<div class="shopImgList">
<template v-if="detailInfo.voucherPhotoUrls.indexOf(',') !== -1">
<template v-if="detailInfo.voucherPhotoUrls && detailInfo.voucherPhotoUrls.indexOf(',') !== -1">
<div v-for="(item,index) in (detailInfo.voucherPhotoUrls?.split(','))" :key="index">
<img :src="item" @click="previewPhoto(item)">
</div>
@ -72,10 +72,10 @@
</template>
</div>
</div>
<!-- 维保申请审批中维保完成审批中 -->
<div class="approvalContent" v-if="detailInfo.states == 1 || detailInfo.states == 4">
<div class="title commonTitle">审批意见</div>
<textarea class="multiple" placeholder="输入意见" v-model="auditRemark"></textarea>
<!-- 维保申请审批中维保完成审批中, -->
<div class="approvalContent" v-if="[1,4,3].includes(detailInfo.states)">
<div class="title commonTitle">{{detailInfo.states == 3 ? '终止原因' : '审批意见:' }}</div>
<textarea class="multiple" :placeholder="detailInfo.states == 3 ? '输入原因' : '输入意见'" v-model="auditRemark"></textarea>
</div>
<!--审批意见显示 只要不是审批中状态-->
<div class="resultWrap" v-if="!(detailInfo.states == 1 || detailInfo.states == 4)">
@ -154,7 +154,7 @@ export default {
},
async handleConfirm(){
let res=await vehicleMaintenanceStop({id:this.rowInfo.id, vehicleId:this.rowInfo.vehicleId})
let res=await vehicleMaintenanceStop({id:this.rowInfo.id, vehicleId:this.rowInfo.vehicleId, auditRemark:this.auditRemark,})
if (res.code==200){
this.show=false
await this.getDetail();
@ -222,7 +222,7 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
@import "@/styles/approval.scss";
//@import "@/styles/approval.scss";
.wrap{
background-color: #F4F5F7;
}