fj-dc-ui/.svn/pristine/ec/ec2b27ce072f133739ea9ad326ae053ec4a50fb4.svn-base

<template>
    <div id="skJichuxinxiContainer">
        <el-dialog :title="'基础信息'" :append-to-body="true" :visible.sync="dialogFormVisible" width="45%"> 
        <el-container>
            <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;overflow-x: hidden;">
                <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">详情</p>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">地表水水源地名称：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.swhsName}}</el-col>
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">地表水水源地代码：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.swhsCode}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">行政区划：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.adCode}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">所在位置：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.swhsLoc}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">取水水源类型：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.wainWasoType == "1" ? "水库" :formObj.wainWasoType == "2" ? "湖泊" :formObj.wainWasoType == "3" ? "河流" :formObj.wainWasoType == "9" ? "其他" : ""}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">水面面积：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.watArea ? formObj.watArea + 'k㎡' : ''}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">取水口数量：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.wainNum}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">主要取水用途：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.wainUse == "1" ? "城乡生活" : formObj.wainUse == "2" ? "城镇生活" : formObj.wainUse == "3" ? "乡村生活" : ''}}</el-col>
                </el-row>
              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">供水对象类型：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.wasuObjType == "1" ? "工业" : formObj.wainUse == "2" ? "生活" : formObj.wainUse == "3" ? "公共" : formObj.wainUse == "4" ? "混合" : formObj.wainUse == "9" ? "其他" : ''}}</el-col>

                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">设计年取水量：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.desAnnWain ? formObj.desAnnWain + "万m³" : ""}}</el-col>
              </el-row>

              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">设计年供水人口：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.desAnnWasuPop ? formObj.desAnnWasuPop + "万人" : ""}}</el-col>

                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">水质目标：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.waquGoal == "1" ? "表示Ⅰ类水质目标" : formObj.waquGoal == "2" ? "表示Ⅱ类水质目标" : formObj.waquGoal == "3" ? "表示Ⅲ类水质目标" : formObj.waquGoal == "4" ? "表示Ⅳ类水质目标" : formObj.waquGoal == "5" ? "表示Ⅴ类水质目标" : formObj.waquGoal == "6" ? "表示劣Ⅴ类水质目标" : ''}}</el-col>
              </el-row>
              <el-row :gutter="5" style="padding:5px;">
                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">水源地水质是否监测：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.ifMonWqua == "1" ? "是": formObj.ifMonWqua == "2" ? "否" : ""}}</el-col>

                <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">水源地现状：</el-col>
                <el-col :span="8" style="text-align:left;">{{formObj.wquaCat == "1" ? "表示Ⅰ类水质目标" : formObj.wquaCat == "2" ? "表示Ⅱ类水质目标" : formObj.wquaCat == "3" ? "表示Ⅲ类水质目标" : formObj.wquaCat == "4" ? "表示Ⅳ类水质目标" : formObj.wquaCat == "5" ? "表示Ⅴ类水质目标" : ''}}</el-col>
              </el-row>

                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">经度：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.swhsLongGd}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">纬度：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.swhsLatGd}}</el-col>
                </el-row>
                <!-- <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否威胁下游安全需增设溢洪道：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.asinttds}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否坝体-滑坡塌陷：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.damLandSubSide}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否坝体-管涵渗漏：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.damLopc}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否坝体-冲缺冲沟：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.damRsog}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否坝体-裂缝：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.damTear}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否放水建筑物-卧管竖井：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.dsLts}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否放水建筑物-涵洞涵管：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.dsCc}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否放水建筑物-明渠：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.dsOc}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否泄洪建筑物-损毁：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.frsMar}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否泄洪建筑物-其他：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.frsOth}}</el-col>
                </el-row>
                <el-row :gutter="5" style="padding:5px;">
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否泄洪建筑物-掏刷悬空：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.frsTbd}}</el-col>
                
                    <el-col :span="4" style="color:#409EFF;text-align:left;font-weight:normal;">是否库容≧100万m³无溢洪道：</el-col>
                    <el-col :span="8" style="text-align:left;">{{formObj.noSpway}}</el-col>
                </el-row> -->
            </el-main>
        </el-container>
        </el-dialog>
    </div>
</template>

<script>
import request from "../../../utils/gw_ajax_request.js";
import { getSydNewBaseInfo } from "../../../api/zhxxAPI.js";
import { dateFormat } from "../../../utils/gw_date.js";
export default {
  components: {
    
  },
  props: ["currentYdbCode","currentObjectName"],

  data() {
    return {
        dialogFormVisible:false,
      formObj: {
      },
      formLabelWidth: "160px",
      loading: true,
      currentYdbCode1: "",
    };
  },
  computed: {
    recPersId() {
      return localStorage.getItem("userid")
        ? localStorage.getItem("userid")
        : "";
    }
  },
  mounted() {
    this.dialogFormVisible = true;
    this.currentYdbCode1 = this.currentYdbCode;
    this.getBaseInfo();
  },
  watch: {
    currentYdbCode(n, o) {
        this.currentYdbCode1 = this.currentYdbCode;
      this.getBaseInfo();
    }
  },
  methods: {
      showDialog(){
          this.dialogFormVisible = true;
      },
    getBaseInfo() {
      var _self = this;
      if(_self.currentYdbCode1 == ""){
        return
      }
      getSydNewBaseInfo(_self.currentYdbCode1).then(
        res => {
          if (res.data) {
            _self.formObj = res.data;
            // _self.value1 = dateFormat(res.data.compDate, "yyyy-MM-dd");
          } else {
            _self.formObj = {};
          }
        },
        err => {}
      );
    },
  },
  filter:{
    formatRadio(val) {
      if (val == "1") {
        return "是";
      } else if (val == "0") {
        return "否";
      } else {
        return val;
      }
    },
  }
};
</script>

<style>
#dcdxHeader {
  padding: 15px 20px;
}
#dxdcFooter {
  text-align: center;
}
#dxdcAside {
  border: 1px solid #d5d5ff;
}
.el-dialog__wrapper .el-treeWhite {
  /* max-height: 260px !important; */
}
/* .skJichuxinxiContainer .el-dialog{
    width: 45%;
} */
.skJichuxinxiContainer .el-dialog__body{
	padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
</style>