add:1版本

cloudroam

2024-11-15 3fc7f383b437b6c579b625f83639c864b33b97fa

 src/views/area/server-info.vue

@@ -65,6 +65,7 @@

    <el-dialog append-to-body :modal="false"
    :visible.sync="dialog_activateSwitchPorts" title="交换机端口情况" class="dialog_activateSwitchPorts">
      <div><el-button type="primary" @click="click_item_add" style="margin-bottom:6rem" >新增</el-button></div>
      <div v-for="(infos, index2) of activateSwitchPorts" :key="index2" class="port-items">
        <div class="port-item" v-for="(item, index) of infos" :key="index">
          <div :key="index" class="space-text" :class="[
@@ -113,7 +114,8 @@
      </el-table>

    </el-dialog>
    
    <equ-add-form ref="equAddForm" :code="code" :areas="areas" :init_device_list="device_list"
                  @update="update_map"></equ-add-form>
  </div>
</template>
<script>
@@ -141,6 +143,7 @@
    serve_info: {},
    serve_select:{},
    code:"",
    cabinetName:"",
  },
  //根据
  //后端存储的是世界坐标，初次时候也是世界坐标，最小单位为0.01吧，这个间距或者大小，不考虑实际像素
@@ -152,6 +155,8 @@
      dialog_activateSwitchPorts: false,
      activateSwitchPorts:{},
      switchAllDetialInfos:[],
      areas: [],
      device_list: [],
      // serve_info: {},
    
    };
@@ -162,6 +167,10 @@
    console.log("this.serve_select:",this.serve_select)
  },
   mounted() {
     getAreaTjData().then((res) => {
       // console.log('areas',res.switchAreaInfo || [])
       this.areas = res.switchAreaInfo || [];
     });
    
  },
  destroyed() {
@@ -169,7 +178,6 @@
  },
  methods: {
    async showServeInfo(info) {
      debugger;
      //展示交换机全部端口
      console.log("showServeInfo", info);
      //弹出框展示全部端口，并且每个端口的情况
@@ -202,6 +210,12 @@
      }
      // console.log("this.activateSwitchPorts", this.activateSwitchPorts);
      this.dialog_activateSwitchPorts = true;
      this.cabinetName = info.cabinetName;
    },
    click_item_add() {
      console.log("this.$refs.equAddForm", this.$refs.equAddForm);
      console.log("this.areas", this.areas);
      this.$refs.equAddForm && this.$refs.equAddForm.openConfigform(this.code,this.cabinetName);
    },
  },
};