1.首页可拖拽 2.没有名字去掉悬浮层 3.增加了背景

陶杰

2024-11-29 0ae255185f422781f8a5cc4c52ad56ee0d3a1e6e

 src/views/screen1/itm.vue

@@ -105,11 +105,16 @@
        <el-table
            :data="switchInfo.lackSwitchInfo||[]"
            border
            style="width: 100%;max-height: 650px;overflow-y: scroll">
         
            style="width: 100%"
            max-height="650"
            >

            <el-table-column
              prop="deviceNameDNS"
              label="Device Name">
              label="Device Name"
              fixed
              :width="width"
              >
          </el-table-column>
          <!-- <el-table-column
              prop="deviceNameDNS"
@@ -118,7 +123,7 @@
          <el-table-column
              prop="ipAddress"
              label="Ip Address"
              width="150"
              :width="width"
              >
          </el-table-column>
          <el-table-column
@@ -127,17 +132,20 @@
              label="Mac Address">
          </el-table-column>
          <el-table-column
            :width="width"
              prop="nasPort"
              label="Nas Port">
          </el-table-column>
          <el-table-column
              :width="width"
              prop="switchType"
              label="Switch Type">
          </el-table-column>

          <el-table-column
              :width="width"
              prop="cabinetName"
              label="Cabinet Name" width="150">
              label="Cabinet Name">
              <template slot-scope="scope">
                  <el-select v-model="scope.row.cabinetName" placeholder="请选择机柜" filterable clearable>
                    <el-option
@@ -152,6 +160,7 @@
          </el-table-column>
     
          <el-table-column
              :width="width"
              prop="areaCode"
              label="Area Code">
              <template slot-scope="scope">
@@ -166,8 +175,19 @@
                  </el-select>
              </template>
          </el-table-column>

          <el-table-column
              :width="width"
              prop="networkPort"
              label="NetworkPort">
              <template slot-scope="scope">
                  <el-input v-model="scope.row.networkPort" placeholder="请输入网络端口号" clearable></el-input>
              </template>
          </el-table-column>

          
          <el-table-column
              :width="width"
              label="Operator">
              <template slot-scope="scope">
                <el-button
@@ -207,16 +227,29 @@
      showSwitchBoardInfoTable: false,
      cabinetList:[],
      areaList:[],
      width:150,
    }
  },
  methods: {
    async handleConfirm(row) {
      // 检查必填项
      if (!row.cabinetName || !row.areaCode) {
        this.$message.error('交换机柜名和区域代码不能为空');
      if (!row.cabinetName) {
        this.$message.error('交换机柜名不能为空');
        return;
      }

      if (!row.areaCode) {
        this.$message.error('区域代码不能为空');
        return;
      }

      if (!row.networkPort) {
        this.$message.error('网络端口号不能为空');
        return;
      }


      
      // if (!row.cabinetName) {
      //   this.$message.error('交换机柜名不能为空');
      //   return;
@@ -237,6 +270,7 @@
            macAddress: row.macAddress,
            ipAddress: row.ipAddress,
            areaCode: row.areaCode,
            networkPort:row.networkPort,
          }
        };