|
@ -5,7 +5,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="pieMain"> |
|
|
<div class="pieMain"> |
|
|
<div class="legend"> |
|
|
<div class="legend"> |
|
|
<div class="legend-row" :key="'pie' + item.name" v-for="item in pieData" @click="handleClickItem(item)"> |
|
|
<div class="legend-row " :key="'pie' + item.name" v-for="item in pieData" @click="handleClickItem(item)"> |
|
|
<div class="name">{{ item.name }}</div> |
|
|
<div class="name">{{ item.name }}</div> |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
<div class="num">{{ item.value }}</div> |
|
|
<div class="num">{{ item.value }}</div> |
|
@ -13,7 +13,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="pie"><screen-echarts-frame @myChartMethod="pieInitOk" ref="pieChart"></screen-echarts-frame></div> |
|
|
<div class="pie"><screen-echarts-frame @myChartMethod="pieInitOk" aria-controls="" ref="pieChart"></screen-echarts-frame></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
@ -27,7 +27,7 @@ export default { |
|
|
type: String, |
|
|
type: String, |
|
|
default: '' |
|
|
default: '' |
|
|
}, |
|
|
}, |
|
|
searchDate:Array |
|
|
searchDate: Array |
|
|
}, |
|
|
}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
@ -57,7 +57,6 @@ export default { |
|
|
this.init(); |
|
|
this.init(); |
|
|
}, |
|
|
}, |
|
|
searchDate() { |
|
|
searchDate() { |
|
|
|
|
|
|
|
|
this.init(); |
|
|
this.init(); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
@ -87,13 +86,13 @@ export default { |
|
|
// 获取房屋总数等 |
|
|
// 获取房屋总数等 |
|
|
async getInfo() { |
|
|
async getInfo() { |
|
|
let url = ''; |
|
|
let url = ''; |
|
|
let mockId=0; |
|
|
let mockId = 0; |
|
|
if (this.currentTab == '公共服务') { |
|
|
if (this.currentTab == '公共服务') { |
|
|
url = 'common_service_view'; |
|
|
url = 'common_service_view'; |
|
|
mockId=66900331; |
|
|
mockId = 66900331; |
|
|
} else { |
|
|
} else { |
|
|
url = 'self_service_views'; |
|
|
url = 'self_service_view'; |
|
|
mockId=66902813 |
|
|
mockId = 66902813; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
this.$refs.pieChart.showLoading(); |
|
|
this.$refs.pieChart.showLoading(); |
|
@ -107,7 +106,7 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
mockId: mockId, |
|
|
// mockId: mockId, |
|
|
} |
|
|
} |
|
|
); |
|
|
); |
|
|
this.$refs.pieChart.hideLoading(); |
|
|
this.$refs.pieChart.hideLoading(); |
|
@ -119,7 +118,7 @@ export default { |
|
|
...info |
|
|
...info |
|
|
}; |
|
|
}; |
|
|
} |
|
|
} |
|
|
this.data = data.sort((a, b) => { |
|
|
this.data = data.sort((a, b) => { |
|
|
return b.count - a.count; |
|
|
return b.count - a.count; |
|
|
}); |
|
|
}); |
|
|
this.setPieData(); |
|
|
this.setPieData(); |
|
@ -127,7 +126,7 @@ export default { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
pieInitOk() { |
|
|
pieInitOk() { |
|
|
this.pieInitState = true; |
|
|
this.pieInitState = true; |
|
|
}, |
|
|
}, |
|
@ -157,8 +156,14 @@ export default { |
|
|
this.pieOption.series[0].name = this.currentTab; |
|
|
this.pieOption.series[0].name = this.currentTab; |
|
|
this.pieOption.series[0].data = this.pieData; |
|
|
this.pieOption.series[0].data = this.pieData; |
|
|
this.$refs.pieChart.setOption(this.pieOption); |
|
|
this.$refs.pieChart.setOption(this.pieOption); |
|
|
|
|
|
}, |
|
|
|
|
|
handelClickMyPei(item) { |
|
|
|
|
|
this.handleClickItem(item); |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" src="@/assets/scss/dataBoard/renfang/index.scss" scoped></style> |
|
|
<style lang="scss" src="@/assets/scss/dataBoard/renfang/index.scss" scoped></style> |
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
.pieMain .legend{margin-top:0px;} |
|
|
|
|
|
</style> |
|
|