<template>
  <container>
    <div v-for="(value,index) in status" :key="index">
      <component :is="value.component"/>
    </div>
  </container>
</template>
<script>
import CityPlan from '../cityPlan'
import CityGovern from '../cityGovern'
import Map3D from '../mapViews/Map3D'
import Map2D from '../mapViews/Map2D'
import MapVideo from '../mapViews/MapVideo'
import SocialLivelihood from '../socialLivelihood'
import WisdomPipeNetwork from '../wisdomPipeNetwork'
import WisdomTraffic from '../wisdomTraffic'
import WisdomPublicSafety from '../wisdomPublicSafety'
import WisdomCityManage from '../wisdomCityManage'
import WisdomGovernmentAffairs from '../wisdomGovernmentAffairs'
import WisdomCommunity from '../wisdomCommunity'
import IndustrialEconomy from '../industrialEconomy'
import WisdomGardens from '../wisdomGardens'
import WisdomEducation from '../wisdomEducation'
import WisdomMedicalTreatment from '../wisdomMedicalTreatment'
import WisdomTravel from '../wisdomTravel'
import WisdomIPass from '../WisdomIPass'
import Container from '@/components/layout/Container'
export default {
  components: {
    Container,
    CityPlan, // 资源环境
    CityGovern, // 城市治理
    Map3D, // 三维地图
    Map2D, // 二维地图
    MapVideo, // 视频
    SocialLivelihood, // 社会民生
    IndustrialEconomy, // 产业经济
    WisdomPipeNetwork, // 智慧管网
    WisdomTraffic, // 智慧交通
    WisdomPublicSafety, // 智慧公共安全
    WisdomCityManage, // 智慧城管
    WisdomGovernmentAffairs, // 智慧政务
    WisdomCommunity, // 智慧社区
    WisdomGardens, // 智慧园林
    WisdomEducation, // 智慧教育
    WisdomMedicalTreatment, // 智慧医疗
    WisdomTravel, // 智慧旅游
    WisdomIPass // 产业经济？
  },
  data () {
    return {
      // status: this.$store.state.status,
      status: this.$store.state.status1 // 第一屏所有的面板
      // ops: {
      //   bar: {
      //     showDelay: 1000,
      //     keepShow: false,
      //     background: '#cecece',
      //     opacity: 0.5,
      //     size: '.06rem',
      //     onlyShowBarOnScroll: false
      //   }
      // }
    }
  },
  mounted () {
    // window.onload = () => {
    //   this.$refs['vsMain'].scrollTo({ x: '50%' }, 500)
    // }
  },
  methods: {
    // getUserInfo (location) {
    //   let params = {
    //   }
    //   homeList(params).then(res => {
    //     if (res.status == 1) {
    //     }
    //   })
    // }
  }
}
</script>