{"version":3,"sources":["webpack:///src/views/home/home-改高德.vue","webpack:///./src/views/home/home-改高德.vue?978a","webpack:///./src/views/home/home-改高德.vue"],"names":["home____","computed","objectSpread_default","Object","vuex_esm","_this","this","timer_refresh_current","fetchCurrentDeviceLocal","timer_refresh_history","drawAgain","methods","resolve","time","promise","Status","DeviceSN","DeviceName","ContainerName","row","device","deviceID","byHand","arguments","length","undefined","right_device_tab","right_container_tab","item","DeviceID","byMap","_f","reflow","chart_resize","_this2","then","ret","errMsg","slice","catch","err","_this3","_this4","UpdateTime","currentItem","updateLines","_this5","Equals","filters","_this6","_ref","data","reject","_this7","_ref2","_this8","ContainerID","_ref3","currentItemHistory","_this9","now","miment_default","_ref4","LID","_this10","_ref5","RcvTime","arr","_this11","_this12","AMapUI","AMap","mapConfig","map","setAllMarkers","_this13","LonProp","marker_d_offline","marker_d_active","marker_orange","marker_green","marker_orange_d","marker_green_d","marker_green_alarm","LatProp","iconPath","_iconPath","marker","markers","_this14","close","Lon","Lat","CellSignal","Battery","panelDatas","more","panel_showMore","val","Wrapper","panel","show","hide","nodes","getBoundingClientRect","created","_created","asyncToGenerator_default","initMap","utils","auth","fetchDevice","fetchContainer","fetchAlarm","fetchContainerLogs","fetchNewContainerLogs","fetchNewAlarms","cache","timer_refresh_all","timer_refresh_logs","timer_refresh_alarms","AsideTab","aside_tab","AsideList","aside_list","mapToolConfig","map_tool_config","tree","Charts","charts","Alarm","alarm","render","_vm","_h","$createElement","_c","_self","staticClass","attrs","width","min-percent","default-percent","split","slot","data-20180626","delay","title","datas","aside_containers","props","aside_props_container","get-status","getDeviceStatus","get-name","getDeviceName","get-alarm","getAlarmState","on","click","containerClick","aside_devices","aside_props_device","getContainerName","asideDeviceClick","_e","resize","ref","style","$event","alarmTabShow","alarms","alarm_datas","logs","log_datas","alarm-click","alarmClick","tab","rightTab","item-historys","tab-lists","rightList","staticRenderFns","injectStyle","context","__webpack_require__","__vue_template_functional__","__vue_styles__","__vue_scopeId__","__vue_module_identifier__","Component","component_normalizer","__webpack_exports__"],"mappings":"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","file":"js/16.76025e8a.js","sourcesContent":["<template>\n    <!--页面-->\n    <el-container class=\"i-body\">\n\n      <el-aside class=\"i-side\" width=\"270px\">\n\n        <split-pane :min-percent=\"10\" :default-percent=\"50\" split=\"horizontal\">\n          <div slot=\"paneL\" class=\"i-side-pane\" data-20180626>\n            <!-- <aside-tab color class=\"\" border :tabs=\"['Container List']\" v-model=\"currnetTab\" left></aside-tab> -->\n            <aside-list\n              delay\n              title=\"Container List\"\n              :datas=\"aside_containers\"\n              :props=\"aside_props_container\"\n              :get-status=\"getDeviceStatus\"\n              :get-name=\"getDeviceName\"\n              :get-alarm=\"getAlarmState\"\n              @click=\"containerClick\">\n            </aside-list>\n          </div>\n          <div slot=\"paneR\" class=\"i-side-pane\" data-20180626>\n            <!-- <el-button @click=\"test\">test</el-button> -->\n            <!-- <aside-tab color class=\"\" border :tabs=\"['Device List']\" v-model=\"currnetTab\" left></aside-tab> -->\n            <aside-list\n              title=\"Device List\"\n              :datas=\"aside_devices\"\n              :props=\"aside_props_device\"\n              :get-status=\"getDeviceStatus\"\n              :get-name=\"getContainerName\"\n              :get-alarm=\"getAlarmState\"\n              @click=\"asideDeviceClick\">\n            </aside-list>\n          </div>\n        </split-pane>\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\" data-20180626>\n          <split-pane @resize=\"resize\" :min-percent=\"10\" :default-percent=\"currentItem.DeviceID ? 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 :alarms=\"alarm_datas\" :logs=\"log_datas\" @alarm-click=\"alarmClick\"></alarm>\n              </div>\n            </div>\n            <template slot=\"paneR\">\n              <div class=\"i-pane chart\">\n                <charts\n                  :datas=\"currentItem\"\n                  :tab=\"rightTab\"\n                  :item-historys=\"currentItemHistory\"\n                  v-if=\"currentItem.DeviceID\"\n                  :tab-lists=\"rightList\"\n                  ref=\"chart\"></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      <router-view></router-view>\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, debounce } from '@/common/utils'\nimport Charts from './charts'\nimport {mapMutations,mapGetters} from 'vuex'\n//import {GooglePanel, GetWrapper} from './maps/google-map.js'\nimport AsideList from './aside-list'\nimport AsideTab from './aside-tab'\nimport Alarm from './alarm/alarm'\nimport * as Convert from './convert'\nimport miment from 'miment'\n\nconst ACTIVATED = 1\nconst CONNECTED = 2\nconst ATTACHED = 3\nimport { QueryContainer, QueryDevice, QueryAlarm, QueryContainerLogs, QueryHistory, QueryNewContainerLogs, QueryNewAlarms, QueryContainerHistory } from '@/api/home'\nimport { resolve } from 'url';\nimport { Filter, Op } from '@/api/config'\nimport print from '@/common/print'\nimport { getMapConfig } from '@/common/cache'\nimport { setInterval, clearInterval, setTimeout } from 'timers';\n\nexport default {\n  name: 'home',\n  data() {\n    return {\n\n      aside_containers: [], // 侧栏集装箱数据\n      aside_devices: [], // 侧栏设备数据\n      aside_props_container: { name: 'ContainerName', state: 'DeviceSN', id: 'ContainerName' }, //\n      aside_props_device: { name: 'DeviceName', state: 'Status', id: 'DeviceName' },\n\n      containers: [],\n      tableData: [],\n\n      mapConfigVisible: false,\n      mapConfig: {},\n      currentStateCode: 100,\n      currentSelectKey: ['1', '2', '3'],\n      onMapData: [],\n      currentItem: {}, // 当前点击的设备信息\n      currnetTab: 0,\n      currentItemHistory: [],\n      rightTab: 0,\n      rightList: [],\n      right_container_tab: ['Device', 'Container'],\n      right_device_tab: ['Device'],\n\n      alarmTabShow: true,\n      alarm_datas: [],\n      log_datas: [],\n\n      refresh_all_time: 2, // 刷新地图数据时间 单位：秒\n      refresh_current_time: 1, // 刷新当前数据时间\n      debug: process.env.NODE_ENV !== 'production' && false\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    currentItem(newVal, oldVal) {\n      if (this.timer_refresh_current) {\n        clearInterval(this.timer_refresh_current)\n      }\n      this.timer_refresh_current = setInterval(() => {\n        this.fetchCurrentDeviceLocal()\n      }, this.refresh_current_time * 1000)\n\n      if (!oldVal || (newVal.DeviceID != oldVal.DeviceID)) {\n        if (newVal.ContainerID && (newVal.Status == 2 || newVal.Status == 3)) {\n          this.fetchCurrentItemHistory().then(list => {\n            // 刷新右面板\n            print.tip('获取历史数据并刷新右面板', true)\n\n            this.$refs.chart && this.$refs.chart.drawAgain()\n\n          }).catch(() => {\n            // 刷新右面板\n            print.tip('获取历史数据失败并刷新右面板', true)\n            this.$refs.chart && this.$refs.chart.drawAgain()\n          })\n        }\n\n        return\n      }\n\n      if (this.timer_refresh_history) {\n        clearInterval(this.timer_refresh_history)\n      }\n      this.timer_refresh_history = setInterval(() => {\n        this.fetchCurrentItemHistory().then(list => {\n            // 刷新右面板\n            //print.tip('获取历史数据并刷新右面板', true)\n\n            this.$refs.chart && this.$refs.chart.drawAgain()\n\n          }).catch(() => {\n            // 刷新右面板\n            //print.tip('获取历史数据失败并刷新右面板', true)\n            this.$refs.chart && this.$refs.chart.drawAgain()\n          })\n      }, 2 * 1000)\n\n      // if (newVal.DeviceID != oldVal.DeviceID) {\n      //   this.fetchCurrentItemHistory().then(() => {\n      //     var _cur = this.currentItem\n      //     this.currentItem = null\n      //     setTimeout(() => {\n      //       this.currentItem = _cur\n      //     }, 500)\n      //   })\n      // }\n\n    }\n  },\n  methods: {\n    ...mapMutations({\n      setClickedObjectId:'SET_CLICKED_OBJECT_ID'\n    }),\n\n    sleep(time) {\n      const promise = new Promise((resolve, reject) => {\n        setTimeout(() => {\n          resolve()\n        }, time)\n      })\n      return promise\n    },\n\n    getDeviceStatus(row) {\n      if (row.Status) {\n        return row.Status\n      } else {\n        const device = findFromArray(this.aside_devices, k => {\n          return k.DeviceID == row.DeviceSN\n        })\n        if (!device) {\n          return 0\n        } else {\n          return device.Status\n        }\n      }\n    },\n\n    getDeviceName(row) {\n      if (row.DeviceName) {\n        return row.DeviceName\n      } else {\n        const device = findFromArray(this.aside_devices, k => {\n          return k.DeviceID == row.DeviceSN\n        })\n        if (!device) {\n          return '- -'\n        } else if (device.Status == 0 || device.Status == 1) {\n          return '- -'\n        } else {\n          return device.DeviceName\n        }\n      }\n    },\n\n    getContainerName(row) {\n      if (Convert.isContainer(row)) {\n        return row.ContainerName\n      } else {\n        return '- -'\n      }\n    },\n\n    getAlarmState(row) {\n      if (row.DeviceID) {\n        return Convert.onAlarm(row)\n      }\n      if (row.DeviceSN) {\n        const device = findFromArray(this.aside_devices, k => {\n          return k.DeviceID == row.DeviceSN\n        })\n        if (!device) {\n          return false\n        } else {\n          return Convert.onAlarm(device)\n        }\n      }\n      return false\n    },\n\n    // filterContainer(row) {\n    //   // 只显示已连接设备\n\n    //   if (!row.DeviceSN) {\n    //     // 未连接\n    //     return false\n    //   } else {\n    //     // 连接离线\n    //     const device = findFromArray(this.aside_devices, k => {\n    //       return k.DeviceID == row.DeviceSN\n    //     })\n    //     if (!device) {\n    //       console.log('查找失败', this.aside_devices)\n    //       return true\n    //     }\n    //     return device.Status == 2 || device.Status == 3\n    //   }\n\n    // },\n\n    // filterDevice(row) {\n    //   const log = false\n    //   // 只显示未连接集装箱设备\n    //   if (!row.ContainerID) {\n    //     log && console.log('过滤结果', true, row)\n    //     return true\n    //   }\n    //   if (row.Status == 0 || row.Status == 1) {\n    //     log && console.log('过滤结果', true, row)\n    //     return true\n    //   }\n    //   log && console.log('过滤结果', false, row)\n    //   return false\n    //   //return (!row.ContainerID) || (!!row.ContainerID && (row.Status == 0 || row.Status == 1))\n    // },\n\n    // 下方报警表格点击事件\n    alarmClick(deviceID) {\n      // console.log('alarmClick', deviceID)\n      // 查找绑定的设备\n      const device = findFromArray(this.aside_devices, k => {\n        return k.DeviceID == deviceID\n      })\n      this.deviceClick(device, true)\n    },\n\n    // 集装箱点击事件\n    containerClick(item) {\n\n      if (!item.DeviceSN) {\n        // 未绑定\n        print.tip('Not bind.', false, 1000, true)\n        return\n      }\n\n      // 查找绑定的设备\n      const device = findFromArray(this.aside_devices, k => {\n        return k.DeviceID == item.DeviceSN\n      })\n\n      // console.log('find device', device)\n\n      if (!device) {\n        // 未绑定\n        print.tip('Not bind.', false, 1000, true)\n        return\n      }\n\n      if (device.Status != 2 && device.Status != 3) {\n        print.tip('Not bind.', false, 1000, true)\n        return\n      }\n\n      // // 没有上传过位置的设备禁止点击\n      // if (!device.Lon || !device.Lat) {\n      //   print.tip(`${device.DeviceName} has no location.`)\n      //   return false\n      // }\n\n      this.deviceClick(device, true)\n    },\n\n    asideDeviceClick(item) {\n      //console.log(item)\n      //console.log('点击项目', item)\n      if (item.ContainerID && (item.Status == 2 || item.Status == 3)) {\n        print.tip('Please click container list.')\n        return\n      }\n\n      this.deviceClick(item, true)\n    },\n\n    // 设备点击事件\n    deviceClick(item, byHand = false, byMap = false) {\n\n      // if (item.ContainerID) {\n      //   this.rightTab = 1\n      // } else {\n      //   this.rightTab = 0\n      // }\n\n      // 右边面板Loading, 加载历史数据\n      // if (item.DeviceID != this.old_DeviceID) {\n      //   this.old_DeviceID = item.DeviceID\n      //   // 获取历史数据\n      //   this.fetchCurrentItemHistory().then(() => {\n\n      //   }).catch(() => {\n\n      //   })\n      // }\n\n\n      // 设置右面板信息\n      if (item.ContainerID && (item.Status == 2 || item.Status ==3)) {\n        this.rightList = this.right_container_tab\n        this.rightTab = 1\n      } else {\n        this.rightList = this.right_device_tab\n        this.rightTab = 0\n      }\n      // 更换设备\n\n\n      // 设置当前设备\n      this.currentItem = item\n\n      // 地图居中\n\n      // 打开信息窗体\n      this.openMarkerWindow(findFromArray(this.markers, marker => {\n        return marker.getTitle() == item.DeviceID\n      }), item, byHand, byMap)\n    },\n\n    // fetchData() {\n    //   this.tableData = this.filterList(this.alldata)\n    //   this.containers = this.filterList(this.allcontainers)\n    // },\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\n    // 手动拖动大小时\n    resize() {\n      if (!this.chart_resize) {\n        function _f() {\n          console.log('resize')\n          this.$refs.chart && this.$refs.chart.reflow()\n        }\n        this.chart_resize = debounce(_f, 200)\n      }\n\n      this.chart_resize()\n    },\n\n    // 获取数据\n    fetchContainer() {\n      // 刷新 aside_containers\n      const promise = new Promise((resolve, reject) => {\n        QueryContainer(1, 2000, '', '', [])\n          .then(ret => {\n            if (ret.data.errCode) {\n              print.error('Permission denied(Query Container), Please contact administrator.')\n              reject(ret.data.errMsg)\n            } else {\n              this.aside_containers = ret.data.list.slice()\n              resolve()\n            }\n          })\n          .catch(err => {\n            console.error(err)\n            reject(err)\n          })\n      })\n\n      return promise\n    },\n\n    fetchDevice() {\n      const promise = new Promise((resolve, reject) => {\n        QueryDevice(1, 2000, '', '', [])\n          .then((ret) => {\n            if (ret.data.errCode) {\n              print.error('Permission denied(Query Device), Please contact administrator.')\n              reject(ret.data.errMsg)\n            } else {\n              this.aside_devices = ret.data.list.slice()\n              resolve()\n            }\n\n          })\n          .catch(err => {\n            console.log(err)\n            reject(err)\n          })\n      })\n      return promise\n    },\n\n    fetchCurrentDeviceLocal() {\n      if (this.onUpdateLines) {\n        return\n      }\n\n      const promise = new Promise((resolve, reject) => {\n\n        const item = findFromArray(this.aside_devices, k => {\n          return k.DeviceID == this.currentItem.DeviceID\n        })\n\n        if ((this.currentItem.UpdateTime != item.UpdateTime)\n          || (this.currentItem.Status != item.Status)) {\n          this.currentItem = item\n          this.deviceClick(item)\n        }\n\n        if (this.old_currentItem && (this.old_currentItem.Status != item.Status)) {\n          console.log('updateLines')\n          this.updateLines()\n          this.deviceClick(item)\n        }\n\n        this.old_currentItem = item\n\n        resolve()\n      })\n      return promise\n    },\n\n    fetchCurrentDevice() {\n      const promise = new Promise((resolve, reject) => {\n        const filters = [ new Filter('DeviceID', this.currentItem.DeviceID, Op.Equals) ]\n        // if (!this.fetchCurrentDevice_time) {\n        //   this.fetchCurrentDevice_time = miment()\n        // } else {\n        //   filters.push(new Filter('UpdateTime', this.fetchCurrentDevice_time, Op.GreaterThanOrEqual))\n        // }\n        QueryDevice(1, 2000, '', '', filters)\n          .then((ret) => {\n            // print.info(`地图当前选择项目数据已刷新，获得数据${data.list.length}条`, true)\n            // data.list.length > 0 && (this.currentItem = data.list[0])\n            // resolve()\n            if (ret.data.errCode) {\n              print.error('Permission denied(Query Device), Please contact administrator.')\n              reject(ret.data.errMsg)\n            } else {\n              if (ret.data.list.length > 0) {\n                if (!this.currentItem) {\n                  //print.tip('获取成功(变化)' + this.currentItem.Temperature, true)\n                  this.currentItem = ret.data.list[0]\n                  // 打开信息窗体\n                  this.deviceClick(this.currentItem)\n                } else if (this.currentItem.UpdateTime != ret.data.list[0].UpdateTime) {\n                  //print.tip('获取成功(变化)' + this.currentItem.Temperature, true)\n                  this.currentItem = ret.data.list[0]\n                  // 打开信息窗体\n                  this.deviceClick(this.currentItem)\n                } else {\n                  //print.tip('获取成功(无变化)' + this.currentItem.Temperature, true)\n                }\n\n                if (this.old_currentItem && (this.old_currentItem.Status != ret.data.list[0].Status)) {\n                  this.updateLines()\n                }\n\n                this.old_currentItem = ret.data.list[0]\n              }\n\n              //ret.data.list.length > 0 && (this.currentItem = ret.data.list[0])\n\n              resolve()\n            }\n          })\n          .catch(err => {\n            console.log(err)\n            reject(err)\n          })\n      })\n      return promise\n    },\n\n    fetchAlarm() {\n      const promise = new Promise((resolve, reject) => {\n        QueryAlarm([])\n          .then(({ data }) => {\n            this.alarm_datas = data.slice()\n            resolve()\n          })\n          .catch(err => {\n            console.error(err)\n            reject()\n          })\n      })\n      return promise\n    },\n\n    fetchContainerLogs() {\n      const promise = new Promise((resolve, reject) => {\n        QueryContainerLogs([])\n          .then(({data}) => {\n            this.log_datas = data.slice()\n            resolve()\n          })\n          .catch(err => {\n            console.error(err)\n            reject()\n          })\n      })\n      return promise\n    },\n\n    fetchCurrentItemHistory() {\n      const ContainerID = this.currentItem.ContainerID\n      const startTime = miment().sub(1, 'hh').format('YYYY/MM/DD hh:mm:ss')\n      const endTime = miment().format('YYYY/MM/DD hh:mm:ss')\n      const promise = new Promise((resolve, reject) => {\n        QueryContainerHistory(ContainerID, startTime, endTime).then(({data}) => {\n          //console.log(data)\n          let distinctList = this.distinct(data.list.slice()) // 解决D消失\n          //let distinctList = data.list.slice()\n          this.currentItemHistory = distinctList.slice()\n          resolve(this.currentItemHistory)\n        }).catch(err => {\n          console.error(err)\n          reject()\n        })\n      })\n      return promise\n    },\n\n    fetchNewContainerLogs() {\n      const promise = new Promise((resolve, reject) => {\n        let now\n        if (this.fetchNewContainerLogs_old) {\n          now = this.fetchNewContainerLogs_old.format('YYYY/MM/DD hh:mm:ss')\n          this.fetchNewContainerLogs_old = miment()\n        } else {\n          this.fetchNewContainerLogs_old = miment()\n          now = this.fetchNewContainerLogs_old.format('YYYY/MM/DD hh:mm:ss')\n        }\n        QueryNewContainerLogs([], now)\n          .then(({data}) => {\n            data.forEach(item => {\n              const log = findFromArray(this.log_datas, i => {\n                return i.LID == item.LID\n              })\n              if (!log) {\n                print.tip(`ContainerID：${item.ContainerName}(${item.ContainerID})，${item.LogInfo}`, false, 2000, true)\n                this.log_datas.splice(0, 0, item)\n                this.log_datas.splice(this.log_datas.length - 1, 1)\n              }\n            })\n\n            // this.log_datas = data.slice()\n            resolve()\n          })\n          .catch(err => {\n            console.error(err)\n            reject()\n          })\n      })\n      return promise\n    },\n\n    fetchNewAlarms() {\n      const promise = new Promise((resolve, reject) => {\n        let now\n        if (this.fetchNewAlarms_old) {\n          now = this.fetchNewAlarms_old.format('YYYY/MM/DD hh:mm:ss')\n          this.fetchNewAlarms_old = miment()\n        } else {\n          this.fetchNewAlarms_old = miment()\n          now = this.fetchNewAlarms_old.format('YYYY/MM/DD hh:mm:ss')\n        }\n        QueryNewAlarms([], now)\n          .then(({data}) => {\n            data.forEach(item => {\n              const log = findFromArray(this.log_datas, i => {\n                return i.LID == item.LID\n              })\n              if (!log) {\n                //print.tip(`Alarm：${item.ContainerName ? item.ContainerName : item.DeviceName }(${item.ContainerID ? item.ContainerID : item.SN})，${item.AlarmInfo}`, false, 2000, true)\n                this.alarm_datas.splice(0, 0, item)\n                this.alarm_datas.splice(this.alarm_datas.length - 1, 1)\n              }\n            })\n\n            // this.log_datas = data.slice()\n            resolve()\n          })\n          .catch(err => {\n            console.error(err)\n            reject()\n          })\n      })\n      return promise\n    },\n\n    distinct(arr) {\n      if (arr.length > 1) {\n        for (let j = 0, k = 1; k<arr.length;j++,k++) {\n          if (arr[j].RcvTime == arr[k].RcvTime) {\n            console.log('去重', arr[j].RcvTime)\n            arr.splice(j, 1)\n            return this.distinct(arr).slice()\n          }\n        }\n      }\n      return arr\n    },\n\n    updateLines() {\n      this.onUpdateLines = true\n      this.fetchCurrentItemHistory().then(list => {\n\n\n        // 刷新右面板\n        print.tip('获取历史数据并刷新右面板', true)\n\n        this.$refs.chart && this.$refs.chart.drawAgain()\n        this.onUpdateLines = false\n      }).catch(() => {\n        // 刷新右面板\n        print.tip('获取历史数据失败并刷新右面板', true)\n        this.$refs.chart && this.$refs.chart.drawAgain()\n        this.onUpdateLines = false\n      })\n    },\n\n    // 获取数据\n\n    /*\n    // 初始化地图google\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        // 获得Wrapper变量\n        this.Wrapper = GetWrapper(google)\n        this.setAllMarkers()\n      })\n    },\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            //alert(googleLayer.getTileUrl);\n            \n            this.setAllMarkers()\n       })\n     },   \n\n    // 加载全部集装箱\n    setAllMarkers() {\n      //const Wrapper = this.Wrapper\n\n      // 设置是否纠偏\n      let LatProp = 'Lat'\n      let LonProp = 'Lon'\n      if (this.mapConfig.useCorrectValue) {\n        LatProp = 'Lat_R'\n        LonProp = 'Lon_R'\n      }\n\n      if (this.markers && this.markers.length) {\n        // 再次刷新时\n        //console.log('再次刷新')\n        let newMarkers = []\n        this.aside_devices.forEach(item => {\n\n          // 没有上传过位置的设备不加载\n          if (!item.Lon || !item.Lat) {\n            return\n          }\n\n          let data = item\n\n          // 查找显示面板\n          if (this.wrapperWindow && this.panel_open && this.wrapperWindow.getId() == item.DeviceID) {\n            this.wrapperWindow.setPosition(new AMap.LatLng(item[LatProp], item[LonProp]))\n          }\n\n          // 查找绑定的设备\n          let marker = findFromArray(this.markers, marker => {\n            return marker.extID == item.DeviceID\n          })\n          //console.log('找到', marker, this.markers[0])\n          const options = item.ContainerID\n            ? [this.marker_d_offline, this.marker_d_active, this.marker_orange, this.marker_green]\n            : [this.marker_d_offline, this.marker_d_active, this.marker_orange_d, this.marker_green_d]\n          const alarmOptions = [this.marker_offline_alarm, this.marker_red_alarm, this.marker_orange_alarm, this.marker_green_alarm]\n          const onAlarm = Convert.onAlarm(item)\n/*\n          if (marker) {\n            // 存在移动位置，设置图表颜色，设置点击事件\n            let iconPath = onAlarm ? alarmOptions[item.Status] : options[item.Status]\n\n            google.maps.event.clearListeners(marker, 'click')\n            marker.setPosition(new google.maps.LatLng(item[LatProp], item[LonProp]))\n            marker.setIcon({\n              url: iconPath,\n              labelOrigin: new google.maps.Point(20, 45)\n            })\n            marker.addListener('click', () => {\n              this.markerClick(marker, data)\n            })\n          } else {\n            // 不存在新增\n            // 判断状态\n\n            let iconPath = onAlarm ? alarmOptions[item.Status] : options[item.Status]\n\n            marker = new google.maps.Marker({\n              icon: {\n                url: iconPath,\n                labelOrigin: new google.maps.Point(20, 45)\n              },\n              position: new google.maps.LatLng(item[LatProp], item[LonProp]),\n              title: (Convert.isContainer(item) ? `${item.ContainerName || '--'} ${item.DeviceName || '--'}` : `-- ${item.DeviceName || '--'}`),\n              map: this.map,\n              extID: item.DeviceID\n            })\n\n            marker.addListener('click', () => {\n              this.markerClick(marker, data)\n            })\n          }\n*/\r\n          if (marker) {\n            // 存在移动位置，设置图表颜色，设置点击事件\n            let iconPath = onAlarm ? alarmOptions[item.Status] : options[item.Status]\n            AMap.event.clearListeners(marker, 'click')\n            //marker.setPosition(new AMap.LatLng(item[LatProp], item[LonProp]))\r\n\t\t\tmarker.setPosition(new AMap.LngLat( item[LonProp],item[LatProp]))\r\n\t\t\t\n            marker.setIcon({\n              url: iconPath,\n              //labelOrigin: new AMap.Point(20, 45),\r\n\t\t\t  offset: new AMap.Pixel(20, 45)\n            })\n            marker.event.addListener('click', () => {\n              this.markerClick(marker, data)\n            })\n          } else {\n            // 不存在新增\n            // 判断状态\n\n            let iconPath = onAlarm ? alarmOptions[item.Status] : options[item.Status]\n\n            //marker = new google.maps.Marker({\r\n\t\t\tmarker= new AMap.Marker\t({\n              icon: {\n                url: iconPath,\n                //labelOrigin: new AMap.Point(20, 45)\r\n\t\t\t\t offset: new AMap.Pixel(20, 45)\n              },\n              //position: new AMap.LatLng(item[LatProp], item[LonProp]),\r\n\t\t\t  position: new AMap.LngLat( item[LonProp],item[LatProp]),\r\n              title: (Convert.isContainer(item) ? `${item.ContainerName || '--'} ${item.DeviceName || '--'}` : `-- ${item.DeviceName || '--'}`),\n              map: this.map,\n              extID: item.DeviceID\n            })\n\n            marker.event.addListener('click', () => {\n              this.markerClick(marker, data)\n            })\n          }\n\r\n\n          newMarkers.push(marker)\n        })\n        return\n      }\n\n      let markers = this.aside_devices.map((item) => {\r\n\t\t  \n        // 没有上传过位置的设备不加载\n        if (!item.Lon || !item.Lat) {\n          return false\n        }\n\n        let data = item\n\n        const options = item.ContainerID\n          ? [this.marker_d_offline, this.marker_d_active, this.marker_orange, this.marker_green]\n          : [this.marker_d_offline, this.marker_d_active, this.marker_orange_d, this.marker_green_d]\n        const alarmOptions = [this.marker_offline_alarm, this.marker_red_alarm, this.marker_orange_alarm, this.marker_green_alarm]\n        // 判断状态\n\n        const onAlarm = Convert.onAlarm(item)\n        let iconPath = onAlarm ? alarmOptions[item.Status] : options[item.Status]\n\n        let marker = new AMap.Marker({\n          icon: {\n            url: iconPath,\n            //labelOrigin: new AMap.Point(20, 45)\r\n\t\t\t labelOrigin: new AMap.Pixel(20, 45)\n          },\n          position: { lat: parseFloat(item[LatProp]), lng: parseFloat(item[LonProp]) },\n          title: (Convert.isContainer(item) ? `${item.ContainerName || '--'} ${item.DeviceName || '--'}` : `-- ${item.DeviceName || '--'}`),\n          map: this.map,\n          extID: item.DeviceID\n        })\n\n        marker.event.addListener('click', () => {\n          this.markerClick(marker, data)\n        })\n\r\n\t\tmarkers.push(marker)\n        return marker\n      }).filter(item => !!item)\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    // 点击事件\n    markerClick(marker, item) {\n      //console.log('markerClick')\n      this.deviceClick(item, false, true)\n    },\n\n    // 显示marker的信息\n    // byHand 为true时，居中放大\n    openMarkerWindow(marker, item, byHand, byMap) {\n\n      //console.log(item)\n      // 没有上传过位置的设备不加载\n      if (!item.Lon || !item.Lat) {\n        print.tip(`${item.DeviceName} has no location.`)\n        if (this.wrapperWindow) {\n          this.wrapperWindow.close()\n        }\n        return false\n      }\n\n      // 设置是否纠偏\n      let LatProp = 'Lat'\n      let LonProp = 'Lon'\n      if (this.mapConfig.useCorrectValue) {\n        LatProp = 'Lat_R'\n        LonProp = 'Lon_R'\n      }\n\n      if (byHand) {\n \t\t//this.map.setCenter(new AMap.LngLat( item[LonProp],item[LatProp]))\r\n\t\tthis.map.setCenter(new AMap.LngLat( item[LonProp],item[LatProp]))\r\n\t\t\r\n\t\t\n        if (this.map.getZoom() < 20) {\n          this.map.setZoom(20)\n        }\n        this.panel_open = true\n      }\n\n      if (byMap) {\n        this.panel_open = true\n      }\n\n      const colors = {\n        '3': '#4CAF50',\n        '2': '#FF9800',\n        '1': '#050505',\n        '0': '#607D8B'\n      }\n      const more = this.userId != '1' ? [] : [\n        {title: 'SIM ICCID：', text: item.SIMICCID || '- -'},\n        {title: 'SIM IMSI：', text: item.SIMIMEI || '- -'},\n        {title: 'Module SN：', text: item.ModuleSN || '- -'},\n        {title: 'Module IMEI：', text: item.ModuleIMEI || '- -'},\n        {title: 'Cell Info：', text: item.CellInfo || '- -'},\n        {title: 'Description：', text: item.StatusDes ? item.StatusDes : '- -'}\n      ]\n      const panelDatas = [\n        {title: 'Device Name：', text: item.DeviceName, highlight: true},\n        {title: 'GPS Time', text: item.GPSTime || '- -'},\n        {title: 'Longitude：', text: item.Lon},\n        {title: 'Latitude：', text: item.Lat}\n      ]\n      //console.log(item, Convert.onAlarm(item))\n      Convert.isContainer(item) && panelDatas.splice(0, 0, {title:'Container Name：', text: item.ContainerName, highlight: true})\n      Convert.onAlarm(item) && panelDatas.push({title:'Alarm：', text: Convert.alarmText(item).replace(/alarm/g, '').replace(/Alarm/g, '') })\n\n      if (typeof this.panel_showMore == 'undefined') {\n        this.panel_showMore = false\n      }\n      if (typeof this.panel_open == 'undefined') {\n        this.panel_open = true\n      }\n\n      const panel = this.$dataPanel.create({\n        bgColor: true,\n        title: `${Convert.isContainer(item) ? item.ContainerName : item.DeviceName}`,\n        attachState: `(${Convert.status(item.Status)})`,\n        signal: item.CellSignal,\n        battery: item.Battery,\n        datas: panelDatas,\n        more,\n        time: item.RcvTime,\n        showMore: this.panel_showMore,\n        titleBackground: colors[item.Status],\n        close: true,\n        //visible: this.panel_open,\n        onClose: () => {\n          this.wrapperWindow.close()\n          this.panel_showMore = false\n          this.panel_open = false\n        },\n        onChange: (val) => {\n          this.panel_showMore = val\n        }\n      })\n\n      const Wrapper = this.Wrapper\n      if (this.wrapperWindow) {\n        this.wrapperWindow.setId(item.deviceID)\n        this.wrapperWindow.setContent(panel)\n\t\t//this.wrapperWindow.setPosition(new AMap.LatLng(item[LatProp], item[LonProp]))\r\n\t\tthis.wrapperWindow.setPosition(new AMap.LngLat( item[LonProp],item[LatProp]))\r\n \t\t\n        if (this.panel_open) {\n          this.wrapperWindow.show()\n        } else {\n          this.wrapperWindow.hide()\n        }\n      } else {\n        this.wrapperWindow = new Wrapper(this.map, new AMap.LngLat( item[LonProp],item[LatProp]), { el: panel, offsetY: -70 }, item.DeviceID)\n      }\n    },\n    test() {\n      this.$refs.chart.drawAgain()\n    },\n    intro() {\n      const nodes = document.querySelectorAll('[data-20180626]')\n      console.log(nodes)\n      Array.prototype.forEach.call(nodes, (item, index) => {\n        console.log(item)\n        var div = document.createElement('a')\n        console.log('获取到div的高度、宽度、距离屏幕左、距离屏幕上',item.getBoundingClientRect())\n      })\n    }\n  },\n  async created() {\n    /*\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\n      await remoteLoad('https://maps.googleapis.com/maps/api/js?key=AIzaSyBAWSlVsxaoSwA56-gcyBijIucrgegOBn8&language=en').catch(err => {\n        this.$message.error('Network Error')\n      })\n      // await remoteLoad(`${location.protocol}//ditu.google.cn/maps/api/js?v=3&key=AIzaSyBAWSlVsxaoSwA56-gcyBijIucrgegOBn8&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\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 \n\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    let promise_load_device = this.fetchDevice()\n    let promise_load_container = this.fetchContainer()\n\n    Promise.all([promise_load_device, promise_load_container]).then(() => {\n      // this.initMap()\n      //console.log('setAllMarkers')\n      this.setAllMarkers()\n    }).catch(err => {\n        console.error('没有权限', err)\n      })\n\n    let promise_alarm = this.fetchAlarm()\n    let promise_containerLogs = this.fetchContainerLogs()\n\n    // 定时刷新地图数据\n    this.timer_refresh_all = setInterval(() => {\n      // this.debug && this.$message({\n      //   message: '地图数据已刷新',\n      //   type: 'info',\n      //   duration: 2000,\n      //   customClass: 'el-message_custom'\n      // })\n      let _p1 = this.fetchDevice()\n      let _p2 = this.fetchContainer()\n      Promise.all([_p1, _p2]).then(() => {\n        this.setAllMarkers()\n      }).catch(err => {\n        console.error('没有权限', err)\n      })\n    }, this.refresh_all_time * 1000)\n\n    // 定时刷新日志\n    // this.fetchNewContainerLogs()\n    this.timer_refresh_logs = setInterval(() => {\n      //console.log('定时刷新')\n      let promise_container_logs = this.fetchNewContainerLogs()\n      promise_container_logs.then(() => {}).catch(err => console.error('请求错误', err))\n    }, 2000)\n\n    this.timer_refresh_alarms = setInterval(() => {\n      //console.log('定时刷新')\n      let promise_container_alarms = this.fetchNewAlarms()\n      promise_container_alarms.then(() => {}).catch(err => console.error('请求错误', err))\n    }, 2000)\n\n    // 设置所有设备位置\n    // this.initMap()\n    // this.setAllMarker()\n\n    // 获取数据结束\n\n    // 设置地图\n    this.mapConfig = getMapConfig()\n  },\n  mounted() {\n    print.set(this)\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    this.marker_offline = require('../../assets/icon/DB.png')\n    this.marker_alarm = require('../../assets/icon/alarm.gif')\n    this.marker_offline_alarm = require('../../assets/icon/ADG.gif')\n    this.marker_green_alarm = require('../../assets/icon/ACG.gif')\n    this.marker_red_alarm = require('../../assets/icon/ADB.gif')\n    this.marker_orange_alarm = require('../../assets/icon/ACO.gif')\n    this.marker_d_active = require('../../assets/icon/D_Active.png')\n    this.marker_d_offline = require('../../assets/icon/D_Offline.png')\n    // console.log('mounted ok.')\n  },\n  beforeDestroy() {\n    if (this.timer_refresh_all) {\n      clearInterval(this.timer_refresh_all)\n      print.info('定时刷新timer_refresh_all已清除', true)\n    }\n    if (this.timer_refresh_current) {\n      clearInterval(this.timer_refresh_current)\n\n      setTimeout(() => {\n        print.info('定时刷新timer_refresh_current已清除', true)\n      }, 500)\n    }\n    if (this.timer_refresh_logs) {\n      clearInterval(this.timer_refresh_logs)\n    }\n    if (this.timer_refresh_alarms) {\n      clearInterval(this.timer_refresh_alarms)\n    }\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-side-pane {\n        background-color: #FFF;\n        overflow: auto;\n        position: absolute;\n        left: 0;\n        top: 0;\n        height: 100%;\n        width: 100%;\n      }\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-改高德.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('split-pane',{attrs:{\"min-percent\":10,\"default-percent\":50,\"split\":\"horizontal\"}},[_c('div',{staticClass:\"i-side-pane\",attrs:{\"slot\":\"paneL\",\"data-20180626\":\"\"},slot:\"paneL\"},[_c('aside-list',{attrs:{\"delay\":\"\",\"title\":\"Container List\",\"datas\":_vm.aside_containers,\"props\":_vm.aside_props_container,\"get-status\":_vm.getDeviceStatus,\"get-name\":_vm.getDeviceName,\"get-alarm\":_vm.getAlarmState},on:{\"click\":_vm.containerClick}})],1),_c('div',{staticClass:\"i-side-pane\",attrs:{\"slot\":\"paneR\",\"data-20180626\":\"\"},slot:\"paneR\"},[_c('aside-list',{attrs:{\"title\":\"Device List\",\"datas\":_vm.aside_devices,\"props\":_vm.aside_props_device,\"get-status\":_vm.getDeviceStatus,\"get-name\":_vm.getContainerName,\"get-alarm\":_vm.getAlarmState},on:{\"click\":_vm.asideDeviceClick}})],1)]),(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\",attrs:{\"data-20180626\":\"\"}},[_c('split-pane',{attrs:{\"min-percent\":10,\"default-percent\":_vm.currentItem.DeviceID ? 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',{attrs:{\"alarms\":_vm.alarm_datas,\"logs\":_vm.log_datas},on:{\"alarm-click\":_vm.alarmClick}})],1)]),_c('template',{slot:\"paneR\"},[_c('div',{staticClass:\"i-pane chart\"},[(_vm.currentItem.DeviceID)?_c('charts',{ref:\"chart\",attrs:{\"datas\":_vm.currentItem,\"tab\":_vm.rightTab,\"item-historys\":_vm.currentItemHistory,\"tab-lists\":_vm.rightList}}):_vm._e()],1)])],2)],1)],1),_c('router-view')],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-00181f32\",\"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-改高德.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-00181f32\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader?{\\\"sourceMap\\\":false}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=styles&index=0!./home-改高德.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-改高德.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-改高德.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-00181f32\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=template&index=0!./home-改高德.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-00181f32\"\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-改高德.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}