{"version":3,"sources":["webpack:///src/views/home/charts/chart-speed-h_old.vue","webpack:///./src/views/home/charts/chart-speed-h_old.vue?eeea","webpack:///./src/views/home/charts/chart-speed-h_old.vue"],"names":["DIS_CONNECTED","CONNECTED","colorOptions","PROP","ERR_DATA_REPLACE","chart_speed_h_old","Object","Array","Boolean","getTime","config","pop","this","points","chart","text","series","highcharts_default","a","dateFormat","x","isError","numberFormat","y","i","itemHistorys","preIndex","nextIndex","length","options","stamp","errData","reflow","getData","init","render","_vm","_h","$createElement","_c","_self","staticClass","needRefresh","_e","attrs","aria-hidden","xlink:href","_v","slot","src","marker_alarm","ref","staticRenderFns","injectStyle","context","__webpack_require__","__vue_template_functional__","__vue_styles__","__vue_scopeId__","__vue_module_identifier__","Component","component_normalizer","__webpack_exports__"],"mappings":"4KAmBAA,EAAA,eACAC,EAAA,YACAC,GAAA,qBACAC,EAAA,UACAC,EAAA,GAEAC,sBAIAC,wDAIAC,kDAIAC,iBAEA,aAEAA,iBAGA,kEAGA,qHAoBA,uBACA,gBACAC,cACAN,mBACAO,EAAA,kBACA,OACA,mCAGA,UACA,UAEAT,yCAGAU,0BACAA,OACA,OACA,mCAGA,UACA,UAEAX,2BAGAW,wCACAA,sCAQAC,2CAUAC,8CACA,qCANA,iDAWA,qBACA,sCAKAD,0BAMAA,OAEAE,cAcAC,KAAA,gCAEA,6BAEA,wBAKA,uEAeAC,qCACA,YAAAC,EAAAC,EAAAC,WAAA,oBAAAP,KAAAQ,GACA,SAAAC,EAAA,UAAAJ,EAAAC,EAAAI,aAAAV,KAAAW,EAAA,GACA,wBAKA,iBAEA,gCACA,UAEA,gCACA,SACA,eAEA,2BAIA,6BAQAC,yBAFAf,2EAOA,QACA,IACA,kDACA,uCACAe,GAAAZ,KAAAa,aAAAC,EAAA,IACAA,GAAAd,KAAAa,aAAAE,EAAAf,KAAAa,aAAAG,OAAA,EAAAhB,KAAAa,aAAAG,OAAA,EAEAD,8HAMAE,gDAEAC,UAEA,yIAUAD,oLA2BAE,iCAGAC,0CAGA,YACAC,yCACA,mCACA,2FAYA,UACA,UAEAjC,wCAIA,UACA,UAEAC,oCAgCAiC,+CAGA,UCrUAC,EAAA,WAA0B,IAAAC,EAAAxB,KAAayB,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,sBAAgCL,EAAAM,YAA2KN,EAAAO,KAA3KJ,EAAA,OAA+BE,YAAA,gBAA0BF,EAAA,OAAYE,YAAA,OAAAG,OAA0BC,cAAA,UAAsBN,EAAA,OAAYK,OAAOE,aAAA,0BAAmCV,EAAAW,GAAA,4BAAAX,EAAA,QAAAG,EAAA,OAAwEE,YAAA,iBAAAG,OAAoCI,KAAA,YAAAC,IAAAb,EAAAc,cAA0CF,KAAA,cAAkBZ,EAAAO,KAAAJ,EAAA,OAAqBY,IAAA,YAAAV,YAAA,iBAClfW,iBCDA,SAAAC,EAAAC,GACAC,EAAA,QAQA,IAAAC,GAAA,EAEAC,EAAAJ,EAEAK,EAAA,kBAEAC,EAAA,KAEAC,EAAAtD,OAAAuD,EAAA,KAAAvD,CACAD,EACA8B,EACAiB,EACAI,EACAC,EACAC,EACAC,GAGAG,EAAA,WAAAF,EAAA","file":"js/19.672a7922.js","sourcesContent":["<template>\n  <div class=\"container-wrapper\">\n    <div class=\"unconnected\" v-if=\"!needRefresh\">\n      <svg class=\"icon\" aria-hidden=\"true\">\n          <use xlink:href=\"#icon-alert-circle\"></use>\n      </svg>\n      Disconnected\n    </div>\n    <img class=\"i-charts-alarm\" slot=\"reference\" :src=\"marker_alarm\" v-if=\"onAlarm\" />\n    <div class=\"container\" ref=\"container\">\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport Highcharts from 'highcharts'\nimport miment from 'miment'\nimport { ERR_DATA, MAX_POINTS } from './config'\nconst DIS_CONNECTED = 'Disconnected'\nconst CONNECTED = 'Connected'\nconst colorOptions = ['#4CAF50', '#F44336']\nconst PROP = 'GSensor'\nconst ERR_DATA_REPLACE = 10\n\nexport default {\n  props: {\n    datas: {\n      type: Object,\n      default: () => ({})\n    },\n    itemHistorys: {\n      type: Array,\n      default: () => ({})\n    },\n    onAlarm: {\n      type: Boolean,\n      default: false\n    },\n    run: {\n      type: Boolean,\n      default: true\n    }\n  },\n  computed: {\n    needRefresh() {\n      return this.datas.Status == 2 || this.datas.Status == 3\n    }\n  },\n  watch: {\n    datas(newVal, oldVal) {\n\n      // 如果未连接，则不需要刷新\n      if (!this.needRefresh) {\n        return\n      }\n\n      if (!this.chart) {\n        return\n      }\n\n      if (!this.run) {\n        return\n      }\n\n      // 增加一个点，刷新一下图表信息\n      const series = this.chart.series[0]\n      const series1 = this.chart.series[1]\n      const x = (new Date()).getTime()\n      const y = newVal[PROP]\n      const pop = series.data.length > MAX_POINTS\n      if (y != ERR_DATA) {\n        let dataLabels = null\n        if (oldVal && (oldVal[PROP] == ERR_DATA)) {\n          dataLabels = {\n            enabled: true,\n            color: colorOptions[0],\n            format: CONNECTED\n          }\n        }\n\n        series.addPoint({x, y, dataLabels}, true, pop);\n        series1.addPoint([x, null], true, pop);\n      } else {\n        let dataLabels = null\n        if (oldVal && (oldVal[PROP] != ERR_DATA)) {\n          dataLabels = {\n            enabled: true,\n            color: colorOptions[1],\n            format: DIS_CONNECTED\n          }\n        }\n\n        series.addPoint([x,null], true, pop);\n        series1.addPoint({x, y: ERR_DATA_REPLACE, dataLabels}, true, pop);\n      }\n\n    }\n  },\n  methods: {\n    init() {\n      var _this = this\n\n      Highcharts.setOptions({\n          global: {\n              useUTC: false\n          }\n      });\n      function activeLastPointToolip(chart) {\n        if (!chart) {\n          return\n        }\n        var points = chart.series[0].points;\n        points.length && chart.tooltip.refresh(points[points.length -1]);\n      }\n      // eslint-disable-next-line\n      var chart = Highcharts.chart(this.$refs.container, {\n          chart: {\n              type: 'spline',\n              marginRight: 10,\n              events: {\n                  load: function () {\n                      // 保存图表变量\n                      _this.chart = this;\n\n                      if (!_this.needRefresh) {\n                        return\n                      }\n\n                      //var series = this.series[0],\n                      let chart = this;\n                      activeLastPointToolip(chart);\n\n                      // setInterval(function () {\n                      //     var x = (new Date()).getTime(),  // 当前时间\n                      //         y = _this.datas.GSensor; // 温度\n                      //     const pop = series.data.length > MAX_POINTS\n                      //     y != ERR_DATA && series.addPoint([x, y], true, pop);\n                      //     activeLastPointToolip(chart);\n                      // }, 3000);\n                  }\n              }\n          },\n          title: {\n              //text: `Acceleration (Sensor ID：${this.datas.ModuleSN})`\n              text: `Acceleration (g)`\n          },\n          xAxis: {\n              type: 'datetime',\n              tickPixelInterval: 150\n          },\n          yAxis: {\n              title: {\n                  text: null\n              }\n          },\n          // plotOptions: {\n          //     series: {\n          //       dataLabels: {\n          //         enabled: true,\n          //         borderRadius: 2,\n          //         color: _this.typeText(this) == CONNECTED ? colorOptions[0] : colorOptions[1],\n          //         formatter: function () {\n          //           return _this.typeText(this)\n          //         }\n          //       }\n          //     }\n          // },\n          tooltip: {\n              formatter: function () {\n                const isError = _this.chart.series.indexOf(this.series)\n                  return '<b>' + this.series.name + '</b><br/>' +\n                      Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +\n                      (isError ? 'no data' : (Highcharts.numberFormat(this.y, 1) + 'g'));\n              }\n          },\n          legend: {\n              enabled: false\n          },\n          series: [{\n              name: 'Acceleration',\n              data: _this.getData()[0]\n          }, {\n            name: 'Acceleration',\n            data: _this.getData()[1],\n            color: '#9E9E9E',\n            type: 'area'\n          }],\n          credits: {\n            enabled: false\n          }\n      })\n    },\n    getData() {\n      // 生成随机值\n      let data = []\n      let errData = []\n      let time = (new Date()).getTime()\n      let i\n\n      if (!this.needRefresh) {\n        return [[], []]\n      }\n\n      if (this.itemHistorys.length > 0) {\n        let preIndex = -1\n        let nextIndex = 1\n        for (i = 0; i < this.itemHistorys.length; i += 1, preIndex++, nextIndex++) {\n          let options = this.typeText(this.itemHistorys[i],\n            this.itemHistorys[preIndex < 0 ? 0 : preIndex],\n            this.itemHistorys[nextIndex > this.itemHistorys.length - 1 ? this.itemHistorys.length - 1 : nextIndex])\n\n          if (this.itemHistorys[i][PROP] != ERR_DATA) {\n            data.push({\n                x: miment(this.itemHistorys[i].RcvTime).stamp(),  // x轴\n                y: this.itemHistorys[i][PROP],  // y轴\n                dataLabels: options\n            })\n            errData.push({\n              x: miment(this.itemHistorys[i].RcvTime).stamp(),\n              y: null\n            })\n          } else {\n            data.push({\n                x: miment(this.itemHistorys[i].RcvTime).stamp(),  // x轴\n                y: null  // y轴\n            })\n            errData.push({\n                x: miment(this.itemHistorys[i].RcvTime).stamp(),  // x轴\n                y: ERR_DATA_REPLACE,  // y轴\n                dataLabels: options\n            })\n          }\n\n        }\n      } else {\n        for (i = -19; i <= 0; i += 1) {\n          if (this.datas[PROP] != ERR_DATA) {\n            data.push({\n              x: time + i * 3000,  // x轴\n              y: this.datas[PROP]  // y轴\n            });\n            errData.push({\n              x: time + i * 3000,  // x轴\n              y: null  // y轴\n            })\n          } else {\n            data.push({\n              x: time + i * 3000,  // x轴\n              y: null  // y轴\n            })\n            errData.push({\n              x: time + i * 3000,  // x轴\n              y: ERR_DATA_REPLACE  // y轴\n            });\n          }\n        }\n      }\n      return [data, errData];\n    },\n    reflow() {\n      this.chart.reflow()\n    },\n    redraw() {\n      if (this.chart) {\n        const current = this.getData()\n        this.chart.series[0].setData(current[0])\n        this.chart.series[1].setData(current[1])\n      }\n    },\n    typeText(current, pre, next) {\n      if (current == pre) {\n        return {}\n      }\n      if (current == next) {\n        return {}\n      }\n      if (pre[PROP] != ERR_DATA && current[PROP] == ERR_DATA) {\n        return {\n          enabled: true,\n          color: colorOptions[1],\n          format: DIS_CONNECTED\n        }\n      }\n      if (current[PROP] != ERR_DATA && pre[PROP] == ERR_DATA) {\n        return {\n          enabled: true,\n          color: colorOptions[0],\n          format: CONNECTED\n        }\n      }\n    },\n    // typeText(point) {\n    //   const rcvTime = miment(point.key).format('YYYY-MM-DD hh:mm:ss')\n    //   const index = this.itemHistorys.findIndex(item => {\n    //     return item.RcvTime == rcvTime\n    //   })\n\n    //   if (!~index) {\n    //     return ''\n    //   }\n\n    //   if (index == 0 || index == this.itemHistorys.length - 1) {\n    //     return ''\n    //   }\n\n    //   let pre = index - 1\n    //   let next = index + 1\n    //   if (this.itemHistorys[pre][PROP] != ERR_DATA && this.itemHistorys[index][PROP] == ERR_DATA) {\n    //     return DIS_CONNECTED\n    //   }\n    //   if (this.itemHistorys[index][PROP] == ERR_DATA && this.itemHistorys[next][PROP] != ERR_DATA) {\n    //     return DIS_CONNECTED\n    //   }\n    //   if (this.itemHistorys[pre][PROP] == ERR_DATA && this.itemHistorys[index][PROP] != ERR_DATA) {\n    //     return CONNECTED\n    //   }\n    //   return ''\n    // }\n  },\n  mounted() {\n    this.init()\n  },\n  created() {\n    this.marker_alarm = require('../../../assets/icon/alarm.gif')\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.container-wrapper {\n  position: relative;\n  .i-charts-alarm {\n    position: absolute;\n    top: 0px;\n    left: 10px;\n    width: 40px;\n    height: 40px;\n    z-index: 100;\n  }\n  .container {\n  height: 200px;\n  }\n  .unconnected {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(96,125,139,.4);\n    text-align: center;\n    z-index: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 24px;\n    color: #FFF;\n  }\n}\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/home/charts/chart-speed-h_old.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-wrapper\"},[(!_vm.needRefresh)?_c('div',{staticClass:\"unconnected\"},[_c('svg',{staticClass:\"icon\",attrs:{\"aria-hidden\":\"true\"}},[_c('use',{attrs:{\"xlink:href\":\"#icon-alert-circle\"}})]),_vm._v(\"\\n    Disconnected\\n  \")]):_vm._e(),(_vm.onAlarm)?_c('img',{staticClass:\"i-charts-alarm\",attrs:{\"slot\":\"reference\",\"src\":_vm.marker_alarm},slot:\"reference\"}):_vm._e(),_c('div',{ref:\"container\",staticClass:\"container\"})])}\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-602de683\",\"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/charts/chart-speed-h_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-602de683\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=styles&index=0!./chart-speed-h_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!./chart-speed-h_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!./chart-speed-h_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-602de683\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=template&index=0!./chart-speed-h_old.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-602de683\"\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/charts/chart-speed-h_old.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}