fj-dc-ui/.svn/pristine/bb/bbf66b430c257cd97a31f808d31f40ec186dab01.svn-base

<template>
    <el-container>
        <el-main style="padding:0px;overflow:hidden" v-if="!noData">
            <div class="wrapper">
                <h4>基本信息</h4>
                <el-row :gutter="20">
                    <el-col :span="10">
                        <p>
                            <span class="label">工程名称：</span>
                            <span>{{form.wintName}}</span>
                        </p>
                    </el-col>
                    <el-col :span="14">
                        <p>
                            <span class="label">所在行政区：</span>
                            <span>{{form.adName}}</span>
                        </p>
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="24">
                        <p>
                            <span class="label">取水口地点：</span>
                            <span>{{form.wintPos}}</span>
                        </p>
                    </el-col>
                    <el-col :span="12">
                        <p>
                            <span class="label">经度：</span>
                            <span>{{form.wainLong}}</span>
                        </p>
                    </el-col>
                    <el-col :span="12">
                        <p>
                            <span class="label">纬度：</span>
                            <span>{{form.wainLat}}</span>
                        </p>
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <!-- <el-col :span="24">
                        <p>
                            <span class="label">所在水资源分区</span>
                        </p>
                    </el-col>
                    <el-col :span="7">
                        <p>
                            <span class="label">一级区：{{form.locWrz1rdName}}</span>
                            <span></span>
                        </p>
                    </el-col>
                    <el-col :span="7">
                        <p>
                            <span class="label">二级区：{{form.locWrz2rdName}}</span>
                            <span></span>
                        </p>
                    </el-col>
                    <el-col :span="10">
                        <p>
                            <span class="label">三级区：{{form.locWrz3rdName}}</span>
                            <span></span>
                        </p>
                    </el-col> -->
                    <el-col :span="8">
                        <p>
                            <span class="label">取水工程类型：</span>
                            <span>{{form.wainIntType | wainIntType}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">建设运行状态：</span>
                            <span>{{form.jsyxzt}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">水源类型：</span>
                            <span>{{form.wainWasoType | wainWasoType}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <!-- <div class="wrapper">
                <h4>取水口水行政主管部门</h4>
                <el-row :gutter="20">
                    <el-col :span="7">
                        <p>
                            <span class="label">部门名称：</span>
                            <span>{{form.charDepNm}}</span>
                        </p>
                    </el-col>
                    <el-col :span="7">
                        <p>
                            <span class="label">联系人：</span>
                            <span>{{form.charDepPers}}</span>
                        </p>
                    </el-col>
                    <el-col :span="10">
                        <p>
                            <span class="label">联系方式：</span>
                            <span>{{form.charDepTel}}</span>
                        </p>
                    </el-col>
                    <el-col :span="10">
                        <p>
                            <span class="label">建设运行状态：</span>
                            <span>{{form.charDepTel}}</span>
                        </p>
                    </el-col>
                    <el-col :span="10">
                        <p>
                            <span class="label">水源类型：</span>
                            <span>{{form.charDepTel}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <div class="wrapper">
                <h4>取水口工程基本情况</h4>
                <el-row :gutter="20">
                    <el-col :span="5">
                        <p>
                            <span class="label">名称：</span>
                            <span>{{form.wainIntName}}</span>
                        </p>
                    </el-col>
                    <el-col :span="5">
                        <p>
                            <span class="label">类型：</span>
                            <span>{{form.wainIntType | wainIntType}}</span>
                        </p>
                    </el-col>
                    <el-col :span="7">
                        <p>
                            <span class="label">取水水源类型：</span>
                            <span>{{form.wainWasoType | wainWasoType}}</span>
                        </p>
                    </el-col>
                    <el-col :span="7">
                        <p>
                            <span class="label">取水水源名称：</span>
                            <span>{{form.wainWasoName}}</span>
                        </p>
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="24">
                        <p>
                            <span class="label">工程主要特性指标</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">设计最大取水流量(m³/s)：</span>
                            <span>{{form.desQ}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">设计日最大取水量(m³/天)：</span>
                            <span>{{form.desDayQ}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">设计年取水量(万m³/年)：</span>
                            <span>{{form.desYearQ}}</span>
                        </p>
                    </el-col>
                </el-row>
                <el-row :gutter="20">
                    <el-col :span="24">
                        <p>
                            <span class="label">取水口类型：</span>
                            <span>{{form.wainType | wainType}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div> -->
        </el-main>
        <div class="no_data" v-if="noData">
            <span class="label">暂无数据</span>
        </div>
    </el-container>
</template>
<script>
import request from "@util/gw_ajax_request.js"
export default {
    props: ['currentObjectId','currentObjectWintCode','currentObjectRgstrId','baseId'],
    data(){
        return{
            form:{

            },
            noData: false
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
            // request.get(`/att/wint/base/b/${this.currentObjectWintCode}`).then(res=>{
            //     if(res.success && Object.keys(res.data).length){
            //         this.form = res.data
            //     }else if(res.success && !Object.keys(res.data).length){
            //         this.noData = true
            //     }else{
            //         this.$message.error(res.message)
            //     }
            // })
            request.get(`/att/wint/base/${this.baseId}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.form = res.data
                }else if(res.success && !Object.keys(res.data).length){
                    this.noData = true
                }else{
                    this.$message.error(res.message)
                }
            })
        },
    },
    filters:{
        wainType(val){
            if(val == '1'){
                return '单一用户取水口'
            }else if(val == '2'){
                return '多用户公用取水口'
            }else{
                return ''
            }
        },
        wainIntType(val){
            if(val == '1'){
                return '渠道'
            }else if(val == '2'){
                return '人工河道'
            }else if(val == '3'){
                return '虹吸管'
            }else if(val == '4'){
                return '泵站'
            }else if(val == '5'){
                return '闸'
            }else if(val == '6'){
                return '坝'
            }else if(val == '7'){
                return '水电站'
            }else if(val == '8'){
                return '水井'
            }else if(val == '9'){
                return '其他'
            }else{
                return ''
            }
        },
        wainWasoType(val){
            if(val == '1'){
                return '河道内的水库'
            }else if(val == '2'){
                return '湖泊'
            }else if(val == '3'){
                return '河流'
            }else if(val == '4'){
                return '跨省引调水工程'
            }else if(val == '9'){
                return '其他'
            }else{
                return ''
            }
        }
    }
}
</script>

<style scoped>
    .wrapper{
        line-height: 32px;
        margin-bottom: 26px;
    }
    h4{
        color: #666;
        border-left: solid #009fff 3px;
        line-height: 14px;
        padding-left: 8px;
        margin-bottom: 12px;
    }
    .label{
        display: inline-block;
        /* min-width: 80px; */
        color: #999;
    }
    .label+span{
        color: #333;
    }
    .no_data{
        text-align: center;
        width: 100%;
        line-height: 100px;
    }
</style>