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

Compare commits

merge into: apps:prod-24-07-23
Branches Tags
apps:master apps:dev-2025 apps:prod-25-08-06 apps:prod-25-07-23 apps:prod-25-06-26 apps:prod-25-06-12 apps:prod-25-05-22 apps:prod-25-05-08 apps:prod-25-04-17 apps:prod-25-04-11 apps:prod-25-03-20 apps:prod-25-01-16 apps:prod-25-01-02 apps:prod-24-12-19 apps:prod-24-12-05 apps:prod-24-11-21 apps:prod-24-11-07 apps:prod-24-10-24 apps:prod-24-10-11 apps:prod-24-08-23 apps:prod-24-08-08 apps:prod-24-07-23 apps:prod-24-07-08 apps:prod-24-06-20 apps:prod-24-06-06
...
pull from: apps:prod-24-08-08
Branches Tags
apps:dev-2025 apps:prod-25-08-06 apps:prod-25-07-23 apps:prod-25-06-26 apps:prod-25-06-12 apps:prod-25-05-22 apps:prod-25-05-08 apps:prod-25-04-17 apps:prod-25-04-11 apps:prod-25-03-20 apps:prod-25-01-16 apps:master apps:prod-25-01-02 apps:prod-24-12-19 apps:prod-24-12-05 apps:prod-24-11-21 apps:prod-24-11-07 apps:prod-24-10-24 apps:prod-24-10-11 apps:prod-24-08-23 apps:prod-24-08-08 apps:prod-24-07-23 apps:prod-24-07-08 apps:prod-24-06-20 apps:prod-24-06-06

7 Commits
prod-24-07 ... prod-24-08

Author SHA1 Message Date
zhouxueli
dedb0f53e9 task#14504,kpi的pc端适配js代码影响了后台挂载的H5页面，只给window.location.pathname=='/h5/supplier/dispatch/kpiIndex'加适配 2024-08-07 13:58:50 +08:00
zhouxueli
8bed0868f8 task#14504,记账-》查看详情加车衣，电瓶费用展示 2024-07-31 16:57:30 +08:00
zhouxueli
70cea4d888 task#14504,记账-》车衣，电瓶费用展示详情界面 2024-07-31 14:48:37 +08:00
zhouxueli
6d1df4a720 task#14504,记账-》添加车衣，电瓶，责任险费用有就扣除；新增结算比例，按地库费用结算 2024-07-31 13:56:46 +08:00
zhouxueli
a7cf0a837e task#14504,删除首页默认服务商id 2024-07-30 15:29:56 +08:00
zhouxueli
ec995b7548 task#14504,月总，客户评价率缺少百分号，移动端时效切换折线图数据bugfix,table双loading优化，请求慢时，日期渲染无效日期格式优化 2024-07-30 14:48:15 +08:00
zhouxueli
372bbc44c0 task#14504,清除按钮位置调整，司机搜索使用name 2024-07-25 17:12:31 +08:00
5 changed files with 725 additions and 619 deletions
Expand all files Collapse all files

14
public/index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no">
<meta name="format-detection" content="telephone=yes"/> <meta name="format-detection" content="telephone=yes"/>
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
@ -34,11 +35,11 @@
// VConsole 默认会挂载到 `window.VConsole` 上 // VConsole 默认会挂载到 `window.VConsole` 上
// let vConsole = new window.VConsole(); // let vConsole = new window.VConsole();
(function (doc, win) { (function (doc, win) {
console.log("==window.location.pathname===",window.location.pathname)
let docEl = doc.documentElement let docEl = doc.documentElement
let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
recalc = function () { recalc = function () {
var clientWidth = docEl.clientWidth; var clientWidth = docEl.clientWidth;
// console.log("clientWidth",clientWidth)
if (!clientWidth) return; if (!clientWidth) return;
if (clientWidth < 400) { if (clientWidth < 400) {
clientWidth = 400; clientWidth = 400;
@ -48,13 +49,20 @@
if (!doc.addEventListener) return; if (!doc.addEventListener) return;
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
if (isMobile) {// 是移动端不变 if (isMobile) {// 是移动端不变
// console.log("是移动端不变")
}else{ }else{
if(window.location.pathname=='/h5/supplier/dispatch/kpiIndex'){
// console.log("执行了执行了")
win.addEventListener(resizeEvt, recalc, false); win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false);
} }
// console.log("isMobile",isMobile) /*else{
console.log("走着了这种饿 ")
}*/
}
})(document, window); })(document, window);
</script> </script>
</body> </body>
</html> </html>

45
src/views/kpi/components/common-table.vue
View File

@ -1,45 +0,0 @@
<template>
<div class="wrap">
<el-table :data="tableData"
stripe
border
style="width: 100%"
class="custom-table">
<el-table-column
v-for="(column,i) in tableData"
:key="i"
:prop="column.prop"
:label="column.label"
:fixed="i===0"
:width="i===0 ? '40' :'80'"
align="center"
>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
name: "commonTable",
props: ['tableData'],
data() {
return {}
},
mounted() {
},
methods: {}
}
</script>
<style scoped lang="scss">
@import "@/styles/mixin.scss";
::v-deep .el-table thead{
font-size: 11px;
color: #1D2129;
font-weight: bold;
}
::v-deep .el-table th.el-table__cell.is-leaf {
background-color: #E5E6EB;
}
</style>

44
src/views/kpi/kpiIndex.vue
View File

@ -210,7 +210,7 @@
v-for="item in driverselectOption" v-for="item in driverselectOption"
:key="item.id" :key="item.id"
:label="item.name" :label="item.name"
:value="item.id"> :value="item.name">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
@ -238,7 +238,7 @@
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)"> <div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)">
<div :class="{'comTab':true,'detailTable':isMobile}"> <div :class="{'comTab':true,'detailTable':isMobile}">
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList" <noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
:loading="loading"></noFit-table> ></noFit-table>
</div> </div>
<!-- <el-pagination <!-- <el-pagination
small small
@ -250,6 +250,7 @@
:total="total"> :total="total">
</el-pagination>--> </el-pagination>-->
<el-pagination <el-pagination
v-if="active !== 9"
small small
:page-sizes="[20, 50, 100]" :page-sizes="[20, 50, 100]"
:current-page.sync="pageNum" :current-page.sync="pageNum"
@ -323,7 +324,7 @@ export default {
pageSize: 20, pageSize: 20,
total: 0, total: 0,
swithVal: true, swithVal: true,
supplierId:'',//1128 supplierId:'',
selectLoading: false, selectLoading: false,
selectOption: [], selectOption: [],
driverId:'',//68517 driverId:'',//68517
@ -351,7 +352,6 @@ export default {
}, },
methods: { methods: {
async selectSupplierNameHanldle(){ async selectSupplierNameHanldle(){
console.log("supplierId",this.supplierId)
await this.getData() await this.getData()
setTimeout(()=>{ setTimeout(()=>{
this.$refs.Doughnut1.initCircle() this.$refs.Doughnut1.initCircle()
@ -361,7 +361,7 @@ export default {
this.$refs.Doughnut5.initCircle() this.$refs.Doughnut5.initCircle()
this.$refs.Doughnut6.initCircle() this.$refs.Doughnut6.initCircle()
this.$refs.Doughnut7.initCircle() this.$refs.Doughnut7.initCircle()
},1000) },1500)
}, },
async remoteMethod(query) { async remoteMethod(query) {
if (query !== '') { if (query !== '') {
@ -398,6 +398,8 @@ export default {
console.log("搜索按钮") console.log("搜索按钮")
}, },
async changeHandle() { async changeHandle() {
this.v1=[]
this.v2=[]
await this.twoTabHanldeData(); await this.twoTabHanldeData();
await this.drawLine(); await this.drawLine();
}, },
@ -435,6 +437,7 @@ export default {
this.activeIndex = 0; this.activeIndex = 0;
this.detailList = []; this.detailList = [];
this.labelList = []; this.labelList = [];
this.driverName=''
this.getData(); this.getData();
if (this.active === 1) { if (this.active === 1) {
setTimeout(() => { setTimeout(() => {
@ -507,6 +510,7 @@ export default {
label: { label: {
show: true, // 显示标签 show: true, // 显示标签
position: 'top', // 标签位置在柱形顶部 position: 'top', // 标签位置在柱形顶部
formatter: '{c}%'
} }
}, },
{ {
@ -854,19 +858,37 @@ export default {
this.indexData = res.data; this.indexData = res.data;
this.supplierName=res.data?.supplierName this.supplierName=res.data?.supplierName
this.indexData.refuseOrderRate=this.indexData.refuseOrderRate*100 this.indexData.refuseOrderRate=this.indexData.refuseOrderRate*100
this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100
if (this.indexData.refuseOrderRate % 1 !== 0) { if (this.indexData.refuseOrderRate % 1 !== 0) {
this.indexData.refuseOrderRate = this.indexData.refuseOrderRate.toFixed(2); this.indexData.refuseOrderRate = this.indexData.refuseOrderRate.toFixed(2);
} }
this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100
if (this.indexData.timeoutOrderRate % 1 !== 0) { if (this.indexData.timeoutOrderRate % 1 !== 0) {
this.indexData.timeoutOrderRate = this.indexData.timeoutOrderRate.toFixed(2); this.indexData.timeoutOrderRate = this.indexData.timeoutOrderRate.toFixed(2);
} }
this.indexData.complainOrderRate=this.indexData.complainOrderRate*100 this.indexData.complainOrderRate=this.indexData.complainOrderRate*100
if (this.indexData.complainOrderRate % 1 !== 0) {
this.indexData.complainOrderRate = this.indexData.complainOrderRate.toFixed(2);
}
this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100 this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100
if (this.indexData.customerSatisfaction % 1 !== 0) {
this.indexData.customerSatisfaction = this.indexData.customerSatisfaction.toFixed(2);
}
this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100 this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100
if (this.indexData.threeMinutesContactRate % 1 !== 0) {
this.indexData.threeMinutesContactRate = this.indexData.threeMinutesContactRate.toFixed(2);
}
this.indexData.urgeRate=this.indexData.urgeRate*100 this.indexData.urgeRate=this.indexData.urgeRate*100
if (this.indexData.urgeRate % 1 !== 0) {
this.indexData.urgeRate = this.indexData.urgeRate.toFixed(2);
}
this.indexData.appRate=this.indexData.appRate*100 this.indexData.appRate=this.indexData.appRate*100
if (this.indexData.appRate % 1 !== 0) {
this.indexData.appRate = this.indexData.appRate.toFixed(2);
}
this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100 this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100
if (this.indexData.polymerizationSuccessRate % 1 !== 0) {
this.indexData.polymerizationSuccessRate = this.indexData.polymerizationSuccessRate.toFixed(2);
}
} else if ([1, 2].includes(this.active)) { } else if ([1, 2].includes(this.active)) {
let res = await getStatisticsKpi({ let res = await getStatisticsKpi({
startTime: this.active === 1 ? this.startMonthTime : this.startTime, startTime: this.active === 1 ? this.startMonthTime : this.startTime,
@ -953,7 +975,7 @@ export default {
}); });
this.total = result.total this.total = result.total
this.detailList = result.data?.map(item => { this.detailList = result.data?.map(item => {
let formatVal = dayjs(item.createTime).format('DD'); let formatVal =item.createTime ? dayjs(item.createTime).format('DD') : '';
return {...item, date: formatVal}; return {...item, date: formatVal};
}); });
this.loading = false this.loading = false
@ -1178,11 +1200,13 @@ export default {
this.v2.push(item.threeMinutesReceivingRate.replace('%', '')) this.v2.push(item.threeMinutesReceivingRate.replace('%', ''))
}) })
} else { } else {
console.log(" this.detailList师傅接单时效", this.detailList)
this.detailList?.map(item => { this.detailList?.map(item => {
this.v1.push(item.arriving) this.v1.push(item.arriving)
this.v2.push(item.polymerizationSuccessArriving) this.v2.push(item.polymerizationSuccessArriving)
this.v3.push(item.fortyMinutesArrivalRate.replace('%', '')) this.v3.push(item.fortyMinutesArrivalRate.replace('%', ''))
}) })
console.log("this.v1",this.v1,this.v2,this.v3)
} }
this.detailList?.map((item,index) => { this.detailList?.map((item,index) => {
const columnObj = {} const columnObj = {}
@ -1202,7 +1226,7 @@ export default {
if (this.swithVal) { if (this.swithVal) {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v3.push(item.trailArriving) this.v3.push(item.trailArriving)
this.v4.push(item.trailPolymerizationSuccessArriving) this.v4.push(item.trailPolymerizationSuccessArsriving)
this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate) this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate)
}) })
} else { } else {
@ -1694,6 +1718,10 @@ export default {
::v-deep .el-input__inner{ ::v-deep .el-input__inner{
height: 30px; height: 30px;
} }
::v-deep .el-input__suffix {
top: 4px; /* 给清除按钮预留空间 */
}
} }
.comTab { .comTab {
width: 100%; width: 100%;

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

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

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

@ -11,7 +11,7 @@
@click-left="goback" @click-left="goback"
/> />
</div> </div>
<div class="baseInfo common"> <div class="baseInfo common" style="height: 344px">
<div class="title">基本信息:</div> <div class="title">基本信息:</div>
<div class="line"></div> <div class="line"></div>
<div class="item"> <div class="item">
@ -47,9 +47,16 @@
</div> </div>
<div class="item"> <div class="item">
<span class="titleLeft">扣除责任险费：</span> <span class="titleLeft">扣除责任险费：</span>
<span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</span> <span class="content">{{orderInfo.policyAmount}}</span>
</div>
<div class="item">
<span class="titleLeft">车衣费用：</span>
<span class="content">{{orderInfo.carClothingToolAmount}}</span>
</div>
<div class="item">
<span class="titleLeft">换电瓶费用：</span>
<span class="content">{{orderInfo.replaceBatteryAmount}}</span>
</div> </div>
</div> </div>
<div class="baseInfo common"> <div class="baseInfo common">
<div class="title">审核数据:</div> <div class="title">审核数据:</div>