fj-dc-ui/.svn/pristine/80/809dfbed7ef714cde2f6f425598d7fcf8ddef2d7.svn-base

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

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

      <!--水毁工程-->
      <div v-if="legendShowData.id == 'shgcGraphicLayer'">
        <shgc-info @shgcInfo="shgcInfo" :currentAdCode="currentAdCode"></shgc-info>
      </div>
      <!--地下水-->
      <div v-if="legendShowData.id == 'dxsGraphicLayer'">
        <dxsInfo @dxsInfo="dxsInfo" :currentAdCode="currentAdCode"></dxsInfo>
      </div>
      <!--水闸-->
      <div v-if="legendShowData.id == 'szGraphicLayer'">
        <szInfo @szInfo="szInfo" :currentAdCode="currentAdCode"></szInfo>
      </div>
      <!--全部水闸-->
      <div v-if="legendShowData.id == 'szGraphicLayerAll'">
        <szInfoAll @szInfoAll="szInfoAll" :currentAdCode="currentAdCode"></szInfoAll>
      </div>
      <!--172-->
      <div v-if="legendShowData.id == 'graphicLayer172'">
        <Info172 @Info172="Info172" :currentAdCode="currentAdCode"></Info172>
      </div>

      <!--取水口-->
      <div v-if="legendShowData.id == 'graphicLayerQsk'">
        <InfoIntake @QskInfo="QskInfo" :currentAdCode="currentAdCode"></InfoIntake>
      </div>
      <!--地表水水源地-->
      <div v-if="legendShowData.id == 'graphicLayerDbssyd'">
        <InfoSurfaceWater @DbsInfo="DbsInfo" :currentAdCode="currentAdCode"></InfoSurfaceWater>
      </div>
      <!--水文站-->
      <div v-if="legendShowData.id == 'graphicLayerSwz'">
        <hydrometricStation @SwzInfo="SwzInfo" :currentAdCode="currentAdCode"></hydrometricStation>
      </div>
      <!--扶贫县-->
      <div 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>
    </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'
    export default {
        name: "listModel",
        props: ['checkedLayerList','currentAdCode'],
        components:{
          draggable,
          InspectionPersonnel,
          reservoirList,
          peopleDrink,
          waterloggingProject,
          ShgcInfo,
          dxsInfo,
          peopleDrinkNygc,
          peopleDrinkSyd,
          peopleDrinkXzc,
          szInfo,
          szInfoAll,
          Info172,
          InfoIntake,
          InfoSurfaceWater,
          hydrometricStation,
          fuPinXianTableList
        },
      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)
        }
      }
    }
</script>

<style scoped>

</style>