From afd3fe35aeaae4f3984c94ca29d57b5a3a52107f Mon Sep 17 00:00:00 2001 From: suerprisePlus <15810472099@163.com> Date: 星期二, 15 十月 2024 10:24:39 +0800 Subject: [PATCH] websocket接口对接 --- src/views/visualization/leftMenu.vue | 38 +++++++++++--------------------------- 1 files changed, 11 insertions(+), 27 deletions(-) diff --git a/src/views/visualization/leftMenu.vue b/src/views/visualization/leftMenu.vue index cd3ab94..893577c 100644 --- a/src/views/visualization/leftMenu.vue +++ b/src/views/visualization/leftMenu.vue @@ -1,13 +1,13 @@ <template> <div class="leftMnu"> <div class="menuBox"> - <chart-vue :childData="childData"></chart-vue> + <chart-vue></chart-vue> </div> <div class="menuBox"> - <chart-vue :childData="childData1"></chart-vue> + <chart-vue1></chart-vue1> </div> <div class="menuBox"> - <chart-vue :childData="childData2"></chart-vue> + <chart-vue2></chart-vue2> </div> </div> </template> @@ -15,16 +15,21 @@ <script> import * as echarts from 'echarts'; import chartVue from './list/chart.vue'; +import chartVue1 from './list/chart1.vue'; +import chartVue2 from './list/chart2.vue'; import data from './data.js'; export default { components: { - chartVue + chartVue, chartVue1, chartVue2 }, props: { leftChartData: { type: Object, required: true }, + }, + computed: { + }, data() { return { @@ -39,28 +44,10 @@ mounted() { window.regionWeather = null; - this.initEchart(); + }, methods: { - initEchart() { - this.initEchart1(); - this.initEchart2(); - this.initEchart3(); - }, - initEchart1() { - var chart1 = data[3]; - chart1.id = "myChart01"; - this.childData = chart1 - }, - initEchart2() { - var chart2 = data[4]; - chart2.id = "myChart02"; - this.childData1 = chart2 - }, initEchart3() { - var chart3 = data[5]; - chart3.id = "myChart03"; - this.childData2 = chart3 - } + } } </script> @@ -72,7 +59,6 @@ display: flex; flex-direction: column; justify-content: space-between; - .menuBox { width: 100%; height: 33%; @@ -85,7 +71,6 @@ .aside-title { box-sizing: border-box; padding-left: 30px; - font-size: 15px; font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular; color: #fff; @@ -105,7 +90,6 @@ .chartBox { width: calc(100% - 10px); height: calc(100% - 10px); - position: absolute; } } -- Gitblit v1.9.3