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-28 14:05:05 +08:00
parent a487d9b894
commit a15c7d568d
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/index/supplySettlement.vue
View File

@ -1,34 +1,34 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div class="kilometers common" :style="`height: ${form.taskFlowId !=2 ? '78px' : '161px'};`"> <div class="kilometers common" >
<div class="title">公里数:</div> <div class="title">公里数:</div>
<div class="line"></div> <div class="line"></div>
<div class="metersWrap"> <div class="metersWrap">
<div class="leftKiloMeters"> <div class="leftKiloMeters">
<div>AB段公里数</div> <div v-show="supplierSettlementType != 1">AB段公里数</div>
<div v-show="form.taskFlowId === 2">BC段公里数</div> <div v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">BC段公里数</div>
<div v-show="form.taskFlowId === 2">CA段公里数</div> <div v-show="supplierSettlementType == 3 || supplierSettlementType == 4">CA段公里数</div>
</div> </div>
<div class="rightInputMeters"> <div class="rightInputMeters">
<div><input type="number" v-model="form.reportMileageAb"/>公里</div> <div v-show="supplierSettlementType != 1"><input type="number" v-model="form.reportMileageAb"/>公里</div>
<div v-show="form.taskFlowId === 2"><input type="number" v-model="form.reportMileageBc"/>公里</div> <div v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4"><input type="number" v-model="form.reportMileageBc"/>公里</div>
<div v-show="form.taskFlowId === 2"><input type="number" v-model="form.reportMileageCa"/>公里</div> <div v-show="supplierSettlementType == 3 || supplierSettlementType == 4"><input type="number" v-model="form.reportMileageCa"/>公里</div>
</div> </div>
</div> </div>
</div> </div>
<div class="roadBridgeFee common" :style="`height: ${form.taskFlowId !=2 ? '78px' : '161px'};`"> <div class="roadBridgeFee common" >
<div class="title">路桥费:</div> <div class="title">路桥费:</div>
<div class="line"></div> <div class="line"></div>
<div class="metersWrap"> <div class="metersWrap">
<div class="leftKiloMeters"> <div class="leftKiloMeters">
<div>AB段路桥费</div> <div v-show="supplierSettlementType != 1">AB段路桥费</div>
<div v-show="form.taskFlowId === 2">BC段路桥费</div> <div v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4">BC段路桥费</div>
<div v-show="form.taskFlowId === 2">CA段路桥费</div> <div v-show=" supplierSettlementType == 3 || supplierSettlementType == 4">CA段路桥费</div>
</div> </div>
<div class="rightInputMeters"> <div class="rightInputMeters">
<div><input type="number" v-model="form.bridgeAmountAb"/>元</div> <div v-show="supplierSettlementType != 1"><input type="number" v-model="form.bridgeAmountAb"/>元</div>
<div v-show="form.taskFlowId === 2"><input type="number" v-model="form.bridgeAmountBc"/>元</div> <div v-show="supplierSettlementType == 1 || supplierSettlementType == 2 || supplierSettlementType == 3 || supplierSettlementType == 4"><input type="number" v-model="form.bridgeAmountBc"/>元</div>
<div v-show="form.taskFlowId === 2"><input type="number" v-model="form.bridgeAmountCa"/>元</div> <div v-show="supplierSettlementType == 3 || supplierSettlementType == 4"><input type="number" v-model="form.bridgeAmountCa"/>元</div>
</div> </div>
</div> </div>
</div > </div >
@ -70,6 +70,7 @@ export default {
taskOrderId:'', taskOrderId:'',
userOrderId:'', userOrderId:'',
orderCode:'', orderCode:'',
supplierSettlementType:'',
form:{ form:{
reportMileageAb:'', reportMileageAb:'',
reportMileageBc:'', reportMileageBc:'',
@ -91,7 +92,6 @@ export default {
this.userOrderId = urlParams.get('userOrderId'); this.userOrderId = urlParams.get('userOrderId');
this.orderCode = urlParams.get('orderCode') this.orderCode = urlParams.get('orderCode')
await this.getDetail() await this.getDetail()
}, },
methods:{ methods:{
submit() { submit() {
@ -103,7 +103,8 @@ export default {
orderCode: this.orderCode, orderCode: this.orderCode,
taskOrderId: this.taskOrderId taskOrderId: this.taskOrderId
}) })
leftCopy(this.form,{...res.data}) leftCopy(this.form,{...res.data});
this.supplierSettlementType= res.data.supplierSettlementType?.code
// this.form.taskFlowId =1 // this.form.taskFlowId =1
}, },
async updatSettlement(){ async updatSettlement(){
@ -145,7 +146,8 @@ export default {
overflow-y: scroll; overflow-y: scroll;
} }
.common { .common {
@include wh(100%, 161px); //@include wh(100%, 161px);
width: 100%;
background: #FFFFFF; background: #FFFFFF;
backdrop-filter: blur(5.602678571428572px); backdrop-filter: blur(5.602678571428572px);
box-sizing: border-box; box-sizing: border-box;