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

Compare commits

base: apps:prod-24-08-08
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
..
compare: apps:prod-24-07-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

1 Commits
prod-24-08 ... prod-24-07

Author SHA1 Message Date
zhouxueli
347862c54f bug#4506, 重新记账模块是否扣除保险费int型转string展示 
(cherry picked from commit 073814bd69)
 2024-07-18 17:14:17 +08:00
7 changed files with 786 additions and 1252 deletions
Expand all files Collapse all files

14
public/index.html
View File

@ -3,7 +3,6 @@
<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">
@ -35,11 +34,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;
@ -49,20 +48,13 @@
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);
} }
/*else{ // console.log("isMobile",isMobile)
console.log("走着了这种饿 ")
}*/
}
})(document, window); })(document, window);
</script> </script>
</body> </body>
</html> </html>

19
src/api/kpi.js
View File

@ -36,7 +36,14 @@ export function getKpiDetailsData(data){
data data
}) })
} }
// 关键词搜索服务商名称 /*export function getSupplierId(data){
return request({
url: '/supplier/select/supplier',
method:'GET',
// contentType: 'application/json',
data
})
}*/
export function getSupplierId(key) { export function getSupplierId(key) {
return request({ return request({
url: '/supplier/select/supplier', url: '/supplier/select/supplier',
@ -46,13 +53,3 @@ export function getSupplierId(key) {
} }
}); });
} }
// supplier/select/driver 关键词搜索司机名称
export function getDriverName(key) {
return request({
url: '/supplier/select/driver',
method: 'GET',
params: {
key: key ,
}
});
}

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

@ -0,0 +1,45 @@
<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>

132
src/views/kpi/components/noFit-table.vue
View File

@ -6,18 +6,10 @@
style="width: 100%" style="width: 100%"
height="100%" height="100%"
v-loading="loading" v-loading="loading"
:cell-style="setTableCellStyle"
class="custom-table"> class="custom-table">
<template v-if="active===1">
<el-table-column v-for="item in labelList" :key="item.prop" :label="item.label" :prop="item.prop" align="center">
<template slot-scope="scope">{{scope.row[item.prop]}} </template>
</el-table-column>
</template>
<template v-else>
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label" <el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'"> align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
</el-table-column> </el-table-column>
</template>
</el-table> </el-table>
</div> </div>
</template> </template>
@ -25,132 +17,14 @@
<script> <script>
export default { export default {
name: "noFit-table", name: "noFit-table",
props: ['tableData', 'labelList', 'loading', 'isMobile','active'], props: ['tableData','labelList','loading','isMobile'],
data() { data() {
return {} return {}
}, },
mounted() { mounted() {
// console.log("tableData",this.tableData)
}, },
methods: { methods: {}
setTableCellStyle({ row, column,columnIndex }) {
// 月总表格被转置，原始方法失效，重新定义对比
if(this.active===1){
if(row.month == '3′接单率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '接单时效(分)'){
if(columnIndex){
let res=row[column.property]
if(res > 5){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '到达时效(分)'){
if(columnIndex){
let res=row[column.property]
if(res > 40){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '总聚合成功率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate < 80){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '使用率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
if(row.month == '投诉率(%)'){
if(columnIndex){
let res=row[column.property]
const rate = parseFloat(res && res.replace('%', ''));
if(rate > 0.1){
return {backgroundColor: '#F1B289'}
}
}
}
}
// 接单率
if(column.property=='threeMinutesReceivingRate'){
if(columnIndex){
const rate = parseFloat(row.threeMinutesReceivingRate && row.threeMinutesReceivingRate.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
//师傅接单时效》5
if(column.property=='receiving'){
if(columnIndex){
if(row.receiving > 5){
return {backgroundColor: '#F1B289'}
}
}
}
//到达时效》40
if(column.property=='arriving'){
if(columnIndex){
if(row.arriving > 40){
return {backgroundColor: '#F1B289'}
}
}
}
//聚合成功率《80
if(column.property=='polymerizationSuccessRate'){
if(columnIndex){
const rate = parseFloat(row.polymerizationSuccessRate && row.polymerizationSuccessRate.replace('%', ''));
if(rate < 80){
return {backgroundColor: '#F1B289'}
}
}
}
//app使用率《95
if(column.property=='appRate'){
if(columnIndex){
const rate = parseFloat(row.appRate && row.appRate.replace('%', ''));
if(rate < 95){
return {backgroundColor: '#F1B289'}
}
}
}
//催促率》3
if(column.property=='urgeRate'){
if(columnIndex){
const rate = parseFloat(row.urgeRate && row.urgeRate.replace('%', ''));
if(rate > 3){
return {backgroundColor: '#F1B289'}
}
}
}
//投诉率》0.1
if(column.property=='complainOrderRate'){
if(columnIndex){
const rate = parseFloat(row.complainOrderRate.replace('%', ''));
if(rate > 0.1){
return {backgroundColor: '#F1B289'}
}
}
}
}
}
} }
</script> </script>

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

@ -6,7 +6,7 @@
</div> </div>
<div v-else class="webHeadWrap" :style="'justify-content:'+(isZd==1 ? 'space-between':'center')"> <div v-else class="webHeadWrap" :style="'justify-content:'+(isZd==1 ? 'space-between':'center')">
<div class="empty" v-if="isZd==1"></div> <div class="empty" v-if="isZd==1"></div>
<div class="title">KPI.数据看板<span v-if="isZd==1">--中道救援</span><span v-if="isZd!=1">--{{ current }}月</span></div> <div class="title">KPI.数据看板<span v-if="isZd!=1">--{{ current }}月</span></div>
<!-- 只有中道账号才显示搜索框 --> <!-- 只有中道账号才显示搜索框 -->
<div class="searchWrap" v-if="isZd==1"> <div class="searchWrap" v-if="isZd==1">
<span class="month">{{ current }}月</span> <span class="month">{{ current }}月</span>
@ -15,7 +15,6 @@
filterable filterable
remote remote
reserve-keyword reserve-keyword
clearable
placeholder="请输入后选择" placeholder="请输入后选择"
:remote-method="remoteMethod" :remote-method="remoteMethod"
@change="selectSupplierNameHanldle" @change="selectSupplierNameHanldle"
@ -27,13 +26,11 @@
:value="item.id"> :value="item.id">
</el-option> </el-option>
</el-select> </el-select>
<!-- <i class="el-icon-search" @click="searchHandle"></i>--> <i class="el-icon-search" @click="searchHandle"></i>
</div> </div>
</div> </div>
<van-tabs v-model="active" sticky @click="onClick"> <van-tabs v-model="active" sticky @click="onClick">
<van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab> <van-tab v-for="(item,index) in tabArr" :key="index" :title="item.name"></van-tab>
<div v-if="isMobile && !([0,1,2,3].includes(active))" class="tipArrow left">{{ leftArr }}</div>
<div v-if="isMobile && !([8,9].includes(active))" class="tipArrow right">>>></div>
</van-tabs> </van-tabs>
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0"> <div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
<div :class="{'reciceOrder':true,'webCom':!isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile}">
@ -45,11 +42,11 @@
</div> </div>
<div class="center common" @click="clickJumpHandle(5)"> <div class="center common" @click="clickJumpHandle(5)">
<div class="num">{{ indexData && indexData.refuseOrderRate }}%</div> <div class="num">{{ indexData && indexData.refuseOrderRate }}%</div>
<div class="itemTitle" style="cursor: pointer">拒单率 ></div> <div class="itemTitle">拒单率 ></div>
</div> </div>
<div class="right common" @click="clickJumpHandle(6)"> <div class="right common" @click="clickJumpHandle(6)">
<div class="num">{{ indexData && indexData.timeoutOrderRate }}%</div> <div class="num">{{ indexData && indexData.timeoutOrderRate }}%</div>
<div class="itemTitle" style="cursor: pointer">超时率 ></div> <div class="itemTitle">超时率 ></div>
</div> </div>
</div> </div>
</div> </div>
@ -86,62 +83,20 @@
<div class="line"></div> <div class="line"></div>
<div class="center common"> <div class="center common">
<div class="num">{{ indexData && indexData.polymerizationSuccessArriving }}</div> <div class="num">{{ indexData && indexData.polymerizationSuccessArriving }}</div>
<div class="itemTitle">集合成功到达时效(分)</div> <div class="itemTitle">集合成功到达时效</div>
</div> </div>
<div class="line"></div> <div class="line"></div>
<div class="right common"> <div class="right common">
<div class="num">{{ indexData && indexData.arriving }}</div> <div class="num">{{ indexData && indexData.arriving }}</div>
<div class="itemTitle">到达时效(分)</div> <div class="itemTitle">到达时效</div>
</div> </div>
</div> </div>
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}">
<div class="scoreTitle"> <div class="title">综合打分</div>
<span class="title">综合打分</span>
<i class="el-icon-question" @click.prevent="showScoreChart = !showScoreChart"></i>
</div>
<div class="storeWrap" v-if="indexData"> <div class="storeWrap" v-if="indexData">
<circle-char v-if="showScoreChart" ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char> <circle-char ref="Doughnut7" :data="indexData && indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
<div v-else class="detailScore">
<div class="left">
<div>
<span class="defen">接单得分:</span>
</div> </div>
<div>
<span class="defen">接单时效得分:</span>
</div>
<div>
<span class="defen">到达时效得分:</span>
</div>
<div><span class="defen">聚合成功率得分:</span>
</div>
<div><span class="defen">APP使用率得分:</span>
</div>
<div><span class="defen">催促率得分:</span>
</div>
<div><span class="defen">投诉率得分:</span>
</div>
</div>
<div class="right">
<div>
<span>{{ indexData.orderScore }}</span>
</div>
<div>
<span>{{ indexData.orderAgeingScore }}</span>
</div>
<div>
<span>{{ indexData.arriveAgeingScore }}</span>
</div>
<div> <span>{{ indexData.polymerizationSuccessScore }}</span></div>
<div> <span>{{ indexData.appUseScore }}</span></div>
<div> <span>{{ indexData.urgeScore }}</span></div>
<div><span>{{ indexData.complainScore }}</span></div>
</div>
</div>
</div>
</div>
<div>
</div> </div>
<div v-if="isMobile" style="padding: 20px"></div> <div v-if="isMobile" style="padding: 20px"></div>
</div> </div>
@ -156,7 +111,7 @@
<div v-if="active==1" style="width: 100%"> <div v-if="active==1" style="width: 100%">
<div id="chartWrap" style="width: 100%;height:300px"></div> <div id="chartWrap" style="width: 100%;height:300px"></div>
</div> </div>
<div v-if="activeIndex==3" class="selectWrap"> <div v-if="isMobile && activeIndex==3" class="selectWrap">
<el-select v-model="value" @change="changeHandle"> <el-select v-model="value" @change="changeHandle">
<el-option <el-option
v-for="item in options" v-for="item in options"
@ -188,31 +143,12 @@
</template> </template>
</div> </div>
<div :class="{'webTab':!isMobile,}"> <div :class="{'webTab':!isMobile,}">
<noFit-table v-if="isMobile" :active='active' :is-mobile='isMobile' :table-data="etlDetailList" :label-list="etlLabelList"></noFit-table> <noFit-table :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
<noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
</div> </div>
</div> </div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2,3,4].includes(active)"> <div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2,3,4].includes(active)">
<div class="searchDriverName" v-if="[3,4].includes(active)"> <div class="searchDriverName" v-if="[3,4].includes(active)">
<el-select <el-input placeholder="请输入师傅名称" v-model.trim="driverName" @change="getData" />
v-model="driverName"
filterable
remote
clearable
reserve-keyword
placeholder="请输入后选择"
:remote-method="driverremoteMethod"
@change="getData"
:loading="driverselectLoading"
:style="isMobile ? 'width:100%' : 'width:50%'"
>
<el-option
v-for="item in driverselectOption"
:key="item.id"
:label="item.name"
:value="item.name">
</el-option>
</el-select>
</div> </div>
<div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}"> <div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}">
<div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''" <div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
@ -221,26 +157,10 @@
</div> </div>
</div> </div>
<div :class="{'comTab':true}"> <div :class="{'comTab':true}">
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table> <noFit-table :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
</div> </div>
<el-pagination <el-pagination
small
v-if="active !== 2" v-if="active !== 2"
:page-sizes="[20, 50, 100]"
:current-page.sync="pageNum"
:page-size.sync="pageSize"
@current-change="getKpiData"
@size-change="getKpiData"
layout="prev, pager, next,sizes"
:total="total">
</el-pagination>
</div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)">
<div :class="{'comTab':true,'detailTable':isMobile}">
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
></noFit-table>
</div>
<!-- <el-pagination
small small
:current-page.sync="pageNum" :current-page.sync="pageNum"
:page-size.sync="pageSize" :page-size.sync="pageSize"
@ -248,16 +168,21 @@
@size-change="getKpiData" @size-change="getKpiData"
layout="prev, pager, next" layout="prev, pager, next"
:total="total"> :total="total">
</el-pagination>--> </el-pagination>
</div>
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[5,6,7,8,9].includes(active)">
<div :class="{'comTab':true,'detailTable':isMobile}">
<noFit-table :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
:loading="loading"></noFit-table>
</div>
<el-pagination <el-pagination
v-if="active !== 9" v-if="active !== 9"
small small
:page-sizes="[20, 50, 100]"
:current-page.sync="pageNum" :current-page.sync="pageNum"
:page-size.sync="pageSize" :page-size.sync="pageSize"
@current-change="getKpiData" @current-change="getKpiData"
@size-change="getKpiData" @size-change="getKpiData"
layout="prev, pager, next,sizes" layout="prev, pager, next"
:total="total"> :total="total">
</el-pagination> </el-pagination>
</div> </div>
@ -272,8 +197,7 @@ import {
getStatisticsKpiByMonth, getStatisticsKpiByMonth,
getStatisticsKpi, getStatisticsKpi,
getDriverStatisticsKpi, getDriverStatisticsKpi,
getSupplierId, getSupplierId
getDriverName
} from "@/api/kpi.js" } from "@/api/kpi.js"
import {myMixins} from "@/utils/myMixins" import {myMixins} from "@/utils/myMixins"
import CircleChar from "@/views/kpi/components/circleChar.vue"; import CircleChar from "@/views/kpi/components/circleChar.vue";
@ -300,8 +224,6 @@ export default {
indexData: {}, indexData: {},
detailList: [], detailList: [],
labelList: [], labelList: [],
etlDetailList: [],
etlLabelList: [],
loading: false, loading: false,
loadingData: false, loadingData: false,
v1: [], v1: [],
@ -321,18 +243,14 @@ export default {
{value: '2', label: '到达时效'}, {value: '2', label: '到达时效'},
], ],
pageNum: 1, pageNum: 1,
pageSize: 20, pageSize: 10,
total: 0, total: 0,
swithVal: true, swithVal: true,
supplierId:'', supplierId:'',//1128
selectLoading: false, selectLoading: false,
selectOption: [], selectOption: [],
driverId:'',//68517 driverId:'',//68517
driverName:'', driverName:'',
driverselectLoading: false,
driverselectOption: [],
leftArr:'<<<',
showScoreChart:true
} }
}, },
async mounted() { async mounted() {
@ -344,9 +262,6 @@ export default {
this.checkMobile(); this.checkMobile();
const urlParams = new URLSearchParams(window.location.search); const urlParams = new URLSearchParams(window.location.search);
this.isZd = urlParams?.get('isZd') || '' this.isZd = urlParams?.get('isZd') || ''
/* if(!this.isMobile && this.isZd && this.isZd==1){
this.supplierId='1127'
}*/
}, },
async activated() { async activated() {
}, },
@ -361,7 +276,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()
},1500) },500)
}, },
async remoteMethod(query) { async remoteMethod(query) {
if (query !== '') { if (query !== '') {
@ -379,28 +294,11 @@ export default {
this.selectOption = []; this.selectOption = [];
} }
}, },
async driverremoteMethod(query){
if (query !== '') {
this.driverselectLoading = true;
try {
const result = await getDriverName(query);
this.driverselectOption = result.data || []
} catch (error) {
this.driverselectOption = [];
} finally {
this.driverselectLoading = false;
}
} else {
this.driverselectOption = [];
}
},
async searchHandle() {//web端服务商搜索操作 async searchHandle() {//web端服务商搜索操作
console.log("搜索按钮") console.log("搜索按钮")
}, },
async changeHandle() { async changeHandle() {
this.v1=[] await this.getData();
this.v2=[]
await this.twoTabHanldeData();
await this.drawLine(); await this.drawLine();
}, },
async switchHandle() { async switchHandle() {
@ -420,8 +318,6 @@ export default {
this.v5 = [] this.v5 = []
this.v6 = [] this.v6 = []
this.xAxisArr = [] this.xAxisArr = []
this.etlDetailList=[]
this.etlLabelList=[]
await this.getKpiData() await this.getKpiData()
this.loadingData = false this.loadingData = false
} finally { } finally {
@ -437,7 +333,6 @@ 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(() => {
@ -506,11 +401,9 @@ export default {
type: 'line', type: 'line',
data: this.v1, data: this.v1,
smooth: true, smooth: true,
yAxisIndex: 0,
label: { label: {
show: true, // 显示标签 show: true, // 显示标签
position: 'top', // 标签位置在柱形顶部 position: 'top', // 标签位置在柱形顶部
formatter: '{c}%'
} }
}, },
{ {
@ -518,7 +411,6 @@ export default {
type: "line", type: "line",
data: this.v3, data: this.v3,
smooth: true, smooth: true,
yAxisIndex: 0,
label: { label: {
show: true, show: true,
position: 'top', position: 'top',
@ -530,7 +422,6 @@ export default {
type: 'line', type: 'line',
smooth: true, smooth: true,
data: this.v2, data: this.v2,
yAxisIndex: 0,
label: { label: {
show: true, show: true,
position: 'top', position: 'top',
@ -857,38 +748,14 @@ 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?.toFixed(2)
if (this.indexData.refuseOrderRate % 1 !== 0) { this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100?.toFixed(2)
this.indexData.refuseOrderRate = this.indexData.refuseOrderRate.toFixed(2); this.indexData.complainOrderRate=this.indexData.complainOrderRate*100?.toFixed(2)
} this.indexData.customerSatisfaction=this.indexData.customerSatisfaction*100?.toFixed(2)
this.indexData.timeoutOrderRate=this.indexData.timeoutOrderRate*100 this.indexData.threeMinutesContactRate=this.indexData.threeMinutesContactRate*100?.toFixed(2)
if (this.indexData.timeoutOrderRate % 1 !== 0) { this.indexData.urgeRate=this.indexData.urgeRate*100?.toFixed(2)
this.indexData.timeoutOrderRate = this.indexData.timeoutOrderRate.toFixed(2); this.indexData.appRate=this.indexData.appRate*100?.toFixed(2)
} this.indexData.polymerizationSuccessRate=this.indexData.polymerizationSuccessRate*100?.toFixed(2)
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
if (this.indexData.customerSatisfaction % 1 !== 0) {
this.indexData.customerSatisfaction = this.indexData.customerSatisfaction.toFixed(2);
}
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
if (this.indexData.urgeRate % 1 !== 0) {
this.indexData.urgeRate = this.indexData.urgeRate.toFixed(2);
}
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
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,
@ -897,23 +764,21 @@ export default {
supplierId: this.supplierId, supplierId: this.supplierId,
}) })
this.detailList = res.data?.map(item => { this.detailList = res.data?.map(item => {
item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ; item.refuseOrderRate=item.refuseOrderRate*100?.toFixed(2)+'%'
item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ; item.timeoutOrderRate=item.timeoutOrderRate*100?.toFixed(2)+'%'
item.cancelRate=this.formatPercentage(item.cancelRate) ; item.cancelRate=item.cancelRate*100?.toFixed(2)+'%'
item.urgeRate=this.formatPercentage(item.urgeRate) ; item.urgeRate=item.urgeRate*100?.toFixed(2)+'%'
item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ; item.complainOrderRate=item.complainOrderRate*100?.toFixed(2)+'%'
item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ; item.customerEvaluateRate=item.customerEvaluateRate*100?.toFixed(2)+'%'
item.appRate=this.formatPercentage(item.appRate) ; item.appRate=item.appRate*100?.toFixed(2)+'%'
item.threeMinutesContactRate=this.formatPercentage(item.threeMinutesContactRate) ; item.threeMinutesContactRate=item.threeMinutesContactRate*100?.toFixed(2)+'%'
item.pinganPolymerizationSuccessRate=this.formatPercentage(item.pinganPolymerizationSuccessRate) ; item.pinganPolymerizationSuccessRate=item.pinganPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zhonghuaPolymerizationSuccessRate=this.formatPercentage(item.zhonghuaPolymerizationSuccessRate) ; item.zhonghuaPolymerizationSuccessRate=item.zhonghuaPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zdPolymerizationSuccessRate=this.formatPercentage(item.zdPolymerizationSuccessRate) ; item.zdPolymerizationSuccessRate=item.zdPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.polymerizationSuccessRate=this.formatPercentage(item.polymerizationSuccessRate) ; item.polymerizationSuccessRate=item.polymerizationSuccessRate*100?.toFixed(2)+'%'
item.threeMinutesReceivingRate=this.formatPercentage(item.threeMinutesReceivingRate) ; item.threeMinutesReceivingRate=item.threeMinutesReceivingRate*100?.toFixed(2)+'%'
item.fortyMinutesArrivalRate=this.formatPercentage(item.fortyMinutesArrivalRate) ; item.fortyMinutesArrivalRate=item.fortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.customerSatisfaction=this.formatPercentage(item.customerSatisfaction) ; item.customerSatisfaction=item.customerSatisfaction*100?.toFixed(2)+'%'
item.trailFortyMinutesArrivalRate=this.formatPercentage(item.trailFortyMinutesArrivalRate) ;
item.minorFortyMinutesArrivalRate=this.formatPercentage(item.minorFortyMinutesArrivalRate) ;
let formatVal = dayjs(item.statisticsDate).format('DD'); let formatVal = dayjs(item.statisticsDate).format('DD');
let formatVal1 = dayjs(item.statisticsDate).format('M'); let formatVal1 = dayjs(item.statisticsDate).format('M');
return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')}; return {...item, date: formatVal, month: (formatVal1 == this.current) ? '本月' : (formatVal1 + '月')};
@ -929,7 +794,6 @@ export default {
startTime: this.startTime , startTime: this.startTime ,
endTime: this.endTime, endTime: this.endTime,
statisticsType: this.active === 3 ? 1 : 2, statisticsType: this.active === 3 ? 1 : 2,
supplierId: this.supplierId,
driverId: this.driverId, driverId: this.driverId,
driverName:this.driverName, driverName:this.driverName,
pageNum: this.pageNum, pageNum: this.pageNum,
@ -938,29 +802,26 @@ export default {
// this.detailList = res.data // this.detailList = res.data
this.total = res.total this.total = res.total
this.detailList = res.data?.map(item => { this.detailList = res.data?.map(item => {
item.refuseOrderRate=this.formatPercentage(item.refuseOrderRate) ; item.refuseOrderRate=item.refuseOrderRate*100?.toFixed(2)+'%'
item.timeoutOrderRate=this.formatPercentage(item.timeoutOrderRate) ; item.timeoutOrderRate=item.timeoutOrderRate*100?.toFixed(2)+'%'
item.cancelRate=this.formatPercentage(item.cancelRate) ; item.cancelRate=item.cancelRate*100?.toFixed(2)+'%'
// item.urgeRate=this.formatPercentage(item.urgeRate) ; item.complainOrderRate=item.complainOrderRate*100?.toFixed(2)+'%'
item.complainOrderRate=this.formatPercentage(item.complainOrderRate) ; item.customerEvaluateRate=item.customerEvaluateRate*100?.toFixed(2)+'%'
item.customerEvaluateRate=this.formatPercentage(item.customerEvaluateRate) ; item.appRate=item.appRate*100?.toFixed(2)+'%'
item.appRate=this.formatPercentage(item.appRate) ; item.threeMinutesContactRate=item.threeMinutesContactRate*100?.toFixed(2)+'%'
item.threeMinutesContactRate=this.formatPercentage(item.threeMinutesContactRate) ; item.pinganPolymerizationSuccessRate=item.pinganPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.pinganPolymerizationSuccessRate=this.formatPercentage(item.pinganPolymerizationSuccessRate) ; item.zhonghuaPolymerizationSuccessRate=item.zhonghuaPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zhonghuaPolymerizationSuccessRate=this.formatPercentage(item.zhonghuaPolymerizationSuccessRate) ; item.zdPolymerizationSuccessRate=item.zdPolymerizationSuccessRate*100?.toFixed(2)+'%'
item.zdPolymerizationSuccessRate=this.formatPercentage(item.zdPolymerizationSuccessRate) ; item.polymerizationSuccessRate=item.polymerizationSuccessRate*100?.toFixed(2)+'%'
item.polymerizationSuccessRate=this.formatPercentage(item.polymerizationSuccessRate) ; item.threeMinutesReceivingRate=item.threeMinutesReceivingRate*100?.toFixed(2)+'%'
item.threeMinutesReceivingRate=this.formatPercentage(item.threeMinutesReceivingRate) ; item.fortyMinutesArrivalRate=item.fortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.fortyMinutesArrivalRate=this.formatPercentage(item.fortyMinutesArrivalRate) ; item.trailFortyMinutesArrivalRate=item.trailFortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.customerSatisfaction=this.formatPercentage(item.customerSatisfaction) ; item.minorFortyMinutesArrivalRate=item.minorFortyMinutesArrivalRate*100?.toFixed(2)+'%'
item.customerSatisfaction=item.customerSatisfaction*100?.toFixed(2)+'%'
let formatVal = dayjs(item.statisticsDate).format('DD'); let formatVal = dayjs(item.statisticsDate).format('DD');
return {...item, date: formatVal}; return {...item, date: formatVal};
}); });
this.loading = false; this.loading = false;
if(this.active===4 && !this.driverName){
this.detailList=[]
this.total=0
}
await this.twoTabHanldeData(); await this.twoTabHanldeData();
} else if ([5, 6, 7, 8, 9].includes(this.active)) { } else if ([5, 6, 7, 8, 9].includes(this.active)) {
this.detailList = [] this.detailList = []
@ -970,12 +831,11 @@ export default {
endTime: this.endTime, endTime: this.endTime,
searchType: this.setType(this.active), searchType: this.setType(this.active),
pageNum: this.pageNum, pageNum: this.pageNum,
pageSize: this.pageSize, pageSize: this.pageSize
supplierId:this.supplierId
}); });
this.total = result.total this.total = result.total
this.detailList = result.data?.map(item => { this.detailList = result.data?.map(item => {
let formatVal =item.createTime ? dayjs(item.createTime).format('DD') : ''; let formatVal = dayjs(item.createTime).format('DD');
return {...item, date: formatVal}; return {...item, date: formatVal};
}); });
this.loading = false this.loading = false
@ -1006,8 +866,8 @@ export default {
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
{label: '接单车号', prop: 'plateNumber'}, {label: '接单车号', prop: 'plateNumber'},
{label: '接单师傅', prop: 'driverName'}, {label: '接单师傅', prop: 'driverName'},
{label: '投诉时间', prop: 'complainCreateTime'}, {label: '手机号', prop: 'driverPhone'},
{label: '投诉类型', prop: 'complainTypeString'}, {label: '客户投诉内容', prop: 'reason'},
] ]
} else if (this.active === 8) {//不使用App案件明细 } else if (this.active === 8) {//不使用App案件明细
// console.log("不使用App案件明细") // console.log("不使用App案件明细")
@ -1015,19 +875,11 @@ export default {
{label: '案件编号', prop: 'orderCode'}, {label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
{label: '接单师傅手机号', prop: 'driverPhone'}, {label: '接单师傅手机号', prop: 'driverPhone'},
{label: '工单创建时间', prop: 'orderCreateTime'},
{label: '事发地', prop: 'vehiclePointAddress'},
] ]
} else if (this.active === 9) {//车辆在线情况 } else if (this.active === 9) {//车辆在线情况
this.labelList = [ this.labelList = [
{label: '日期', prop: 'date'}, {label: '日期', prop: 'date'},
{label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'}, {label: '在线车辆数量', prop: 'vehicleCount'},
{label: '8点在线车辆数量', prop: 'eightClockVehicleCount'},
{label: '12点在线车辆数量', prop: 'twelveClockVehicleCount'},
{label: '16点在线车辆数量', prop: 'sixteenClockVehicleCount'},
{label: '20点在线车辆数量', prop: 'twentyClockVehicleCount'},
{label: '22点在线车辆数量', prop: 'twentyTwoClockVehicleCount'},
] ]
} }
} }
@ -1035,14 +887,6 @@ export default {
this.loading = false this.loading = false
} }
}, },
formatPercentage(value) {
let result = value * 100;
if (Number.isInteger(result)) {
return result.toString() + '%';
} else {
return result.toFixed(2) + '%';
}
},
checkMobile() { checkMobile() {
const userAgent = navigator.userAgent || navigator.vendor || window.opera; const userAgent = navigator.userAgent || navigator.vendor || window.opera;
this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent); this.isMobile = /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
@ -1101,31 +945,13 @@ export default {
}, },
// 二级tab切可不调接口，需再次处理数据,1,2,3,4 // 二级tab切可不调接口，需再次处理数据,1,2,3,4
twoTabHanldeData() { twoTabHanldeData() {
this.etlDetailList=[]
this.etlLabelList=[]
if (this.active === 1) { if (this.active === 1) {
const columnObj = {} //创建标题数组中第一个对象
columnObj.label = 'KPI' //第一个标题名称
columnObj.prop = 'month' //第一个标题名称对应的字段
this.etlLabelList.push(columnObj)
if (this.activeIndex === 0) {//接单指标 if (this.activeIndex === 0) {//接单指标
this.etlDetailList=[{ 'month': '派遣量' },{ 'month': '承接量' },{ 'month': '完成量' }, this.detailList?.map(item => {
{ 'month': '拒单量' },{ 'month': '拒单率(%)' },{ 'month': '超时接单量' },{ 'month': '超时率(%)' },{ 'month': '客户取消率(%)' }]
let props = 'prop' //自定义字段名称
this.detailList?.map((item,index) => {
this.v1.push(item.dispatchOrderCount) this.v1.push(item.dispatchOrderCount)
this.v2.push(item.refuseOrderRate.replace('%', '')) this.v2.push(item.refuseOrderRate)
this.v3.push(item.timeoutOrderRate.replace('%', '')) this.v3.push(item.timeoutOrderRate)
this.v4.push(item.cancelRate.replace('%', '')) this.v4.push(item.cancelrate)
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'dispatchOrderCount', 'receiveOrderCount', 'finishOrderCount','refuseOrderCount',
'refuseOrderRate', 'timeoutOrderCount', 'timeoutOrderRate','cancelRate' ];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
}) })
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
@ -1133,117 +959,82 @@ export default {
{label: '承接量', prop: 'receiveOrderCount'}, {label: '承接量', prop: 'receiveOrderCount'},
{label: '完成量', prop: 'finishOrderCount'}, {label: '完成量', prop: 'finishOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'}, {label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率(%)', prop: 'refuseOrderRate'}, {label: '拒单率（%）', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'}, {label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率(%)', prop: 'timeoutOrderRate'}, {label: '超时率（%）', prop: 'timeoutOrderRate'},
{label: '取消率(%)', prop: 'cancelRate'}, {label: '取消率（%）', prop: 'cancelrate'},
] ]
} else if (this.activeIndex === 1) { } else if (this.activeIndex === 1) {
this.etlDetailList=[{ 'month': '投诉量' },{ 'month': '投诉率(%)' },{ 'month': '客户满意度(%)' }, { 'month': '客户评价率(%)' }] this.detailList?.map(item => {
let props = 'prop' //自定义字段名称 this.v1.push(item.customerEvaluateRate)
this.detailList?.map((item,index) => { this.v2.push(item.customerSatisfaction)
this.v1.push(item.customerEvaluateRate.replace('%', '')) this.v3.push(item.complainOrderRate)
this.v2.push(item.customerSatisfaction.replace('%', ''))
this.v3.push(item.complainOrderRate.replace('%', ''))
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'complainOrderCount', 'complainOrderRate', 'customerSatisfaction','customerEvaluateRate' ];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
}) })
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
{label: '投诉量', prop: 'complainOrderCount'}, {label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率(%)', prop: 'complainOrderRate'}, {label: '投诉率（%）', prop: 'complainOrderRate'},
{label: '客户满意度(%)', prop: 'customerSatisfaction'}, {label: '客户满意度（%）', prop: 'customerSatisfaction'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'}, {label: '客户评价率（%）', prop: 'customerEvaluateRate'},
] ]
} else if (this.activeIndex === 2) { } else if (this.activeIndex === 2) {
this.etlDetailList=[{ 'month': '使用率(%)' },{ 'month': '3′联系客户率(%)' },{ 'month': '平安聚合成功率(%)' }, { 'month': '中华聚合成功率(%)' } this.detailList?.map(item => {
,{ 'month': '中道聚合成功率（%' }, { 'month': '总聚合成功率(%)' }] this.v1.push(item.appRate)
let props = 'prop' //自定义字段名称 this.v2.push(item.threeMinutesContactRate)
this.detailList?.map((item,index) => { this.v3.push(item.pinganPolymerizationSuccessRate)
this.v1.push(item.appRate.replace('%', '')) this.v4.push(item.zhonghuaPolymerizationSuccessRate)
this.v2.push(item.threeMinutesContactRate.replace('%', '')) this.v5.push(item.zdPolymerizationSuccessRate)
this.v3.push(item.pinganPolymerizationSuccessRate.replace('%', '')) this.v6.push(item.polymerizationSuccessRate)
this.v4.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
this.v5.push(item.zdPolymerizationSuccessRate.replace('%', ''))
this.v6.push(item.polymerizationSuccessRate.replace('%', ''))
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'appRate', 'threeMinutesContactRate', 'pinganPolymerizationSuccessRate','zhonghuaPolymerizationSuccessRate','zdPolymerizationSuccessRate','polymerizationSuccessRate' ];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
}) })
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
{label: '使用率(%)', prop: 'appRate'}, {label: '使用率（%）', prop: 'appRate'},
{label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'}, {label: '3′联系客户率（%）', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'}, {label: '平安聚合成功率（%）', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'}, {label: '中华聚合成功率（%）', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'}, {label: '中道聚合成功率（%）', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'}, {label: '总聚合成功率（%）', prop: 'polymerizationSuccessRate'},
] ]
} else if (this.activeIndex === 3) { } else if (this.activeIndex === 3) {
this.etlDetailList=[{ 'month': '接单时效(分)' },{ 'month': '3′接单率(%)' },{ 'month': '到达时效(分)' }, { 'month': '40′到达率(%)' },{'month':'聚合成功到达时效(分)'}]
let props = 'prop' //自定义字段名称
if (this.isMobile) { if (this.isMobile) {
if (this.value == 1) { if (this.value == 1) {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v1.push(item.receiving) this.v1.push(item.receiving)
this.v2.push(item.threeMinutesReceivingRate.replace('%', '')) this.v2.push(item.threeMinutesReceivingRate)
}) })
} 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)
}) })
console.log("this.v1",this.v1,this.v2,this.v3)
} }
this.detailList?.map((item,index) => {
const columnObj = {}
columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj)
let mappings = [ 'receiving', 'threeMinutesReceivingRate', 'arriving','fortyMinutesArrivalRate','polymerizationSuccessArriving'];
for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
}
})
} else { } else {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v1.push(item.receiving) this.v1.push(item.receiving)
this.v2.push(item.threeMinutesReceivingRate.replace('%', '')) this.v2.push(item.threeMinutesReceivingRate)
}) })
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.trailPolymerizationSuccessArsriving) this.v4.push(item.trailPolymerizationSuccessArriving)
this.v5.push(item.trailFortyMinutesArrivalRate ? item.trailFortyMinutesArrivalRate.replace('%', '') : item.trailFortyMinutesArrivalRate) this.v5.push(item.trailFortyMinutesArrivalRate)
}) })
} else { } else {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v3.push(item.minorArriving) this.v3.push(item.minorArriving)
this.v4.push(item.minorPolymerizationSuccessArriving) this.v4.push(item.minorPolymerizationSuccessArriving)
this.v5.push(item.minorFortyMinutesArrivalRate ? item.minorFortyMinutesArrivalRate.replace('%', '') : item.minorFortyMinutesArrivalRate) this.v5.push(item.minorFortyMinutesArrivalRate)
}) })
} }
} }
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
{label: '接单时效(分)', prop: 'receiving'}, {label: '接单时效(分)', prop: 'receiving'},
{label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'}, {label: '3′接单率（%）', prop: 'threeMinutesReceivingRate'},
{label: '到达时效(分)', prop: 'arriving'}, {label: '到达时效(分)', prop: 'arriving'},
{label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'}, {label: '40′到达率（%）', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'}, {label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
] ]
} }
} else if (this.active === 2) { } else if (this.active === 2) {
@ -1254,42 +1045,42 @@ export default {
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
{label: '完成量', prop: 'finishOrderCount'}, {label: '完成量', prop: 'finishOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'}, {label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率(%)', prop: 'refuseOrderRate'}, {label: '拒单率（%）', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'}, {label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率(%)', prop: 'timeoutOrderRate'}, {label: '超时率（%）', prop: 'timeoutOrderRate'},
{label: '客户取消率(%)', prop: 'cancelRate'}, {label: '客户取消率（%）', prop: 'cancelrate'},
] ]
} else if (this.activeIndex === 1) { } else if (this.activeIndex === 1) {
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '投诉量', prop: 'complainOrderCount'}, {label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率(%)', prop: 'complainOrderRate'}, {label: '投诉率（%）', prop: 'complainOrderRate'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'}, {label: '客户评价率（%）', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'}, {label: '催促率（%）', prop: 'urgeRate'},
] ]
} else if (this.activeIndex === 2) { } else if (this.activeIndex === 2) {
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '使用率(%)', prop: 'appRate'}, {label: '使用率（%）', prop: 'appRate'},
{label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'}, {label: '3′联系客户率（%）', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'}, {label: '平安聚合成功率（%）', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'}, {label: '中华聚合成功率（%）', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'}, {label: '中道聚合成功率（%）', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'}, {label: '总聚合成功率（%）', prop: 'polymerizationSuccessRate'},
] ]
} else if (this.activeIndex === 3) { } else if (this.activeIndex === 3) {
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '接单时效(分)', prop: 'receiving'}, {label: '接单时效(分)', prop: 'receiving'},
{label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'}, {label: '3′接单率（%）', prop: 'threeMinutesReceivingRate'},
{label: '小修到达时效(分)', prop: 'minorArriving'}, {label: '小修到达时效(分)', prop: 'minorArriving'},
{label: '拖车到达时效(分)', prop: 'trailArriving'}, {label: '拖车到达时效(分)', prop: 'trailArriving'},
{label: '困境到达时效(分)', prop: 'dilemmaArriving'}, {label: '困境到达时效(分)', prop: 'dilemmaArriving'},
{label: '到达时效(分)', prop: 'arriving'}, {label: '到达时效(分)', prop: 'arriving'},
{label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'}, {label: '40′到达率（%）', prop: 'fortyMinutesArrivalRate'},
{label: '小修聚合成功到达时效(分)', prop: 'minorPolymerizationSuccessArriving'}, {label: '小修聚合成功到达时效(分)', prop: 'minorPolymerizationSuccessArriving'},
{label: '拖车聚合成功到达时效(分)', prop: 'trailPolymerizationSuccessArriving'}, {label: '拖车聚合成功到达时效(分)', prop: 'trailPolymerizationSuccessArriving'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'}, {label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
] ]
} }
} else if (this.active === 3) { } else if (this.active === 3) {
@ -1298,87 +1089,83 @@ export default {
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'}, {label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率(%)', prop: 'refuseOrderRate'}, {label: '拒单率（%）', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'}, {label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率(%)', prop: 'timeoutOrderRate'}, {label: '超时率（%）', prop: 'timeoutOrderRate'},
] ]
} else if (this.activeIndex === 1) { } else if (this.activeIndex === 1) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
{label: '投诉量', prop: 'complainOrderCount'}, {label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率(%)', prop: 'complainOrderRate'}, {label: '投诉率（%）', prop: 'complainOrderRate'},
{label: '客户满意度(%)', prop: 'customerSatisfaction'}, {label: '客户满意度（%）', prop: 'customerSatisfaction'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'}, {label: '客户评价率（%）', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'}, {label: '催促率（%）', prop: 'urgeRate'},
] ]
} else if (this.activeIndex === 2) { } else if (this.activeIndex === 2) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
{label: 'App使用率(%)', prop: 'appRate'}, {label: 'App使用率（%）', prop: 'appRate'},
{label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'}, {label: '3′联系客户率（%）', prop: 'threeMinutesContactRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'}, {label: '平安聚合成功率（%）', prop: 'pinganPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'}, {label: '中华聚合成功率（%）', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'}, {label: '中道聚合成功率（%）', prop: 'zdPolymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'}, {label: '总聚合成功率（%）', prop: 'polymerizationSuccessRate'},
{label: '日均在线时长(h)', prop: 'onlineDuration'}, {label: '日均在线时长', prop: 'onlineDuration'},
] ]
} else if (this.activeIndex === 3) { } else if (this.activeIndex === 3) {
this.labelList = [ this.labelList = [
{label: '师傅姓名', prop: 'driverName'}, {label: '师傅姓名', prop: 'driverName'},
{label: '接单时效(分)', prop: 'receiving'}, {label: '接单时效(分)', prop: 'receiving'},
{label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'}, {label: '3′接单率（%）', prop: 'threeMinutesReceivingRate'},
{label: '到达时效(分)', prop: 'arriving'}, {label: '到达时效(分)', prop: 'arriving'},
{label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'}, {label: '40′到达率（%）', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'}, {label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
] ]
} }
} else if (this.active === 4) { } else if (this.active === 4) {
if (this.activeIndex === 0) {//接单指标 if (this.activeIndex === 0) {//接单指标
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'},
{label: '派遣案件量', prop: 'dispatchOrderCount'}, {label: '派遣案件量', prop: 'dispatchOrderCount'},
{label: '承接案件量', prop: 'receiveOrderCount'}, {label: '承接案件量', prop: 'receiveOrderCount'},
{label: '完成量', prop: 'finishOrderCount'}, {label: '完成量', prop: 'finishOrderCount'},
{label: '拒单量', prop: 'refuseOrderCount'}, {label: '拒单量', prop: 'refuseOrderCount'},
{label: '拒单率(%)', prop: 'refuseOrderRate'}, {label: '拒单率（%）', prop: 'refuseOrderRate'},
{label: '超时接单量', prop: 'timeoutOrderCount'}, {label: '超时接单量', prop: 'timeoutOrderCount'},
{label: '超时率(%)', prop: 'timeoutOrderRate'}, {label: '超时率（%）', prop: 'timeoutOrderRate'},
{label: '客户取消率(%)', prop: 'cancelRate'}, {label: '客户取消率（%）', prop: 'cancelrate'},
] ]
} else if (this.activeIndex === 1) { } else if (this.activeIndex === 1) {
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'},
{label: '投诉量', prop: 'complainOrderCount'}, {label: '投诉量', prop: 'complainOrderCount'},
{label: '投诉率(%)', prop: 'complainOrderRate'}, {label: '投诉率（%）', prop: 'complainOrderRate'},
{label: '客户满意度(%)', prop: 'customerSatisfaction'}, {label: '客户满意度（%）', prop: 'customerSatisfaction'},
{label: '客户评价率(%)', prop: 'customerEvaluateRate'}, {label: '客户评价率（%）', prop: 'customerEvaluateRate'},
{label: '催促率(%)', prop: 'urgeRate'}, {label: '催促率（%）', prop: 'urgeRate'},
] ]
} else if (this.activeIndex === 2) { } else if (this.activeIndex === 2) {
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'}, {label: '使用率（%）', prop: 'appRate'},
{label: '使用率(%)', prop: 'appRate'}, {label: '3′联系客户率（%）', prop: 'threeMinutesContactRate'},
{label: '3′联系客户率(%)', prop: 'threeMinutesContactRate'}, {label: '平安聚合成功率（%）', prop: 'pinganPolymerizationSuccessRate'},
{label: '平安聚合成功率(%)', prop: 'pinganPolymerizationSuccessRate'}, {label: '中华聚合成功率（%）', prop: 'zhonghuaPolymerizationSuccessRate'},
{label: '中华聚合成功率(%)', prop: 'zhonghuaPolymerizationSuccessRate'}, {label: '中道聚合成功率（%）', prop: 'zdPolymerizationSuccessRate'},
{label: '中道聚合成功率(%)', prop: 'zdPolymerizationSuccessRate'}, {label: '总聚合成功率（%）', prop: 'polymerizationSuccessRate'},
{label: '总聚合成功率(%)', prop: 'polymerizationSuccessRate'}, {label: '日均在线时长', prop: 'onlineDuration'},
{label: '日均在线时长(h)', prop: 'onlineDuration'},
] ]
} else if (this.activeIndex === 3) { } else if (this.activeIndex === 3) {
this.labelList = [ this.labelList = [
{label: '日', prop: 'date'}, {label: '日', prop: 'date'},
{label: '师傅姓名', prop: 'driverName'},
{label: '接单时效(分)', prop: 'receiving'}, {label: '接单时效(分)', prop: 'receiving'},
{label: '3′接单率(%)', prop: 'threeMinutesReceivingRate'}, {label: '3′接单率（%）', prop: 'threeMinutesReceivingRate'},
{label: '到达时效(分)', prop: 'arriving'}, {label: '到达时效(分)', prop: 'arriving'},
{label: '40′到达率(%)', prop: 'fortyMinutesArrivalRate'}, {label: '40′到达率（%）', prop: 'fortyMinutesArrivalRate'},
{label: '聚合成功到达时效(分)', prop: 'polymerizationSuccessArriving'}, {label: '聚合成功到达时效', prop: 'polymerizationSuccessArriving'},
] ]
} }
} }
@ -1489,9 +1276,6 @@ export default {
::v-deep .el-input__inner { ::v-deep .el-input__inner {
border-radius: 0px 20px 20px 0px; border-radius: 0px 20px 20px 0px;
} }
::v-deep .el-input__suffix {
top: 4px; /* 给清除按钮预留空间 */
}
} }
} }
@ -1527,10 +1311,7 @@ export default {
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;; border-bottom: 1px solid #ccc;;
} }
::v-deep .el-pagination .el-select .el-input{
width: 80px;
margin:0
}
.contentWrap { .contentWrap {
@include wh(100%, calc(100% - 120px)); @include wh(100%, calc(100% - 120px));
overflow-y: auto; overflow-y: auto;
@ -1540,36 +1321,10 @@ export default {
@include whBg(375px, 146px, #FFFFFF); @include whBg(375px, 146px, #FFFFFF);
@include sizing4Padding(19px, 25px, 38px, 19px); @include sizing4Padding(19px, 25px, 38px, 19px);
margin-bottom: 10px; margin-bottom: 10px;
.scoreTitle{
@include flexBetCen;
i{
cursor: pointer;
font-size: 14px;
}
}
.storeWrap { .storeWrap {
width: 100%; width: 100%;
text-align: center; text-align: center;
.detailScore{
display: flex;
justify-content:center;
}
/* .defen{
display: inline-block;
//width: 92px;
//text-align: right;
}*/
.left{
text-align: right;
padding-right: 5px;
}
.right{
display: flex;
justify-content: space-between;
flex-direction: column;
text-align: left;
}
} }
.title { .title {
@ -1627,25 +1382,13 @@ export default {
.webcontentWrap { .webcontentWrap {
@include wh(100%, calc(100% - 86px)); @include wh(100%, calc(100% - 86px));
} }
.tipArrow{
position: absolute;
top: 10px;
color: #FFFFFF;
font-size: 12px;
}
.left{
left: 0;
}
.right{
right: 0px;
}
.tabWrap { .tabWrap {
@include wh(100%, 22px); @include wh(100%, 22px);
@include flexColAround; @include flexColAround;
margin: 10px 0; margin: 10px 0;
div { div {
cursor: pointer;
padding: 2px 8px; padding: 2px 8px;
border-radius: 7px; border-radius: 7px;
font-size: 12px; font-size: 12px;
@ -1674,10 +1417,12 @@ export default {
border-color: #F1B289 transparent transparent transparent; border-color: #F1B289 transparent transparent transparent;
} }
} }
.webTabWrap { .webTabWrap {
width: 40% !important; width: 40% !important;
.active:after { .active:after {
margin-top: 4px; margin-top: 5px;
} }
} }
@ -1718,10 +1463,6 @@ 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,18 +46,7 @@
</div> </div>
<div class="item"> <div class="item">
<span class="titleLeft">扣除责任险费：</span> <span class="titleLeft">扣除责任险费：</span>
<span <span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount==1 ? '是' : (orderInfo.cutInsuranceAmount==0 ? '否' : ' ')}}</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>
@ -109,7 +98,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" :disabled="!isBasementSettle" />元</div> <div class="halfOpcity inputContent"><input type="number" v-model="form.supplierBasementFee"/>元</div>
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div>收取客户金额:</div> <div>收取客户金额:</div>
@ -117,18 +106,15 @@
</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 || isBasementSettle" <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/><span >元</span></div>
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" <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierExtraPrice"/><span>元</span></div>
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" <div class="halfOpcity inputContent " ><input class="disable" type="number" :readonly="true" v-model="form.supplierSettleAmount"/><span >元</span></div>
v-model="form.supplierSettleAmount"/><span>元</span></div>
</div> </div>
<div class="flex-between"> <div class="flex-between">
<div> &nbsp;</div> <div> &nbsp;</div>
@ -141,9 +127,7 @@
<!-- <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}" <button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)" >提交</button>
@click="noMultipleClicks(save)">提交
</button>
</div> </div>
</div> </div>
@ -195,14 +179,11 @@
</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 <td class="col2 halfOpc" :style="{ opacity: basePriceDisabled ? '1' : '0.5' }"><input :class="basePriceDisabled ? 'supplierdisable' : ''" :readonly="basePriceDisabled" v-model="form.supplierBasePrice"/></td>
: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" <td class="col2 halfOpc" style="opacity: 1;"><input class="supplierdisable" :readonly="true" v-model="form.supplierExtraPrice"/></td>
v-model="form.supplierExtraPrice"/></td>
</tr> </tr>
<tr> <tr>
<td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td> <td class="col1">收取客户:{{orderInfo.customerAmount +'元'}}</td>
@ -220,8 +201,7 @@
<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" <van-image class="camerImg" v-for="(item,index) in auditPhotoList" :key="index" :src="item.url" @click="previewPhoto(index)" />
@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">
@ -229,8 +209,7 @@
<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" <img v-for="(item,index) in supplierPhotoList" :key="index" class="supplierImg" :src="item.url" @click="viewHandle(item)">
@click="viewHandle(item)">
</div> </div>
<div style="display: flex" > <div style="display: flex" >
<van-uploader <van-uploader
@ -247,12 +226,8 @@
</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}" <button v-if="orderInfo.checkCount < 3" :class="{'submit' : true,'loading' : loading}" @click="noMultipleClicks(save)">提交</button>
@click="noMultipleClicks(save)">提交 <button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}" @click="noMultipleClicks(confirmAudit)" >确定审核</button>
</button>
<button v-if="accountStatus == 2 || accountStatus == 3" :class="{'submit' : true,'loading1' : loading1}"
@click="noMultipleClicks(confirmAudit)">确定审核
</button>
</div> </div>
</div> </div>
</template> </template>
@ -267,7 +242,6 @@ 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],
@ -376,10 +350,7 @@ export default {
exceptionApprovalStatus:'', exceptionApprovalStatus:'',
exceptionApprovalRemark:'', exceptionApprovalRemark:'',
auditSuccessRemark:'', auditSuccessRemark:'',
accountStatus: '', accountStatus: ''
carClothingToolAmount: '',
replaceBatteryAmount: '',
supplierSettleRatio:{},
}, },
noClick:true, noClick:true,
loading: false, loading: false,
@ -403,9 +374,6 @@ 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)
@ -485,13 +453,19 @@ 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 && !this.isBasementSettle) { if (!this.basePriceDisabled) {
//困境的案件，或者一口价案件，基本费用可以输入 //困境的案件，或者一口价案件，基本费用可以输入
let dilemmaBasePrice = parseFloat(this.form.supplierBasePrice) || 0 let dilemmaBasePrice = parseFloat(this.form.supplierBasePrice) || 0
this.form.supplierBasePrice = dilemmaBasePrice this.form.supplierBasePrice = dilemmaBasePrice
@ -507,17 +481,8 @@ 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(){
@ -570,12 +535,11 @@ export default {
leftCopy(this.form, {...res.data}) leftCopy(this.form, {...res.data})
this.auditFormShow = true;//是否显示审核数据 this.auditFormShow = true;//是否显示审核数据
} }
console.log("this.form",this.form) if(this.settleType == '实拖' && this.basePriceDisabled){
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 && !this.isBasementSettle) { }else if(this.settleType == '单程' && this.basePriceDisabled){
this.abState = true this.abState = true
this.bcState = true this.bcState = true
this.form.supplierSettleMileageCa = 0 this.form.supplierSettleMileageCa = 0
@ -583,43 +547,25 @@ export default {
this.bcState = false this.bcState = false
this.form.supplierSettleMileageBc = 0 this.form.supplierSettleMileageBc = 0
} }
} else if (this.settleType == '全程' && this.basePriceDisabled && !this.isBasementSettle) { }else if(this.settleType == '全程' && this.basePriceDisabled){
this.abState = true this.abState = true
this.bcState = true this.bcState = true
this.caState = true this.caState = true
} else if (this.settleType == '全程减半' && this.basePriceDisabled && !this.isBasementSettle) { }else if(this.settleType == '全程减半' && this.basePriceDisabled){
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()
@ -761,7 +707,6 @@ 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;
} }
@ -788,57 +733,46 @@ 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;
@ -846,39 +780,32 @@ 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;
@ -890,58 +817,47 @@ 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%, 344px); @include wh(100%,286px);
} }
.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);
@ -949,7 +865,6 @@ 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;
@ -957,81 +872,67 @@ 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;
@ -1044,31 +945,25 @@ 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);
@ -1076,13 +971,11 @@ 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;
@ -1091,7 +984,6 @@ 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" style="height: 344px"> <div class="baseInfo common">
<div class="title">基本信息:</div> <div class="title">基本信息:</div>
<div class="line"></div> <div class="line"></div>
<div class="item"> <div class="item">
@ -47,16 +47,9 @@
</div> </div>
<div class="item"> <div class="item">
<span class="titleLeft">扣除责任险费：</span> <span class="titleLeft">扣除责任险费：</span>
<span class="content">{{orderInfo.policyAmount}}</span> <span class="content">{{orderInfo.policyAmount}} {{orderInfo.cutInsuranceAmount}}</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>