{"version":3,"sources":["webpack:///./src/views/back/stat/DeviceIOTCharts.vue?f970","webpack:///src/views/back/stat/DeviceIOTCharts.vue","webpack:///./src/views/back/stat/DeviceIOTCharts.vue?a351","webpack:///./src/views/back/stat/DeviceIOTCharts.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","directives","name","rawName","value","expression","staticStyle","_v","chartData","chartWidth","iotOnlineChartData","staticRenderFns","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACE,MAAM,CAAC,UAAY,aAAa,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,cAAc,EAAE,OAAS,UAAUF,EAAG,aAAa,CAACE,MAAM,CAAC,cAAc,EAAE,KAAO,CAAE,OAAQ,sBAAuBF,EAAG,eAAe,CAACG,YAAY,kBAAkB,CAACH,EAAG,QAAQ,CAACE,MAAM,CAAC,cAAc,EAAE,KAAO,OAAO,OAAS,qBAAqBF,EAAG,UAAU,CAACA,EAAG,UAAU,CAACI,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOX,EAAW,QAAEY,WAAW,YAAYL,YAAY,YAAY,CAACH,EAAG,MAAM,CAACS,YAAY,CAAC,aAAa,OAAO,MAAQ,UAAU,CAACb,EAAIc,GAAG,2CAA2CV,EAAG,KAAK,CAACJ,EAAIc,GAAG,kBAAkBV,EAAG,MAAM,CAACS,YAAY,CAAC,MAAQ,OAAO,gBAAgB,OAAO,SAAW,SAAS,CAACT,EAAG,UAAU,CAACE,MAAM,CAAC,KAAON,EAAIe,UAAU,MAAQf,EAAIgB,eAAe,GAAGZ,EAAG,KAAK,CAACJ,EAAIc,GAAG,+BAA+BV,EAAG,MAAM,CAACS,YAAY,CAAC,MAAQ,OAAO,gBAAgB,OAAO,SAAW,OAAO,aAAa,SAAS,CAACT,EAAG,UAAU,CAACE,MAAM,CAAC,KAAON,EAAIiB,mBAAmB,MAAQjB,EAAIgB,eAAe,MAAM,IAAI,IAAI,IACrkCE,EAAkB,GC2BtB,oDACA,8CACA,8CAEA,MACE,IAAF,cACA,sBACA,8DACA,mDACA,sDACA,4DACA,sDACE,OAAF,aAGA,OACE,KAAF,kBACE,WAAF,gCACE,KAAF,WACI,MAAJ,CACM,UAAN,CACQ,QAAR,aACQ,KAAR,IAGM,mBAAN,CACQ,QAAR,aACQ,KAAR,IAEM,SAAN,EACM,WAAN,SAGE,UACE,KAAJ,uCAEE,UAeE,KAAJ,UACI,MAAJ,OACI,OAAJ,aACA,MACQ,IAAR,4BACQ,EAAR,uBAFA,IAME,QAAF,CACI,gBACE,IACE,KAAR,WACQ,IAAR,8DAEQ,GADA,QAAR,OACA,0DACU,IAAV,0BACA,wBAEU,EAAV,YACY,EAAZ,0BACY,EAAZ,wBAEU,KAAV,iBAEU,EAAV,YACY,EAAZ,0BACY,EAAZ,wBAEU,KAAV,+BAEU,KAAV,+EAEA,SACQ,QAAR,SACQ,KAAR,+EACA,QACQ,KAAR,eCpH2P,I,YCOvPC,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-2d217ffe.abd2bfb1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-container',{attrs:{\"direction\":\"vertical\"}},[_c('NavTop',{attrs:{\"project-id\":-1,\"active\":\"stat\"}}),_c('Breadcrumb',{attrs:{\"project-id\":-1,\"list\":[ 'stat', 'deviceIOTCharts' ]}}),_c('el-container',{staticClass:\"body-container\"},[_c('Aside',{attrs:{\"project-id\":-1,\"page\":\"stat\",\"active\":\"deviceIOTCharts\"}}),_c('el-main',[_c('el-card',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"box-card\"},[_c('div',{staticStyle:{\"text-align\":\"left\",\"color\":\"green\"}},[_vm._v(\"\\n          注：当前数据是最近30天的数据\\n        \")]),_c('h4',[_vm._v(\"绑定了用户的低功耗设备数\")]),_c('div',{staticStyle:{\"width\":\"100%\",\"padding-right\":\"10px\",\"overflow\":\"auto\"}},[_c('ve-line',{attrs:{\"data\":_vm.chartData,\"width\":_vm.chartWidth}})],1),_c('h4',[_vm._v(\"升级到3.1.x且绑定用户,阿里IOT在线的设备数\")]),_c('div',{staticStyle:{\"width\":\"100%\",\"padding-right\":\"10px\",\"overflow\":\"auto\",\"margin-top\":\"30px\"}},[_c('ve-line',{attrs:{\"data\":_vm.iotOnlineChartData,\"width\":_vm.chartWidth}})],1)])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <el-container direction=\"vertical\">\n    <NavTop :project-id=\"-1\" active=\"stat\"/>\n    <Breadcrumb :project-id=\"-1\" :list=\"[ 'stat', 'deviceIOTCharts' ]\"/>\n    <el-container class=\"body-container\">\n      <Aside :project-id=\"-1\" page=\"stat\" active=\"deviceIOTCharts\"/>\n      <el-main>\n        <el-card class=\"box-card\" v-loading=\"loading\">\n          <div style=\"text-align: left;color: green;\">\n            注：当前数据是最近30天的数据\n          </div>\n\n          <h4>绑定了用户的低功耗设备数</h4>\n          <div style=\"width: 100%;padding-right: 10px;overflow: auto;\">\n            <ve-line :data=\"chartData\" :width=\"chartWidth\"></ve-line>\n          </div>\n\n          <h4>升级到3.1.x且绑定用户,阿里IOT在线的设备数</h4>\n          <div style=\"width: 100%;padding-right: 10px;overflow: auto;margin-top: 30px;\">\n            <ve-line :data=\"iotOnlineChartData\" :width=\"chartWidth\"></ve-line>\n          </div>\n        </el-card>\n      </el-main>\n    </el-container>\n  </el-container>\n</template>\n\n<script>\n  const NavTop = () => import(/* webpackChunkName: \"common\" */\"../../common/NavTop\");\n  const Breadcrumb = () => import(/* webpackChunkName: \"common\" */\"../../common/Breadcrumb\");\n  const Aside = () => import(/* webpackChunkName: \"common\" */\"../../common/Aside\");\n\n  const timestampToDate = (timestamp) => {\n    var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000\n    var Y = date.getFullYear() + '-';\n    var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';\n    var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';\n    var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';\n    var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';\n    var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());\n    return Y + M + D + h + m + s;\n  };\n\n  export default {\n    name: \"DeviceIOTCharts\",\n    components: {NavTop, Breadcrumb, Aside},\n    data: function () {\n      return {\n        chartData: {\n          columns: ['时间', '设备数'],\n          rows: []\n        },\n\n        iotOnlineChartData: {\n          columns: ['时间', '设备数'],\n          rows: []\n        },\n        loading: false,\n        chartWidth:String\n      };\n    },\n    created() {\n      this.chartWidth = window.innerWidth - 300 + 'px';\n    },\n    mounted() {\n      /*this.chartData.rows = [{ '时间': '202002240000', '设备数': 1393},\n        { '时间': '202002240100', '设备数': 3530},\n        { '时间': '202002240200', '设备数': 2923},\n        { '时间': '202002240300', '设备数': 1723},\n        { '时间': '202002240400', '设备数': 3792},\n        { '时间': '202002240500', '设备数': 4593}];\n\n      this.iotOnlineChartData.rows = [{ '时间': '202002240000', '设备数': 1393},\n        { '时间': '202002240100', '设备数': 3530},\n        { '时间': '202002240200', '设备数': 2923},\n        { '时间': '202002240300', '设备数': 1723},\n        { '时间': '202002240400', '设备数': 3792},\n        { '时间': '202002240500', '设备数': 4593}];*/\n\n      this.getList();\n      const that = this;\n      window.onresize = () => {\n        return (() => {\n          let screenWidth = document.body.clientWidth;\n          that.chartWidth = screenWidth - 300 + 'px';\n        })();\n      };\n    },\n    methods: {\n      async getList() {\n        try {\n          this.loading = true;\n          let res = await this.$axios.get(\"back/device/queryDeviceCountRecord\");\n          console.log(res);\n          if (res && res.data && res.data.resultCode && \"1001\" === res.data.resultCode) {\n            let lowPowerList = res.data.lowPowerList || [];\n            let aliIOTList = res.data.aliIOTList || [];\n\n            lowPowerList.forEach(row => {\n              row[\"时间\"] = timestampToDate(row[\"RECORD_TIME\"]);\n              row[\"设备数\"] = row[\"COUNT_NUM\"];\n            });\n            this.chartData.rows = lowPowerList;\n\n            aliIOTList.forEach(row => {\n              row[\"时间\"] = timestampToDate(row[\"RECORD_TIME\"]);\n              row[\"设备数\"] = row[\"COUNT_NUM\"];\n            });\n            this.iotOnlineChartData.rows = aliIOTList;\n          } else {\n            this.$message({type: \"error\", message: \"Get Data failed !\", showClose: true, duration: 2000});\n          }\n        } catch (e) {\n          console.error(e);\n          this.$message({type: \"error\", message: \"Get Data failed !\", showClose: true, duration: 2000});\n        } finally {\n          this.loading = false;\n        }\n\n\n      }\n    }\n  };\n</script>\n\n<style scoped>\n\n</style>\n","import mod from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./DeviceIOTCharts.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/_cache-loader@2.0.1@cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/index.js??vue-loader-options!./DeviceIOTCharts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DeviceIOTCharts.vue?vue&type=template&id=1363444c&scoped=true&\"\nimport script from \"./DeviceIOTCharts.vue?vue&type=script&lang=js&\"\nexport * from \"./DeviceIOTCharts.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/_vue-loader@15.9.6@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1363444c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}