From 0cce10d0db3ea3786edf4b322925057ad87814cf Mon Sep 17 00:00:00 2001 From: chenyong <chenyong@hnkhzn.com> Date: 星期四, 15 五月 2025 09:16:19 +0800 Subject: [PATCH] 三楼大屏 --- CodeManagement/BigScreenVue/src/views/indexs/station-two.vue | 60 +++++++++++++++++------------------------------------------- 1 files changed, 17 insertions(+), 43 deletions(-) diff --git a/CodeManagement/BigScreenVue/src/views/indexs/station-two.vue b/CodeManagement/BigScreenVue/src/views/indexs/station-two.vue index 8c14a2d..161d6de 100644 --- a/CodeManagement/BigScreenVue/src/views/indexs/station-two.vue +++ b/CodeManagement/BigScreenVue/src/views/indexs/station-two.vue @@ -7,7 +7,7 @@ --> <template> <div id="name" style="width: 100%; height: 100%"> - <Echart :options="options" style="width: 100%; height: 100%"></Echart> + <Echart :options="options2" style="width: 100%; height: 100%"></Echart> </div> </template> @@ -23,7 +23,7 @@ return { pageflag: true, myChart: {}, - options: {}, + options2: {}, }; }, filters: { @@ -101,7 +101,8 @@ } -this.options = { +this.options1 = { + backgroundColor: '#021228', title: { text: '鎶ヨ鎬绘暟', @@ -206,39 +207,13 @@ }, async getData() { this.pageflag = true; - // currentGET("big2").then((res) => { - // if (!this.timer) { - // console.log("璁惧鎬昏2", res); - // } - // if (res.success) { - // this.userOverview = res.data; - // this.onlineconfig = { - // ...this.onlineconfig, - // number: [1] - // } - // this.config = { - // ...this.config, - // number: [7] - // } - // this.offlineconfig = { - // ...this.offlineconfig, - // number: [4] - // } - // this.laramnumconfig = { - // ...this.laramnumconfig, - // number: [10] - // } - // this.switper(); - // } else { - // this.pageflag = false; - // this.$Message.warning(res.msg); - // } - // }); - // var rep = await ProductionStock(); + var rep=await ProductionStock(); + console.log(rep.filter(it=>it.)) + let dataPie = [ { - value: 430, - name: '搴撳瓨浜у搧' + value: rep[0].items.length, + name: '浠婃棩寰呭嚭瀹炵洏鎬绘暟' }, ]; let colorPie = ['#173852']; @@ -252,7 +227,6 @@ itemStyle: { normal: { borderWidth: 50, - borderColor: colorPie[i], } @@ -285,10 +259,10 @@ } -this.options = { +this.options2 = { title: { - text: '浜у搧鎬绘暟', - subtext: '430', + text: '浠婃棩寰呭嚭瀹炵洏鎬绘暟', + subtext: rep[0].items.length, textStyle: { color: '#00b5f3', fontSize: 12, @@ -309,7 +283,7 @@ formatter: "{a}锛歿b} <br/>鍗犳瘮锛歿d}%" }, legend: { - data: ['搴撳瓨浜у搧'], + data: ['浠婃棩寰呭嚭瀹炵洏鎬绘暟'], icon: 'vertical', right: '1%', top: 'center', @@ -346,16 +320,16 @@ { name: '', type: 'pie', - clockWise: false, //椤烘椂鍔犺浇 - hoverAnimation: false, //榧犳爣绉诲叆鍙樺ぇ + clockWise: true, //椤烘椂鍔犺浇 + hoverAnimation: true, //榧犳爣绉诲叆鍙樺ぇ center: ['40%', '50%'], radius: ['80%', '81%'], tooltip: { - show: false + show: true }, label: { normal: { - show: false + show: true } }, data: baseDataWrap -- Gitblit v1.9.3