1.背景图url变换

陶杰

2024-11-29 9d8b830b1bc0ff91d86b718e4cdef53367496cc3

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<template>
  <!-- <div>
        <self-header title="ITM Device Zone Area"></self-header>
        <main-container></main-container>
        <foot-select></foot-select>
    </div> -->
  <!-- <dv-full-screen-container>
        <self-header title="ITM Device Zone Area"></self-header>
        <main-container></main-container>
        <foot-select></foot-select>
    </dv-full-screen-container> -->
  <div>
    <div>
      <self-header title="ITM Device Monitoring System"></self-header>
      <main-container :code="code" :key="code" :query_networkPort="networkPort"></main-container>
    </div>
    <foot-select></foot-select>
  </div>
</template>
<script>
import selfHeader from "@/components/header";
import footSelect from "@/components/foot-select";
 
import mainContainer from "./area/main-container";
export default {
  components: { selfHeader, mainContainer, footSelect },
  mounted() {
    // console.log("init", this.$route.params);
    this.code = this.$route.query.code || '01'
    this.networkPort = this.$route.query.networkPort || ''
  },
  data() {
    return {
      code: "",
      networkPort:'',
    };
  },
  watch: {
    "$route.query": function (to, from) {
      console.log("route change", to, from);
      this.code = to.code  || ''
    },
  },
};
</script>