|
@@ -2,7 +2,7 @@
|
|
* @Author: WangQiBiao
|
|
* @Author: WangQiBiao
|
|
* @Date: 2019-09-25 14:10:08
|
|
* @Date: 2019-09-25 14:10:08
|
|
* @LastEditors: MoZhuangRu
|
|
* @LastEditors: MoZhuangRu
|
|
- * @LastEditTime: 2019-11-21 10:27:17
|
|
|
|
|
|
+ * @LastEditTime: 2019-11-21 16:07:57
|
|
* @Description: 在线沟通
|
|
* @Description: 在线沟通
|
|
-->
|
|
-->
|
|
<template>
|
|
<template>
|
|
@@ -38,7 +38,6 @@ import TagCom from '@/components/tag'
|
|
import echarts from 'echarts'
|
|
import echarts from 'echarts'
|
|
import { api } from '@/api'
|
|
import { api } from '@/api'
|
|
import vueSeamless from 'vue-seamless-scroll'
|
|
import vueSeamless from 'vue-seamless-scroll'
|
|
-import config from '@/config'
|
|
|
|
|
|
|
|
export default {
|
|
export default {
|
|
computed: {
|
|
computed: {
|
|
@@ -50,6 +49,11 @@ export default {
|
|
},
|
|
},
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
|
|
+ reportAdvice: '',
|
|
|
|
+ reportComplaint: '',
|
|
|
|
+ reportSuggest: '',
|
|
|
|
+ reportPraise: '',
|
|
|
|
+ reportServiceScore: '',
|
|
reportSum: {},
|
|
reportSum: {},
|
|
dialogData: []
|
|
dialogData: []
|
|
}
|
|
}
|
|
@@ -67,18 +71,16 @@ export default {
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
init () {
|
|
init () {
|
|
- api.getDialogRecord({
|
|
|
|
- version: config.version
|
|
|
|
- }).then(res => {
|
|
|
|
|
|
+ api.getDialogRecord().then(res => {
|
|
this.dialogData = res.data.data.list
|
|
this.dialogData = res.data.data.list
|
|
})
|
|
})
|
|
this.getReportSum()
|
|
this.getReportSum()
|
|
},
|
|
},
|
|
getReportSum () {
|
|
getReportSum () {
|
|
- api.getReportSum({
|
|
|
|
- version: config.version
|
|
|
|
- }).then(res => {
|
|
|
|
- this.reportSum = res.data.data.reportRepairStatisticsVos
|
|
|
|
|
|
+ api.getReportSum().then(res => {
|
|
|
|
+ res.data.data.reportRepairStatisticsVos && res.data.data.reportRepairStatisticsVos.map(item => {
|
|
|
|
+ this[item.type] = item.total
|
|
|
|
+ })
|
|
this.circleProportionMap()
|
|
this.circleProportionMap()
|
|
this.createSatisfactionMap()
|
|
this.createSatisfactionMap()
|
|
})
|
|
})
|
|
@@ -112,7 +114,7 @@ export default {
|
|
},
|
|
},
|
|
data: [
|
|
data: [
|
|
{
|
|
{
|
|
- value: this.reportSum[this.reportSum.findIndex(item => item.type === 'reportAdvice')].total,
|
|
|
|
|
|
+ value: this.reportAdvice,
|
|
name: '咨询',
|
|
name: '咨询',
|
|
label: {
|
|
label: {
|
|
show: true,
|
|
show: true,
|
|
@@ -123,7 +125,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- value: this.reportSum[this.reportSum.findIndex(item => item.type === 'reportComplaint')].total,
|
|
|
|
|
|
+ value: this.reportComplaint,
|
|
name: '投诉',
|
|
name: '投诉',
|
|
label: {
|
|
label: {
|
|
show: true,
|
|
show: true,
|
|
@@ -134,7 +136,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- value: this.reportSum[this.reportSum.findIndex(item => item.type === 'reportSuggest')].total,
|
|
|
|
|
|
+ value: this.reportSuggest,
|
|
name: '建议',
|
|
name: '建议',
|
|
label: {
|
|
label: {
|
|
show: true,
|
|
show: true,
|
|
@@ -145,7 +147,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- value: this.reportSum[this.reportSum.findIndex(item => item.type === 'reportPraise')].total,
|
|
|
|
|
|
+ value: this.reportPraise,
|
|
name: '表扬',
|
|
name: '表扬',
|
|
label: {
|
|
label: {
|
|
show: true,
|
|
show: true,
|
|
@@ -194,14 +196,14 @@ export default {
|
|
},
|
|
},
|
|
data: [
|
|
data: [
|
|
{
|
|
{
|
|
- value: this.reportSum[this.reportSum.findIndex(item => item.type === 'reportServiceScore')].total,
|
|
|
|
- name: `${this.reportSum[this.reportSum.findIndex(item => item.type === 'reportServiceScore')].total}%`,
|
|
|
|
|
|
+ value: this.reportServiceScore,
|
|
|
|
+ name: `${this.reportServiceScore}%`,
|
|
itemStyle: {
|
|
itemStyle: {
|
|
color: '#07E144'
|
|
color: '#07E144'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- value: 100 - (this.reportSum[this.reportSum.findIndex(item => item.type === 'reportServiceScore')].total),
|
|
|
|
|
|
+ value: 100 - this.reportServiceScore,
|
|
itemStyle: {
|
|
itemStyle: {
|
|
color: '#262795'
|
|
color: '#262795'
|
|
}
|
|
}
|