Compare commits
1 Commits
prod-24-08
...
prod-24-07
| Author | SHA1 | Date | |
|---|---|---|---|
| 347862c54f |
@ -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>
|
||||||
|
|||||||
@ -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
45
src/views/kpi/components/common-table.vue
Normal 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>
|
||||||
@ -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>
|
||||||
|
|
||||||
|
|||||||
@ -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%;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user