fj-dc-ui/.svn/pristine/0d/0d7c6f587e72ab1fc726afb414f54f17fd63abea.svn-base

<template>
    <div class="popupContentClass" :style="{'height':testHeight1+'px'}">
        <el-row class="rowClass">
            <el-col :span="8" class="nameClass">农村人口(万人)：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{countryWaterInfo.personAmount}}</el-col>
            <el-col :span="8" class="nameClass">集中供水率(%)：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">
                {{countryWaterInfo.focusSupplyPerc ? countryWaterInfo.focusSupplyPerc * 100 + '%' :''}}
            </el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="8" class="nameClass">自来水普及率(%)：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">
                {{countryWaterInfo.waterSupplyPerc ? countryWaterInfo.waterSupplyPerc * 100 + '%' :''}}
            </el-col>
            <el-col :span="8" class="nameClass">地方人民政府主体责任是否明确：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isGovRes)}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="8" class="nameClass">水利部门行业监管责任是否明确：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isConRes)}}</el-col>
            <el-col :span="8" class="nameClass">供水单位运行管理责任是否到位：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isDeptRes)}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="8" class="nameClass">是否建立县级运行管理机构：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isCntyDept)}}</el-col>
            <el-col :span="8" class="nameClass">是否建立县级运行管理办法：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isCntyFunc)}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="8" class="nameClass">是否落实县级运行管理经费：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isCntyFee)}}</el-col>
            <el-col :span="8" class="nameClass">是否正常开展水质巡检：</el-col>
            <el-col :span="4" class="valueClass" :style="{'height':testHeight+'px'}">{{shifouRadio(countryWaterInfo.isQuailtyChk)}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="8" class="nameClass">2018年落实运行经费(万元)：</el-col>
            <el-col :span="16" class="valueClass" :style="{'height':testHeight+'px'}">{{countryWaterInfo.pracFee}}</el-col>
        </el-row>
    </div>
</template>

<script>
import request from "../../../../../utils/gw_ajax_request.js";
import {getTableId_ny} from "../../../../../api/duChaTianBao.js"
export default {
    components: {
        
    },
    props:['ryObjId'],

    data() {
        return {
            testHeight:(window.innerHeight * 0.5 - 114) / 6,
            testHeight1:window.innerHeight * 0.5,
            countryWaterInfo:{},
        };
    },
    computed: {
        recPersId() {return localStorage.getItem("userid")? localStorage.getItem("userid"): "";}
    },
    mounted() {
        this.getRyData();
    },
    watch: {
        ryObjId(n){
            this.getRyData();
        }
    },
    methods: {
        getRyData() {
            getTableId_ny(this.ryObjId, this.recPersId).then((res) => {
                this.ryEngid = res.data.engId;
                this.getRygcData();
            })
        },
        getRygcData() {
            let getObj = {
                engId: this.ryEngid
            };
            this.countryWaterInfo = {};
            request.post(`/dc/insp/manageResponsibility/queryListByPage`, getObj).then((res) => {
                if (res.data.list.length) {
                    this.countryWaterInfo = res.data.list[0];
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        shifouRadio(val) {
            if (val == "1") {
                return "是";
            } else if (val == "2" || val == "0") {
                return "否";
            }
        },
    }
};
</script>
<style scoped>
@import "../../../assets/css/popup.css";
</style>