<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>