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

task#14504,记账-》添加车衣，电瓶，责任险费用有就扣除；新增结算比例，按地库费用结算

Browse Source
This commit is contained in:
zhouxueli
2024-07-31 13:56:46 +08:00
parent a7cf0a837e
commit 6d1df4a720
1 changed files with 656 additions and 558 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -46,7 +46,8 @@
</div>
<div class="item">
<span class="titleLeft">扣除责任险费：</span>
<span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount==1 ? '是' : (orderInfo.cutInsuranceAmount==0 ? '否' : ' ')}}</span>
<span
class="content">{{ orderInfo.policyAmount }}</span>
</div>
<div class="item">
<span class="leftTitle fontColor">工单照片:</span>
@ -98,7 +99,7 @@
</div>
<div class="flex-between" v-show="basementFeeState">
<div>地库费:</div>
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierBasementFee"/>元</div>
<div class="halfOpcity inputContent"><input type="number" v-model="form.supplierBasementFee" :disabled="!isBasementSettle" />元</div>
</div>
<div class="flex-between">
<div>收取客户金额:</div>
@ -106,15 +107,18 @@
</div>
<div class="flex-between bgDisable" :class=" { 'flex-between': true, 'bgDisable' : basePriceDisabled } ">
<div>基本费用:</div>
<div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span >元</span></div>
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="basePriceDisabled || isBasementSettle"
v-model="form.supplierBasePrice"/><span>元</span></div>
</div>
<div class="flex-between bgDisable">
<div>额外费用总计:</div>
<div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierExtraPrice"/><span>元</span></div>
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="true"
v-model="form.supplierExtraPrice"/><span>元</span></div>
</div>
<div class="flex-between bgDisable ">
<div>费用总计:</div>
<div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span >元</span></div>
<div class="halfOpcity inputContent "><input class="disable" type="number" :readonly="true"
v-model="form.supplierSettleAmount"/><span>元</span></div>
</div>
<div class="flex-between">
<div> &nbsp;</div>
@ -127,7 +131,9 @@
<!-- <two-common-btn class="btn" @cancelClick="cancelBtn" @submitClick="save" />-->
<div class="btn">
<button class="cancel" @click="noMultipleClicks(cancelBtn )">取消</button>
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)" >提交</button>
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}"
@click="noMultipleClicks(save)">提交
</button>
</div>
</div>
@ -179,11 +185,14 @@
</tr>
<tr>
<td class="col1">基本费用:{{ orderInfo.basePrice + '元' }}</td>
<td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input :class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
<td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input
:class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled"
v-model="form.supplierBasePrice"/></td>
</tr>
<tr>
<td class="col1">额外费用总计:{{ orderInfo.extraPrice + '元' }}</td>
<td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true" v-model="form.supplierExtraPrice"/></td>
<td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true"
v-model="form.supplierExtraPrice"/></td>
</tr>
<tr>
<td class="col1">收取客户:{{ orderInfo.customerAmount + '元' }}</td>
@ -201,7 +210,8 @@
<div class="title col1" style="white-space: nowrap;">审核失败原因</div>
<div class="reason">{{ orderInfo.auditRemark }}</div>
<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)" />
<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">
@ -209,7 +219,8 @@
<div class="title" style="margin-bottom: 8px"> 本次补充说明:</div>
<div style="display: flex;margin-bottom: 5px">
<!-- @click="delSupplierPhoto(item) -->
<img v-for="(item,index) in supplierPhotoList" :key="index" class="supplierImg" :src="item.url" @click="viewHandle(item)">
<img v-for="(item,index) in supplierPhotoList" :key="index" class="supplierImg" :src="item.url"
@click="viewHandle(item)">
</div>
<div style="display: flex">
<van-uploader
@ -226,8 +237,12 @@
</div>
<van-dialog v-model="show" title="确定删除此照片吗" show-cancel-button @confirm="handleConfirm"></van-dialog>
<div class="btn" v-show="auditFormShow">
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)">提交</button>
<button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}" @click="noMultipleClicks(confirmAudit)" >确定审核</button>
<button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}"
@click="noMultipleClicks(save)">提交
</button>
<button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}"
@click="noMultipleClicks(confirmAudit)">确定审核
</button>
</div>
</div>
</template>
@ -242,6 +257,7 @@ import {
} from "@/api/mine"
import {ImagePreview} from "vant";
import {orderReportingList} from "@/api/order";
export default {
name: "accountingView",
mixins: [myMixins],
@ -350,7 +366,10 @@ export default {
exceptionApprovalStatus: '',
exceptionApprovalRemark: '',
auditSuccessRemark: '',
accountStatus: ''
accountStatus: '',
carClothingToolAmount: '',
replaceBatteryAmount: '',
supplierSettleRatio:{},
},
noClick: true,
loading: false,
@ -374,6 +393,9 @@ export default {
return !(this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障'
|| (this.fixedPrice && parseFloat(this.fixedPrice) > 0 && this.fixedPriceType) || this.supplierId == 500921)
},
isBasementSettle(){
return (this.form?.supplierSettleRatio?.code == 5)
},
//保险实拖案件，剔除人保和太平事故
isCPICDrag() {
return this.settleType == '实拖' && !['PICC10101', 'PICCSHANGQI', 'PICC101099', 'SAIPCC2021', ''].includes(this.appCode)
@ -453,19 +475,13 @@ export default {
})
},
async compute() {
//现金业务置为0
// if(this.form.contractSettleTypeString == '车主现收'){
// this.form.supplierBasePrice = 0
// this.form.supplierExtraPrice = 0
// this.form.supplierSettleAmount = 0
// } else {
if (this.form.supplierOtherAmount > 0) {
if (this.form.supplierOtherAmountRemark == '') {
this.$alert('请填写其他费用说明');
return;
}
}
if (!this.basePriceDisabled) {
if (!this.basePriceDisabled && !this.isBasementSettle) {
//困境的案件，或者一口价案件，基本费用可以输入
let dilemmaBasePrice = parseFloat(this.form.supplierBasePrice) || 0
this.form.supplierBasePrice = dilemmaBasePrice
@ -481,8 +497,17 @@ export default {
this.form.supplierSettleAmount = data.data.totalPrice
}
// }
if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
/*if(this.form.cutInsuranceAmount == 1 && this.form.policyState === 0){
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
}*/
if (this.form.policyAmount && this.form.policyAmount > 0) {
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) - parseFloat(this.form.policyAmount || 0)).toFixed(2)
}
if (this.form.carClothingToolAmount) {
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) + parseFloat(this.form.carClothingToolAmount || 0)).toFixed(2)
}
if (this.form.replaceBatteryAmount) {
this.form.supplierSettleAmount = parseFloat(parseFloat(this.form.supplierSettleAmount) + parseFloat(this.form.replaceBatteryAmount || 0)).toFixed(2)
}
},
async pictureList() {
@ -535,11 +560,12 @@ export default {
leftCopy(this.form, {...res.data})
this.auditFormShow = true;//是否显示审核数据
}
if(this.settleType == '实拖' && this.basePriceDisabled){
console.log("this.form",this.form)
if (this.settleType == '实拖' && this.basePriceDisabled && !this.isBasementSettle) {
this.bcState = true
this.form.supplierSettleMileageAb = 0
this.form.supplierSettleMileageCa = 0
}else if(this.settleType == '单程' && this.basePriceDisabled){
} else if (this.settleType == '单程' && this.basePriceDisabled && !this.isBasementSettle) {
this.abState = true
this.bcState = true
this.form.supplierSettleMileageCa = 0
@ -547,25 +573,43 @@ export default {
this.bcState = false
this.form.supplierSettleMileageBc = 0
}
}else if(this.settleType == '全程' && this.basePriceDisabled){
} else if (this.settleType == '全程' && this.basePriceDisabled && !this.isBasementSettle) {
this.abState = true
this.bcState = true
this.caState = true
}else if(this.settleType == '全程减半' && this.basePriceDisabled){
} else if (this.settleType == '全程减半' && this.basePriceDisabled && !this.isBasementSettle) {
this.abState = true
this.bcState = true
this.caState = true
}
if (this.form.supplierSettleRatio && this.form.supplierSettleRatio?.code == 5){
this.basementFeeState = true
this.form.supplierSettleMileageAb = 0
this.form.supplierSettleMileageBc = 0
this.form.supplierSettleMileageCa = 0
this.form.supplierBridgeAmountAb = 0
this.form.supplierBridgeAmountBc = 0
this.form.supplierBridgeAmountCa = 0
this.form.supplierBridgeAmount = 0
this.form.supplierDilemmaAmount = 0
this.form.supplierOtherAmount = 0
this.form.supplierTyreAmount = 0
this.form.supplierWaitAmount = 0
}else {
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
this.form.supplierBasementFee = this.orderInfo.refBasementFee
}
if (this.form.supplierSettleRatio?.code != 5 && (this.serviceType == '困境救援' || this.serviceType == '困境-吊车' || this.serviceType == '困境救援-事故' || this.serviceType == '困境救援-故障')){
await this.$alert("该案件为困境案件，需确认填写基本费用")
}
},
cancelBtn() {
this.goback()
@ -707,6 +751,7 @@ export default {
<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.loading, .loading1 {
position: relative;
}
@ -733,46 +778,57 @@ export default {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.btn {
@include flexColBet;
button {
@include whLin(152px, 39px);
border-radius: 5px;
color: #FFFFFF;
@include fontWeightSize(bold, 14px)
}
.cancel {
background: #9EA7C0;
}
.submit {
background-color: #354D93;
}
}
.wrap {
@include wh(100%, 100%);
background-color: #F4F5F7;
overflow-y: auto;
}
.disable {
background-color: transparent;
border: none;
opacity: 1 !important;
}
.supplierdisable {
color: #999999;;
border: none;
opacity: 1 !important;
}
.bgDisable {
background: rgba(204, 204, 204, .3);
}
.navBar {
margin-bottom: 46px;
}
.title {
@include fontWeightSize(bold, 14px);
@include colorOpa(#323643, 0.66);
}
.line {
@include wh(100%, 2px);
opacity: 0.16;
@ -780,32 +836,39 @@ export default {
margin-top: 7px;
border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
}
.item {
@include flexCenter;
font-size: 12px !important;
font-weight: 400 !important;
.titleLeft {
opacity: .5;
line-height: 27px;
}
.leftTitle {
opacity: .5;
@include wh(60px, 189px);
}
.rightContent {
height: 189px;
width: calc(100% - 60px);
}
.fontColor {
@include fontWeightSize(400, 12px);
color: #000000;
line-height: 24px;
}
.rightContent {
width: calc(100% - 90px);
@include fontWeightSize(bold, 12px);
}
.driverPoiBtn {
display: inline-block;
padding: 3px 8px;
@ -817,47 +880,58 @@ export default {
cursor: pointer;
}
}
img {
@include wh(35px, 15px);
margin-left: 21px;
}
.common {
background-color: #FFFFFF;
padding: 11px 24px 14px;
box-sizing: border-box;
margin-bottom: 10px;
}
.baseInfo {
@include wh(100%, 286px);
}
.supplierData {
width: 100%;
margin-bottom: 0;
.inpInfo {
margin: 0 5px;
color: #323643;
line-height: 32px;
input {
border: none;
text-align: right;
padding-right: 3px;
margin-right: 0;
}
.titleContent {
@include fontWeightSize(bold, 13px);
}
.flex-between {
width: 100%;
@include flexBetCen
}
.halfOpcity {
opacity: .5;
}
.inputContent {
text-align: right;
}
}
.btnComputed {
width: 48px;
@include all-height(18px);
@ -865,6 +939,7 @@ img{
@include bgFontColor(#FFFFFF, #354D93);
border-radius: 3px;
}
.multipleTxt {
@include wh(100%, 87px);
background: #FAFAFA;
@ -872,67 +947,81 @@ img{
border: 1px solid #E6E6E6;
backdrop-filter: blur(10px);
}
.btn {
margin-top: 28px;
}
}
.dataType {
padding: 0 8px;
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
td {
padding: 10px;
border: 1px solid #ccc;
text-align: center;
}
.alignLeft {
text-align: left !important;
opacity: 1 !important;
.reason {
@include fontWeightSize(400, 11px);
@include colorOpa(#FF8F37, 1);
//color: #FF8F37;
//opacity: 1 !important;
}
.camerImg {
@include widHeiMar(54px, 42px, 5px);
margin-top: 15px;
}
.supplierImg {
@include widHeiMar(54px, 42px, 8px);
margin-top: 0;
margin-left: 0;
}
.title {
@include fontWeightSize(400, 11px);
opacity: .5;
}
}
.col1 {
width: 41%;
background-color: #E9E9EA;
@include fontWeightSize(400, 12px);
opacity: 0.55;
}
.col2 {
width: 58%;
background-color: #EAEFF6;
@include fontWeightSize(400, 12px);
color: #0434D0;
input {
width: 72px;
border: none;
background-color: #EAEFF6;
text-align: center;
}
input::placeholder {
color: #0434D0; /* 设置提示内容文字颜色 */
}
}
.btnCom {
border: none;
padding: 4px 7px;
@ -945,25 +1034,31 @@ img{
color: #FFFFFF;
@include fontWeightSize(bold, 12px)
}
.checkData, .supplierShuju {
color: #323643;
}
.checkData {
border-top-left-radius: 3px;
opacity: 0.66;
}
.supplierShuju {
border-top-right-radius: 3px;
}
.halfOpc {
opacity: .5;
}
}
.twoBtn {
margin-top: 28px;
margin-bottom: 30px;
@include flexColBet;
@include sizingPadding(0, 15px);
button {
@include whLin(152px, 39px);
@include fontWeightSize(bold, 14px);
@ -971,11 +1066,13 @@ img{
border-radius: 5px;
}
}
.btn {
margin-top: 31px;
margin-bottom: 31px;
@include flexColAround;
box-sizing: border-box;
button {
line-height: 39px;
border-radius: 5px;
@ -984,6 +1081,7 @@ img{
@include fontWeightSize(bold, 14px);
border: none;
}
.submit {
background: #354D93;
}