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 | 58 ++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 48 insertions(+), 10 deletions(-)
diff --git a/src/views/visualization/leftMenu.vue b/src/views/visualization/leftMenu.vue
index 668da82..893577c 100644
--- a/src/views/visualization/leftMenu.vue
+++ b/src/views/visualization/leftMenu.vue
@@ -1,27 +1,53 @@
<template>
<div class="leftMnu">
<div class="menuBox">
- <div class="aside-title">{{ title.t1 }}</div>
+ <chart-vue></chart-vue>
</div>
<div class="menuBox">
- <div class="aside-title">{{ title.t2 }}</div>
+ <chart-vue1></chart-vue1>
</div>
<div class="menuBox">
- <div class="aside-title">{{ title.t3 }}</div>
+ <chart-vue2></chart-vue2>
</div>
</div>
</template>
<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, chartVue1, chartVue2
+ },
+ props: {
+ leftChartData: {
+ type: Object,
+ required: true
+ },
+ },
+ computed: {
+
+ },
data() {
return {
- title: {
- t1: 'xxx',
- t2: 'XXXX',
- t3: 'xxxxx'
- }
+ childData: null,
+ childData1: null,
+ childData2: null,
}
+ },
+ watch: {
+
+ },
+
+ mounted() {
+ window.regionWeather = null;
+
+ },
+ methods: {
+
}
}
</script>
@@ -33,18 +59,18 @@
display: flex;
flex-direction: column;
justify-content: space-between;
-
.menuBox {
width: 100%;
height: 33%;
background: url(~@/assets/images/Screen/chartbg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
+ display: flex;
+ flex-direction: column;
.aside-title {
box-sizing: border-box;
padding-left: 30px;
-
font-size: 15px;
font-family: YouSheBiaoTiHei, YouSheBiaoTiHei-Regular;
color: #fff;
@@ -55,6 +81,18 @@
background-size: 100% 100%;
background-repeat: no-repeat;
}
+
+ .echartBox {
+ flex: 1;
+ padding: 5px;
+ position: relative;
+
+ .chartBox {
+ width: calc(100% - 10px);
+ height: calc(100% - 10px);
+ position: absolute;
+ }
+ }
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3