平台合并单元格优化

xiangpei

2024-08-20 4f0be3649b84a62b33cef348e43448a66af035ac

 src/views/system/platform/index.vue

@@ -44,6 +44,10 @@
          label="平台名称">
        </el-table-column>
        <el-table-column
          prop="subPlatformName"
          label="子级平台名称">
        </el-table-column>
        <el-table-column
          prop="area"
          label="行政区域">
        </el-table-column>
@@ -99,7 +103,7 @@
          <div v-for="(deploy, index) in addForm.deployList" :key="index" style="margin-bottom: 20px">
            <el-form size="small" ref="deployForm" :inline="true">
              <el-form-item label="平台名称" prop="platformName">
                <el-input v-model="deploy.platformName"></el-input>
                <el-input v-model="deploy.subPlatformName"></el-input>
              </el-form-item>
              <el-form-item label="平台IP" prop="platformIP">
                <el-input v-model="deploy.platformIP"></el-input>
@@ -156,7 +160,7 @@
        platformIp: '',
        deployList: [
          {
            platformName: '',
            subPlatformName: '',
            platformIp: '',
            remark: '',
            area: ''
@@ -169,7 +173,8 @@
        platformName: ''
      },
      tableData: [],
      total: 0
      total: 0,
      currentRowNum: 0
    }
  },
  mounted() {
@@ -233,7 +238,6 @@
      })
    },
    resetQuery() {
      this.daterangeYwHandleTime = []
      this.resetForm('queryForm')
      this.handleQuery()
    },
@@ -243,10 +247,10 @@
    },
    spanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        if (rowIndex % 2 === 0) {
        if (row.parentId === 0) {
          return {
            rowspan: 2,
            colspan: 1
            rowspan: row.childNum + 1,
            colspan: 1  // 只合并第一列
          };
        } else {
          return {
@@ -255,6 +259,7 @@
          };
        }
      }

    }
  }
}