|
|
|
@ -39,7 +39,7 @@
|
|
|
|
|
<van-tabs v-model="active" sticky @click="tabClickHandle">
|
|
|
|
|
<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 && !([7,8].includes(active))" class="tipArrow right">>>></div>
|
|
|
|
|
<div v-if="isMobile && !([9,10].includes(active))" class="tipArrow right">>>></div>
|
|
|
|
|
</van-tabs>
|
|
|
|
|
<div v-loading="loadingData" :class="{'contentWrap':true,'webcontentWrap':!isMobile}" v-if="active===0">
|
|
|
|
|
<div :class="{'reciceOrder':true,'webCom':!isMobile}">
|
|
|
|
@ -202,7 +202,7 @@
|
|
|
|
|
<noFit-table v-else :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2].includes(active)">
|
|
|
|
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[2,4,5].includes(active)">
|
|
|
|
|
<div class="searchDriverName" v-if="[5,4].includes(active)">
|
|
|
|
|
<el-select
|
|
|
|
|
v-model="driverName"
|
|
|
|
@ -245,7 +245,7 @@
|
|
|
|
|
:total="total">
|
|
|
|
|
</el-pagination>
|
|
|
|
|
</div>
|
|
|
|
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,4,5,6,7,8].includes(active)">
|
|
|
|
|
<div v-loading="loadingData" class="contentWrap monthTotal" v-if="[3,6,7,8,9,10].includes(active)">
|
|
|
|
|
<div :class="{'comTab':true,'detailTable':isMobile}">
|
|
|
|
|
<noFit-table :active='active' :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"
|
|
|
|
|
></noFit-table>
|
|
|
|
@ -273,7 +273,7 @@ import {
|
|
|
|
|
getStatisticsKpiByMonth,
|
|
|
|
|
getStatisticsKpi,
|
|
|
|
|
getSupplierId,
|
|
|
|
|
getDriverName,
|
|
|
|
|
getDriverName,getDriverStatisticsKpi,
|
|
|
|
|
getRecentSupplierKpi, querySupplierDriverStatisticsScore
|
|
|
|
|
} from "@/api/kpi.js"
|
|
|
|
|
import {myMixins} from "@/utils/myMixins"
|
|
|
|
@ -289,9 +289,9 @@ export default {
|
|
|
|
|
return {
|
|
|
|
|
active:0,
|
|
|
|
|
activeIndex: 0,
|
|
|
|
|
// {name: '月/师傅'}, {name: '日/师傅'},
|
|
|
|
|
//
|
|
|
|
|
tabArr: [
|
|
|
|
|
{name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'}, {name: '拒单明细'},
|
|
|
|
|
{name: '总览'}, {name: '月/总'}, {name: '日/总'},{name: '师傅满意度'},{name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
|
|
|
|
|
{name: '超时明细'}, {name: '投诉明细'}, {name: '不使用APP案件明细'}, {name: '车辆在线情况'}
|
|
|
|
|
],
|
|
|
|
|
list: [{name: '接单指标'}, {name: '客户评价'}, {name: 'APP使用'}, {name: ' 时效 '}],
|
|
|
|
@ -1081,7 +1081,7 @@ export default {
|
|
|
|
|
]
|
|
|
|
|
this.loading = false;
|
|
|
|
|
}
|
|
|
|
|
/* else if ([4,5].includes(this.active)) {
|
|
|
|
|
else if ([4,5].includes(this.active)) {
|
|
|
|
|
let res = await getDriverStatisticsKpi({
|
|
|
|
|
startTime: this.startTime ,
|
|
|
|
|
endTime: this.endTime,
|
|
|
|
@ -1117,9 +1117,8 @@ export default {
|
|
|
|
|
this.total=0
|
|
|
|
|
}
|
|
|
|
|
await this.twoTabHanldeData();
|
|
|
|
|
}*/
|
|
|
|
|
else if ([ 4,5,6, 7, 8].includes(this.active)) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
else if ([ 6, 7, 8,9,10].includes(this.active)) {
|
|
|
|
|
this.detailList = []
|
|
|
|
|
this.labelList = []
|
|
|
|
|
let result = await getKpiDetailsData({
|
|
|
|
@ -1136,7 +1135,7 @@ export default {
|
|
|
|
|
return {...item, date: formatVal};
|
|
|
|
|
});
|
|
|
|
|
this.loading = false
|
|
|
|
|
if (this.active === 4) {//拒单明细
|
|
|
|
|
if (this.active === 6) {//拒单明细
|
|
|
|
|
this.labelList = [
|
|
|
|
|
{label: '案件编号', prop: 'orderCode'},
|
|
|
|
|
{label: '服务内容', prop: 'serviceName'},
|
|
|
|
@ -1147,7 +1146,7 @@ export default {
|
|
|
|
|
{label: '中道派单时间', prop: 'dispatchTime'},
|
|
|
|
|
{label: '拒绝原因', prop: 'reason'},
|
|
|
|
|
]
|
|
|
|
|
} else if (this.active === 5) {//超时明细
|
|
|
|
|
} else if (this.active === 7) {//超时明细
|
|
|
|
|
this.labelList = [
|
|
|
|
|
{label: '案件编号', prop: 'orderCode'},
|
|
|
|
|
{label: '服务内容', prop: 'serviceName'},
|
|
|
|
@ -1157,7 +1156,7 @@ export default {
|
|
|
|
|
{label: '上游接单来源', prop: 'workSource'},
|
|
|
|
|
{label: '中道派单时间', prop: 'dispatchTime'},
|
|
|
|
|
]
|
|
|
|
|
} else if (this.active === 6) {//投诉明细
|
|
|
|
|
} else if (this.active === 8) {//投诉明细
|
|
|
|
|
this.labelList = [
|
|
|
|
|
{label: '案件编号', prop: 'orderCode'},
|
|
|
|
|
{label: '服务内容', prop: 'serviceName'},
|
|
|
|
@ -1166,7 +1165,7 @@ export default {
|
|
|
|
|
{label: '投诉时间', prop: 'complainCreateTime'},
|
|
|
|
|
{label: '投诉类型', prop: 'complainTypeString'},
|
|
|
|
|
]
|
|
|
|
|
} else if (this.active === 7) {//不使用App案件明细
|
|
|
|
|
} else if (this.active === 9) {//不使用App案件明细
|
|
|
|
|
this.labelList = [
|
|
|
|
|
{label: '案件编号', prop: 'orderCode'},
|
|
|
|
|
{label: '服务内容', prop: 'serviceName'},
|
|
|
|
@ -1174,7 +1173,7 @@ export default {
|
|
|
|
|
{label: '工单创建时间', prop: 'orderCreateTime'},
|
|
|
|
|
{label: '事发地', prop: 'vehiclePointAddress'},
|
|
|
|
|
]
|
|
|
|
|
} else if (this.active === 8) {//车辆在线情况
|
|
|
|
|
} else if (this.active === 10) {//车辆在线情况
|
|
|
|
|
this.labelList = [
|
|
|
|
|
{label: '日期', prop: 'date'},
|
|
|
|
|
{label: '0点在线车辆数量', prop: 'zeroClockVehicleCount'},
|
|
|
|
@ -1587,15 +1586,15 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
setType(type) {
|
|
|
|
|
switch (type) {
|
|
|
|
|
case 4:
|
|
|
|
|
return 1;
|
|
|
|
|
case 5:
|
|
|
|
|
return 2;
|
|
|
|
|
case 6:
|
|
|
|
|
return 3;
|
|
|
|
|
return 1;
|
|
|
|
|
case 7:
|
|
|
|
|
return 4;
|
|
|
|
|
return 2;
|
|
|
|
|
case 8:
|
|
|
|
|
return 3;
|
|
|
|
|
case 9:
|
|
|
|
|
return 4;
|
|
|
|
|
case 10:
|
|
|
|
|
return 5;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|