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

task#14196，kpi优化

Browse Source
This commit is contained in:
zhouxueli
2024-07-05 17:31:17 +08:00
parent b2af0684fa
commit a7c7dafa33
2 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/kpi/components/circleChar.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="wrap"> <div class="wrap">
<div id="supplierScore" ref="supplierScore" class="chart" @click="handle"></div> <div id="supplierScore" ref="supplierScore" class="chart" @click="handle"></div>
</div> </div>
</template> </template>
@ -14,9 +14,12 @@ export default {
} }
}, },
mounted() { mounted() {
/* if(this.data){
this.drawHandle();
}*/
setTimeout(()=>{ setTimeout(()=>{
this.drawHandle(); this.drawHandle();
},50) },500)
}, },
methods:{ methods:{
handle(){ handle(){

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

@ -37,19 +37,19 @@
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile,'evaluate':isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile,'evaluate':isMobile}">
<div class="title">客户评价</div> <div class="title">客户评价</div>
<div class="reciceOrderIWrap"> <div class="reciceOrderIWrap" v-if="indexData">
<circle-char v-if="indexData" :data="indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="'#9485ED'" <circle-char :data="indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="'#9485ED'"
:is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char> :is-store="false" @clickComplain="clickJumpHandle(7)"></circle-char>
<circle-char v-if="indexData" :data="indexData.customerSatisfaction" :title-text="'客户满意度'" :bg-color="'#5DDECF'" ></circle-char> <circle-char :data="indexData.customerSatisfaction" :title-text="'客户满意度'" :bg-color="'#5DDECF'" ></circle-char>
<circle-char v-if="indexData" :data="indexData.urgeRate" :title-text="'催促率'" :bg-color="'#FFADAD'" ></circle-char> <circle-char :data="indexData.urgeRate" :title-text="'催促率'" :bg-color="'#FFADAD'" ></circle-char>
</div> </div>
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile,'appUse':isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile,'appUse':isMobile}">
<div class="title">APP使用</div> <div class="title">APP使用</div>
<div class="reciceOrderIWrap"> <div class="reciceOrderIWrap" v-if="indexData">
<circle-char v-if="indexData" :data="indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'" :is-store="false" @clickUse="clickJumpHandle(8)"></circle-char> <circle-char :data="indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'" :is-store="false" @clickUse="clickJumpHandle(8)"></circle-char>
<circle-char v-if="indexData" :data="indexData.threeMinutesContactRate" :title-text="'3′联系客户率'" :bg-color="'#5D7FD7'" ></circle-char> <circle-char :data="indexData.threeMinutesContactRate" :title-text="'3′联系客户率'" :bg-color="'#5D7FD7'" ></circle-char>
<circle-char v-if="indexData" :data="indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'" :bg-color="'#4ECB73'" ></circle-char> <circle-char :data="indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'" :bg-color="'#4ECB73'" ></circle-char>
</div> </div>
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile}">
@ -73,8 +73,8 @@
</div> </div>
<div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}"> <div :class="{'reciceOrder':true,'webCom':!isMobile,'store':isMobile}">
<div class="title">综合打分</div> <div class="title">综合打分</div>
<div class="storeWrap"> <div class="storeWrap" v-if="indexData">
<circle-char v-if="indexData" :data="indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char> <circle-char :data="indexData.score" :bg-color="'#00D273'" :is-store="true"></circle-char>
</div> </div>
</div> </div>
<div v-if="isMobile" style="padding: 30px"></div> <div v-if="isMobile" style="padding: 30px"></div>