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

@ -1,14 +1,12 @@
@import "@/styles/mixin.scss";
.refresh{
min-height: 100%;
background-color: #F4F5F7;
//background-color: #F4F5F7;
}
.wrap{
@include wh(100%,100%);
box-sizing: border-box;
}
.navBar{
margin-bottom: 46px;
background-color: #F4F5F7;
}
.tab_wrap {
@include fontWeightSize(500, 14px);

View File

@ -199,6 +199,9 @@ export default {
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
@import "@/styles/approval.scss";
.navBar{
margin-bottom: 46px;
}
.listItem{
padding: 14px 25px 13px 29px;
div{

View File

@ -100,7 +100,8 @@ export default {
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrapCotainer{
@include wh(100%,100%);
background-color: #F4F5F7;
}
.navBar{
height: 46px;
@ -116,7 +117,6 @@ export default {
.wrap {
@include wh(100%, 100%);
@include sizing4Padding(13px,13px,0,13px);
background-color: #F4F5F7;
.itemWrap{
@include wh(349px, 68px);
background: #FFFFFF;

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;
}

View File

@ -18,7 +18,7 @@
<span class="numTip" style="opacity: 1 !important;" v-if="index===0 && item.num">{{item.num}}</span>
</div>
</div>
<van-pull-refresh class="refresh" v-model="isLoading" @refresh="onRefresh" v-show="!show">
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" v-show="!show">
<div class="listWrap">
<div class="listItem" @click="noMultipleClicks(goPageDetail,item)" v-for="(item,index) in pageList" :key="index">
<div class="line1">
@ -30,7 +30,6 @@
</div>
<div class="driverInfo">{{ item.vehicleName }} / {{ item.plateNumber }}</div>
<div class="time">{{ item.createTime }}</div>
<!-- <div v-show="activeIndex == 2"><span>审核备注:</span><span style="color: #FF5D2E">{{ item.auditRemark }}</span></div>-->
</div>
</div>
</van-pull-refresh>
@ -157,6 +156,13 @@ export default {
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
@import "@/styles/approval.scss";
.navBar{
height: 46px;
}
.listWrap{
height: calc(100% - 100px);
overflow-y: auto;
}
.listItem{
padding: 11px 28px 11px 23px;
div{