apps/supplier-dispatch-h5
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

task#13992,审批详情按钮显示状态调整

Browse Source
This commit is contained in:
zhouxueli
2024-06-17 17:42:43 +08:00
parent d2adfe6d22
commit eb62b71480
2 changed files with 47 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/views/vehicle-maintenance/maintenance-application.vue
View File

@ -24,15 +24,23 @@
<div ><span class="opa">车辆名称:</span><span>{{ detailInfo.vehicleName }}</span></div>
<div><span class="opa">车牌号:</span><span>{{ detailInfo.plateNumber }}</span></div>
<!-- 审批中，通过，终止-->
<div class="shopName"><span class="opa">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
<div class="shopName" v-if="[1,2,3].includes(detailInfo.states)"><span class="opa">门店信息:</span><span>{{detailInfo.address || ''}}</span></div>
<div class="shopImgList">
<img :src="detailInfo.storePhotoUrls">
<template v-if="detailInfo.storePhotoUrls.indexOf(',') !== -1">
<div v-for="(item,index) in (detailInfo.storePhotoUrls?.split(','))" :key="index">
<img :src="item" @click="previewPhoto(item)">
</div>
</template>
<template v-else>
<img :src="detailInfo.storePhotoUrls" @click="previewPhoto(detailInfo.storePhotoUrls)">
</template>
<!-- <img :src="detailInfo.storePhotoUrls" @click="previewPhoto(detailInfo.storePhotoUrls)">-->
</div>
<!-- 不通过-->
<div v-if="noPassStatus"><span class="opa">车辆里程:</span><span>{{ detailInfo.mileage ||'' }}km</span></div>
<div v-if="noPassStatus"><span class="opa">车辆里程:</span><span>{{ detailInfo.mileage?.toFixed(2) ||'' }}km</span></div>
<div v-if="noPassStatus"><span class="opa">结算类型:</span><span>月结</span></div>
<div v-if="noPassStatus"><span class="opa">维修金额:</span><span>{{ detailInfo.amount || ''}}元</span></div>
<div v-if="noPassStatus" class="shopName"><span class="opa">维保项目:</span><span class="project">{{ detailInfo.information ||'' }}陕西省西安市新城区长乐西路街道西京医院陕西省西安市新城区长乐西路街道西京医院陕西省西安市新城区长乐西路街道西京医院</span></div>
<div v-if="noPassStatus" class="shopName"><span class="opa">维保项目:</span><span class="project">{{ detailInfo.information ||'' }}</span></div>
</div>
<!-- 不通过-->
<div class="detailInfo" v-if="noPassStatus">
@ -40,7 +48,15 @@
<div class="leftTitle commonTitle">维保项目照片:</div>
</div>
<div class="shopImgList">
<img :src="detailInfo.maintenancePhotoUrls">
<template v-if="detailInfo.maintenancePhotoUrls.indexOf(',') !== -1">
<div v-for="(item,index) in (detailInfo.maintenancePhotoUrls?.split(','))" :key="index">
<img :src="item" @click="previewPhoto(item)">
</div>
</template>
<template v-else>
<img :src="detailInfo.maintenancePhotoUrls" @click="previewPhoto(detailInfo.maintenancePhotoUrls)">
</template>
<!-- <img :src="detailInfo.maintenancePhotoUrls">-->
</div>
</div>
<div class="detailInfo" v-if="noPassStatus">
@ -48,7 +64,15 @@
<div class="leftTitle commonTitle">维保清单/凭证照片:</div>
</div>
<div class="shopImgList">
<img :src="detailInfo.voucherPhotoUrls">
<template v-if="detailInfo.voucherPhotoUrls.indexOf(',') !== -1">
<div v-for="(item,index) in (detailInfo.voucherPhotoUrls?.split(','))" :key="index">
<img :src="item" @click="previewPhoto(item)">
</div>
</template>
<template v-else>
<img :src="detailInfo.voucherPhotoUrls" @click="previewPhoto(detailInfo.voucherPhotoUrls)">
</template>
<!-- <img :src="detailInfo.voucherPhotoUrls">-->
</div>
</div>
<!-- 维保申请审批中，维保完成审批中 -->
@ -67,8 +91,8 @@
</div>
<div :class="getStatusColor(detailInfo.states)" class="time">{{ detailInfo.createTime }} {{detailInfo.statesStr}}</div>
<!-- 完成不通过-->
<div class="line" v-if="noPassStatus"></div>
<div class="reason" v-if="noPassStatus">{{detailInfo.auditRemark}}</div>
<div class="line" v-if="detailInfo.states==2 || detailInfo.states==5"></div>
<div class="reason" v-if="detailInfo.states==2 || detailInfo.states==5">{{detailInfo.auditRemark}}</div>
</div>
</div>
<!-- 维保申请审批中，维保完成审批中-->
@ -87,6 +111,7 @@
<script>
import {getVehicleMaintenanceDetail,vehicleMaintenanceStop,vehicleMaintenanceApproval} from "@/api/maintenance"
import {myMixins} from "@/utils/myMixins"
import { ImagePreview } from "vant";
export default {
name: "maintenance-application",
mixins:[myMixins],
@ -107,7 +132,7 @@ export default {
computed: {
// 维保申请不通过，维保完成不通过
noPassStatus(){
return this.detailInfo.states===2 || this.detailInfo.states===5
return this.detailInfo.states===5
},
},
methods: {
@ -119,6 +144,18 @@ export default {
}
});
},
previewPhoto(url) {
let urls=[]
// this.auditPhotoList.forEach((item)=>{
urls.push(url)
// })
ImagePreview({
images: url,
startPosition: 0,
closeable: true,
});
},
async handleConfirm(){
let res=await vehicleMaintenanceStop({id:this.rowInfo.id, vehicleId:this.rowInfo.vehicleId})
if (res.code==200){

2
src/views/vehicle-maintenance/vehicle-maintenance-list.vue
View File

@ -15,7 +15,7 @@
<div v-for="(item, index) in tabArr" :key="index"
@click="changeTab(index)">
<span :class="{'active' : activeIndex == index , 'alpha' :true}"> {{ item.name }}</span>
<span class="numTip" style="opacity: 1 !important;" v-if="index===0">{{item.num}}</span>
<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">