From c4b8209d92daa8c6e8ec20bdd56fecf4a95d0990 Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期三, 05 六月 2024 16:41:33 +0800 Subject: [PATCH] 1 --- src/pages/inherit/index.vue | 34 ++++++++++++++++++++++++++-------- 1 files changed, 26 insertions(+), 8 deletions(-) diff --git a/src/pages/inherit/index.vue b/src/pages/inherit/index.vue index 91659ac..203d015 100644 --- a/src/pages/inherit/index.vue +++ b/src/pages/inherit/index.vue @@ -1,5 +1,5 @@ <template> - <view > + <view> <headNav idIndex="2" :searchBg="false" @@ -71,7 +71,21 @@ </div> <div class="contentBox"> <!-- echarts鍥� --> - <div class="barChart" ref="barChart"></div> + <div id="barChart" ref="barChart"></div> + <div + v-if="!loading && nodeData.length == 0" + style=" + position: absolute; + top: 30%; + left: 0; + right: 0; + text-align: center; + font-size: 0.2rem; + color: #666; + " + > + 鏆傛棤鎼滅储鏁版嵁 + </div> <div class="toolBox" v-if="showTool" @@ -94,6 +108,7 @@ export default { data() { return { + loading: true, // 鏍囬椤堕儴鏍忛渶瑕佺殑涓滆タ keyword: "", idIndex: 0, @@ -106,7 +121,7 @@ toolTop: 0, toolLeft: 0, toolInfo: {}, - totalCount: 0, + totalCount: 0 }; }, onLoad(options) { @@ -119,11 +134,12 @@ getStatistics() { inheritMedicalSataStatistics().then((res) => { this.dynasty = res.object; - this.activeId = this.dynasty[0].dynastyId + this.activeId = this.dynasty[0].dynastyId; this.getData(); }); }, getData() { + this.loading = true; this.nodeData = []; // const defaultDynasty = this.dynasty.find(f.dynasty == "瀹�"); this.showTool = false; @@ -151,16 +167,18 @@ searchType: this.searchType, path: this.conditionId }).then((res) => { - this.totalCount = res.object.totalCount + this.totalCount = res.object.totalCount; }); + console.log(this.nodeData, "this.nodeData"); + this.loading = false; // 鍒濆鍖� echarts this.initBarChart(); }); }, initBarChart() { - // WMBg //閫氳繃 $ref 杩涜鎸傝浇 - let myChart = echarts.init(this.$refs.barChart); + var chartDom = document.getElementById("barChart"); + let myChart = echarts.init(chartDom); let FontSize = 18; // 瀛椾綋澶у皬 let BorderWidth = 2; // 杈规澶у皬 @@ -356,7 +374,7 @@ height: 80vh; position: relative; } -.barChart { +#barChart { width: 100%; height: 100%; } -- Gitblit v1.9.1