fj-dc-ui/.svn/pristine/3e/3e77339df174d7ab84e04b303f6ccaa35d192f7f.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">2016：</span>
                            <span>{{formList.qsl2016}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">2017：</span>
                            <span>{{formList.qsl2017}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">2018：</span>
                            <span>{{formList.qsl2018}}</span>
                        </p>
                    </el-col>
                    <el-col :span="24">
                        <p>
                            <span class="label">单位：</span>
                            <span>万m³/年</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','currentObjectCode','currentObjectRgstrId','baseId'],
    data(){
        return{
            formList:{

            },
            noData: false
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
             request.get(`/att/wint/base/${this.baseId}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.formList = res.data
                }else if(res.success && !Object.keys(res.data).length){
                    this.noData = true
                }else{
                    this.$message.error(res.message)
                }
            })
            // request.post(`/att/wiu/int/pl/list`,{wiuId:this.currentObjectCode}).then(res=>{
            //     if(res.success && Object.keys(res.data).length){
            //         let formList = res.data
            //         formList.forEach((ele,index)=>{
            //             if(ele.yrTp == '2'){
            //                 let item = formList.splice(index,1)
            //                 formList.push(item[0])
            //             }
            //         })
            //         this.formList = formList
            //     }else if(res.success && !Object.keys(res.data).length){
            //         this.noData = true
            //     }else{
            //         this.$message.error(res.message)
            //     }
            // })
        },
    },
}
</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>