<template>
        <!-- 测风塔 -->
        <el-dialog title="测风塔信息" :visible.sync="localAnemometerdialog" width="800px" @close="handleClose">
            <H3 class="centeredH3">测风塔名称</H3>
            <div class="general">
                <div class="condition">
                    <p>测风塔编号:</p>
                </div>
                <div class="condition">
                    <p>测风塔名称:</p>
                </div>

                <div class="condition">
                    <p>经度:</p>
                </div>
                <div class="condition">
                    <p>维度:</p>
                </div>

                <div class="condition">
                    <p>测风塔高度:</p>
                </div>
            </div>
        </el-dialog>
</template>

<script>
export default {
    props: {
        anemometerdialog: {
            type: Boolean,
            default: false
        }
    },
    computed: {
        localAnemometerdialog: {
            get() {
                console.log(this.anemometerdialog);
                return this.anemometerdialog;
            },
            set(value) {
                // 在这里不进行任何修改
            }
        }
    },
    methods: {

        handleClose() {
            this.$emit('handleClose', false, 'anemometerdialog');
        }
    }
}
</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>