|
@@ -9,12 +9,20 @@
|
|
</div>
|
|
</div>
|
|
<div class='legend-library-bottom'>
|
|
<div class='legend-library-bottom'>
|
|
<div class='select-box'>
|
|
<div class='select-box'>
|
|
- <Select width='180' tipPlace='top' caption='所属分类:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
|
|
- <Select width='180' tipPlace='top' caption='说明书位置:' :selectdata='dataSelect2' :placeholder='"请选择"' style='margin:0 12px'></Select>
|
|
|
|
|
|
+ <Select width='180' tipPlace='top' caption='所属分类:' v-model='styleValue' :selectdata='typeOptions' :placeholder='"请选择"'></Select>
|
|
|
|
+ <Select
|
|
|
|
+ width='180'
|
|
|
|
+ tipPlace='top'
|
|
|
|
+ caption='说明书位置:'
|
|
|
|
+ v-model='position'
|
|
|
|
+ :selectdata='positionSelect'
|
|
|
|
+ :placeholder='"请选择"'
|
|
|
|
+ style='margin:0 12px'
|
|
|
|
+ ></Select>
|
|
<Select width='180' tipPlace='top' caption='位置/设备分类:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
<Select width='180' tipPlace='top' caption='位置/设备分类:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
<Select width='180' tipPlace='top' caption='专业/系统:' :selectdata='dataSelect2' :placeholder='"请选择"' style='margin:0 12px'></Select>
|
|
<Select width='180' tipPlace='top' caption='专业/系统:' :selectdata='dataSelect2' :placeholder='"请选择"' style='margin:0 12px'></Select>
|
|
- <Select width='180' tipPlace='top' caption='铺位可视化:' :selectdata='dataSelect2' :placeholder='"请选择"'></Select>
|
|
|
|
- <Select width='180' tipPlace='top' caption='状态:' :selectdata='dataSelect2' :placeholder='"请选择"' style='margin:0 12px'></Select>
|
|
|
|
|
|
+ <Select width='180' tipPlace='top' caption='铺位可视化:' :selectdata='typeIdSelect' :placeholder='"请选择"'></Select>
|
|
|
|
+ <Select width='180' tipPlace='top' caption='状态:' v-model='state' :selectdata='stateSelect' :placeholder='"请选择"' style='margin:0 12px'></Select>
|
|
<a-input-search placeholder style='width: 192px;height:34px' @search='onSearch' />
|
|
<a-input-search placeholder style='width: 192px;height:34px' @search='onSearch' />
|
|
</div>
|
|
</div>
|
|
<el-table :data='tableData' style='width: 100%'>
|
|
<el-table :data='tableData' style='width: 100%'>
|
|
@@ -25,18 +33,25 @@
|
|
<el-table-column prop='type' label='对应工程信息化中的位置/设备分类' width='240'></el-table-column>
|
|
<el-table-column prop='type' label='对应工程信息化中的位置/设备分类' width='240'></el-table-column>
|
|
<el-table-column prop='system' label='对应工程信息化的系统'></el-table-column>
|
|
<el-table-column prop='system' label='对应工程信息化的系统'></el-table-column>
|
|
<el-table-column prop='typeId' label='铺位可视化typeid'></el-table-column>
|
|
<el-table-column prop='typeId' label='铺位可视化typeid'></el-table-column>
|
|
- <el-table-column label='操作' width='100'>
|
|
|
|
- <template slot-scope='scope'>
|
|
|
|
|
|
+ <el-table-column label='操作' width='100' v-if='state==1'>
|
|
|
|
+ <template slot-scope='scope' v-if='state==1'>
|
|
<el-button @click='modifyClick(scope.row)' type='text' size='small'>修改</el-button>
|
|
<el-button @click='modifyClick(scope.row)' type='text' size='small'>修改</el-button>
|
|
<el-button @click='deleteClick(scope.row)' type='text' size='small'>做废</el-button>
|
|
<el-button @click='deleteClick(scope.row)' type='text' size='small'>做废</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
|
|
+ <el-table-column v-else prop='time' label='作废时间'></el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
- <!-- <a-table size='small' style='margin-top:12px' :columns='columns' :bordered='false' :data-source='tableData'>
|
|
|
|
- <template v-slot:action>
|
|
|
|
- <a href='javascript:;'>Delete</a>
|
|
|
|
- </template>
|
|
|
|
- </a-table>-->
|
|
|
|
|
|
+ <div class='foot'>
|
|
|
|
+ <el-pagination
|
|
|
|
+ background
|
|
|
|
+ layout='prev, pager, next'
|
|
|
|
+ :total='total/size'
|
|
|
|
+ :page-size='size'
|
|
|
|
+ @prev-click='pageChanged'
|
|
|
|
+ @next-click='pageChanged'
|
|
|
|
+ @current-change='pageChanged'
|
|
|
|
+ ></el-pagination>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
<add-legend ref='addLegend'></add-legend>
|
|
<add-legend ref='addLegend'></add-legend>
|
|
</div>
|
|
</div>
|
|
@@ -48,54 +63,52 @@ export default {
|
|
components: { addLegend, Select },
|
|
components: { addLegend, Select },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- columns: [
|
|
|
|
- {
|
|
|
|
- title: '图例名称',
|
|
|
|
- dataIndex: 'name',
|
|
|
|
- key: 'name'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '图例样式',
|
|
|
|
- dataIndex: 'style',
|
|
|
|
- key: 'style'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '单位',
|
|
|
|
- dataIndex: 'unit',
|
|
|
|
- key: 'unit'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title: '对应广场说明书的位置',
|
|
|
|
- dataIndex: 'position',
|
|
|
|
- key: 'position'
|
|
|
|
- },
|
|
|
|
|
|
+ tableData: [{ name: '车库', style: '--' }, { style: '--' }],
|
|
|
|
+ dataSelect2: [
|
|
|
|
+ { id: 'test1', name: '选择项' },
|
|
|
|
+ { id: 'test2', name: '单平米' },
|
|
|
|
+ { id: 'test3', name: '下级分项' },
|
|
|
|
+ { id: 'test4', name: '滑动平均滑动平均' }
|
|
|
|
+ ],
|
|
|
|
+ stateSelect: [
|
|
|
|
+ { id: 1, name: '正常' },
|
|
|
|
+ { id: 0, name: '异常' }
|
|
|
|
+ ],
|
|
|
|
+ styleValue: '', //所属分类
|
|
|
|
+ typeOptions: [
|
|
{
|
|
{
|
|
- title: '对应工程信息化中的位置/设备分类',
|
|
|
|
- dataIndex: 'type',
|
|
|
|
- key: 'type'
|
|
|
|
|
|
+ value: '2',
|
|
|
|
+ label: '非图例'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '对应工程信息化的系统',
|
|
|
|
- dataIndex: 'system',
|
|
|
|
- key: 'system'
|
|
|
|
|
|
+ value: '1',
|
|
|
|
+ label: '区域'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '铺位可视化typeid',
|
|
|
|
- dataIndex: 'typeId',
|
|
|
|
- key: 'typeId'
|
|
|
|
|
|
+ value: '3',
|
|
|
|
+ label: '图标'
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- title: '操作',
|
|
|
|
- dataIndex: 'action',
|
|
|
|
- key: 'action'
|
|
|
|
|
|
+ value: '0',
|
|
|
|
+ label: '线条'
|
|
}
|
|
}
|
|
],
|
|
],
|
|
- tableData: [{ name: '车库', style: '--' }, { style: '--' }],
|
|
|
|
- dataSelect2: [
|
|
|
|
- { id: 'test1', name: '选择项' },
|
|
|
|
- { id: 'test2', name: '单平米' },
|
|
|
|
- { id: 'test3', name: '下级分项' },
|
|
|
|
- { id: 'test4', name: '滑动平均滑动平均' }
|
|
|
|
|
|
+ typeIdSelect: [],
|
|
|
|
+ size: 11,
|
|
|
|
+ total: 1,
|
|
|
|
+ currentPage: 1,
|
|
|
|
+ state: 1,
|
|
|
|
+ position: '',
|
|
|
|
+ positionSelect: [
|
|
|
|
+ { id: '1', name: '供电系统-楼层分布' },
|
|
|
|
+ { id: '2', name: '暖通空调-原理图' },
|
|
|
|
+ { id: '3', name: '暖通空调-楼层分布' },
|
|
|
|
+ { id: '4', name: '消防系统-系统概况' },
|
|
|
|
+ { id: '5', name: '消防系统-楼层分布' },
|
|
|
|
+ { id: '6', name: '弱电系统-楼层分布' },
|
|
|
|
+ { id: '7', name: '电梯系统-楼层分布' },
|
|
|
|
+ { id: '8', name: '燃气系统-楼层分布' },
|
|
|
|
+ { id: '9', name: '土建装饰-石材铺装' }
|
|
]
|
|
]
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -130,7 +143,13 @@ export default {
|
|
message: '已取消删除'
|
|
message: '已取消删除'
|
|
})
|
|
})
|
|
})
|
|
})
|
|
- }
|
|
|
|
|
|
+ },
|
|
|
|
+ pageChanged(page, size) {
|
|
|
|
+ this.currentPage = page
|
|
|
|
+ this.size = size
|
|
|
|
+ this.getTableList()
|
|
|
|
+ },
|
|
|
|
+ getTableList() {}
|
|
},
|
|
},
|
|
mounted() {}
|
|
mounted() {}
|
|
}
|
|
}
|