123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <template>
- <div class='gdqd-dialog'>
- <div class='top'></div>
- <div class='gdqd-dialog-top'>
- <Select width='120' style='margin-right:12px' tipPlace='top' caption='楼层:' size='small' :selectdata='floorSelect'></Select>
- <Select width='224' style='margin-right:12px' tipPlace='top' caption='管理归属' size='small' :selectdata='dataSelect2'></Select>
- <Select width='224' style='margin-right:12px' tipPlace='top' caption='设备状态' size='small' :selectdata='dataSelect2'></Select>
- <el-input placeholder='请输入设备简称、设备编号、品牌、型号、安装位置、生产厂商、服务商搜索' style='width:490px;' size='small' prefix-icon='el-icon-search' v-model='input'></el-input>
- </div>
- <el-table
- v-loading='loading'
- :data='tableData'
- style='width:100%;margin-top:12px'
- :header-cell-style='{background:"rgba(245,246,247,1)",fontFamily:"MicrosoftYaHei",color:"rgba(100,108,115,1)",lineHeight:"16px",fontSize:"12px"}'
- >
- <el-table-column type='index' label='序号' width='50'></el-table-column>
- <el-table-column prop='sbjc' label='设备简称'>
- <template slot-scope='{row}'>{{row.sbjc||'--'}}</template>
- </el-table-column>
- <el-table-column prop='sbbh' label='设备编号'>
- <template slot-scope='{row}'>{{row.sbbh||'--'}}</template>
- </el-table-column>
- <el-table-column prop='sl' label='数量'>
- <template slot-scope='{row}'>{{row.sl||'--'}}</template>
- </el-table-column>
- <el-table-column prop='sbglgs' label='管理归属'>
- <template slot-scope='{row}'>{{row.sbglgs||'--'}}</template>
- </el-table-column>
- <el-table-column prop='sbstatus' label='设备状态'>
- <template slot-scope='{row}'>{{row.sbstatus||'--'}}</template>
- </el-table-column>
- <el-table-column prop='brand' label='品牌'>
- <template slot-scope='{row}'>{{row.brand||'--'}}</template>
- </el-table-column>
- <el-table-column prop='sbxh' label='型号'>
- <template slot-scope='{row}'>{{row.sbxh||'--'}}</template>
- </el-table-column>
- <el-table-column prop='floor' label='楼层'>
- <template slot-scope='{row}'>{{row.floor||'--'}}</template>
- </el-table-column>
- <el-table-column prop='wzqy' label='安装位置'>
- <template slot-scope='{row}'>{{row.wzqy||'--'}}</template>
- </el-table-column>
- <el-table-column prop='manufacturer' label='生产厂商'>
- <template slot-scope='{row}'>{{row.manufacturer||'--'}}</template>
- </el-table-column>
- <el-table-column prop='fws' label='服务商'>
- <template slot-scope='{row}'>{{row.fws||'--'}}</template>
- </el-table-column>
- </el-table>
- </div>
- </template>
- <script>
- import Select from '@/components/Select/Select.vue'
- import { mapGetters } from 'vuex'
- export default {
- data() {
- return {
- loading: false,
- tableData: [],
- dataSelect2: [
- { id: 'test1', name: '选择项' },
- { id: 'test2', name: '单平米' },
- { id: 'test3', name: '下级分项' },
- { id: 'test4', name: '滑动平均滑动平均' }
- ],
- input: ''
- }
- },
- components: {
- Select
- },
- computed: {
- ...mapGetters(['floorSelect'])
- },
- mounted() {},
- methods: {
- open() {
- this.visible = true
- }
- }
- }
- </script>
- <style lang="less" scoped>
- .gdqd-dialog {
- .top {
- }
- .gdqd-dialog-top {
- display: flex;
- }
- }
- </style>
- <style lang="less">
- .gdqd-dialog {
- padding: 16px 24px 24px;
- .el-table td,
- .el-table th {
- padding: 8px 0;
- }
- }
- </style>
|