|
@@ -1,11 +1,13 @@
|
|
|
<!-- 设备清单的有select的表格 -->
|
|
|
<template>
|
|
|
- <div class='eq-list'>
|
|
|
- <Select width='146' tipPlace='top' caption='品牌:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
|
- <Select width='120' tipPlace='top' caption='楼层:' :selectdata='dataSelect2' style='margin:0 12px'></Select>
|
|
|
- <Select width='224' tipPlace='top' caption='生产厂商:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
|
- <a-input-search placeholder style='width: 192px;margin-left:12px;height:34px' @search='onSearch' />
|
|
|
- <a-table size='small' style='margin-top:12px' :columns='columns' :data-source='data'></a-table>
|
|
|
+ <div>
|
|
|
+ <div class='eq-list-top'>
|
|
|
+ <Select width='146' tipPlace='top' caption='品牌:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
|
+ <Select width='120' tipPlace='top' caption='楼层:' :selectdata='dataSelect2' style='margin:0 12px'></Select>
|
|
|
+ <Select width='224' tipPlace='top' caption='生产厂商:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
|
+ <a-input-search placeholder style='width: 192px;margin-left:12px;height:32px;margin-top:2px;' @search='onSearch' />
|
|
|
+ </div>
|
|
|
+ <a-table size='small' style='margin-top:12px' :columns='columns' :pagination='{ pageSize: pageSize }' :data-source='data'></a-table>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -17,38 +19,59 @@ export default {
|
|
|
columns: [
|
|
|
{
|
|
|
title: '序号',
|
|
|
- dataIndex: 'index'
|
|
|
+ dataIndex: 'index',
|
|
|
+ key: 'index'
|
|
|
},
|
|
|
{
|
|
|
title: '设备编号',
|
|
|
- dataIndex: 'eqLocalId'
|
|
|
+ dataIndex: 'eqLocalId',
|
|
|
+ key: 'eqLocalId'
|
|
|
},
|
|
|
{
|
|
|
title: '数量',
|
|
|
- dataIndex: 'count'
|
|
|
+ dataIndex: 'count',
|
|
|
+ key: 'count'
|
|
|
},
|
|
|
{
|
|
|
title: '品牌',
|
|
|
- dataIndex: 'brand'
|
|
|
+ dataIndex: 'brand',
|
|
|
+ key: 'brand'
|
|
|
},
|
|
|
{
|
|
|
title: '型号',
|
|
|
- dataIndex: 'size'
|
|
|
+ dataIndex: 'size',
|
|
|
+ key: 'size'
|
|
|
},
|
|
|
{
|
|
|
title: '楼层',
|
|
|
- dataIndex: 'floorName'
|
|
|
+ dataIndex: 'floorName',
|
|
|
+ key: 'floorName'
|
|
|
},
|
|
|
{
|
|
|
title: '安装位置',
|
|
|
- dataIndex: 'location'
|
|
|
+ dataIndex: 'location',
|
|
|
+ key: 'location'
|
|
|
},
|
|
|
{
|
|
|
title: '生产厂商',
|
|
|
- dataIndex: 'people'
|
|
|
+ dataIndex: 'people',
|
|
|
+ key: 'people'
|
|
|
}
|
|
|
],
|
|
|
- data: [],
|
|
|
+ pageSize: 10,
|
|
|
+ data: [
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' },
|
|
|
+ { size: '11' }
|
|
|
+ ],
|
|
|
dataSelect2: [
|
|
|
{ id: 'test1', name: '选择项' },
|
|
|
{ id: 'test2', name: '单平米' },
|
|
@@ -63,4 +86,11 @@ export default {
|
|
|
},
|
|
|
mounted() {}
|
|
|
}
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+.eq-list {
|
|
|
+ .eq-list-top {
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|