{"version":3,"sources":["webpack:///src/views/home/home_20180613.vue","webpack:///./src/views/home/home_20180613.vue?8522","webpack:///./src/views/home/home_20180613.vue","webpack:///./src/views/home/data1.json","webpack:///./src/views/home/container.json"],"names":["ACTIVATED","CONNECTED","home_20180613","computed","objectSpread_default","Object","vuex_esm","fetchData","methods","item","name","alldata","allcontainers","_this","this","slice","_this2","map","google","setAllMarkers","_this3","Wrapper","marker_red","marker_orange","marker_green","path","lng","data","marker","markers","_this4","gsensor","attachState","cellidSignal","battery","lat","more","close","panel","created","_created","asyncToGenerator_default","__webpack_require__","auth","AsideTab","aside_tab","AsideList","aside_list","mapToolConfig","map_tool_config","tree","Charts","charts","Alarm","alarm","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","width","border","tabs","model","value","callback","$$v","currnetTab","expression","directives","rawName","datas","containers","title","on","click","rowClick","tableData","_e","min-percent","default-percent","currentItem","split","resize","slot","ref","style","$event","alarmTabShow","show","mapConfigVisible","mapConfig","staticRenderFns","injectStyle","context","__vue_template_functional__","__vue_styles__","__vue_scopeId__","__vue_module_identifier__","Component","component_normalizer","__webpack_exports__","module","exports","holdId","id","place","mcu","temperature","humidity","opencloseDoor","cellid","states","stateCode","sensorId"],"mappings":"+SA6DAA,EAAA,YACAC,EAAA,YAGAC,QAEA,2EAKA,gCAEA,8BACA,4CAIA,gBAEA,IAEAC,SAAAC,OAAAC,OAAAC,EAAA,KAAAD,EAEA,SAEA,iGAIA,4DAKAE,8CAGAA,cAGAC,QAAAJ,OAAAC,OAAAC,EAAA,KAAAD,qBAGA,6FAMAI,+EAEAC,OACAD,8DAGAE,8CACAC,uCAEA,IAAAC,EAAAC,oTAkBAC,gDAKA,IAAAC,EAAAF,iGAGA,iBAEA,UACAG,2BACAC,UACAC,4CAGA,IAAAC,EAAAN,aACAO,gDAEAZ,IACA,0BAEAa,8BAEAC,gBAEAC,qDAKAC,uCAEA,sDACAC,cAOAhB,WAGAO,8DAEAU,KAGAC,kBASAC,2CAOApB,mCAGA,IAAAqB,EAAAhB,kBAEA,oBACA,mBAEA,2DAEA,gDACA,0CACA,sCAEAiB,6CAEA,oBACArB,+BACAsB,YAAA,cACAC,uBACAC,wCAEA,oCACAR,0BAEAS,MACAC,2BACAJ,oBACA,qCAEAK,kBAGAhB,0DAEAiB,iEACAZ,4FAEA,QAIAa,QAAA,WAnLA,IAAAC,EAAAC,wSA6LA,+BAUA,uCACAC,EAAA,6BACA,aAEAnC,iEAEA,4BAEAF,OAAAsC,EAAA,KAAAtC,oGA5BA,wCA2CA,6BACA,4BACA,4BACA,+BACA,8BACA,oBACA,4BAGAuC,SAAAC,EAAA,WACAC,UAAAC,EAAA,WACAC,cAAAC,EAAA,KACAC,OAAA,KACAC,OAAAC,EAAA,WAEAC,MAAAC,EAAA,aC/SAC,EAAA,WAA0B,IAAAC,EAAA1C,KAAa2C,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,gBAA0BE,YAAA,WAAqBF,EAAA,YAAiBE,YAAA,SAAAC,OAA4BC,MAAA,WAAiBJ,EAAA,aAAkBG,OAAOE,OAAA,GAAAC,MAAA,iCAAqDC,OAAQC,MAAAX,EAAA,WAAAY,SAAA,SAAAC,GAAgDb,EAAAc,WAAAD,GAAmBE,WAAA,gBAA0BZ,EAAA,cAAmBa,aAAa9D,KAAA,OAAA+D,QAAA,SAAAN,MAAA,GAAAX,EAAAc,WAAAC,WAAA,kBAAkFT,OAASY,MAAAlB,EAAAmB,WAAAC,MAAA,kBAAgDC,IAAKC,MAAAtB,EAAAuB,YAAsBpB,EAAA,cAAmBa,aAAa9D,KAAA,OAAA+D,QAAA,SAAAN,MAAA,GAAAX,EAAAc,WAAAC,WAAA,kBAAkFT,OAASY,MAAAlB,EAAAwB,UAAAJ,MAAA,iBAAuoCpB,EAAAyB,MAAA,GAAAtB,EAAA,mBAAiFA,EAAA,WAAgBE,YAAA,WAAqBF,EAAA,cAAmBG,OAAOoB,cAAA,GAAAC,kBAAA3B,EAAA4B,YAAA1E,KAAA,OAAA2E,MAAA,YAAsFR,IAAKS,OAAA9B,EAAA8B,UAAqB3B,EAAA,OAAYE,YAAA,iBAAAC,OAAoCyB,KAAA,SAAeA,KAAA,UAAc5B,EAAA,OAAY6B,IAAA,OAAA3B,YAAA,sBAA2CF,EAAA,OAAYE,YAAA,mCAAA4B,MAAAjC,EAAA,aAAsEG,EAAA,OAAYE,YAAA,mBAAAgB,IAAmCC,MAAA,SAAAY,GAAyBlC,EAAAmC,cAAAnC,EAAAmC,iBAAuCnC,EAAAmC,aAA+DnC,EAAAyB,KAA/DtB,EAAA,KAA8BE,YAAA,uBAAiCL,EAAA,aAAAG,EAAA,KAAsCE,YAAA,qBAA+BL,EAAAyB,OAAAtB,EAAA,eAAAA,EAAA,YAA8C4B,KAAA,UAAa5B,EAAA,OAAYE,YAAA,iBAA2BL,EAAA4B,YAAA,KAAAzB,EAAA,UAAsCG,OAAOY,MAAAlB,EAAA4B,eAAyB5B,EAAAyB,MAAA,iBAAAtB,EAAA,mBAAmDG,OAAO8B,KAAApC,EAAAqC,kBAA4B3B,OAAQC,MAAAX,EAAA,UAAAY,SAAA,SAAAC,GAA+Cb,EAAAsC,UAAAzB,GAAkBE,WAAA,gBAAyB,IAC12FwB,iBCDA,SAAAC,EAAAC,GACAvD,EAAA,QAQA,IAAAwD,GAAA,EAEAC,EAAAH,EAEAI,EAAA,kBAEAC,EAAA,KAEAC,EAAAjG,OAAAkG,EAAA,KAAAlG,CACAH,EACAqD,EACAwC,EACAG,EACAC,EACAC,EACAC,GAGAG,EAAA,WAAAF,EAAA,iDC3BAG,EAAAC,UAAmBC,OAAA,IAAAjG,KAAA,WAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,2BAAAC,IAAA,KAAAC,YAAA,KAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,SAAAjF,aAAA,IAAAC,QAAA,KAAAiF,OAAA,iDAAAC,WAAA,MAAAC,SAAA,UAAArF,YAAA,cAAsX2E,OAAA,IAAAjG,KAAA,WAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,iBAAAC,IAAA,KAAAC,YAAA,OAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,SAAAjF,aAAA,IAAAC,QAAA,KAAAiF,OAAA,yCAAAC,WAAA,IAAAC,SAAA,UAAArF,YAAA,cAAoW2E,OAAA,IAAAjG,KAAA,WAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,iCAAAC,IAAA,KAAAC,YAAA,KAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,UAAAjF,aAAA,KAAAC,QAAA,KAAAiF,OAAA,0CAAAC,WAAA,SAAAC,SAAA,UAAArF,YAAA,cAA0X2E,OAAA,IAAAjG,KAAA,WAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,cAAAC,IAAA,KAAAC,YAAA,OAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,SAAAjF,aAAA,KAAAC,QAAA,KAAAiF,OAAA,0CAAAC,WAAA,MAAAC,SAAA,UAAArF,YAAA,cAAqW2E,OAAA,IAAAjG,KAAA,WAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,8BAAAC,IAAA,KAAAC,YAAA,OAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,OAAAjF,aAAA,KAAAC,QAAA,KAAAiF,OAAA,wCAAAC,WAAA,MAAAC,SAAA,UAAArF,YAAA,iCCA58CyE,EAAAC,UAAmBC,OAAA,IAAAjG,KAAA,cAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,2BAAAC,IAAA,KAAAC,YAAA,KAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,SAAAjF,aAAA,IAAAC,QAAA,KAAAiF,OAAA,iDAAAC,WAAA,MAAAC,SAAA,UAAArF,YAAA,cAAyX2E,OAAA,IAAAjG,KAAA,cAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,iBAAAC,IAAA,KAAAC,YAAA,OAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,SAAAjF,aAAA,IAAAC,QAAA,KAAAiF,OAAA,yCAAAC,WAAA,IAAAC,SAAA,UAAArF,YAAA,cAAuW2E,OAAA,IAAAjG,KAAA,cAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,iCAAAC,IAAA,KAAAC,YAAA,KAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,UAAAjF,aAAA,KAAAC,QAAA,KAAAiF,OAAA,0CAAAC,WAAA,SAAAC,SAAA,UAAArF,YAAA,cAA6X2E,OAAA,IAAAjG,KAAA,cAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,cAAAC,IAAA,KAAAC,YAAA,OAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,SAAAjF,aAAA,KAAAC,QAAA,KAAAiF,OAAA,0CAAAC,WAAA,MAAAC,SAAA,UAAArF,YAAA,cAAwW2E,OAAA,IAAAjG,KAAA,cAAAkG,GAAA,IAAAlF,IAAA,aAAAS,IAAA,YAAA0E,MAAA,8BAAAC,IAAA,KAAAC,YAAA,OAAAC,SAAA,KAAAjF,QAAA,OAAAkF,cAAA,KAAAC,OAAA,OAAAjF,aAAA,KAAAC,QAAA,KAAAiF,OAAA,wCAAAC,WAAA,MAAAC,SAAA,UAAArF,YAAA","file":"js/4.7402ef41.js","sourcesContent":["<template>\n    <!--页面-->\n    <el-container class=\"i-body\">\n\n      <el-aside class=\"i-side\" width=\"270px\">\n\n        <aside-tab class=\"\" border :tabs=\"['Container List', 'Device List']\" v-model=\"currnetTab\"></aside-tab>\n        <aside-list :datas=\"containers\" @click=\"rowClick\" title=\"Container List\" v-show=\"currnetTab==0\"></aside-list>\n        <aside-list :datas=\"tableData\" title=\"Device List\" v-show=\"currnetTab==1\"></aside-list>\n\n        <!--类型列表-->\n        <el-row type=\"flex\" class=\"typeline\" v-if=\"false\">\n          <el-col :span=\"4\" style=\"color: rgb(32, 160, 255)\" :class=\"{active: currentStateCode==100}\" @click.native=\"currentStateCode=100\">{{$t('aside.type[0]')}}</el-col>\n          <el-col :span=\"4\" style=\"color: rgb(19, 206, 102)\" :class=\"{active: currentStateCode==1}\" @click.native=\"currentStateCode=1\">{{$t('aside.type[1]')}}</el-col>\n          <el-col :span=\"4\" style=\"color: rgb(153, 169, 191)\" :class=\"{active: currentStateCode==0}\" @click.native=\"currentStateCode=0\">{{$t('aside.type[2]')}}</el-col>\n          <el-col :span=\"4\" style=\"color: rgb(255, 73, 73)\" :class=\"{active: currentStateCode==10}\" @click.native=\"currentStateCode=10\">{{$t('aside.type[3]')}}</el-col>\n          <el-col :span=\"4\" style=\"color: rgb(247, 186, 42)\" :class=\"{active: currentStateCode==66}\" @click.native=\"currentStateCode=66\">{{$t('aside.type[4]')}}</el-col>\n        </el-row>\n\n      </el-aside>\n\n      <el-container class=\"\">\n        <el-main class=\"i-main\">\n          <split-pane @resize=\"resize\" :min-percent=\"10\" :default-percent=\"currentItem.name ? 50 : 100\" split=\"vertical\">\n            <div slot=\"paneL\" class=\"i-pane-wrapper\">\n              <div class=\"i-pane i-pane-map\" ref=\"imap\"></div>\n              <div class=\"i-pane i-pane-alarm elevation-10\" :style=\"alarmPanel\">\n                <div class=\"i-pane-alarm-btn\" @click=\"alarmTabShow = !alarmTabShow\">\n                  <i class=\"el-icon-arrow-down\" v-if=\"!alarmTabShow\"></i>\n                  <i class=\"el-icon-arrow-up\" v-if=\"alarmTabShow\"></i>\n                </div>\n                <alarm></alarm>\n              </div>\n            </div>\n            <template slot=\"paneR\">\n              <div class=\"i-pane chart\">\n                <charts :datas=\"currentItem\" v-if=\"currentItem.name\"></charts>\n              </div>\n            </template>\n          </split-pane>\n        </el-main>\n        <!-- <el-footer class=\"i-footer\" height=\"40px\"></el-footer> -->\n      </el-container>\n\n      <map-tool-config :show=\"mapConfigVisible\" v-model=\"mapConfig\"></map-tool-config>\n    </el-container>\n\n</template>\n\n<script>\nimport {getBattery} from './others'\nimport {getToken} from '@/common/auth'\nimport tree from '@/components/tree'\nimport mapToolConfig from '@/components/map-tool-config'\nimport {remoteLoad,findFromArray} from '@/common/utils'\nimport Charts from './charts'\nimport {mapMutations,mapGetters} from 'vuex'\nimport {GooglePanel, GetWrapper} from './maps/google-map.js'\nimport AsideList from './aside-list'\nimport AsideTab from './aside-tab'\nimport Alarm from './alarm/alarm'\nconst ACTIVATED = 'Activated'\nconst CONNECTED = 'Connected'\nconst ATTACHED = 'Attached'\n\nexport default {\n  name: 'home',\n  data() {\n    return {\n      containers: [],\n      tableData: [],\n      mapConfigVisible: false,\n      mapConfig: {},\n      currentStateCode: 100,\n      currentSelectKey: ['1', '2', '3'],\n      onMapData: [],\n      currentItem: {},\n      currnetTab: 0,\n\n      alarmTabShow: true\n    }\n  },\n  computed: {\n    ...mapGetters([\n      'userId',\n      'clickedObjectId'\n    ]),\n    alarmPanel() {\n      return {\n        transform: this.alarmTabShow ? 'translateY(100%)' : 'translateY(0)'\n      }\n    }\n  },\n  watch: {\n    currentStateCode() {\n      this.fetchData()\n    },\n    currentSelectKey() {\n      this.fetchData()\n    }\n  },\n  methods: {\n    ...mapMutations({\n      setClickedObjectId:'SET_CLICKED_OBJECT_ID'\n    }),\n    rowClick(item) {\n      if (item.id == this.currentItem.id) {\n        return\n      }\n\n      this.currentItem = item\n      this.openMarkerWindow(findFromArray(this.markers, marker => {\n        marker.getTitle() == item.name\n      }), item)\n    },\n    fetchData() {\n      this.tableData = this.filterList(this.alldata)\n      this.containers = this.filterList(this.allcontainers)\n    },\n    filterList(datas) {\n      return datas.filter(item => {\n        if (this.currentSelectKey.indexOf('1') != -1) {\n          if (this.currentStateCode == 100 || item.stateCode.indexOf(this.currentStateCode) != -1) {\n            return true\n          } else {\n            return false\n          }\n        } else {\n          if (this.currentSelectKey.indexOf(item.holdId) != -1 && (item.stateCode.indexOf(this.currentStateCode) != -1 || this.currentStateCode == 100)) {\n            return true\n          } else {\n            return false\n          }\n        }\n      })\n    },\n    checkChange(nodes) {\n      this.currentSelectKey = nodes.slice()\n    },\n    resize() {\n\n    },\n    initMap() {\n      this.$nextTick(() => {\n        let map = new google.maps.Map(this.$refs.imap, {\n            center: {lat: 33.061798, lng: 110.442263},\n            zoom: 4\n        })\n        this.map = map\n        this.Wrapper = GetWrapper(google)\n        this.setAllMarkers()\n      })\n    },\n    setAllMarkers() {\n      const Wrapper = this.Wrapper\n      let markers = this.containers.map((item, i) => {\n        let data = item\n        let path = null\n        if (item.attachState == ACTIVATED) {\n          path = this.marker_red\n        } else if (item.attachState == CONNECTED) {\n          path = this.marker_orange\n        } else {\n          path = this.marker_green\n        }\n\n        const marker = new google.maps.Marker({\n          icon: {\n            url: path,\n            labelOrigin: new google.maps.Point(20, 45)\n          },\n          position: { lat: parseFloat(item.lat), lng: parseFloat(item.lng) },\n          // label: {\n          //   text: item.name,\n          //   color: '#606266',\n          //   fontWeight: '600',\n          //   fontSize: '12px'\n          // },\n          title: item.name,\n          map: this.map\n        })\n\n        marker.addListener('click', () => {\n          this.markerClick(marker, data)\n        })\n\n        return marker\n      })\n\n      // this.alldata.forEach(item => {\n      //   const wrapper = new Wrapper(this.map, new google.maps.LatLng(item.lat, item.lng), { el: item.name, offsetY: 16 })\n      //   markers.push(wrapper)\n      // })\n\n      this.markers = markers\n\n      // var markerCluster = new MarkerClusterer(this.map, markers,\n      //   {imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'}\n      // );\n    },\n\n    markerClick(marker, item) {\n      this.rowClick(item)\n    },\n\n    openMarkerWindow(marker, item) {\n      const colors = {\n        Activated: '#F44336',\n        Connected: '#FF9800',\n        Attached: '#4CAF50'\n      }\n      const more = this.userId != '1' ? [] : [\n        {title: 'SIM ICCID：', text: '898607B5231770404947'},\n        {title: 'SIM IMSI：', text: '53S43T3A324A3'},\n        {title: 'Module SN：', text: 'B7231770'},\n        {title: 'G Sensor：', text: item.gsensor}\n      ]\n      const panel = this.$dataPanel.create({\n        bgColor: true,\n        title: `${item.name}`,\n        attachState: `(${item.attachState})`,\n        signal: item.cellidSignal,\n        battery: item.battery,\n        datas: [\n          {title: 'Device SN：', text: 'E25E52SA6SS'},\n          {title: 'Lng：', text: item.lng},\n          {title: 'Lat：', text: item.lat}\n        ],\n        more,\n        titleBackground: colors[item.attachState],\n        close: true,\n        onClose: () => {\n          this.wrapperWindow.close()\n        }\n      })\n      const Wrapper = this.Wrapper\n      if (this.wrapperWindow) {\n        this.wrapperWindow.setContent(panel)\n        this.wrapperWindow.setPosition(new google.maps.LatLng(item.lat, item.lng))\n      } else {\n        this.wrapperWindow = new Wrapper(this.map, new google.maps.LatLng(item.lat, item.lng), { el: panel, offsetY: -70 })\n      }\n    }\n  },\n  async created() {\n    if (window.google) {\n      //this.initMap()\n      // console.log('google 终于存在')\n    } else {\n      // await remoteLoad('https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js').catch(err => {\n      //   this.$message.error('Network Error')\n      // })\n      // console.log('created start.')\n      const promise = remoteLoad('https://maps.googleapis.com/maps/api/js?key=AIzaSyC2zoDmBYTkN5UtzI069ifi6X5x7SfhVt8&language=en').catch(err => {\n        this.$message.error('Network Error')\n      })\n      // console.log('created ok.')\n      //this.initMap()\n\n      // const promise2 = Promise.all([promise]).then(data => {\n      //   console.log('google 加载完成', JSON.stringify(new Date()))\n      // })\n    }\n\n    console.log('all data loaded start.')\n    this.alldata = require(`@/views/home/data1.json`)\n    this.allcontainers = require('@/views/home/container.json')\n    this.fetchData()\n\n    if (getToken() == '1') {\n      this.currentSelectKey = ['1', '2', '3']\n    } else {\n      this.currentSelectKey = [getToken()]\n    }\n\n    // 获取数据开始\n\n    // 加载谷歌地图、点聚合插件\n\n    // 加载设备列表\n\n    // 设置所有设备位置\n\n\n    // 获取数据结束\n  },\n  mounted() {\n    this.marker_red = require('../../assets/icon/CR.png')\n    this.marker_orange = require('../../assets/icon/CO.png')\n    this.marker_green = require('../../assets/icon/CG.png')\n    this.marker_red_d = require('../../assets/icon/DR.png')\n    this.marker_orange_d = require('../../assets/icon/DO.png')\n    this.marker_green_d = require('../../assets/icon/DG.png')\n    console.log('mounted ok.')\n  },\n  components: {\n    AsideTab,\n    AsideList,\n    mapToolConfig,\n    tree,\n    Charts,\n    Alarm\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../styles/mixin.scss\";\n  .i-body {\n    height: calc(100vh - 60px);\n    flex-grow: 1;\n    .i-side {\n      border-right: 1px solid #DCDFE6;\n      .i-aside-pane {\n        box-sizing: border-box;\n        height: 100%;\n        overflow: auto;\n        border: 1px solid #DCDFE6;\n        border-top: none;\n        //border-radius: 4px;\n      }\n      .typeline {\n        // 状态类型\n        justify-content: space-around;\n        & > div {\n          font-size: 12px;\n          font-weight: 500;\n          margin-top: 8px;\n          margin-bottom: 8px;\n          cursor: pointer;\n          &:hover,&.active {\n            text-decoration: underline;\n          }\n        }\n      }\n    }\n    .i-main {\n      padding: 0;\n      height: auto;\n      .i-pane-wrapper{\n        overflow: hidden;\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n      }\n      .i-pane {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        &.chart {\n          overflow-y: auto;\n          background-color: #FAFAFA;\n          @include scroll-bar;\n        }\n      }\n      .i-pane-map {\n        overflow: hidden;\n      }\n      .i-pane-alarm {\n        top: auto;\n        left: 20px;\n        bottom: 0;\n        z-index: 100;\n        width: calc(100% - 40px);\n        max-height: 300px;\n        background-color: #fff;\n        border-top: 1px solid #DCDFE6;\n        overflow: visible;\n        transition: all 0.3s ease;\n        &-btn {\n          border: 1px solid #DCDFE6;\n          background-color: #fff;\n          position: absolute;\n          left: 50%;\n          transform: translateY(-100%) translateX(-50%);\n          text-align: center;\n          line-height: 30px;\n          height: 30px;\n          cursor: pointer;\n          z-index: 100;\n          width: 80px;\n        }\n      }\n    }\n    .i-footer {\n      //background-color: #B3C0D1;\n    }\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/home/home_20180613.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-container',{staticClass:\"i-body\"},[_c('el-aside',{staticClass:\"i-side\",attrs:{\"width\":\"270px\"}},[_c('aside-tab',{attrs:{\"border\":\"\",\"tabs\":['Container List', 'Device List']},model:{value:(_vm.currnetTab),callback:function ($$v) {_vm.currnetTab=$$v},expression:\"currnetTab\"}}),_c('aside-list',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currnetTab==0),expression:\"currnetTab==0\"}],attrs:{\"datas\":_vm.containers,\"title\":\"Container List\"},on:{\"click\":_vm.rowClick}}),_c('aside-list',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currnetTab==1),expression:\"currnetTab==1\"}],attrs:{\"datas\":_vm.tableData,\"title\":\"Device List\"}}),(false)?_c('el-row',{staticClass:\"typeline\",attrs:{\"type\":\"flex\"}},[_c('el-col',{class:{active: _vm.currentStateCode==100},staticStyle:{\"color\":\"rgb(32, 160, 255)\"},attrs:{\"span\":4},nativeOn:{\"click\":function($event){_vm.currentStateCode=100}}},[_vm._v(_vm._s(_vm.$t('aside.type[0]')))]),_c('el-col',{class:{active: _vm.currentStateCode==1},staticStyle:{\"color\":\"rgb(19, 206, 102)\"},attrs:{\"span\":4},nativeOn:{\"click\":function($event){_vm.currentStateCode=1}}},[_vm._v(_vm._s(_vm.$t('aside.type[1]')))]),_c('el-col',{class:{active: _vm.currentStateCode==0},staticStyle:{\"color\":\"rgb(153, 169, 191)\"},attrs:{\"span\":4},nativeOn:{\"click\":function($event){_vm.currentStateCode=0}}},[_vm._v(_vm._s(_vm.$t('aside.type[2]')))]),_c('el-col',{class:{active: _vm.currentStateCode==10},staticStyle:{\"color\":\"rgb(255, 73, 73)\"},attrs:{\"span\":4},nativeOn:{\"click\":function($event){_vm.currentStateCode=10}}},[_vm._v(_vm._s(_vm.$t('aside.type[3]')))]),_c('el-col',{class:{active: _vm.currentStateCode==66},staticStyle:{\"color\":\"rgb(247, 186, 42)\"},attrs:{\"span\":4},nativeOn:{\"click\":function($event){_vm.currentStateCode=66}}},[_vm._v(_vm._s(_vm.$t('aside.type[4]')))])],1):_vm._e()],1),_c('el-container',{},[_c('el-main',{staticClass:\"i-main\"},[_c('split-pane',{attrs:{\"min-percent\":10,\"default-percent\":_vm.currentItem.name ? 50 : 100,\"split\":\"vertical\"},on:{\"resize\":_vm.resize}},[_c('div',{staticClass:\"i-pane-wrapper\",attrs:{\"slot\":\"paneL\"},slot:\"paneL\"},[_c('div',{ref:\"imap\",staticClass:\"i-pane i-pane-map\"}),_c('div',{staticClass:\"i-pane i-pane-alarm elevation-10\",style:(_vm.alarmPanel)},[_c('div',{staticClass:\"i-pane-alarm-btn\",on:{\"click\":function($event){_vm.alarmTabShow = !_vm.alarmTabShow}}},[(!_vm.alarmTabShow)?_c('i',{staticClass:\"el-icon-arrow-down\"}):_vm._e(),(_vm.alarmTabShow)?_c('i',{staticClass:\"el-icon-arrow-up\"}):_vm._e()]),_c('alarm')],1)]),_c('template',{slot:\"paneR\"},[_c('div',{staticClass:\"i-pane chart\"},[(_vm.currentItem.name)?_c('charts',{attrs:{\"datas\":_vm.currentItem}}):_vm._e()],1)])],2)],1)],1),_c('map-tool-config',{attrs:{\"show\":_vm.mapConfigVisible},model:{value:(_vm.mapConfig),callback:function ($$v) {_vm.mapConfig=$$v},expression:\"mapConfig\"}})],1)}\nvar staticRenderFns = []\nexport { render, staticRenderFns }\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@vue/cli-service/node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-9b730c9a\",\"hasScoped\":true,\"optionsId\":\"0\",\"buble\":{\"transforms\":{}}}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/home/home_20180613.vue\n// module id = null\n// module chunks = ","function injectStyle (context) {\n  require(\"!!../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/style-compiler/index?{\\\"optionsId\\\":\\\"0\\\",\\\"vue\\\":true,\\\"id\\\":\\\"data-v-9b730c9a\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader?{\\\"sourceMap\\\":false}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=styles&index=0!./home_20180613.vue\")\n}\n/* script */\nexport * from \"!!cache-loader?{\\\"cacheDirectory\\\":\\\"F:\\\\\\\\VODOFO\\\\\\\\集装箱项目\\\\\\\\web\\\\\\\\node_modules\\\\\\\\.cache\\\\\\\\cache-loader\\\"}!babel-loader!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=script&index=0!./home_20180613.vue\"\nimport __vue_script__ from \"!!cache-loader?{\\\"cacheDirectory\\\":\\\"F:\\\\\\\\VODOFO\\\\\\\\集装箱项目\\\\\\\\web\\\\\\\\node_modules\\\\\\\\.cache\\\\\\\\cache-loader\\\"}!babel-loader!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=script&index=0!./home_20180613.vue\"\n/* template */\nimport {render as __vue_render__, staticRenderFns as __vue_static_render_fns__} from \"!!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-9b730c9a\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=template&index=0!./home_20180613.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-9b730c9a\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nimport normalizeComponent from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/component-normalizer\"\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_render__,\n  __vue_static_render_fns__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/home/home_20180613.vue\n// module id = null\n// module chunks = ","module.exports = [{\"holdId\":\"1\",\"name\":\"Device A\",\"id\":\"1\",\"lng\":\"114.388414\",\"lat\":\"22.268958\",\"place\":\"香港特別行政區中西區薄扶林郊野公园薄扶林郊野公園\",\"mcu\":\"10\",\"temperature\":\"24\",\"humidity\":\"54\",\"gsensor\":\"0.5g\",\"opencloseDoor\":\"门开\",\"cellid\":\"244511\",\"cellidSignal\":\"0\",\"battery\":\"54\",\"states\":\"启动行驶[2分10秒],低电压报警,主电压19.7V,GSM强29,卫星强14,回传[9秒]\",\"stateCode\":[1,66],\"sensorId\":\"7B72317\",\"attachState\":\"Activated\"},{\"holdId\":\"3\",\"name\":\"Device B\",\"id\":\"2\",\"lng\":\"121.826067\",\"lat\":\"31.115177\",\"place\":\"上海市浦东新区祝桥镇围场河路\",\"mcu\":\"65\",\"temperature\":\"25.5\",\"humidity\":\"56\",\"gsensor\":\"0.4g\",\"opencloseDoor\":\"门关\",\"cellid\":\"445125\",\"cellidSignal\":\"6\",\"battery\":\"45\",\"states\":\"启动怠速[33秒],主电压18.8V,GSM强30,卫星强9,回传[15秒]\",\"stateCode\":[99],\"sensorId\":\"B723177\",\"attachState\":\"Activated\"},{\"holdId\":\"3\",\"name\":\"Device C\",\"id\":\"3\",\"lng\":\"119.639788\",\"lat\":\"25.938193\",\"place\":\"安徽省池州地区（贵池）池州市长江南路池州市委党校东南413米\",\"mcu\":\"23\",\"temperature\":\"27\",\"humidity\":\"62\",\"gsensor\":\"0.3g\",\"opencloseDoor\":\"门关\",\"cellid\":\"5454156\",\"cellidSignal\":\"12\",\"battery\":\"68\",\"states\":\"启动行驶[47秒],主电压18.5V,GSM强31,卫星强13,回传[17秒]\",\"stateCode\":[1,10,66],\"sensorId\":\"3177049\",\"attachState\":\"Connected\"},{\"holdId\":\"1\",\"name\":\"Device D\",\"id\":\"4\",\"lng\":\"114.443346\",\"lat\":\"22.426457\",\"place\":\"福建省福州市长乐区沙岭\",\"mcu\":\"55\",\"temperature\":\"26.5\",\"humidity\":\"64\",\"gsensor\":\"0.2g\",\"opencloseDoor\":\"门开\",\"cellid\":\"571445\",\"cellidSignal\":\"18\",\"battery\":\"18\",\"states\":\"启动怠速[43秒],主电压15.3V,GSM强30,卫星强19,回传[22秒]\",\"stateCode\":[0,66],\"sensorId\":\"049244E\",\"attachState\":\"Connected\"},{\"holdId\":\"2\",\"name\":\"Device E\",\"id\":\"5\",\"lng\":\"121.648913\",\"lat\":\"29.958413\",\"place\":\"安徽省池州地区（贵池）池州市翠微东路兴佳小区西北34米\",\"mcu\":\"66\",\"temperature\":\"25.5\",\"humidity\":\"52\",\"gsensor\":\"0.1g\",\"opencloseDoor\":\"门开\",\"cellid\":\"5554\",\"cellidSignal\":\"24\",\"battery\":\"55\",\"states\":\"启动行驶[3秒],主电压18.0V,GSM强28,卫星强14,回传[3秒]\",\"stateCode\":[1,66],\"sensorId\":\"9860177\",\"attachState\":\"Attached\"}]\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/home/data1.json\n// module id = n56C\n// module chunks = 3 4","module.exports = [{\"holdId\":\"1\",\"name\":\"Container A\",\"id\":\"1\",\"lng\":\"114.388414\",\"lat\":\"22.268958\",\"place\":\"香港特別行政區中西區薄扶林郊野公园薄扶林郊野公園\",\"mcu\":\"10\",\"temperature\":\"24\",\"humidity\":\"54\",\"gsensor\":\"0.5g\",\"opencloseDoor\":\"门开\",\"cellid\":\"244511\",\"cellidSignal\":\"3\",\"battery\":\"54\",\"states\":\"启动行驶[2分10秒],低电压报警,主电压19.7V,GSM强29,卫星强14,回传[9秒]\",\"stateCode\":[1,66],\"sensorId\":\"7B72317\",\"attachState\":\"Activated\"},{\"holdId\":\"3\",\"name\":\"Container B\",\"id\":\"2\",\"lng\":\"121.826067\",\"lat\":\"31.115177\",\"place\":\"上海市浦东新区祝桥镇围场河路\",\"mcu\":\"65\",\"temperature\":\"25.5\",\"humidity\":\"56\",\"gsensor\":\"0.4g\",\"opencloseDoor\":\"门关\",\"cellid\":\"445125\",\"cellidSignal\":\"6\",\"battery\":\"45\",\"states\":\"启动怠速[33秒],主电压18.8V,GSM强30,卫星强9,回传[15秒]\",\"stateCode\":[99],\"sensorId\":\"B723177\",\"attachState\":\"Activated\"},{\"holdId\":\"3\",\"name\":\"Container C\",\"id\":\"3\",\"lng\":\"119.639788\",\"lat\":\"25.938193\",\"place\":\"安徽省池州地区（贵池）池州市长江南路池州市委党校东南413米\",\"mcu\":\"23\",\"temperature\":\"27\",\"humidity\":\"62\",\"gsensor\":\"0.3g\",\"opencloseDoor\":\"门关\",\"cellid\":\"5454156\",\"cellidSignal\":\"12\",\"battery\":\"68\",\"states\":\"启动行驶[47秒],主电压18.5V,GSM强31,卫星强13,回传[17秒]\",\"stateCode\":[1,10,66],\"sensorId\":\"3177049\",\"attachState\":\"Connected\"},{\"holdId\":\"1\",\"name\":\"Container D\",\"id\":\"4\",\"lng\":\"114.443346\",\"lat\":\"22.426457\",\"place\":\"福建省福州市长乐区沙岭\",\"mcu\":\"55\",\"temperature\":\"26.5\",\"humidity\":\"64\",\"gsensor\":\"0.2g\",\"opencloseDoor\":\"门开\",\"cellid\":\"571445\",\"cellidSignal\":\"18\",\"battery\":\"18\",\"states\":\"启动怠速[43秒],主电压15.3V,GSM强30,卫星强19,回传[22秒]\",\"stateCode\":[0,66],\"sensorId\":\"049244E\",\"attachState\":\"Connected\"},{\"holdId\":\"2\",\"name\":\"Container E\",\"id\":\"5\",\"lng\":\"121.648913\",\"lat\":\"29.958413\",\"place\":\"安徽省池州地区（贵池）池州市翠微东路兴佳小区西北34米\",\"mcu\":\"66\",\"temperature\":\"25.5\",\"humidity\":\"52\",\"gsensor\":\"0.1g\",\"opencloseDoor\":\"门开\",\"cellid\":\"5554\",\"cellidSignal\":\"26\",\"battery\":\"55\",\"states\":\"启动行驶[3秒],主电压18.0V,GSM强28,卫星强14,回传[3秒]\",\"stateCode\":[1,66],\"sensorId\":\"9860177\",\"attachState\":\"Attached\"}]\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/home/container.json\n// module id = wvgq\n// module chunks = 3 4"],"sourceRoot":""}