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

审核数据查看大图，

Browse Source
This commit is contained in:
zhouxueli
2023-08-25 15:53:33 +08:00
parent 7aa702a094
commit 276bf5aa60
3 changed files with 137 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/workOrder/accounting.vue
View File

@ -193,18 +193,8 @@
<td class="col1 alignLeft" style="border-bottom-left-radius: 3px">
<div class="title col1" style="white-space: nowrap;">审核失败原因</div>
<div class="reason">{{orderInfo.auditRemark}}</div>
<div v-show="orderInfo.auditPhoto" class="camerImg" >
<van-image v-for="(item,index) in auditPhotoList" :key="index" :src="item.url" @click="previewPhoto(index)" />
<!-- <van-uploader-->
<!-- v-model="auditPhotoList"-->
<!-- :after-read="handleFileRead"-->
<!-- multiple-->
<!-- :preview-size="54"-->
<!-- accept="image "-->
<!-- :disabled="true"-->
<!-- readonly-->
<!-- />-->
<!-- <img v-for="(item,index) in auditPhotoList" :key="index" class="camerImg" :src="item.url" >-->
<div v-show="orderInfo.auditPhoto" style="display: flex;flex-wrap: wrap">
<van-image class="camerImg" v-for="(item,index) in auditPhotoList" :key="index" :src="item.url" @click="previewPhoto(index)" />
</div>
</td>
<td class="col2 alignLeft" style="border-bottom-right-radius: 3px">
@ -373,9 +363,14 @@ export default {
},
methods:{
previewPhoto(index) {
let url=[]
this.auditPhotoList.forEach((item)=>{
url.push(item.url)
})
ImagePreview({
images: this.auditPhotoList,
images: url,
startPosition: index,
closeable: true,
});
},
handleFileRead(file) {

143
src/views/workOrder/aduitCompleteDetail.vue
View File

@ -56,30 +56,54 @@
<div class="baseInfo common">
<div class="title">审核数据:</div>
<div class="line"></div>
<div class="item">
<div class="item" v-show="abState">
<span class="titleLeft">到事发地距离：</span>
<span class="content">{{ orderInfo.settleMileageAb + ' km' }}</span>
</div>
<div class="item" v-show="bcState">
<span class="titleLeft">拖车里程：</span>
<span class="content">{{ orderInfo.bridgeAmountBc + ' km' }}</span>
<span class="content">{{ orderInfo.settleMileageBc + ' km' }}</span>
</div>
<div class="item">
<span class="titleLeft">路桥费：</span>
<span class="content">{{orderInfo.bridgeAmount + ' 元' }}</span>
<div class="item" v-show="caState">
<span class="titleLeft">返程里程：</span>
<span class="content">{{ orderInfo.settleMileageCa + ' km' }}</span>
</div>
<div class="item">
<div class="item" v-show="bridgeAbState">
<span class="titleLeft">ab路桥费：</span>
<span class="content">{{orderInfo.bridgeAmountAb + ' 元' }}</span>
</div>
<div class="item" v-show="bridgeBcState">
<span class="titleLeft">bc路桥费：</span>
<span class="content">{{orderInfo.bridgeAmountBc + ' 元' }}</span>
</div>
<div class="item" v-show="bridgeCaState">
<span class="titleLeft">va路桥费：</span>
<span class="content">{{orderInfo.bridgeAmountCa + ' 元' }}</span>
</div>
<div class="item" v-show="tyreAmountState">
<span class="titleLeft">小轮费：</span>
<span class="content" >{{ orderInfo.tyreAmount + ' 元'}}</span>
</div>
<div class="item">
<div class="item" v-show="dilemmaAmountState && basePriceDisabled">
<span class="titleLeft">困境费：</span>
<span class="content" >{{ orderInfo.dilemmaAmount + ' 元'}}</span>
</div>
<div class="item">
<div class="item" v-show="waitAmountState">
<span class="titleLeft">等候费：</span>
<span class="content" >{{ orderInfo.waitAmount + ' 元'}}</span>
</div>
<div class="item">
<div class="item" v-show="basementFeeState">
<span class="titleLeft">地库费：</span>
<span class="content" >{{ orderInfo.basementFee + ' 元'}}</span>
</div>
<div class="item">
<span class="titleLeft">基本费用：</span>
<span class="content" >{{ orderInfo.basePrice + '元'}}</span>
</div>
<div class="item">
<span class="titleLeft">额外费用总计：</span>
<span class="content" >{{ orderInfo.extraPrice + '元'}}</span>
</div>
<div class="item">
<span class="titleLeft">收取客户金额：</span>
<span class="content" >{{ orderInfo.customerAmount + '元'}}</span>
@ -96,6 +120,7 @@
<script>
import {myMixins} from "@/utils/myMixins"
import {getAccountRecordDetail} from "@/api/mine"
// import {leftCopy} from "@/utils/common";
export default {
name: "aduitCompleteDetail",
mixins:[myMixins],
@ -105,8 +130,36 @@ export default {
postfix:'',
orderInfo:{},
index:"",
serviceType:'',
settleType:'',
taskFlowId: '',
appCode:'',
abState:false,
bcState:false,
caState:false,
bridgeAbState:false,
bridgeBcState:false,
bridgeCaState:false,
waitAmountState:false,
dilemmaAmountState:false,
tyreAmountState:false,
basementFeeState:false,
accountStatus:'',
}
},
computed:{
basePriceDisabled(){
return !(this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
|| (this.fixedPrice && parseFloat(this.fixedPrice) > 0 && this.fixedPriceType) || this.supplierId == 500921)
},
//保险实拖案件，剔除人保和太平事故
isCPICDrag(){
return this.settleType == '实拖' && !['PICC10101','PICCSHANGQI','PICC101099','SAIPCC2021',''].includes(this.appCode)
},
isBasement(){
return this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
},
},
async mounted() {
this.id=this.$route.params?.id;
this.postfix=this.$route.params?.postfix;
@ -122,15 +175,75 @@ export default {
}
})
},
async getDetail() {
let res = await getAccountRecordDetail({
id: this.id,
postfix: this.postfix
async getDetail(){
this.abState = false
this.bcState = false
this.caState = false
this.bridgeAbState = false
this.bridgeBcState = false
this.bridgeCaState = false
this.waitAmountState = false
this.dilemmaAmountState = false
this.tyreAmountState = false
this.basementFeeState = false
this.accountStatus = ''
let res= await getAccountRecordDetail({
id:this.id,
postfix:this.postfix
})
if (res.code === 200) {
this.orderInfo = res.data
if(res.code === 200){
this.orderInfo=res.data
this.serviceType=this.orderInfo.serviceName
this.taskFlowId=this.orderInfo.taskFlowId
this.settleType=this.orderInfo.settleType?.label
this.accountStatus = this.orderInfo.accountStatus?.code
this.appCode=this.orderInfo.appCode
}
// if(this.accountStatus == 1 || this.accountStatus == 0){//没有记录，等待审核
// leftCopy(this.form, {...res.data})
// }
// if(this.accountStatus == 2 || this.accountStatus == 3){//审核失败，再次审核
// leftCopy(this.form, {...res.data})
// this.auditFormShow = true;//是否显示审核数据
// }
if(this.settleType == '实拖' && this.basePriceDisabled){
this.bcState = true
}else if(this.settleType == '单程' && this.basePriceDisabled){
this.abState = true
this.bcState = true
if(this.taskFlowId == '1' && this.basePriceDisabled ){
this.bcState = false
}
}else if(this.settleType == '全程' && this.basePriceDisabled){
this.abState = true
this.bcState = true
this.caState = true
}else if(this.settleType == '全程减半' && this.basePriceDisabled){
this.abState = true
this.bcState = true
this.caState = true
}
if(this.orderInfo.refBridgeAmountAB > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeAbState = true
if(this.orderInfo.refBridgeAmountBC > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeBcState = true
if(this.orderInfo.refBridgeAmountCA > 0 && !this.isCPICDrag && !this.isBasement) this.bridgeCaState = true
if(this.orderInfo.refWaitFee > 0) this.waitAmountState = true
if(this.orderInfo.refDilemmaFee > 0) this.dilemmaAmountState = true
if(this.orderInfo.refTyreNumber > 0 && this.taskFlowId != '1') this.tyreAmountState = true
if(this.orderInfo.refBasementFee > 0 && this.taskFlowId != '1' ){
this.basementFeeState = true
}
},
// async getDetail() {
// let res = await getAccountRecordDetail({
// id: this.id,
// postfix: this.postfix
// })
// if (res.code === 200) {
// this.orderInfo = res.data
// }
// },
}
}
</script>

2
src/views/workOrder/workOrderReconciliation.vue
View File

@ -154,7 +154,7 @@ export default {
params: {
id: item.id, // 参数对象的属性
postfix:item.postfix,
index:this.activeIndex
index:this.activeIndex,
}
});
},