<el-table
:data="tableData6"
style="width: 100%"
border
:loading="loading">
<el-table-column
type="index">
</el-table-column>
<el-table-column
label="所属单位"
prop="departmentName">
</el-table-column>
<el-table-column label="场所" prop="stationName"></el-table-column>
<el-table-column label="区域类型" prop="locationSummaries">
<template slot-scope="scope">
<div v-for="item in scope.row.locationSummaries">
<div class="span-border">{{ item.categoryName }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="区域名称" prop="locationSummaries">
<template slot-scope="scope">
<div v-for="item in scope.row.locationSummaries">
<div class="span-border">{{ item.locationName }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="区域面积(㎡)">
<template slot-scope="scope">
<div v-for="item in scope.row.locationSummaries">
<div class="span-border">{{ item.dimension }}</div>
</div>
</template>
</el-table-column>
<el-table-column label="器材类型">
<template slot-scope="scope">
<div v-for="item in scope.row.locationSummaries">
<div v-for="item0 in item.eqSummaries">
<div class="span-border">{{ item0.eqTypeName }}</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="规格名称" width="220px">
<template slot-scope="scope">
<div v-for="item in scope.row.locationSummaries">
<div v-for="item0 in item.eqSummaries">
<div v-for="item1 in item0.specSummaries">
<div stytle="border-bottom: 1px solid #ebeef5;" class="span-border1">{{ item1.eqSpecName }}</div>
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="配置数量">
<template slot-scope="scope">
<div v-for="item in scope.row.locationSummaries">
<div v-for="item0 in item.eqSummaries">
<div v-for="item1 in item0.specSummaries">
<div stytle="border-bottom: 1px solid #ebeef5;" class="span-border1">{{ item1.number }}</div>
</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column label="消防通道数量" prop="fireEscapeNum"></el-table-column>
<el-table-column label="摄像头数量" prop="cameraNum"></el-table-column>
<el-table-column label="保安数量" prop="securityGuardNum"></el-table-column>
</el-table>
Elementui table合并表格(二)
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 1、效果图 2、实现代码 3、参考链接或延升阅读 element-UI表格table实现表格行的动态合并vue+e...
- 最近项目写到一个业务,首先需要展示各类分组的基本信息,然后需要点击每个分组展示该分组下子的所有具体信息 一开始我是...
- 一、判断前表格和后表格是否为跨页的表格 1.基于两张表格的明显特征用来快速过滤不可能是跨页的表格 (1) 前后两页...
- 在开发vue框架项目时,引入element插件,使用table表格组件时,遇到了一些问题,以下列出以供参考。 如上...