fj-dc-ui/.svn/pristine/a6/a685a3aec057b3f2f4970eb41658058e18d94c44.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="8">
                        <p>
                            <span class="label">计量情况：</span>
                            <span>{{form.wwCond | wwCond}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">取水计量设施类型：</span>
                            <span>{{form.wiustTp | wiustTp}}</span>
                        </p>
                    </el-col>
                    <el-col :span="8">
                        <p>
                            <span class="label">取水计量设施能否正常运行：</span>
                            <span>{{form.wiustRunCond | wiustRunCond}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水计量信息是否接入地方或者国家水资源监控系统：</span>
                            <span>{{form.wiuIsAtlonwms | wiuIsAtlonwms}}</span>
                        </p>
                    </el-col>
                </el-row>
            </div>
            <div class="wrapper">
                <h4>取用水情况</h4>
                <el-row :gutter="20">
                    <el-col :span="12">
                        <p>
                            <span class="label">取水用途：</span>
                            <span></span>
                        </p>
                        <p>
                            <span class="label"></span>
                            <span>1.{{form.wainUse1 | wainUse}}</span>
                        </p>
                        <p v-if="form.wainUse2">
                            <span class="label"></span>
                            <span>2.{{form.wainUse2 | wainUse}}</span>
                        </p>
                        <p v-if="form.wainUse3">
                            <span class="label"></span>
                            <span>3.{{form.wainUse3 | wainUse}}</span>
                        </p>
                        <p v-if="form.wainUse4">
                            <span class="label"></span>
                            <span>4.{{form.wainUse4 | wainUse}}</span>
                        </p>
                        <p v-if="form.wainUse5">
                            <span class="label"></span>
                            <span>5.{{form.wainUse5 | wainUse}}</span>
                        </p>
                    </el-col>
                    <el-col :span="12">
                        <p>
                            <span class="label">近三年实际年取水量(万m³/年)</span>
                            <span></span>
                        </p>
                        <div v-for="(item,index) in yearUsedWaterList" :key="index">
                            <p>
                                <span class="label">{{item.year}}年：</span>
                                <span>{{item.watCons}}</span>
                            </p>
                            <p>
                                <span class="label">数据获得方式：</span>
                                <span>{{item.dataType | dataType}}</span>
                            </p>
                        </div>
                    </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','currentObjectCode','currentObjectRgstrId'],
    data(){
        return{
            form:{

            },
            noData: false,
            yearUsedWaterList:[]
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
            request.get(`/att/wiu/meas/dwt/getBy/${this.currentObjectCode}`).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.post(`/att/wiu/wat/cons/getConsList`,{wiuId:this.currentObjectCode}).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.yearUsedWaterList = res.data
                }else{
                    this.$message.error(res.message)
                }
            })
        },
    },
    filters:{
        wwCond(val){
            if(val == '1'){
                return '全部计量'
            }else if(val == '2'){
                return '部分计量'
            }else if(val == '3'){
                return '无计量'
            }else{
                return ''
            }
        },
        wiustTp(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 == '9'){
                return '其他'
            }else{
                return ''
            }
        },
        wiustRunCond(val){
            if(val == '1'){
                return '能'
            }else if(val == '2'){
                return '否'
            }else{
                return ''
            }
        },
        wiuIsAtlonwms(val){
            if(val == '1'){
                return '是'
            }else if(val == '2'){
                return '否'
            }else{
                return ''
            }
        },
        wainUse(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 ''
            }
        },
        dataType(val){
            if(val == '1'){
                return '计量'
            }else if(val == '2'){
                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>