{"version":3,"sources":["webpack:///src/views/home/home_old.vue","webpack:///./src/views/home/home_old.vue?2362","webpack:///./src/views/home/home_old.vue","webpack:///./src/views/home/data1.json","webpack:///./src/views/home/container.json"],"names":["ACTIVATED","CONNECTED","home_old","computed","objectSpread_default","Object","vuex_esm","fetchData","methods","item","icon","alldata","allcontainers","_this","this","slice","_this2","map","google","setAllMarkers","_this3","Wrapper","marker_red","marker_orange","marker_green","path","lng","name","data","marker","markers","_this4","gsensor","attachState","cellidSignal","battery","lat","more","close","panel","created","_created","asyncToGenerator_default","initMap","__webpack_require__","auth","AsideTab","aside_tab","AsideList","aside_list","mapToolConfig","map_tool_config","tree","Charts","charts","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","width","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","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":"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","file":"js/3.386c341b.js","sourcesContent":["<template>\n    <!--页面-->\n    <el-container class=\"i-body\">\n\n      <el-aside class=\"i-side\" width=\"270px\">\n\n        <aside-tab class=\"imb-1 \" :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\" @click=\"rowClick\" title=\"Device List\" v-show=\"currnetTab==1\"></aside-list>\n\n        <split-pane :min-percent=\"0\" :default-percent=\"50\" split=\"horizontal\" v-if=\"false\">\n          <div slot=\"paneL\" class=\"i-aside-pane\" v-if=\"false\">\n            <span class=\"ipy-1 ipl-1 d-block name\"><i class=\"el-icon-tickets imr-1\"></i>Group tree</span>\n            <tree @check-change=\"checkChange\"></tree>\n          </div>\n          <div slot=\"paneL\" class=\"i-aside-pane\">\n            <!--集装箱列表-->\n            <aside-list :datas=\"containers\" @click=\"rowClick\" title=\"Container List\"></aside-list>\n          </div>\n          <div slot=\"paneR\" class=\"i-aside-pane\">\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            <aside-list :datas=\"tableData\" @click=\"rowClick\" title=\"Device List\"></aside-list>\n\n          </div>\n        </split-pane>\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            <template slot=\"paneL\">\n              <div class=\"i-pane i-pane-map\" ref=\"imap\"></div>\n            </template>\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>\n// import amap from './maps/amap'\nimport {getToken} from '@/common/auth'\nimport tree from '@/components/tree'\nimport mapToolConfig from '@/components/map-tool-config'\nimport {remoteLoad} 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'\nconst ACTIVATED = 'Activated'\nconst CONNECTED = 'Connected'\nconst ATTACHED = 'Attached'\n// import {MarkerClusterer, Cluster, ClusterIcon} from './maps/markerclusterer.js'\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  },\n  computed: {\n    ...mapGetters([\n      'userId',\n      'clickedObjectId'\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      console.log(item)\n      this.currentItem = item\n\n      // this.map.clearMap()\n\n      // let AMap = window.AMap\n\n      // const marker = new AMap.Marker({\n      //   map: this.map,\n      //   position: [item.lng, item.lat]\n      // })\n      // this.map.setCenter([item.lng, item.lat])\n\n      // const colors = {\n      //   Activated: '#F44336',\n      //   Connected: '#FF9800',\n      //   Attached: '#4CAF50'\n      // }\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      // console.log(more)\n      // const panel = this.$dataPanel.create({\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: 'Module IMEI：', text: '759661947'}\n      //   ],\n      //   more,\n      //   titleBackground: colors[item.attachState],\n      //   onClose: () => {\n      //     infoWindow.close()\n      //   }\n      // })\n      // const infoWindow = new AMap.InfoWindow({\n      //   isCustom: true,\n      //   content: panel,  //使用默认信息窗体框样式，显示信息内容\n      //   offset: new AMap.Pixel(0, -20)\n      // })\n      // infoWindow.open(this.map, marker.getPosition())\n      // AMap.event.addListener(marker, 'click', () => {\n      //     infoWindow.open(this.map, marker.getPosition())\n      // })\n\n    },\n    getBattery(rate) {\n      const options = ['icon-cloud-battery', 'icon-iconset0249', 'icon-dianchi', 'icon-dianchi1']\n      let icon = 3\n      let color = '#4CAF50'\n      if (rate > 80) {\n        icon = 3\n        color = '#4CAF50'\n      } else if (rate > 50) {\n        icon = 2\n        color = '#8BC34A'\n      } else if (rate > 25) {\n        icon = 1\n        color = '#FF9800'\n      } else {\n        icon = 0\n        color = '#FF5722'\n      }\n      return `<svg class=\"icon\" aria-hidden=\"true\" style=\"font-size:24px;vertical-align:text-top;fill:${color}\"><use xlink:href=\"#${options[icon]}\"></use></svg>`\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 AMapUI = this.AMapUI = window.AMapUI\n    //     let AMap = this.AMap = window.AMap\n    //     let mapConfig = {\n    //       resizeEnable: true,\n    //       zoom: 11,\n    //       //center: [116.397428, 39.90923]\n    //     }\n    //     /* eslint-disable no-new */\n    //     let map = new AMap.Map(this.$refs.imap, mapConfig)\n    //     // 启用工具条\n    //     AMap.plugin(['AMap.ToolBar'], function () {\n    //       map.addControl(new AMap.ToolBar({\n    //         position: 'lt'\n    //       }))\n    //     })\n    //     // 图层切换控件\n    //     AMapUI.loadUI(['control/BasicControl'], function(BasicControl) {\n    //       map.addControl(new BasicControl.LayerSwitcher({\n    //         position: 'rt'\n    //       }))\n    //     })\n    //     this.map = map\n    //     const googleLayer = new AMap.TileLayer({\n    //         // 图块取图地址\n    //         getTileUrl: 'http://mt{1,2,3,0}.google.cn/vt/lyrs=m@142&hl=en&gl=cn&x=[x]&y=[y]&z=[z]&s=Galil',\n    //         zIndex:100\n    //     })\n    //     googleLayer.setMap(map)\n    //     this.map.setLang('en');\n\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\n        this.Wrapper = GetWrapper(google)\n\n        this.setAllMarkers()\n      })\n    },\n\n    setAllMarkers() {\n\n      var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'\n      const Wrapper = this.Wrapper\n      let markers = this.containers.map((item, i) => {\n        let data = item\n\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: markFactory('#F44336'),\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      const colors = {\n        Activated: '#F44336',\n        Connected: '#FF9800',\n        Attached: '#4CAF50'\n      }\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\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\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: -40 })\n      }\n\n      // if (this.infoWindow) {\n      //   this.infoWindow.setContent(panel)\n      //   this.infoWindow.open(this.map, marker)\n      // } else {\n      //   this.infoWindow = new google.maps.InfoWindow({\n      //     content: panel\n      //   })\n      //   this.infoWindow.open(this.map, marker)\n      // }\n    }\n  },\n  async created() {\n    // this.tableData = []\n    // for (let i = 0; i < 3; i++) {\n    //   this.tableData.push({itemname: `集装箱${i}`})\n    // }\n    // if (window.AMap && window.AMapUI) {\n    //   this.initMap()\n    //   // 未载入高德地图API，则先载入API再初始化\n    // } else {\n    //   await remoteLoad(`http://webapi.amap.com/maps?v=1.4.2&key=43a9650bd8100941d275705f0535c882`)\n    //   await remoteLoad('http://webapi.amap.com/ui/1.0/main.js?v=1.0.11')\n    //   this.initMap()\n    // }\n    if (window.google) {\n      this.initMap()\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      await remoteLoad('https://maps.googleapis.com/maps/api/js?key=AIzaSyC2zoDmBYTkN5UtzI069ifi6X5x7SfhVt8&language=en').catch(err => {\n        this.$message.error('Network Error')\n      })\n      this.initMap()\n    }\n\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  mounted() {\n    // this.$nextTick(() => {\n    //   amap.init()\n    // })\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\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  },\n  components: {\n    AsideTab,\n    AsideList,\n    mapToolConfig,\n    tree,\n    Charts\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\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 {\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        }\n      }\n      .i-pane-map {\n      }\n    }\n    .i-footer {\n      //background-color: #B3C0D1;\n    }\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/home/home_old.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',{staticClass:\"imb-1 \",attrs:{\"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\"},on:{\"click\":_vm.rowClick}}),(false)?_c('split-pane',{attrs:{\"min-percent\":0,\"default-percent\":50,\"split\":\"horizontal\"}},[(false)?_c('div',{staticClass:\"i-aside-pane\",attrs:{\"slot\":\"paneL\"},slot:\"paneL\"},[_c('span',{staticClass:\"ipy-1 ipl-1 d-block name\"},[_c('i',{staticClass:\"el-icon-tickets imr-1\"}),_vm._v(\"Group tree\")]),_c('tree',{on:{\"check-change\":_vm.checkChange}})],1):_vm._e(),_c('div',{staticClass:\"i-aside-pane\",attrs:{\"slot\":\"paneL\"},slot:\"paneL\"},[_c('aside-list',{attrs:{\"datas\":_vm.containers,\"title\":\"Container List\"},on:{\"click\":_vm.rowClick}})],1),_c('div',{staticClass:\"i-aside-pane\",attrs:{\"slot\":\"paneR\"},slot:\"paneR\"},[(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(),_c('aside-list',{attrs:{\"datas\":_vm.tableData,\"title\":\"Device List\"},on:{\"click\":_vm.rowClick}})],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('template',{slot:\"paneL\"},[_c('div',{ref:\"imap\",staticClass:\"i-pane i-pane-map\"})]),_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-875dede6\",\"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_old.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-875dede6\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader?{\\\"sourceMap\\\":false}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=styles&index=0!./home_old.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_old.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_old.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-875dede6\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=template&index=0!./home_old.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-875dede6\"\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_old.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":""}