|
|
@ -32,11 +32,18 @@ |
|
|
|
{{ report.overallOperation }} |
|
|
|
</p> |
|
|
|
<h1 style="text-align: center;font-size: 20px;">行业领域分布情况</h1> |
|
|
|
|
|
|
|
<div v-if="categoryCountShow"> |
|
|
|
<div class="m-table-item" :style="{ height: maxTableHeight + 'px', width: '100%' }"> |
|
|
|
<div id="categoryChart"></div> |
|
|
|
<div id="categoryPie"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="no-data" v-else> |
|
|
|
暂无数据 |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
<h1 style="font-size: 24px; font-weight: bold;"> 二、工单情况分析 </h1> |
|
|
@ -171,11 +178,13 @@ export default { |
|
|
|
departChart: {}, |
|
|
|
hotlineChart: {}, |
|
|
|
|
|
|
|
categoryCountShow:false, |
|
|
|
communityCountShow:false, |
|
|
|
departCountShow:false, |
|
|
|
subCategoryCountShow:false, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
categoryChartOption: { |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis' |
|
|
@ -507,6 +516,8 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
initEcharts() { |
|
|
|
|
|
|
|
if(this.categoryCountShow){ |
|
|
|
this.categoryChart = echarts.init(document.getElementById("categoryChart")); |
|
|
|
this.categoryChart.setOption(this.categoryChartOption); |
|
|
|
let than = this; |
|
|
@ -519,6 +530,7 @@ export default { |
|
|
|
this.categoryPie.on("click", function (params) { |
|
|
|
than.handelClickChart(params.name); |
|
|
|
}); |
|
|
|
} |
|
|
|
|
|
|
|
if(this.communityCountShow){ |
|
|
|
this.communityChart= echarts.init(document.getElementById("communityChart")); |
|
|
@ -686,6 +698,11 @@ export default { |
|
|
|
}) |
|
|
|
: []; |
|
|
|
|
|
|
|
|
|
|
|
if (this.report && this.report. categoryCount && Object.keys(this.report. categoryCount).length > 0) { |
|
|
|
this.categoryCountShow = true; |
|
|
|
} |
|
|
|
|
|
|
|
if (this.report && this.report. communityCount && Object.keys(this.report. communityCount).length > 0) { |
|
|
|
this.communityCountShow = true; |
|
|
|
} |
|
|
|