<template>
    <div>
        <!-- 风场详情 -->
        <el-dialog title="风场信息" :visible.sync="localUnusualdialog" width="800px" @close="handleClose">
            <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 class="condition">
                    <p>所在市:</p>
                </div>
                <div class="condition">
                    <p>经度:</p>
                </div>

                <div class="condition">
                    <p>纬度:</p>
                </div>

                <div class="condition">
                    <p>测风塔:</p>
                </div>
            </div>
            <div class="attachment">
                <p>下载合同功率曲线附件</p>
                <p>下载资源文件附件</p>
            </div>
        </el-dialog>
    </div>
</template>

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

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