fj-dc-ui/.svn/pristine/23/23eff8d314c6ad4607d7f30fa6d39d2b7e89a218.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="24">
                        <p>
                            <span class="label">设施是否安装：</span>
                            <span>{{form.sfazjcjlss | wiuIsAtlonwms}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">是否全部计量：</span>
                            <span>{{form.qsjlssazqk}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水监测计量设施类型及套餐：</span>
                            <span>{{form.csblljts}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">监测项目：</span>
                            <span>{{form.jcxm}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">监测计量设施安装位置（布设情况）：</span>
                            <span>{{form.jlssazwzms}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">监测计量信息是否接入地方或国家水资源监控系统：</span>
                            <span>{{form.jcxxsfjrcjw | wiuIsAtlonwms}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">监测计量设施管理或者运维单位：</span>
                            <span>{{form.jcssglhzywdw}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">取水计量设施是否检定或者校准及最近一次校准时间：</span>
                            <span v-if="form.jlsssfdqjdjz">{{form.jlsssfdqjdjz | wiuIsAtlonwms}}</span>
                            <span v-else-if="form.zjycjdjzsj">{{form.zjycjdjzsj}}</span>
                            <span v-else-if="form.zjycjdjzsj && form.jlsssfdqjdjz">{{form.jlsssfdqjdjz | wiuIsAtlonwms}},{{form.zjycjdjzsj}}</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','baseId'],
    data(){
        return{
            form:{

            },
            noData: false,
            yearUsedWaterList:[]
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
            request.get(`/att/wint/base/${this.baseId}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.form = res.data
                    if(this.form.zjycjdjzsj){
                        this.form.zjycjdjzsj = this.form.zjycjdjzsj.substr(0,10);
                    }
                }else if(res.success && !Object.keys(res.data).length){
                    this.noData = true
                }else{
                    this.$message.error(res.message)
                }
            })
            // 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>