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

task#14196，折线图百分号处理

Browse Source
This commit is contained in:
zhouxueli
2024-07-09 15:02:02 +08:00
parent 42694d57de
commit 45914f0577
1 changed files with 36 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -83,12 +83,12 @@
<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>
@ -111,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="isMobile && activeIndex==3" class="selectWrap"> <div v-if="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"
@ -401,6 +401,7 @@ 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', // 标签位置在柱形顶部
@ -411,6 +412,7 @@ 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',
@ -422,6 +424,7 @@ 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',
@ -794,6 +797,7 @@ 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,
@ -831,7 +835,8 @@ 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 => {
@ -932,6 +937,7 @@ export default {
this.v5 = [] this.v5 = []
this.v6 = [] this.v6 = []
await this.twoTabHanldeData() await this.twoTabHanldeData()
// console.log(this.v1,this.v2,this.v3,this.v4,this.v5,this.v6)
this.loadingData = false this.loadingData = false
if (this.active === 1) { if (this.active === 1) {
await this.drawLine() await this.drawLine()
@ -949,9 +955,9 @@ export default {
if (this.activeIndex === 0) {//接单指标 if (this.activeIndex === 0) {//接单指标
this.detailList?.map(item => { this.detailList?.map(item => {
this.v1.push(item.dispatchOrderCount) this.v1.push(item.dispatchOrderCount)
this.v2.push(item.refuseOrderRate) this.v2.push(item.refuseOrderRate.replace('%', ''))
this.v3.push(item.timeoutOrderRate) this.v3.push(item.timeoutOrderRate.replace('%', ''))
this.v4.push(item.cancelrate) this.v4.push(item.cancelRate.replace('%', ''))
}) })
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
@ -962,13 +968,13 @@ export default {
{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.detailList?.map(item => { this.detailList?.map(item => {
this.v1.push(item.customerEvaluateRate) this.v1.push(item.customerEvaluateRate.replace('%', ''))
this.v2.push(item.customerSatisfaction) this.v2.push(item.customerSatisfaction.replace('%', ''))
this.v3.push(item.complainOrderRate) this.v3.push(item.complainOrderRate.replace('%', ''))
}) })
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
@ -979,12 +985,12 @@ export default {
] ]
} else if (this.activeIndex === 2) { } else if (this.activeIndex === 2) {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v1.push(item.appRate) this.v1.push(item.appRate.replace('%', ''))
this.v2.push(item.threeMinutesContactRate) this.v2.push(item.threeMinutesContactRate.replace('%', ''))
this.v3.push(item.pinganPolymerizationSuccessRate) this.v3.push(item.pinganPolymerizationSuccessRate.replace('%', ''))
this.v4.push(item.zhonghuaPolymerizationSuccessRate) this.v4.push(item.zhonghuaPolymerizationSuccessRate.replace('%', ''))
this.v5.push(item.zdPolymerizationSuccessRate) this.v5.push(item.zdPolymerizationSuccessRate.replace('%', ''))
this.v6.push(item.polymerizationSuccessRate) this.v6.push(item.polymerizationSuccessRate.replace('%', ''))
}) })
this.labelList = [ this.labelList = [
{label: '月', prop: 'month'}, {label: '月', prop: 'month'},
@ -1000,31 +1006,31 @@ export default {
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) this.v2.push(item.threeMinutesReceivingRate.replace('%', ''))
}) })
} else { } else {
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) this.v3.push(item.fortyMinutesArrivalRate.replace('%', ''))
}) })
} }
} 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) this.v2.push(item.threeMinutesReceivingRate.replace('%', ''))
}) })
if (this.swithVal) { if (this.swithVal) {
this.detailList?.map(item => { this.detailList?.map(item => {
this.v3.push(item.trailArriving) this.v3.push(item.trailArriving)
this.v4.push(item.trailPolymerizationSuccessArriving) this.v4.push(item.trailPolymerizationSuccessArriving)
this.v5.push(item.trailFortyMinutesArrivalRate) this.v5.push(item.trailFortyMinutesArrivalRate.replace('%', ''))
}) })
} 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) this.v5.push(item.minorFortyMinutesArrivalRate.replace('%', ''))
}) })
} }
} }
@ -1034,7 +1040,7 @@ export default {
{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) {
@ -1048,7 +1054,7 @@ export default {
{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 = [
@ -1080,7 +1086,7 @@ export default {
{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) {
@ -1113,7 +1119,7 @@ export default {
{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 = [
@ -1122,7 +1128,7 @@ export default {
{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) {
@ -1136,7 +1142,7 @@ export default {
{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 = [
@ -1156,7 +1162,7 @@ export default {
{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 = [
@ -1165,7 +1171,7 @@ export default {
{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'},
] ]
} }
} }