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

kpi率乘以一百

Browse Source
This commit is contained in:
周林芳
2025-09-08 10:18:33 +08:00
parent f008ef0d09
commit 65e5bd2814
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -65,7 +65,7 @@
<div class="reciceOrderIWrap" v-if="indexData"> <div class="reciceOrderIWrap" v-if="indexData">
<circle-char ref="Doughnut1" :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="Number(indexData?.complainOrderRate || 0) <= 0.1 ? 'green' : 'red'" <circle-char ref="Doughnut1" :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="Number(indexData?.complainOrderRate || 0) <= 0.1 ? 'green' : 'red'"
:is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char> :is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char>
<circle-char ref="Doughnut2" :data="indexData && indexData.pinganFavorableRate" :title-text="'平安好评率'" <circle-char ref="Doughnut2" :data="indexData && indexData.pinganFavorableRate" :title-text="'平安好评率'" :is-store="false"
:bg-color="Number(indexData?.pinganFavorableRate || 0) >= 99.4 ? 'green' : 'red'"></circle-char> :bg-color="Number(indexData?.pinganFavorableRate || 0) >= 99.4 ? 'green' : 'red'"></circle-char>
<circle-char ref="Doughnut3" :data="indexData && indexData.urgeRate" :title-text="'催促率'" <circle-char ref="Doughnut3" :data="indexData && indexData.urgeRate" :title-text="'催促率'"
:bg-color="Number(indexData?.urgeRate || 0) >= 3 ? 'red' : 'green'"></circle-char> :bg-color="Number(indexData?.urgeRate || 0) >= 3 ? 'red' : 'green'"></circle-char>
@ -78,7 +78,7 @@
:is-store="false" :is-store="false"
@clickUse="clickJumpHandle(8)"></circle-char> @clickUse="clickJumpHandle(8)"></circle-char>
<circle-char ref="Doughnut5" :data="indexData && indexData.threeMinutesContactRate" :title-text="'3′联系客户率'" :bg-color="Number(indexData?.threeMinutesContactRate || 0) >= 90 ? 'green' : 'red'"></circle-char> <circle-char ref="Doughnut5" :data="indexData && indexData.threeMinutesContactRate" :title-text="'3′联系客户率'" :bg-color="Number(indexData?.threeMinutesContactRate || 0) >= 90 ? 'green' : 'red'"></circle-char>
<circle-char ref="Doughnut6" :data="indexData && indexData.wholeJuheSuccessRate" :title-text="'总聚合成功率'" :bg-color="Number(indexData?.wholeJuheSuccessRate || 0) >= 80 ? 'green' : 'red'"></circle-char> <circle-char ref="Doughnut6" :data="indexData && indexData.wholeJuheSuccessRate" :title-text="'总聚合成功率'" :is-store="false" :bg-color="Number(indexData?.wholeJuheSuccessRate || 0) >= 80 ? 'green' : 'red'"></circle-char>
</div> </div>
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile}">
@ -991,7 +991,9 @@ export default {
'threeMinutesContactRate', 'threeMinutesContactRate',
'urgeRate', 'urgeRate',
'appRate', 'appRate',
'polymerizationSuccessRate' 'polymerizationSuccessRate',
'pinganFavorableRate',
'wholeJuheSuccessRate',
]; ];
for (let key in this.indexData){ for (let key in this.indexData){
if (propertiesToProcess.includes(key)) { if (propertiesToProcess.includes(key)) {
@ -1373,7 +1375,7 @@ 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.replace('%', '')) this.v2.push(item.threeMinutesContactRate.replace('%', ''))
}) })
} else { } else {
this.detailList?.map(item => { this.detailList?.map(item => {
@ -1387,7 +1389,7 @@ export default {
columnObj.label = item.month // 每一列的标题的名称 columnObj.label = item.month // 每一列的标题的名称
columnObj.prop = props + index //自定义每一列标题字段名称 columnObj.prop = props + index //自定义每一列标题字段名称
this.etlLabelList.push(columnObj) this.etlLabelList.push(columnObj)
let mappings = [ 'receiving', 'threeMinutesReceivingRate', 'arriving','fortyMinutesArrivalRate','polymerizationSuccessArriving']; let mappings = [ 'receiving', 'threeMinutesContactRate', 'arriving','fortyMinutesArrivalRate','polymerizationSuccessArriving'];
for (let i = 0; i < mappings.length; i++) { for (let i = 0; i < mappings.length; i++) {
this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]); this.$set(this.etlDetailList[i], columnObj.prop, item[mappings[i]]);
} }
@ -1395,7 +1397,7 @@ export default {
} 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.threeMinutesContactRate.replace('%', ''))
}) })
if (this.swithVal) { if (this.swithVal) {
this.detailList?.map(item => { this.detailList?.map(item => {
@ -1414,7 +1416,7 @@ export default {
this.labelList = [ this.labelList = [
{label: '月份', prop: 'month'}, {label: '月份', prop: 'month'},
{label: '接单时效', prop: 'receiving'}, {label: '接单时效', prop: 'receiving'},
{label: '3分钟联系客户率', prop: 'threeMinutesReceivingRate'}, {label: '3分钟联系客户率', prop: 'threeMinutesContactRate'},
{label: '到达时效', prop: 'arriving'}, {label: '到达时效', prop: 'arriving'},
{label: '平安聚合成功到达时效', prop: 'pinganJuheSuccessArriving'}, {label: '平安聚合成功到达时效', prop: 'pinganJuheSuccessArriving'},
] ]