task#14196,中道首页不显示数据问题

This commit is contained in:
2024-07-08 17:27:27 +08:00
parent 11664e92bf
commit 5df83abfcf
2 changed files with 29 additions and 23 deletions

View File

@ -20,8 +20,14 @@ export default {
setTimeout(()=>{ setTimeout(()=>{
this.drawHandle(); this.drawHandle();
},500) },500)
}, },
methods:{ methods:{
initCircle(){
// setTimeout(()=>{
this.drawHandle();
// },500)
},
handle(){ handle(){
if(this.titleText == '投诉率'){ if(this.titleText == '投诉率'){
this.$emit('clickComplain') this.$emit('clickComplain')

View File

@ -17,7 +17,7 @@
reserve-keyword reserve-keyword
placeholder="请输入后选择" placeholder="请输入后选择"
:remote-method="remoteMethod" :remote-method="remoteMethod"
@change="getData" @change="selectSupplierNameHanldle"
:loading="selectLoading"> :loading="selectLoading">
<el-option <el-option
v-for="item in selectOption" v-for="item in selectOption"
@ -53,23 +53,23 @@
<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" v-if="indexData"> <div class="reciceOrderIWrap" v-if="indexData">
<circle-char :data="indexData && indexData.complainOrderRate" :title-text="'投诉率'" :bg-color="'#9485ED'" <circle-char ref="Doughnut1" :data="indexData && 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 :data="indexData && indexData.customerSatisfaction" :title-text="'客户满意度'" <circle-char ref="Doughnut2" :data="indexData && indexData.customerSatisfaction" :title-text="'客户满意度'"
:bg-color="'#5DDECF'"></circle-char> :bg-color="'#5DDECF'"></circle-char>
<circle-char :data="indexData && indexData.urgeRate" :title-text="'催促率'" <circle-char ref="Doughnut3" :data="indexData && indexData.urgeRate" :title-text="'催促率'"
:bg-color="'#FFADAD'"></circle-char> :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" v-if="indexData"> <div class="reciceOrderIWrap" v-if="indexData">
<circle-char :data="indexData && indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'" <circle-char ref="Doughnut4" :data="indexData && indexData.appRate" :title-text="'使用率'" :bg-color="'#3AA1FF'"
:is-store="false" :is-store="false"
@clickUse="clickJumpHandle(8)"></circle-char> @clickUse="clickJumpHandle(8)"></circle-char>
<circle-char :data="indexData && indexData.threeMinutesContactRate" :title-text="'3联系客户率'" <circle-char ref="Doughnut5" :data="indexData && indexData.threeMinutesContactRate" :title-text="'3联系客户率'"
:bg-color="'#5D7FD7'"></circle-char> :bg-color="'#5D7FD7'"></circle-char>
<circle-char :data="indexData && indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'" <circle-char ref="Doughnut6" :data="indexData && indexData.polymerizationSuccessRate" :title-text="'总聚合成功率'"
:bg-color="'#4ECB73'"></circle-char> :bg-color="'#4ECB73'"></circle-char>
</div> </div>
</div> </div>
@ -95,7 +95,7 @@
<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" v-if="indexData"> <div class="storeWrap" v-if="indexData">
<circle-char :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> </div>
</div> </div>
<div v-if="isMobile" style="padding: 20px"></div> <div v-if="isMobile" style="padding: 20px"></div>
@ -262,6 +262,18 @@ export default {
async activated() { async activated() {
}, },
methods: { methods: {
async selectSupplierNameHanldle(){
await this.getData()
setTimeout(()=>{
this.$refs.Doughnut1.initCircle()
this.$refs.Doughnut2.initCircle()
this.$refs.Doughnut3.initCircle()
this.$refs.Doughnut4.initCircle()
this.$refs.Doughnut5.initCircle()
this.$refs.Doughnut6.initCircle()
this.$refs.Doughnut7.initCircle()
},500)
},
async remoteMethod(query) { async remoteMethod(query) {
if (query !== '') { if (query !== '') {
this.selectLoading = true; this.selectLoading = true;
@ -326,7 +338,6 @@ export default {
} }
}, },
drawLine() { // 基于准备好的dom初始化echarts实例 drawLine() { // 基于准备好的dom初始化echarts实例
// console.log("执行图表加载")
let myChart = echarts.init(document.getElementById('chartWrap')) let myChart = echarts.init(document.getElementById('chartWrap'))
let option; let option;
//接单指标 //接单指标
@ -381,11 +392,9 @@ export default {
] ]
let series2 = [{ let series2 = [{
name: '客户评价率', name: '客户评价率',
type: 'bar', type: 'line',
data: this.v1, data: this.v1,
yAxisIndex: 0,
smooth: true, smooth: true,
barWidth: this.isMobile ? 35 : 60,
label: { label: {
show: true, // 显示标签 show: true, // 显示标签
position: 'top', // 标签位置在柱形顶部 position: 'top', // 标签位置在柱形顶部
@ -395,7 +404,6 @@ export default {
name: '投诉率', name: '投诉率',
type: "line", type: "line",
data: this.v3, data: this.v3,
yAxisIndex: 1,
smooth: true, smooth: true,
label: { label: {
show: true, show: true,
@ -408,7 +416,6 @@ export default {
type: 'line', type: 'line',
smooth: true, smooth: true,
data: this.v2, data: this.v2,
yAxisIndex: 1,
label: { label: {
show: true, show: true,
position: 'top', position: 'top',
@ -567,14 +574,7 @@ export default {
axisLabel: { axisLabel: {
formatter: '{value}%' formatter: '{value}%'
} }
}, } ]
{
type: 'value',
axisLabel: {
formatter: '{value}%'
}
},
]
let yAxis3 = [ let yAxis3 = [
{ {
type: 'value', type: 'value',
@ -825,7 +825,7 @@ export default {
this.labelList = [ this.labelList = [
{label: '案件编号', prop: 'orderCode'}, {label: '案件编号', prop: 'orderCode'},
{label: '服务内容', prop: 'serviceName'}, {label: '服务内容', prop: 'serviceName'},
{label: '接单师傅手机号', prop: 'driverName'}, {label: '接单师傅手机号', prop: 'driverPhone'},
] ]
} else if (this.active === 9) {//车辆在线情况 } else if (this.active === 9) {//车辆在线情况
this.labelList = [ this.labelList = [