fj-dc-ui/.svn/pristine/06/069aa459a806a314f1ea978c30ef9f6dce473311.svn-base

<template>
  <transition name="el-fade-in-linear">
    <draggable :title="legendShowData.title" initTop=100 initLeft=10 initWidth=1000 initHeight=635 @closeDraggable='closeModal_data_common'>
      <div style="height:100%;" v-if="legendShowData.id == 'personGraphicLayer'">
        <InspectionPersonnel @peopleInfo="peopleInfo"></InspectionPersonnel>
      </div>
      <!--水库-->
      <div style="height:100%;" v-if="legendShowData.id == 'allSkGraphicLayer'">
        <reservoirList dcztStatus="" :dcztDisabled='false' @skInfo="skInfo" :currentAdCode="currentAdCode"></reservoirList>
      </div>
      <!--水库督查2018-->
      <div style="height:100%;" v-if="legendShowData.id == 'skGraphicLayer2018'">
        <reservoirList dcztStatus="1" :dcztDisabled='true' @skInfo="skInfo" :currentAdCode="currentAdCode"></reservoirList>
      </div>
      <!--水库督查2019-->
      <div style="height:100%;" v-if="legendShowData.id == 'skGraphicLayer2019'">
        <reservoirList dcztStatus="2" :dcztDisabled='true' @skInfo="skInfo" :currentAdCode="currentAdCode"></reservoirList>
      </div>
      <!--复查水库-->
      <div style="height:100%;" v-if="legendShowData.id == 'fcskGraphicLayer'">
        <reservoirList dcztStatus="3" :dcztDisabled='true' @skInfo="skInfo" :currentAdCode="currentAdCode"></reservoirList>
      </div>
      <!--水库督查计划外-->
      <div style="height:100%;" v-if="legendShowData.id == 'jhwskGraphicLayer'">
        <reservoirList dcztStatus="4" :dcztDisabled='true' @skInfo="skInfo" :currentAdCode="currentAdCode"></reservoirList>
      </div>

      <!--农村饮水工程-->
      <div style="height:100%;" v-if="legendShowData.id == 'ncysgcGraphicLayer'">
        <peopleDrinkNygc @ryInfo="ryInfo" :currentAdCode="currentAdCode"></peopleDrinkNygc>
      </div>
      <!--水源地-->
      <div style="height:100%;" v-if="legendShowData.id == 'sydGraphicLayer'">
        <peopleDrinkSyd @ryInfo="ryInfo" :currentAdCode="currentAdCode"></peopleDrinkSyd>
      </div>
      <!--150个县-->
      <div style="height:100%;" v-if="legendShowData.id == 'country150Layer'">
        <peopleDrink @ryInfo="ryInfo" :currentAdCode="currentAdCode"></peopleDrink>
      </div>
      <!--人饮督查行政村-->
      <div style="height:100%;" v-if="legendShowData.id == 'xzcGraphicLayer'">
        <peopleDrinkXzc @ryInfo="ryInfo" :currentAdCode="currentAdCode"></peopleDrinkXzc>
      </div>

      <!--水毁工程-->
      <div style="height:100%;" v-if="legendShowData.id == 'shgcGraphicLayer'">
        <shgc-info @shgcInfo="shgcInfo" :currentAdCode="currentAdCode"></shgc-info>
      </div>
      <!--地下水-->
      <div style="height:100%;" v-if="legendShowData.id == 'dxsGraphicLayer'">
        <dxsInfo @dxsInfo="dxsInfo" :currentAdCode="currentAdCode"></dxsInfo>
      </div>
      <!--水闸-->
      <div style="height:100%;" v-if="legendShowData.id == 'szGraphicLayer'">
        <szInfo @szInfo="szInfo" :currentAdCode="currentAdCode"></szInfo>
      </div>
      <!--全部水闸-->
      <div style="height:100%;" v-if="legendShowData.id == 'szGraphicLayerAll'">
        <szInfoAll @szInfoAll="szInfoAll" :currentAdCode="currentAdCode"></szInfoAll>
      </div>
     
      <!-- add by luochenghai -->
      <!-- 水保项目 -->
      <div style="height:100%;" v-if="legendShowData.id =='graphicLayerSb'"> 
        <shuiBaoProDataSheet dcztStatus="" :dcztDisabled='false' @sbInfo="sbInfo" :currentAdCode="currentAdCode"></shuiBaoProDataSheet>
      </div>
      <!--水保督查-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayerDcsb'">
        <shuiBaoDcDataSheet dcztStatus="" :dcztDisabled='false' @sbDcInfo="sbDcInfo" :currentAdCode="currentAdCode"></shuiBaoDcDataSheet>
      </div>
      <!--河湖四乱-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayerHhsl'">
        <heHuSiLuanDataSheet dcztStatus="" :dcztDisabled='false' @hhslInfo="hhslInfo" :currentAdCode="currentAdCode"></heHuSiLuanDataSheet>
      </div>
      <!--非法采沙-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayerFfcs'">
        <feiFaCaiShaDataSheet dcztStatus="" :dcztDisabled='false' @ffcsInfo="ffcsInfo" :currentAdCode="currentAdCode"></feiFaCaiShaDataSheet>
      </div>
      <!-- end -->



      <!--172-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayer172'">
        <Info172 @Info172="Info172" :currentAdCode="currentAdCode"></Info172>
      </div>

      <!--取水口-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayerQsk'">
        <InfoIntake @QskInfo="QskInfo" :currentAdCode="currentAdCode"></InfoIntake>
      </div>
      <!--地表水水源地-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayerDbssyd'">
        <InfoSurfaceWater @DbsInfo="DbsInfo" :currentAdCode="currentAdCode"></InfoSurfaceWater>
      </div>
      <!--水文站-->
      <div style="height:100%;" v-if="legendShowData.id == 'graphicLayerSwz'">
        <hydrometricStation @SwzInfo="SwzInfo" :currentAdCode="currentAdCode"></hydrometricStation>
      </div>
      <!--扶贫县-->
      <div style="height:100%;" v-if="legendShowData.id == 'mapServer_fpx' || legendShowData.id == 'mapServer_zdx' || legendShowData.id == 'mapServer_bjx' || legendShowData.id == 'mapServer_tcx' || legendShowData.id == 'mapServer_ddfp'">
        <fuPinXianTableList :currentAdCode="currentAdCode" :layerId="legendShowData.id"></fuPinXianTableList>
      </div>
      <!--全部淤地坝-->
      <div v-if="legendShowData.id == 'allYdbGraphicLayer'">
        <allYdbTableList @allYdbInfo="allYdbInfo" :currentAdCode="currentAdCode"></allYdbTableList>
      </div>
      <!--淤地坝-->
      <div v-if="legendShowData.id == 'ydbGraphicLayer'">
        <ydbTableList @ydbInfo="ydbInfo" :currentAdCode="currentAdCode"></ydbTableList>
      </div>
      <!--水资源 全部水源地-->
      <div v-if="legendShowData.id == 'szy_allSydGraphicLayer'">
        <szyAllSyd @szyAllSydInfo="szyAllSydInfo" :currentAdCode="currentAdCode"></szyAllSyd>
      </div>
      <!--水源地New-->
      <div v-if="legendShowData.id == 'szy_sydGraphicLayer'">
        <sydNewTableList @sydNewInfo="sydNewInfo" :currentAdCode="currentAdCode"></sydNewTableList>
      </div>
      <!--水資源 全部取水户-->
      <div v-if="legendShowData.id == 'szy_allQyshGraphicLayer'">
        <szyAllQysh @szyAllQyshInfo="szyAllQyshInfo" :currentAdCode="currentAdCode"></szyAllQysh>
      </div>
      <!--水資源 取水户-->
      <div v-if="legendShowData.id == 'szy_qyshGraphicLayer'">
        <qshTableList @qshInfo="qshInfo" :currentAdCode="currentAdCode"></qshTableList>
      </div>
      <!--水資源 取水口-->
      <div v-if="legendShowData.id == 'szy_qskGraphicLayer'">
        <szyQskTableList @szyQskInfo="szyQskInfo" :currentAdCode="currentAdCode"></szyQskTableList>
      </div>
      <!--水资源 节水管理-->
      <div v-if="legendShowData.id == 'szy_jsglGraphicLayer'">
        <szyJsgl @szyJsglInfo="szyJsglInfo" :currentAdCode="currentAdCode"></szyJsgl>
      </div>
      <!--水资源 用水单位-->
      <div v-if="legendShowData.id == 'szy_ysdwGraphicLayer'">
        <szyYsdw @szyYsdwInfo="szyYsdwInfo" :currentAdCode="currentAdCode"></szyYsdw>
      </div>
    </draggable>
  </transition>
</template>

<script>
  import draggable from './draggable'
  import {legendData} from '../config/legendConfig.js'
  import InspectionPersonnel from '../components/InspectionPersonnel'
  import reservoirList from '../components/reservoirList'
  import peopleDrink from '../components/peopleDrink'
  import waterloggingProject from '../components/waterloggingProject'
  import ShgcInfo from "../components/shgcInfo"
  import dxsInfo from "../components/dxsInfo"
  import peopleDrinkNygc from '../components/peopleDrinkNygc'
  import peopleDrinkSyd from '../components/peopleDrinkSyd'
  import peopleDrinkXzc from '../components/peopleDrinkXzc'
  import szInfo from '../components/szInfo'
  import szInfoAll from '../components/szInfoAll'
  import Info172 from '../components/Info172'
  import InfoIntake from '../components/InfoIntake'
  import InfoSurfaceWater from '../components/InfoSurfaceWater'
  import hydrometricStation from '../components/hydrometricStation'
  import fuPinXianTableList from '../components/fuPinXianTableList'
  import ydbTableList from '../components/ydbTableList'
  import allYdbTableList from '../components/allYdbTableList'
  import sydNewTableList from '../components/sydNewTableList'
  import qshTableList from '../components/qushuihu/qshTableList'
  import szyQskTableList from '../components/qushuihu/szyQskTableList'
  import szyJsgl from '../components/tableList/szy_jsgl.vue'
  import szyYsdw from '../components/tableList/szy_ysdw.vue'
  // add by luochenghai 
  import shuiBaoProDataSheet from '../components/duChaNewObj/shuiBaoProDataSheet'  //水保项目
  import shuiBaoDcDataSheet from '../components/duChaNewObj/shuiBaoDcDataSheet'    //水保督查
  import heHuSiLuanDataSheet from '../components/duChaNewObj/heHuSiLuanDataSheet'   //河湖四乱
  import feiFaCaiShaDataSheet from '../components/duChaNewObj/feiFaCaiShaDataSheet' //非法采沙
  // end 
    export default {
        name: "listModel",
        props: ['checkedLayerList','currentAdCode','currentObjectRgstrId'],
        components:{
          draggable,
          InspectionPersonnel,
          reservoirList,
          peopleDrink,
          waterloggingProject,
          ShgcInfo,
          dxsInfo,
          peopleDrinkNygc,
          peopleDrinkSyd,
          peopleDrinkXzc,
          szInfo,
          szInfoAll,
          Info172,
          InfoIntake,
          InfoSurfaceWater,
          hydrometricStation,
          fuPinXianTableList,
          ydbTableList,
          allYdbTableList,
          sydNewTableList,
          qshTableList,
          szyQskTableList,
          szyJsgl,
          szyYsdw,
          szyAllQysh:resolve => {require(['../components/tableList/szy_allQysh.vue'],resolve)},
          szyAllSyd:resolve => {require(['../components/tableList/szy_allSyd.vue'],resolve)},
          shuiBaoProDataSheet,
          shuiBaoDcDataSheet,
          heHuSiLuanDataSheet,
          feiFaCaiShaDataSheet
        },
      data() {
          return {
            checkedLayerList1:[],
            legendShowData:{}
          }
      },
      mounted(){
        this.checkedLayerList1 = this.checkedLayerList;
        this.handleLayerChange();
      },
      watch:{
        checkedLayerList(n,o){
          this.checkedLayerList1 = n;
          this.handleLayerChange();
        },
      },
      computed: {
        recPersId() {
          return localStorage.getItem("userid") ? localStorage.getItem("userid") : ''
        }
      },
      methods:{

        handleLayerChange(){
          var _self = this;
          legendData.forEach((item)=>{
            if(item.id == _self.checkedLayerList1[_self.checkedLayerList1.length-1].id){
              _self.legendShowData = item;
            }
          })
          console.log(_self.legendShowData.id);
        },
        //关闭督查人员
        closeModal_data_common() {
          this.$emit('closeModal_data_common','lb');
        },
        peopleInfo(row,info){
          this.$emit('peopleInfo',row,this.legendShowData.id,info,this.recPersId);
        },

      //  水库操作事件
        skInfo(row,info){
          this.$emit('skInfo',row,this.legendShowData.id,info);
        },
        paramsEmit(currentPersId,currentIsAdmin,currentPersName){
          this.$emit("groupHandler",currentPersId,currentIsAdmin,currentPersName)
        },
        ryInfo(row,info){
          this.$emit('ryInfo',row,this.legendShowData.id,info);
        },
        shgcInfo(row,info){
          this.$emit('shgcInfo',row,this.legendShowData.id,info)
        },
        dxsInfo(row,info){
          this.$emit('dxsInfo',row,this.legendShowData.id,info)
        },
        szInfo(row,info){
          this.$emit('szInfo',row,this.legendShowData.id,info)
        },
        szInfoAll(row,info){
          this.$emit('szInfoAll',row,this.legendShowData.id,info)
        },
        Info172(row,info){
          this.$emit('Info172',row,this.legendShowData.id,info)
        },
        QskInfo(row,info){
          this.$emit('QskInfo',row,this.legendShowData.id,info)
        },
        DbsInfo(row,info){
          this.$emit('DbsInfo',row,this.legendShowData.id,info)
        },
        SwzInfo(row,info){
          this.$emit('SwzInfo',row,this.legendShowData.id,info)
        },
        allYdbInfo(row,info){
          this.$emit('allYdbInfo',row,this.legendShowData.id,info)
        },
        ydbInfo(row,info){
          this.$emit('ydbInfo',row,this.legendShowData.id,info)
        },
        szyAllSydInfo(row,info){
          this.$emit('szyAllSydInfo',row,this.legendShowData.id,info)
        },
        sydNewInfo(row,info){
          this.$emit('sydNewInfo',row,this.legendShowData.id,info)
        },
        szyAllQyshInfo(row,info){
          this.$emit('szyAllQyshInfo',row,this.legendShowData.id,info)
        },
        qshInfo(row,info){
          this.$emit('qshInfo',row,this.legendShowData.id,info)
        },
        szyQskInfo(row,info){
          this.$emit('szyQskInfo',row,this.legendShowData.id,info)
        },
        szyJsglInfo(row,info){
          this.$emit('szyJsglInfo',row,this.legendShowData.id,info)
        },
        szyYsdwInfo(row,info){
          this.$emit('szyYsdwInfo',row,this.legendShowData.id,info)
        },

        // 省级督查平台 新增督查对象 操作事件 add by luochenahi
        sbInfo(row,info){
          this.$emit('sbInfo',row,this.legendShowData.id,info); //水保项目
        },
        sbDcInfo(row,info){
          this.$emit('sbDcInfo',row,this.legendShowData.id,info); //水保督查
        },
        hhslInfo(row,info){
          this.$emit('hhslInfo',row,this.legendShowData.id,info); //河湖四乱
        },
        ffcsInfo(row,info){
          this.$emit('ffcsInfo',row,this.legendShowData.id,info); //非法采沙
        },
      }
    }
</script>

<style scoped>

</style>