From 7530519aecf3d1b5e663cf89cb80c3b772b5d703 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期三, 20 十一月 2024 17:46:26 +0800 Subject: [PATCH] 1.画板布局 --- src/views/screen1/main-container.vue | 23 +++++++++++++++++------ 1 files changed, 17 insertions(+), 6 deletions(-) diff --git a/src/views/screen1/main-container.vue b/src/views/screen1/main-container.vue index 5bc7659..ea603e3 100644 --- a/src/views/screen1/main-container.vue +++ b/src/views/screen1/main-container.vue @@ -1,16 +1,20 @@ <template> <div class="main-container" :style="{ zoom: zoom_main }" id="screencontent"> <div class="screen1-place" v-if="false"></div> - <div class="itm-map" @click="toArea01"> + + <itm-map-plant-board @click="toArea01"></itm-map-plant-board> + + + + <!-- <div class="itm-map" @click="toArea01"> <itm-map-item v-for="(item, index) in itmmapdatas" :item="item" :key="index" :no="index" ></itm-map-item> - - <!-- v-if="item_show" --> - </div> + + </div> --> <div class="chart-itm"> <itm v-if="areas && !chartclose1" @@ -52,8 +56,10 @@ import itmMapItem from "./itm-map-item.vue"; import {getAreaTjData, getSwitchStatusStatic, getSwitchInfoStatic} from "@/api/area"; +import itmMapPlantBoard from "./itm-map-plant-board.vue"; + export default { - components: {itmMapItem, itm, itmLeft}, + components: {itmMapItem, itm, itmLeft,itmMapPlantBoard}, props: { item_show: true, item1_show: false, @@ -79,9 +85,14 @@ this.zoom_main = parseFloat(zoom); } this.getList(); + + console.log("itmmapdatas") + console.log(this.itmmapdatas) + }, methods: { + getList() { getAreaTjData().then((res) => { // console.log('areas',res.switchAreaInfo || []) @@ -160,7 +171,7 @@ height: 88.3rem; background-image: url("../../assets/screen/screen1/screen-place.png"); } - + .itm-map { position: relative; width: 100%; -- Gitblit v1.9.3