|
@@ -9,6 +9,7 @@
|
|
<div class="conent-tit">
|
|
<div class="conent-tit">
|
|
<div class="tit-left">消防系统-4F</div>
|
|
<div class="tit-left">消防系统-4F</div>
|
|
<div class="tit-right">
|
|
<div class="tit-right">
|
|
|
|
+ <a-button>删除</a-button>
|
|
<a-button>发布</a-button>
|
|
<a-button>发布</a-button>
|
|
<a-button type="primary">编辑</a-button>
|
|
<a-button type="primary">编辑</a-button>
|
|
</div>
|
|
</div>
|
|
@@ -22,11 +23,7 @@
|
|
<div class="legend" v-if="legend">
|
|
<div class="legend" v-if="legend">
|
|
<div style="font-size:14px;color: #1F2429;padding-left: 12px;height: 40px;line-height: 40px">可能需要补充的图例</div>
|
|
<div style="font-size:14px;color: #1F2429;padding-left: 12px;height: 40px;line-height: 40px">可能需要补充的图例</div>
|
|
<a-table :columns="columns" :data-source="data" size="middle" :pagination="false">
|
|
<a-table :columns="columns" :data-source="data" size="middle" :pagination="false">
|
|
- <a-table-column key="name" title="state" data-index="state">
|
|
|
|
- <template slot-scope="text, record">
|
|
|
|
- <div style="border:1px solid red;width: 20px;height: 20px;">{{text}}</div>
|
|
|
|
- </template>
|
|
|
|
- </a-table-column>
|
|
|
|
|
|
+ <img style="width:10px;heigth:10px" slot="img" slot-scope="text, record" :src="require('@/assets/images/'+record.img+'.png')" />
|
|
<template v-slot:state>
|
|
<template v-slot:state>
|
|
</template>
|
|
</template>
|
|
</a-table>
|
|
</a-table>
|
|
@@ -101,26 +98,28 @@ export default {
|
|
{
|
|
{
|
|
title: "名称", // 列的名称
|
|
title: "名称", // 列的名称
|
|
dataIndex: "name", // 列的标识
|
|
dataIndex: "name", // 列的标识
|
|
|
|
+ scopedSlots: { customRender: 'name' }
|
|
},{
|
|
},{
|
|
title: "图例", // 列的名称
|
|
title: "图例", // 列的名称
|
|
- dataIndex: "state", // 列的标识
|
|
|
|
|
|
+ dataIndex: "img", // 列的标识
|
|
|
|
+ scopedSlots: { customRender: 'img' }
|
|
},
|
|
},
|
|
],
|
|
],
|
|
data: [
|
|
data: [
|
|
{
|
|
{
|
|
key: "1",
|
|
key: "1",
|
|
name: "客梯",
|
|
name: "客梯",
|
|
- state:''
|
|
|
|
|
|
+ img:'shubiao'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
key: "2",
|
|
key: "2",
|
|
name: "防火分区",
|
|
name: "防火分区",
|
|
- state:''
|
|
|
|
|
|
+ img:'shubiao'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
key: "3",
|
|
key: "3",
|
|
name: "消防泵室",
|
|
name: "消防泵室",
|
|
- state:'1'
|
|
|
|
|
|
+ img:'shubiao'
|
|
},
|
|
},
|
|
],
|
|
],
|
|
legend:false
|
|
legend:false
|
|
@@ -177,7 +176,7 @@ export default {
|
|
color: rgba(31, 35, 41, 1);
|
|
color: rgba(31, 35, 41, 1);
|
|
}
|
|
}
|
|
.tit-right {
|
|
.tit-right {
|
|
- width: 146px;
|
|
|
|
|
|
+ width: 246px;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
justify-content: space-between;
|
|
}
|
|
}
|