fj-dc-ui/.svn/pristine/2a/2aba15e8054aed5cfc0aa91cd29d0b3c13f7960f.svn-base

<template>
  <el-container>
    <el-main style="padding:0px;overflow:hidden">
      <div class="wrapper">
        <h4>基本信息</h4>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">取水口名称：</span>
              <span>{{form.wintName}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">取水口编号：</span>
              <span>{{form.wintCode}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">所在县（市、区）：</span>
              <span>{{form.adName}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">所在乡镇：</span>
              <span>{{form.wintPos}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">取水口坐标（经度）：</span>
              <span>{{form.wainLong}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">取水口坐标（纬度）：</span>
              <span>{{form.wainLat}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">取水工程类型：</span>
              <span>{{form.wainIntType | wainIntType}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">最大取水流量（m³/s）：</span>
              <span>{{form.desQ}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">日最大取水量（10³*m³/天）：</span>
              <span>{{form.desDayQ}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">建设运行状态：</span>
              <span>{{form.jsyxzt}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">水源类型：</span>
              <span>{{form.wainWasoType | wainWasoType}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">取水水源名称：</span>
              <span>{{form.wainWasoName}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">水资源一级区：</span>
              <span>{{form.locWrz1rdName}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">水资源二级区：</span>
              <span>{{form.locWrz2rdName}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="12">
            <p>
              <span class="label">水资源三级区：</span>
              <span>{{form.locWrz3rdName}}</span>
            </p>
          </el-col>
          <el-col :span="12">
            <p>
              <span class="label">是否引调水工程：</span>
              <span>{{form.sfydgc}}</span>
            </p>
          </el-col>
        </el-row>
        <el-row :gutter="20">
          <el-col :span="20">
            <p>
              <span class="label">备注：</span>
              <span>{{form.qskjbxxbz}}</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','currentObjectWintCode','currentObjectRgstrId','baseId','formInfo'],
        data(){
            return{
            }
        },
        computed: {
            noData(){
                return this.form && !Object.keys(this.form).length
            },
            form(){
                return this.formInfo.baseInfo
            }
        },
        mounted(){
        },
        methods:{
        },
        filters:{
            wainType(val){
                if(val == '1'){
                    return '单一用户取水口'
                }else if(val == '2'){
                    return '多用户公用取水口'
                }else{
                    return val
                }
            },
            wainIntType(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 val
                }
            },
            wainWasoType(val){
                if(val == '1'){
                    return '河道内的水库'
                }else if(val == '2'){
                    return '湖泊'
                }else if(val == '3'){
                    return '河流'
                }else if(val == '4'){
                    return '跨省引调水工程'
                }else if(val == '9'){
                    return '其他'
                }else{
                    return val
                }
            }
        }
    }
</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>