vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头

表头主要复杂在：
1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值
2，首列和末尾列是一层
3，整个表格的维度是根据数据的输入自己生成，也就是动态的

下面是在 vue + eleUI 中的解决方案：

<el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading" element-loading-text="拼命加载中">
    <el-table-column fixed label="IP" prop="ip" width="180"></el-table-column>
    <el-table-column v-for="(item, index) in itemList" :key="index" :label="item.label">
        <el-table-column :label="standard_name" v-for="(standard,standard_name) in item.standard" width="150">
            <el-table-column :label="standard" min-width="150">
                <template scope="scope">
                    <span>{{scope.row.list[item.label][standard_name]['value']}}</span>
                </template>
           </el-table-column>
        </el-table-column>
    </el-table-column>
    <el-table-column fixed="right" label="验收结果" width="100">
        <template scope="scope">
              <span :class="{'unqualified-color': !scope.row.result}">{{scope.row.result ? '合格' : '不合格'}}</span>
        </template>
    </el-table-column>

</el-table>

其对应data:
//整理出所有的label和标准对象的属性
itemList: [],
//实际数据
tableData: []