<template>
    <div>
        <el-dialog title="风机信息" :visible.sync="localdraught" width="1000px" @close="handleClose">
            <el-table class="center-align-table" :data="tableData" border :cell-style="rowStyle" stripe>

                <el-table-column fixed prop="name" align="center" label="风机名称">
                </el-table-column>
                <el-table-column prop="" align="center" label="风机编号">
                </el-table-column>
                <el-table-column prop="" align="center" label="风机机型">
                </el-table-column>
                <el-table-column prop="" align="center" label="主机厂商">
                </el-table-column>
                <el-table-column prop="" align="center" label="是否标杆">
                </el-table-column>
                <el-table-column prop="" align="center" label="海拔高度/米" width="80">
                </el-table-column>
                <el-table-column prop="" align="center" label="经度" width="80">
                </el-table-column>
                <el-table-column prop="" align="center" label="纬度" width="80">
                </el-table-column>
                <el-table-column prop="" align="center" label="额定容量">
                </el-table-column>
            </el-table>

            <div class="pagination-container">
                <el-pagination :page-size="10" :pager-count="11" layout="total, prev, pager, next" :total="35">
                </el-pagination>
            </div>
        </el-dialog> 
    </div>
</template>

<script>
export default {
    props: {
        draught: {
            type: Boolean,
            default: false
        }
    },
    computed: {
        localdraught: {
            get() {
                console.log(this.draught);
                return this.draught;
            },
            set(value) {
                // 在这里不进行任何修改
            }
        }
    },
    data(){
        return{
            tableData: [
        {
          id: 1,
          name: "王小虎",
          transition: "1",
        },
        {
          id: 3,
          name: "王小虎",
          abnormal: "1",
          transition: "0",
          children: [
            {
              id: 31,

              name: "王小虎",

              abnormal: "1",
            },
          ],
        },
      ],
        }
    },
    methods: {
        rowStyle() {
      return "text-align:center";
    },
        handleClose() {
            this.$emit('handleClose', false, 'draught');
        }
    }
}
</script>

<style lang="scss" scoped>
.general {
    display: flex;
    flex-wrap: wrap;

    .condition {
        width: 50%;
        display: flex;

        p {
            width: 100px;
            text-align: right;
            line-height: 40px;
        }

        span {
            line-height: 40px;

            padding-left: 20px;
        }

        .el-select {
            width: 100%;
            margin-bottom: 20px;
        }

        .el-input {
            margin-bottom: 20px;
        }
    }
}

.attachment {
    display: flex;
    padding-top: 10px;

    p {
        margin-right: 20px;
        color: #409eff;
    }
}
</style>