<template>
    <!-- <div class='box1'> -->
        <table-page-template>
            <div class='con-box' slot='form'>
                <el-button type='primary'>根据关键内容批量标准化设备标识</el-button>
                <el-button type='primary' @click='someDictHandle'>根据关键内容批量对应数据字典</el-button>
                <el-checkbox class='checkbox' v-model='checked'>只显示未标准化的原始点位</el-checkbox>
            </div>
            <!-- <div class='table-box' > -->
                <el-table :data='tableData' style='width: 100%' border slot='table'>
                    <el-table-column header-align='center' align='center' prop='a' label='原始点位描述' width='180'></el-table-column>
                    <el-table-column sortable header-align='center' align='center' prop='b' label='位置标签' width='180'>
                        <template slot-scope='scope'>
                            <el-tag style='margin-left: 5px;' v-for='(item,index) in scope.row.b' :key='index' size='mini'>{{item}}</el-tag>
                        </template>
                    </el-table-column>
                    <el-table-column header-align='center' align='center' prop='c' label='设备类型'></el-table-column>、
                    <el-table-column header-align='center' align='center' prop='d' label='设备参数'></el-table-column>
                    <el-table-column header-align='center' align='center' prop='f' label='设备标识'></el-table-column>
                    <el-table-column header-align='center' align='center' prop='g' label='数据字典设备类'></el-table-column>
                    <el-table-column header-align='center' align='center' prop='h' label='值处理方式'></el-table-column>
                    <el-table-column header-align='center' align='center' prop='i' label='备注'></el-table-column>
                    <el-table-column header-align='center' align='center' label='操作' width='80'>
                        <template>
                            <el-button type='text' size='mini'>编辑</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            <!-- </div> -->
            <base-pagination :total='456' @pageChanged='pageChanged' slot='pagination'></base-pagination>
            <sg-dialog ref='some-dialog'></sg-dialog>
        </table-page-template>
        <!-- component -->
        
    <!-- </div> -->
</template>
<script>
import './index.less'
import SgDialog from './Dialog'
export default {
    name: 'point',
    data() {
        return {
            checked: false,
            currentPage4: 1,
            tableData: [
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                },
                {
                    a: '1-14遥控测试',
                    b: ['电梯厅', '1F'],
                    c: '电器',
                    d: '12313#fs',
                    f: '1、2',
                    g: '变压器-运行状态',
                    h: '无需处理',
                    i: '--'
                }
            ]
        }
    },
    components: {
        SgDialog
    },
    methods: {
        handleSizeChange() {},
        handleCurrentChange() {},
        someDictHandle() {
            this.$refs['some-dialog'].show()
        },
        pageChanged(){}
    }
}
</script>
<style lang="less">
</style>
