1.背景图url变换

陶杰

2024-11-29 9d8b830b1bc0ff91d86b718e4cdef53367496cc3

 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%;