0
点赞
收藏
分享

微信扫一扫

Linux系统jdk&Tomcat&MySQL安装以及J2EE后端接口部署

爱情锦囊 2023-11-02 阅读 10
<el-table
   :data="tableData"
   :span-method="objectSpanMethod"
   border
   style="width: 100%"
   v-loading="loading"
   element-loading-background="rgba(255, 255, 255)"
   :header-cell-style="{
     textAlign: 'center',
     'background-color': '#F5F7FA',
   }"
   :cell-style="{ textAlign: 'center' }"
 >
   <el-table-column prop="name" label="项目名称"> </el-table-column>
   <el-table-column prop="amount1" label="合约电量阶段"> </el-table-column>
   <el-table-column prop="amount3" label="区间电量范围"> </el-table-column>
   <el-table-column prop="amount2" label="实际发电量">
   </el-table-column>
 </el-table>
data: {
	return {
		tableData: [
        {
          id: '12987122',
          name: '嗷嗷',
          stage: '阶段1',
          amount2: '3.2',
          amount3: 10,
        },
        {
          id: '12987123',
          name: '嗷嗷',
          stage: '阶段2',
          amount2: '4.43',
          amount3: 12,
        },
        {
          id: '12987126',
          name: '人挺好',
          stage: '阶段1',
          amount2: '4.1',
          amount3: 15,
        },{
          id: '12987122',
          name: '人挺好',
          stage: '阶段2',
          amount2: '3.2',
          amount3: 10,
        },
        {
          id: '12987123',
          name: '人挺好',
          stage: '阶段3',
          amount2: '4.43',
          amount3: 12,
        },
        {
          id: '12987126',
          name: '呵呵',
          stage: '阶段1',
          amount2: '4.1',
          amount3: 15,
        },
      ],
	}
}
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) {
        // 获取当前单元格的值
        const currentValue = row[column.property];
        // 获取上一行相同列的值
        const preRow = this.tableData[rowIndex - 1];
        const preValue = preRow ? preRow[column.property] : null;
        // 如果当前值和上一行的值相同,则将当前单元格隐藏
        if (currentValue === preValue) {
          return { rowspan: 0, colspan: 0 };
        } else {
          // 否则计算当前单元格应该跨越多少行
          let rowspan = 1;
          for (let i = rowIndex + 1; i < this.tableData.length; i++) {
            const nextRow = this.tableData[i];
            const nextValue = nextRow[column.property];
            if (nextValue === currentValue) {
              rowspan++;
            } else {
              break;
            }
          }
          return { rowspan, colspan: 1 };
        }
      }
    }

举报

相关推荐

0 条评论