<!--
  Copyright © 2026 Qiantong Technology Co., Ltd.
  qModel Model Platform(Open Source Edition)
   *
  License:
  Released under the Apache License, Version 2.0.
  You may use, modify, and distribute this software for commercial purposes
  under the terms of the License.
   *
  Special Notice:
  All derivative versions are strictly prohibited from modifying or removing
  the default system logo and copyright information.
  For brand customization, please apply for brand customization authorization via official channels.
   *
  More information: https://qmodel.qiantong.tech/business.html
   *
  ============================================================================
   *
  版权所有 © 2026 江苏千桐科技有限公司
  qModel 模型平台（开源版）
   *
  许可协议：
  本项目基于 Apache License 2.0 开源协议发布，
  允许在遵守协议的前提下进行商用、修改和分发。
   *
  特别说明：
  所有衍生版本不得修改或移除系统默认的 LOGO 和版权信息；
  如需定制品牌，请通过官方渠道申请品牌定制授权。
   *
  更多信息请访问：https://qmodel.qiantong.tech/business.html
-->

<template>
    <dp-main>
        <dp-desc :data="data" v-model="active"></dp-desc>
    </dp-main>
</template>

<script setup name="DetailPopResViewE">
    const data = [
        {
            label: '基本信息',
            value: 'jbxx',
            config: {
                column: 2,
                border: true
            },
            children: [
                {
                    label: '水库名称',
                    value: '加格斯台水库'
                },
                {
                    label: '水库代码',
                    value: 'HP0016540220000013'
                },
                {
                    label: '水库所在位置',
                    value: '察布查尔县加格斯台乡'
                },
                {
                    label: '工程规模',
                    value: '小（1）型'
                },
                {
                    label: '总库容(万m³)',
                    value: '617'
                },
                {
                    label: '工程建设情况',
                    value: '已建'
                }
            ]
        },
        {
            label: '特征值信息',
            value: 'tzzxx',
            config: {
                column: 2,
                border: true
            },
            children: [
                {
                    label: '死水位：',
                    value: '1419.5'
                },
                {
                    label: '死库容：',
                    value: '50'
                },
                {
                    label: '正常蓄水位：',
                    value: '1448.1'
                },
                {
                    label: '兴利库容：',
                    value: '529'
                },
                {
                    label: '防洪高水位：',
                    value: '1449.32'
                },
                {
                    label: '防洪库容：',
                    value: '38'
                },
                {
                    label: '设计洪水位：',
                    value: '1448.89'
                }
            ]
        },
        {
            label: '汛限水位',
            value: 'xxsw',
            config: {
                direction: 'vertical',
                column: 4,
                border: true
            },
            children: [
                {
                    label: '开始月日',
                    value: '-.-'
                },
                {
                    label: '结束月日',
                    value: '-.-'
                },
                {
                    label: '汛限水位',
                    value: '-.-'
                },
                {
                    label: '汛期类别',
                    value: '-.-'
                }
            ]
        },
        {
            label: '水库责任人',
            value: 'skzrr',
            config: {
                column: 2,
                border: true
            },
            children: [
                {
                    label: '政府责任人姓名：',
                    value: '关晓军'
                },
                {
                    label: '政府单位名称：',
                    value: '察布查尔县人民政府'
                },
                {
                    label: '政府责任人职务：',
                    value: '县委副书记、县长'
                },
                {
                    label: '政府责任人电话：',
                    value: '18097846738'
                },
                {
                    label: '主管部门责任人姓名：',
                    value: '关俊辉'
                },
                {
                    label: '主管部门名称：',
                    value: '农水集团伊南供水公司'
                },
                {
                    label: '主管部门责任人职务：',
                    value: '执行董事'
                },
                {
                    label: '主管部门责任人电话：',
                    value: '13779158608'
                }
            ]
        }
    ];
    const active = ref('jbxx');
</script>

<style lang="scss" scoped>
    ::v-deep .dp-main--body {
        padding: var(--dp-main-gap);
        box-sizing: border-box;
    }

    ::v-deep .dp-desc--label {
        width: 240px;
    }
</style>
