|
|
- webpackJsonp([1],{
-
- /***/ "4WHG":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "4YCc":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product10.be88006.png";
-
- /***/ }),
-
- /***/ "6k6Z":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "9fUS":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "Bhwq":
- /***/ (function(module, exports, __webpack_require__) {
-
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
- (function (root, factory) {
- if (true) {
- // AMD. Register as an anonymous module.
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
- } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
- // CommonJS
- factory(exports, require('echarts'));
- } else {
- // Browser globals
- factory({}, root.echarts);
- }
- }(this, function (exports, echarts) {
- var log = function (msg) {
- if (typeof console !== 'undefined') {
- console && console.error && console.error(msg);
- }
- }
- if (!echarts) {
- log('ECharts is not Loaded');
- return;
- }
- if (!echarts.registerMap) {
- log('ECharts Map is not loaded')
- return;
- }
- echarts.registerMap('china', {"type":"FeatureCollection","features":[{"type":"Feature","id":"710000","properties":{"id":"710000","cp":[121.509062,24.044332],"name":"台湾","childNum":6},"geometry":{"type":"MultiPolygon","coordinates":[["@@°Ü¯Û"],["@@ƛĴÕƊÉɼģºðʀ\\ƎsÆNŌÔĚänÜƤɊĂǀĆĴĤNJŨxĚĮǂƺòƌâÔ®ĮXŦţƸZûÐƕƑGđ¨ĭMó·ęcëƝɉlÝƯֹÅŃ^Ó·śŃNjƏďíåɛGɉ¿@ăƑ¥ĘWǬÏĶŁâ"],["@@\\p|WoYG¿¥Ij@¢"],["@@
¡@V^RqBbAnTXeRz¤L«³I"],["@@ÆEEkWqë @"],["@@fced"],["@@¯ɜÄèaì¯ØǓIġĽ"],["@@çûĖëĄhòř "]],"encodeOffsets":[[[122886,24033]],[[123335,22980]],[[122375,24193]],[[122518,24117]],[[124427,22618]],[[124862,26043]],[[126259,26318]],[[127671,26683]]]}},{"type":"Feature","id":"130000","properties":{"id":"130000","cp":[114.502461,38.045474],"name":"河北","childNum":3},"geometry":{"type":"MultiPolygon","coordinates":[["@@o~Z]ªrºc_ħ²G¼s`jΟnüsÂłNX_M`ǽÓnUK
Ĝēs¤©yrý§uģcJe"],["@@U`Ts¿mÂ"],["@@oºƋÄdeVDJj£J|ÅdzÂFt~KŨ¸IÆv|¢r}èonb}`RÎÄn°ÒdÞ²^®lnÐèĄlðÓ×]ªÆ}LiñÖ`^°Ç¶p®đDcŋ`ZÔ¶êqvFÆN®ĆTH®¦O¾IbÐã´BĐɢŴÆíȦpĐÞXR·nndO¤OÀĈƒQgµFo|gȒęSWb©osx|hYhgŃfmÖĩnºTÌSp¢dYĤ¶UĈjlǐpäìë|³kÛfw²Xjz~ÂqbTÑěŨ@|oMzv¢ZrÃVw¬ŧĖ¸f°ÐTªqs{S¯r æÝlNd®²Ğ džiGĘJ¼lr}~K¨ŸƐÌWöÆzR¤lêmĞLÎ@¡|q]SvKÑcwpÏÏĿćènĪWlĄkT}J¤~ÈTdpddʾĬBVtEÀ¢ôPĎƗè@~kü\\rÊĔÖæW_§¼F´©òDòjYÈrbĞāøŀG{ƀ|¦ðrb|ÀH`pʞkvGpuARhÞÆǶgĘTǼƹS£¨¡ù³ŘÍ]¿ÂyôEP xX¶¹ÜO¡gÚ¡IwÃé¦ÅBÏ|Ç°
N«úmH¯âDùyŜŲIÄuШD¸dɂFOhđ©OiÃ`ww^ÌkÑH«ƇǤŗĺtFu
{Z}Ö@U´
ʚLg®¯Oı°Ãw ^VbÉsmA
ê]]w§RRl£ȭµu¯b{ÍDěïÿȧuT£ġěŗƃĝQ¨fVƋƅna@³@ďyýIĹÊKŭfċŰóxV@tƯJ]eR¾fe|rHA|h~Ėƍl§ÏlTíb ØoÅbbx³^zÃĶ¶Sj®AyÂhðk`«P˵EFÛ¬Y¨Ļrõqi¼Wi°§Ð±´°^[À|ĠO@ÆxO\\ta\\tĕtû{ġȧXýĪÓjùÎRb^ÎfK[ÝděYfíÙTyuUSyŌŏů@Oi½éŅaVcř§ax¹XŻácWU£ôãºQ¨÷Ñws¥qEHÙ|šYQoŕÇyáĂ£MðoťÊP¡mWO¡v{ôvîēÜISpÌhp¨ jdeŔQÖjX³àĈ[n`Yp@UcM`RKhEbpŞlNut®EtqnsÁgAiúoHqCXhfgu~ÏWP½¢G^}¯ÅīGCÑ^ãziMáļMTÃƘrMc|O_¯Ŏ´|morDkO\\mĆJfl@cĢ¬¢aĦtRıÒ¾ùƀ^juųœKUFyƝ
īÛ÷ąV×qƥV¿aȉd³BqPBmaËđŻģmÅ®V¹d^KKonYg¯XhqaLdu¥ÍpDž¡KąÅkĝęěhq}HyÃ]¹ǧ£
Í÷¿qᵧg¤o^á¾ZE¤i`ij{nOl»WÝĔįhgF[¿¡ßkOüš_ūiDZàUtėGyl}ÓM}jpEC~¡FtoQiHkk{Ãmï"]],"encodeOffsets":[[[119712,40641]],[[121616,39981]],[[116462,37237]]]}},{"type":"Feature","id":"140000","properties":{"id":"140000","cp":[111.849248,36.857014],"name":"山西","childNum":1},"geometry":{"type":"Polygon","coordinates":["@@ÞĩÒSra}ÁyWix±Üe´lèßÓǏokćiµVZģ¡coTS˹ĪmnÕńehZg{gtwªpXaĚThȑp{¶Eh®RćƑP¿£Pmc¸mQÝWďȥoÅîɡųAďä³aÏJ½¥PGąSM
EÅruµéYÓŌ_dĒCoȵ]¯_²ÕjāK~©ÅØ^ÔkïçămÏk]±cݯÑÃmQÍ~_apm
~ç¡qu{JÅŧ·Ls}EyÁÆcI{¤IiCfUcƌÃp§]ě«vD@¡SÀµMÅwuYY¡DbÑc¡h×]nkoQdaMç~eDÛtT©±@¥ù@É¡ZcW|WqOJmĩl«ħşvOÓ«IqăV¥D[mI~Ó¢cehiÍ]Ɠ~ĥqX·eƷn±}v[ěďŕ]_œ`¹§ÕōIo©bs^}Ét±ū«³p£ÿ·Wµ|¡¥ăFÏs×¥ŅxÊdÒ{ºvĴÎêÌɊ²¶ü¨|ÞƸµȲLLúÉƎ¤ϊęĔV`_bªS^|dzY|dz¥pZbÆ£¶ÒK}tĦÔņƠPYznÍvX¶Ěn ĠÔzý¦ª÷ÑĸÙUȌ¸dòÜJð´ìúNM¬XZ´¤ŊǸ_tldI{¦ƀðĠȤ¥NehXnYGR° ƬDj¬¸|CĞKqºfƐiĺ©ª~ĆOQª ¤@ìǦ�
- }));
-
-
- /***/ }),
-
- /***/ "Etyw":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "FZTp":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product6.23e10b2.png";
-
- /***/ }),
-
- /***/ "G7ez":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "MMS9":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "MywA":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product1.94f4481.png";
-
- /***/ }),
-
- /***/ "T65X":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product4.ed5b542.png";
-
- /***/ }),
-
- /***/ "T7Nd":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "TZ4C":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product9.100a788.png";
-
- /***/ }),
-
- /***/ "XwWC":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product7.de38d89.png";
-
- /***/ }),
-
- /***/ "XzEp":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/bgfixed.15a99f0.jpg";
-
- /***/ }),
-
- /***/ "a0wq":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product2.6175ede.png";
-
- /***/ }),
-
- /***/ "aAeL":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "bXvx":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "hxMC":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/dd.c03303f.gif";
-
- /***/ }),
-
- /***/ "jAJk":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product3.0ba44dd.png";
-
- /***/ }),
-
- /***/ "odJB":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "p+5t":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "pdlS":
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
- var stringify = __webpack_require__("mvHQ");
- var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
-
- // EXTERNAL MODULE: ./src/api/index.js + 5 modules
- var api = __webpack_require__("gyMJ");
-
- // EXTERNAL MODULE: ./src/common/echart/index.vue + 4 modules
- var echart = __webpack_require__("C3+4");
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/left/leftTop/chart.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- color: ["#da0003", "#ffcb20", "#03a27a"],
- tooltip: {
- trigger: "item",
- formatter: "{a} <br/>{b} : {c} ({d}%)",
- textStyle: {
- fontSize: '16'
- }
- },
- toolbox: {
- show: false
- },
- calculable: true,
- series: [{
- name: "终端统计",
- type: "pie",
- radius: "50%",
- data: newData.seriesData,
- emphasis: {
- itemStyle: {
- shadowBlur: 10,
- shadowOffsetX: 0,
- shadowColor: "rgba(0, 0, 0, 0.5)"
- }
- }
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-0eaa13c9","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/left/leftTop/chart.vue
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"9vw","width":"90%"}})],1)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ var leftTop_chart = (esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftTop/chart.vue
- function injectStyle (ssrContext) {
- __webpack_require__("T7Nd")
- }
- var normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = injectStyle
- /* scopeId */
- var __vue_scopeId__ = "data-v-0eaa13c9"
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- chart,
- leftTop_chart,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
-
- /* harmony default export */ var left_leftTop_chart = (Component.exports);
-
- // EXTERNAL MODULE: ./src/components/visualizcomponent/NumberGrow.vue + 2 modules
- var NumberGrow = __webpack_require__("eVaK");
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/left/leftTop/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var leftTop = ({
- data: function data() {
- return {
- show: true,
- cdata: {
- xData: ["故障设备", "离线设备", "在线设备"],
- seriesData: [{
- value: 0,
- name: "故障设备"
- }, {
- value: 0,
- name: "离线设备"
- }, {
- value: 0,
- name: "在线设备"
- }]
- },
- lookStatistic: 0,
- seriesData: {
- abnormalTotal: 0,
- batteryLevel1: 0,
- batteryLevel2: 0,
- batteryLevel3: 0,
- batteryLevel4: 0,
- batteryLevel5: 0,
- offlineTotal: 0,
- onlineTotal: 0,
- operationTotal: 0,
- projects: 0,
- total: 0,
- timer: null
- }
- };
- },
-
- components: {
- Chart: left_leftTop_chart,
- NumberGrow: NumberGrow["a" /* default */]
- },
- created: function created() {
- this.seriesData = JSON.parse(localStorage.getItem('statisticsDate')).seriesData;
- this.lookStatistic = Number(localStorage.getItem('lookStatistic')) || 0;
- // this.show=false
- // this.$nextTick(()=>{
- // this.show=true
- // })
- var cdata = this.cdata;
- cdata.seriesData[0].value = this.seriesData.abnormalTotal;
- cdata.seriesData[1].value = this.seriesData.offlineTotal;
- cdata.seriesData[2].value = this.seriesData.onlineTotal;
- this.cdata = cdata;
- },
- mounted: function mounted() {
- var that = this;
- this.timer = setInterval(function () {
- that.show = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this = this;
-
- this.$nextTick(function () {
- _this.show = true;
- });
- },
- jumpDevicePage: function jumpDevicePage(type) {
- this.$router.replace({
- path: '/allDevice',
- name: "allDevice",
- params: {
- isOnline: type //0离线,1在线,2异常
- }
- });
- }
- // 获取设备概况
-
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-e6bcf4e6","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/left/leftTop/index.vue
- var leftTop_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"progress"},[_c('div',{staticClass:"sunmDevice"},[(_vm.show)?_c('Chart',{attrs:{"cdata":_vm.cdata}}):_vm._e()],1)]),_vm._v(" "),(_vm.show)?_c('div',{staticClass:"list"},[_c('div',{staticClass:"li"},[_c('div',[_vm._v("设备总数")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":_vm.seriesData.total}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li",attrs:{"title":"点击查看在线设备"},on:{"click":function($event){return _vm.jumpDevicePage('1')}}},[_c('div',[_vm._v("在线设备")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":_vm.seriesData.onlineTotal}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li",attrs:{"title":"点击查看离线设备"},on:{"click":function($event){return _vm.jumpDevicePage('0')}}},[_c('div',[_vm._v("离线设备")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":_vm.seriesData.offlineTotal}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li",attrs:{"title":"智能门锁"}},[_c('div',[_vm._v("智能门锁")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":_vm.lookStatistic}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li",attrs:{"title":"点击查看异常设备"},on:{"click":function($event){return _vm.jumpDevicePage('2')}}},[_c('div',[_vm._v("异常设备")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":_vm.seriesData.isAppBind}}),_vm._v("个\n ")],1)])]):_vm._e()])}
- var leftTop_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("终端总数")])])])}]
- var leftTop_esExports = { render: leftTop_render, staticRenderFns: leftTop_staticRenderFns }
- /* harmony default export */ var left_leftTop = (leftTop_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftTop/index.vue
- function leftTop_injectStyle (ssrContext) {
- __webpack_require__("zCAE")
- }
- var leftTop_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var leftTop___vue_template_functional__ = false
- /* styles */
- var leftTop___vue_styles__ = leftTop_injectStyle
- /* scopeId */
- var leftTop___vue_scopeId__ = "data-v-e6bcf4e6"
- /* moduleIdentifier (server only) */
- var leftTop___vue_module_identifier__ = null
- var leftTop_Component = leftTop_normalizeComponent(
- leftTop,
- left_leftTop,
- leftTop___vue_template_functional__,
- leftTop___vue_styles__,
- leftTop___vue_scopeId__,
- leftTop___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_left_leftTop = (leftTop_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/left/leftCenter/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- // import Chart from './chart.vue'
-
-
- /* harmony default export */ var leftCenter = ({
- data: function data() {
- return {
- showDom: true,
- colors: [{
- color: '#01bd8d',
- percentage: 99
- }, {
- color: '#da0051',
- percentage: 1
- }],
- collectUS: {
- houseSensor400: 0,
- lock200: 0,
- lock300: 0,
- site200: 0,
- site300: 0,
- site400: 0,
- userCount: 0
- },
- seriesData: {
- abnormalTotal: 0,
- batteryLevel1: 0,
- batteryLevel2: 0,
- batteryLevel3: 0,
- batteryLevel4: 0,
- batteryLevel5: 0,
- closeTotal: 0,
- offlineTotal: 0,
- onlineTotal: 0,
- openTotal: 0,
- projects: 0,
- total: 0
- },
- alertTotal: 0,
- timer: null
- };
- },
-
- components: {
- // Chart,
- NumberGrow: NumberGrow["a" /* default */]
- },
- created: function created() {
- var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
- this.collectUS = statisticsDate.collectUS;
- this.seriesData = statisticsDate.seriesData;
- for (var t in statisticsDate.collectUS) {
- var q = t.indexOf('lock');
- if (q != -1) {
- this.alertTotal += statisticsDate.collectUS[t];
- }
- }
- },
- mounted: function mounted() {
- var that = this;
- this.timer = setInterval(function () {
- that.showDom = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this = this;
-
- this.$nextTick(function () {
- _this.showDom = true;
- });
- }
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-0135ee13","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/left/leftCenter/index.vue
- var leftCenter_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),(_vm.showDom)?_c('div',{staticClass:"list"},[_c('div',{staticClass:"li"},[_c('div',[_vm._v("一键报警次数")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("次\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("红外报警次数")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("次\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("设备报警总数")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":_vm.alertTotal}}),_vm._v("次\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("蹲位空闲")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("井盖异常")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("个\n ")],1)])]):_vm._e(),_vm._v(" "),(_vm.showDom)?_c('div',{staticClass:"list"},[_c('div',{staticClass:"li"},[_c('div',[_vm._v("总用电(kWh)")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("KWH\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("总用水(m³)")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("m³\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("垃圾桶满溢")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("空气质量差")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("个\n ")],1)]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_vm._v("温湿度异常")]),_vm._v(" "),_c('div',[_c('NumberGrow',{attrs:{"value":0}}),_vm._v("个\n ")],1)])]):_vm._e()])}
- var leftCenter_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("数据统计分析")])])])}]
- var leftCenter_esExports = { render: leftCenter_render, staticRenderFns: leftCenter_staticRenderFns }
- /* harmony default export */ var left_leftCenter = (leftCenter_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftCenter/index.vue
- function leftCenter_injectStyle (ssrContext) {
- __webpack_require__("odJB")
- }
- var leftCenter_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var leftCenter___vue_template_functional__ = false
- /* styles */
- var leftCenter___vue_styles__ = leftCenter_injectStyle
- /* scopeId */
- var leftCenter___vue_scopeId__ = "data-v-0135ee13"
- /* moduleIdentifier (server only) */
- var leftCenter___vue_module_identifier__ = null
- var leftCenter_Component = leftCenter_normalizeComponent(
- leftCenter,
- left_leftCenter,
- leftCenter___vue_template_functional__,
- leftCenter___vue_styles__,
- leftCenter___vue_scopeId__,
- leftCenter___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_left_leftCenter = (leftCenter_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/left/leftBottom/chart.vue
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var leftBottom_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: newData.datate
- },
- yAxis: {
- type: 'value'
- },
- tooltip: {
- trigger: 'axis'
- },
- series: [{
- data: newData.seriesData,
- type: 'line',
- areaStyle: {}
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-6a4f2f53","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/left/leftBottom/chart.vue
- var chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"12vw","width":"100%"}})],1)}
- var chart_staticRenderFns = []
- var chart_esExports = { render: chart_render, staticRenderFns: chart_staticRenderFns }
- /* harmony default export */ var left_leftBottom_chart = (chart_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftBottom/chart.vue
- function chart_injectStyle (ssrContext) {
- __webpack_require__("wdRy")
- }
- var chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var chart___vue_template_functional__ = false
- /* styles */
- var chart___vue_styles__ = chart_injectStyle
- /* scopeId */
- var chart___vue_scopeId__ = "data-v-6a4f2f53"
- /* moduleIdentifier (server only) */
- var chart___vue_module_identifier__ = null
- var chart_Component = chart_normalizeComponent(
- leftBottom_chart,
- left_leftBottom_chart,
- chart___vue_template_functional__,
- chart___vue_styles__,
- chart___vue_scopeId__,
- chart___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_left_leftBottom_chart = (chart_Component.exports);
-
- // EXTERNAL MODULE: ./node_modules/moment/moment.js
- var moment = __webpack_require__("PJh5");
- var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/left/leftBottom/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var leftBottom = ({
- data: function data() {
- return {
- showDom: true,
- timer: null,
- cdata: {
- datate: [0, 0, 0, 0, 0, 0, 0],
- seriesData: [820, 932, 901, 934, 1290, 1330, 1320]
- }
- };
- },
-
- components: {
- Chart: visualizcomponent_left_leftBottom_chart
- },
- created: function created() {
- var weekopenlock = JSON.parse(localStorage.getItem('statisticsDate')).weekopenlock.reverse();
- weekopenlock = weekopenlock.splice(0, 7).reverse();
- var datate = [],
- seriesData = [];
- weekopenlock.map(function (li, index) {
- if (index < 7) {
- datate.push(li.order);
- seriesData.push(li.count);
- }
- });
- this.cdata.datate = datate;
- this.cdata.seriesData = seriesData;
- },
- mounted: function mounted() {
- var that = this;
- this.timer = setInterval(function () {
- that.showDom = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this = this;
-
- this.$nextTick(function () {
- _this.showDom = true;
- });
- }
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-3efca4c4","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/left/leftBottom/index.vue
- var leftBottom_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"progress"},[_c('div',{staticClass:"sunmDevice"},[(_vm.showDom)?_c('Chart',{attrs:{"cdata":_vm.cdata}}):_vm._e()],1)])])}
- var leftBottom_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("一周开锁次数")])])])}]
- var leftBottom_esExports = { render: leftBottom_render, staticRenderFns: leftBottom_staticRenderFns }
- /* harmony default export */ var left_leftBottom = (leftBottom_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftBottom/index.vue
- function leftBottom_injectStyle (ssrContext) {
- __webpack_require__("6k6Z")
- }
- var leftBottom_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var leftBottom___vue_template_functional__ = false
- /* styles */
- var leftBottom___vue_styles__ = leftBottom_injectStyle
- /* scopeId */
- var leftBottom___vue_scopeId__ = "data-v-3efca4c4"
- /* moduleIdentifier (server only) */
- var leftBottom___vue_module_identifier__ = null
- var leftBottom_Component = leftBottom_normalizeComponent(
- leftBottom,
- left_leftBottom,
- leftBottom___vue_template_functional__,
- leftBottom___vue_styles__,
- leftBottom___vue_scopeId__,
- leftBottom___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_left_leftBottom = (leftBottom_Component.exports);
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/regenerator/index.js
- var regenerator = __webpack_require__("Xxa5");
- var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/asyncToGenerator.js
- var asyncToGenerator = __webpack_require__("exGp");
- var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/slidingBlock/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- /* harmony default export */ var slidingBlock = ({
- name: "slidingBlock",
- props: {
- List: {
- type: Array,
- default: []
- }
- },
- data: function data() {
- return {
- swiperOptions: {
- slidesPerView: 6,
- autoplay: {
- delay: 3000, //停顿时间
- disableOnInteraction: false
- },
- loop: true //无缝轮播
- }
- };
- },
-
- computed: {
- swiper: function swiper() {
- return this.$refs.mySwiper.$swiper;
- }
- },
- mounted: function mounted() {},
-
- methods: {}
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-0a9279b3","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/slidingBlock/index.vue
- var slidingBlock_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('swiper',{ref:"mySwiper",staticClass:"swiperBox",attrs:{"options":_vm.swiperOptions,"loop":""}},[_vm._l((_vm.List),function(item,index){return _c('swiper-slide',{key:index,staticClass:"swiperlibox"},[_c('img',{attrs:{"src":item.src}})])}),_vm._v(" "),_c('div',{staticClass:"swiper-pagination",attrs:{"slot":"pagination"},slot:"pagination"})],2)],1)}
- var slidingBlock_staticRenderFns = []
- var slidingBlock_esExports = { render: slidingBlock_render, staticRenderFns: slidingBlock_staticRenderFns }
- /* harmony default export */ var components_slidingBlock = (slidingBlock_esExports);
- // CONCATENATED MODULE: ./src/components/slidingBlock/index.vue
- function slidingBlock_injectStyle (ssrContext) {
- __webpack_require__("p+5t")
- }
- var slidingBlock_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var slidingBlock___vue_template_functional__ = false
- /* styles */
- var slidingBlock___vue_styles__ = slidingBlock_injectStyle
- /* scopeId */
- var slidingBlock___vue_scopeId__ = "data-v-0a9279b3"
- /* moduleIdentifier (server only) */
- var slidingBlock___vue_module_identifier__ = null
- var slidingBlock_Component = slidingBlock_normalizeComponent(
- slidingBlock,
- components_slidingBlock,
- slidingBlock___vue_template_functional__,
- slidingBlock___vue_styles__,
- slidingBlock___vue_scopeId__,
- slidingBlock___vue_module_identifier__
- )
-
- /* harmony default export */ var src_components_slidingBlock = (slidingBlock_Component.exports);
-
- // EXTERNAL MODULE: ./node_modules/echarts/map/js/china.js
- var china = __webpack_require__("Bhwq");
- var china_default = /*#__PURE__*/__webpack_require__.n(china);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/center/top/index.vue
-
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- // 核心文件
- __webpack_require__("tcAE"); //
-
- /* harmony default export */ var center_top = ({
- name: 'map1',
- data: function data() {
- return {
- List: [{
- src: __webpack_require__("MywA")
- }, {
- src: __webpack_require__("a0wq")
- }, {
- src: __webpack_require__("jAJk")
- }, {
- src: __webpack_require__("T65X")
- }, {
- src: __webpack_require__("qNbt")
- }, {
- src: __webpack_require__("FZTp")
- }, {
- src: __webpack_require__("XwWC")
- }, {
- src: __webpack_require__("utaK")
- }, {
- src: __webpack_require__("TZ4C")
- }, {
- src: __webpack_require__("4YCc")
- }],
- mapData: [//自己做的模拟数据 后续根据业务展示
- {
- name: '湖北',
- value: 0
- }, {
- name: '广东',
- value: 82
- }, {
- name: '上海',
- value: 0
- }, {
- name: '山东',
- value: 0
- }, {
- name: '湖南',
- value: 0
- }, {
- name: '重庆',
- value: 0
- }, {
- name: '四川',
- value: 0
- }, {
- name: '新疆',
- value: 0
- }, {
- name: '黑龙江',
- value: 0
- }, {
- name: '西藏',
- value: 0
- }, {
- name: '青海',
- value: 0
- }, {
- name: '内蒙古',
- value: 0
- }, {
- name: '陕西',
- value: 0
- }, {
- name: '辽宁',
- value: 0
- }, {
- name: '云南',
- value: 0
- }],
- provinceData: [//省份公司的数据
- {
- name: '深圳市',
- value: 82,
- children: []
- }],
- provinces: { //数据
- 台湾: 'taiwan',
- 河北: 'hebei',
- 山西: 'shanxi',
- 辽宁: 'liaoning',
- 吉林: 'jilin',
- 黑龙江: 'heilongjiang',
- 江苏: 'jiangsu',
- 浙江: 'zhejiang',
- 安徽: 'anhui',
- 福建: 'fujian',
- 江西: 'jiangxi',
- 山东: 'shandong',
- 河南: 'henan',
- 湖北: 'hubei',
- 湖南: 'hunan',
- 广东: 'guangdong',
- 海南: 'hainan',
- 四川: 'sichuan',
- 贵州: 'guizhou',
- 云南: 'yunnan',
- 陕西: 'shanxi1',
- 甘肃: 'gansu',
- 青海: 'qinghai',
- 新疆: 'xinjiang',
- 广西: 'guangxi',
- 内蒙古: 'neimenggu',
- 宁夏: 'ningxia',
- 西藏: 'xizang',
- 北京: 'beijing',
- 天津: 'tianjin',
- 上海: 'shanghai',
- 重庆: 'chongqing',
- 香港: 'xianggang',
- 澳门: 'aomen'
- },
- isReturnChina: false, //是否显示返回中国地图
- options: null, //echarts 存数据
- enterpriselist: [],
- china_map: '',
- index: -1,
- mTime: ''
- };
- },
-
- components: {
- slidingBlock: src_components_slidingBlock
- },
- created: function created() {
- var _this2 = this;
-
- Object(api["d" /* httpGet */])("", this.$api.getEnterprise).then(function (res) {
- _this2.enterpriselist = res.data.list;
- });
- },
- mounted: function mounted() {
- window.clickRoute = this.clickRoute;
- this.chinaMaprsult('china');
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.mTime);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.mTime);
- },
-
- methods: {
- goHome: function goHome() {
- this.$router.push('/');
- },
-
- // 中国地图点击省份 显示当前省份的详细的地区。
- chinaMapHidden: function chinaMapHidden(chinaMap) {
- var that = this;
- chinaMap.off('click'); //这里解决多次触发点击事件 但是还会执行2次 引用echarts地图,点击各个省份时,点击一个调用两次接口,再点击一次,调用四次接口,再点击调用八次。。。。依次叠加,问题在于,没有将地图上的点击事件清空
- chinaMap.on('click', function () {
- var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee(params) {
- var s;
- return regenerator_default.a.wrap(function _callee$(_context) {
- while (1) {
- switch (_context.prev = _context.next) {
- case 0:
- if (!(params.name in that.provinces)) {
- _context.next = 5;
- break;
- }
-
- _context.next = 3;
- return __webpack_require__("qiKX")("./" + that.provinces[params.name] + '.js');
-
- case 3:
- s = _context.sent;
-
- if (s) {
- that.chinaMaprsult(params.name);
- }
-
- case 5:
- case 'end':
- return _context.stop();
- }
- }
- }, _callee, this);
- }));
-
- return function (_x) {
- return _ref.apply(this, arguments);
- };
- }());
- },
- mouseEvents: function mouseEvents() {
- var _this3 = this;
-
- // 鼠标划入
- this.china_map.on('mouseover', function () {
- // 停止定时器,清除之前的高亮
- clearInterval(_this3.mTime);
- _this3.mTime = '';
- _this3.china_map.dispatchAction({
- type: 'downplay',
- seriesIndex: 0,
- dataIndex: _this3.index
- });
- });
- // 鼠标划出重新定时器开始
- this.china_map.on('mouseout', function () {
- _this3.mapActive();
- });
- },
- mapActive: function mapActive() {
- var _this4 = this;
-
- var dataLength = this.provinces.length;
- // 用定时器控制高亮
- this.mTime = setInterval(function () {
- // 清除之前的高亮
- _this4.china_map.dispatchAction({
- type: 'downplay',
- seriesIndex: 0,
- dataIndex: _this4.index
- });
- _this4.index++;
- // 当前下标高亮
- _this4.china_map.dispatchAction({
- type: 'highlight',
- seriesIndex: 0,
- dataIndex: _this4.index
- });
- _this4.china_map.dispatchAction({
- type: 'showTip',
- seriesIndex: 0,
- dataIndex: _this4.index
- });
- if (_this4.index > dataLength) {
- _this4.index = 0;
- }
- }, 2000);
- },
-
-
- // 渲染地图
- chinaMaprsult: function chinaMaprsult() {
- var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
- var markPointData = [];
- var _this = this;
- this.getproject('', function (data) {
- markPointData = data;
- name == 'china' ? _this.isReturnChina = false : _this.isReturnChina = true;
- var chinaMap = _this.$echarts.init(_this.$refs.china_map);
- _this.china_map = chinaMap;
- _this.options = {
- tooltip: { // 鼠标移到图里面的浮动提示框
- trigger: 'item', //数据项图形触发
- triggerOn: 'mousemove', //这里根据业务需要给点击事件做跳转,所以不能做悬浮了,如果做悬浮 点击不了文字跳转
- formatter: function formatter(params) {
- var name = params.name;
- var toolipData = [];
- _this.provinceData.forEach(function (item) {
- if (name == item.name) {
- toolipData = item.children;
- }
- });
- var htmlStr = '';
- toolipData.forEach(function (item) {
- htmlStr += '<li class="list-li" name="' + item + '"><div \u03BFnclick="clickRoute()" >' + item + '</div></li>';
- });
- _this.chinaMapHidden(chinaMap);
- return '<div class="list-wrap"><div class="list-title">' + name + '</div><ul class="list-ul">' + htmlStr + '</ul></div>';
- }
- },
- visualMap: { // 左下角展示
- show: false,
- min: 0,
- max: 100,
- left: 10,
- bottom: 0,
- showLabel: true,
- textStyle: {
- color: '#000',
- fontSize: 20
- },
- pieces: [//左下角的切换数据显示
- {
- gt: 75,
- lte: 100,
- label: '75~100',
- color: '#f7358c'
- }, {
- gt: 50,
- lte: 75,
- label: '50~75',
- color: '#fb9632'
- }, {
- gt: 25,
- lte: 50,
- label: '25_50',
- color: '#08b2ff'
- }, {
- gte: 0,
- lte: 25,
- label: '0~25',
- color: '#4d2ed2'
- }]
- },
- // dataRange: {
- //
- // },
- geo: {
- map: name ? name : "china", // 核心
- roam: false,
- label: { // 页面初始化加载的文字
- normal: {
- show: true,
- textStyle: {
- color: "#ccc", // 页面初始化的地图文字颜色
- fontSize: '0.6vw' // // 页面初始化的地图文字大小
- }
- }
- },
- itemStyle: { //设置样式
- normal: {
- borderWidth: .5, //区域边框宽度
- borderColor: 'rgba(119, 156, 255, 1)',
- areaColor: {
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: '#073684' // 0% 处的颜色
- }, {
- offset: 1,
- color: '#061E3D' // 100% 处的颜色
- }]
- }
- },
- emphasis: { // 移入背景颜色
- // areaColor: '#ff00ff',
- areaColor: '#F9D92E',
- show: true,
- textStyle: {
- color: '#000',
- fontSize: "0.6vw"
- }
- }
- }
- },
- series: [{
- type: "map",
- geoIndex: 0,
- itemStyle: { //地图区域的多边形 图形样式
- normal: { //是图形在默认状态下的样式
- label: {
- show: true, //是否显示标签
- textStyle: {
- color: "black"
- }
- }
- },
- zoom: 1.5, //地图缩放比例,默认为1
- emphasis: { //是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时
- label: {
- show: true
- }
- }
- },
- label: {
- normal: {
- show: true, //显示省份标签
- textStyle: {
- color: "#696969"
- } //省份标签字体颜色
- },
- emphasis: {
- show: true,
- textStyle: {}
- }
- },
- data: []
- }, {
- type: 'effectScatter',
- coordinateSystem: 'geo',
- rippleEffect: {
- brushType: 'fill',
- scale: 0
- },
- showEffectOn: 'render',
- label: {
- lineHeight: 30,
- normal: {
- show: true,
- color: '#081727',
- position: 'inside',
- padding: [5, 0, 0, 0],
- verticalAlign: 'middle',
- formatter: function formatter(para) {
- return '{cnNum|' + para.data.value[2] + '}';
- // return para.data.value[2]
- },
- rich: {
- cnNum: {
- fontSize: 16,
- color: '#081727',
- lineHeight: 28
- }
- }
- }
- },
- symbol: 'roundRect',
- // symbolRotate: 20,
- symbolSize: [40, 28],
- data: [],
- zlevel: 1,
- markPoint: { //图表标注。
- label: {
- normal: {
- show: true
- },
- emphasis: {
- show: true
- }
- },
- itemStyle: {
- normal: {
- color: 'rgba(72,150,128,1)',
- shadowBlur: 10,
- shadowColor: '#05C3F9'
- }
- },
- data: markPointData
- }
- }]
- };
- chinaMap.setOption(_this.options);
- _this.chinaMapHidden(chinaMap);
- _this.mapActive();
- _this.mouseEvents();
- });
- },
-
- // 获取项目坐标
- getproject: function getproject(data, callback) {
- var _this5 = this;
-
- var markPointData = [];
- Object(api["d" /* httpGet */])('', this.$api.getProjects).then(function (res1) {
- if (res1.success) {
- res1.data.forEach(function (ll) {
- var result = _this5.enterpriselist.filter(function (item) {
- return item.id == ll.enterpriseId;
- })[0];
- if (result) {
- var reg = new RegExp('"', "g");
- var name = result.name + ':' + ll.total + '把';
- var coord = '';
- if (ll.coordinate != null) {
- coord = ll.coordinate.replace(reg, "");
- coord = JSON.parse(coord);
- if (coord) {
- var str = {
- name: name,
- coord: coord,
- selected: false,
- symbol: 'image://' + __webpack_require__("hxMC"), // 标注图片地址路径
- symbolSize: 32
- };
- markPointData.push(str);
- }
- }
- }
- });
- callback(markPointData);
- }
- });
- },
-
- // 返回中国地图
- returnChinaFn: function returnChinaFn() {
- this.chinaMaprsult('china');
- },
-
- // 点击跳转页面
- clickRoute: function clickRoute() {
- alert("点击了,做其他操作!");
- // this.$router.push('/')
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-b7aa1dd6","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/center/top/index.vue
- var top_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"echartsGroup"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isReturnChina),expression:"isReturnChina"}],staticClass:"button",on:{"click":function($event){return _vm.returnChinaFn()}}},[_vm._v("返回中国地图")]),_vm._v(" "),_c('div',{ref:"china_map",staticStyle:{"width":"100%","height":"21.5vw","overflow":"hidden"}}),_vm._v(" "),_c('div',{staticClass:"iconfont httpicon-shouye1 fonticon",attrs:{"title":"返回首页"},on:{"click":_vm.goHome}})])])}
- var top_staticRenderFns = []
- var top_esExports = { render: top_render, staticRenderFns: top_staticRenderFns }
- /* harmony default export */ var visualizcomponent_center_top = (top_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/center/top/index.vue
- function top_injectStyle (ssrContext) {
- __webpack_require__("9fUS")
- __webpack_require__("bXvx")
- }
- var top_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var top___vue_template_functional__ = false
- /* styles */
- var top___vue_styles__ = top_injectStyle
- /* scopeId */
- var top___vue_scopeId__ = "data-v-b7aa1dd6"
- /* moduleIdentifier (server only) */
- var top___vue_module_identifier__ = null
- var top_Component = top_normalizeComponent(
- center_top,
- visualizcomponent_center_top,
- top___vue_template_functional__,
- top___vue_styles__,
- top___vue_scopeId__,
- top___vue_module_identifier__
- )
-
- /* harmony default export */ var components_visualizcomponent_center_top = (top_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/center/bottom/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- // import Chart from './chart.vue'
-
-
- /* harmony default export */ var bottom = ({
- data: function data() {
- return {
- colors: [{ color: '#01bd8d', percentage: 99 }, { color: '#da0051', percentage: 1 }],
- cdata: {
- xData: ["电量(0-20%)", "电量(20-40%)", "电量(40-60%)", "电量(60-80%)", "电量(80-100%)"],
- seriesData: [{ value: 0, name: "电量(0-20%)" }, { value: 0, name: "电量(20-40%)" }, { value: 0, name: "电量(40-60%)" }, { value: 0, name: "电量(60-80%)" }, { value: 0, name: "电量(80-100%)" }]
- },
- collectUS: {},
- sumRoom: 0,
- sumProjects: 0,
- sumOpenlock: 0,
- sumCard: 0,
- todayOpen: 0,
- statisticsDate: {
- seriesData: {
- openTotal: 0,
- closeTotal: 0
- }
- },
- alertTotal: 0,
- showDom: true,
- timer: null,
- leasesStaticList: []
- };
- },
-
- components: {
- // Chart,
- NumberGrow: NumberGrow["a" /* default */]
- },
- created: function created() {
- var _this = this;
-
- var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
- this.statisticsDate = statisticsDate;
- this.collectUS = statisticsDate.collectUS;
- this.sumProjects = statisticsDate.seriesData.projects;
- for (var key in statisticsDate.collectOpenLock) {
- var i = key.indexOf('allCount');
- if (i != -1) {
- this.sumOpenlock += statisticsDate.collectOpenLock[key];
- }
- }
- for (var t in statisticsDate.collectUS) {
- var l = t.indexOf('card');
- if (l != -1) {
- this.sumCard += statisticsDate.collectUS[t];
- }
- var p = t.indexOf('site');
- if (p != -1) {
- this.sumRoom += statisticsDate.collectUS[t];
- }
- var q = t.indexOf('lock');
- if (q != -1) {
- this.alertTotal += statisticsDate.collectUS[t];
- }
- }
- Object(api["d" /* httpGet */])('', this.$api.getLeasesStatusstatistics).then(function (res) {
- if (res.success) {
- var list = res.data;
- list.map(function (li) {
- if (li.value === 0) {
- li.lable = '待签约';
- } else if (li.value === 1) {
- li.lable = '已签约';
- } else if (li.value === 2) {
- li.lable = '已欠费';
- } else if (li.value === 3) {
- li.lable = '已退租';
- } else if (li.value === 4) {
- li.lable = '已删除';
- } else {
- li.lable = '';
- }
- });
- _this.leasesStaticList = list;
- }
- });
- if (statisticsDate.weekopenlock[statisticsDate.weekopenlock.length - 1]) {
- this.todayOpen = statisticsDate.weekopenlock[statisticsDate.weekopenlock.length - 1].count;
- }
- },
- mounted: function mounted() {
- // this.setData();
- var that = this;
- this.timer = setInterval(function () {
- that.showDom = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this2 = this;
-
- this.$nextTick(function () {
- _this2.showDom = true;
- });
- },
-
- // 获取设备概况
- getcard: function getcard() {}
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-f257ed34","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/center/bottom/index.vue
- var bottom_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),(_vm.showDom)?_c('div',{staticClass:"list"},[_c('div',{staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":_vm.sumProjects}})],1),_vm._v(" "),_c('div',[_vm._v("总小区数")])]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":_vm.sumRoom}})],1),_vm._v(" "),_c('div',[_vm._v("房间总数(间)")])]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":_vm.sumCard}})],1),_vm._v(" "),_c('div',[_vm._v("总人数")])]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":_vm.sumCard}})],1),_vm._v(" "),_c('div',[_vm._v("签约人数")])]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":_vm.sumOpenlock}})],1),_vm._v(" "),_c('div',[_vm._v("开锁总次数(次)")])]),_vm._v(" "),_c('div',{staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":_vm.todayOpen}})],1),_vm._v(" "),_c('div',[_vm._v("今日开锁总数(次)")])]),_vm._v(" "),_vm._l((_vm.leasesStaticList),function(item,index){return _c('div',{key:index,staticClass:"li"},[_c('div',[_c('NumberGrow',{attrs:{"value":item.total}})],1),_vm._v(" "),_c('div',[_vm._v(_vm._s(item.lable)+"(个)")])])})],2):_vm._e()])}
- var bottom_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("业务管理数据")])])])}]
- var bottom_esExports = { render: bottom_render, staticRenderFns: bottom_staticRenderFns }
- /* harmony default export */ var center_bottom = (bottom_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/center/bottom/index.vue
- function bottom_injectStyle (ssrContext) {
- __webpack_require__("G7ez")
- }
- var bottom_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottom___vue_template_functional__ = false
- /* styles */
- var bottom___vue_styles__ = bottom_injectStyle
- /* scopeId */
- var bottom___vue_scopeId__ = "data-v-f257ed34"
- /* moduleIdentifier (server only) */
- var bottom___vue_module_identifier__ = null
- var bottom_Component = bottom_normalizeComponent(
- bottom,
- center_bottom,
- bottom___vue_template_functional__,
- bottom___vue_styles__,
- bottom___vue_scopeId__,
- bottom___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_center_bottom = (bottom_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/right/rightTop/chart.vue
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var rightTop_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: newData.datate
- },
- yAxis: {
- type: 'value',
- minInterval: 1
- },
- tooltip: {
- trigger: 'axis'
- },
- series: [{
- data: newData.seriesData,
- type: 'line',
- areaStyle: {
- normal: {
- color: '#12d4e2' //改变区域颜色
- }
- }
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-13b53513","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/right/rightTop/chart.vue
- var rightTop_chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"12vw","width":"100%"}})],1)}
- var rightTop_chart_staticRenderFns = []
- var rightTop_chart_esExports = { render: rightTop_chart_render, staticRenderFns: rightTop_chart_staticRenderFns }
- /* harmony default export */ var right_rightTop_chart = (rightTop_chart_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightTop/chart.vue
- function rightTop_chart_injectStyle (ssrContext) {
- __webpack_require__("aAeL")
- }
- var rightTop_chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var rightTop_chart___vue_template_functional__ = false
- /* styles */
- var rightTop_chart___vue_styles__ = rightTop_chart_injectStyle
- /* scopeId */
- var rightTop_chart___vue_scopeId__ = "data-v-13b53513"
- /* moduleIdentifier (server only) */
- var rightTop_chart___vue_module_identifier__ = null
- var rightTop_chart_Component = rightTop_chart_normalizeComponent(
- rightTop_chart,
- right_rightTop_chart,
- rightTop_chart___vue_template_functional__,
- rightTop_chart___vue_styles__,
- rightTop_chart___vue_scopeId__,
- rightTop_chart___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_right_rightTop_chart = (rightTop_chart_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/right/rightTop/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var rightTop = ({
- data: function data() {
- return {
- showDom: true,
- timer: null,
- cdata: {
- datate: [0, 0, 0, 0, 0, 0, 0],
- seriesData: [820, 932, 901, 934, 1290, 1330, 1320]
- }
- };
- },
-
- components: {
- Chart: visualizcomponent_right_rightTop_chart
- },
- created: function created() {
- var addDeviceWeek = JSON.parse(localStorage.getItem('statisticsDate')).addDeviceWeek;
- var datate = [],
- seriesData = [];
- addDeviceWeek.map(function (li, index) {
- datate.push(li.order);
- seriesData.push(li.count);
- });
- this.cdata.datate = datate;
- this.cdata.seriesData = seriesData;
- },
- mounted: function mounted() {
- var that = this;
- this.timer = setInterval(function () {
- that.showDom = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this = this;
-
- this.$nextTick(function () {
- _this.showDom = true;
- });
- }
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-6138ed40","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/right/rightTop/index.vue
- var rightTop_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"progress"},[_c('div',{staticClass:"sunmDevice"},[(_vm.showDom)?_c('Chart',{attrs:{"cdata":_vm.cdata}}):_vm._e()],1)])])}
- var rightTop_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("一周新增设备")])])])}]
- var rightTop_esExports = { render: rightTop_render, staticRenderFns: rightTop_staticRenderFns }
- /* harmony default export */ var right_rightTop = (rightTop_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightTop/index.vue
- function rightTop_injectStyle (ssrContext) {
- __webpack_require__("Etyw")
- }
- var rightTop_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var rightTop___vue_template_functional__ = false
- /* styles */
- var rightTop___vue_styles__ = rightTop_injectStyle
- /* scopeId */
- var rightTop___vue_scopeId__ = "data-v-6138ed40"
- /* moduleIdentifier (server only) */
- var rightTop___vue_module_identifier__ = null
- var rightTop_Component = rightTop_normalizeComponent(
- rightTop,
- right_rightTop,
- rightTop___vue_template_functional__,
- rightTop___vue_styles__,
- rightTop___vue_scopeId__,
- rightTop___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_right_rightTop = (rightTop_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/right/rightCenter/chart.vue
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var rightCenter_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- xAxis: {
- type: 'category',
- boundaryGap: false,
- data: newData.datate
- },
- yAxis: {
- type: 'value'
- },
- tooltip: {
- trigger: 'axis'
- },
- series: [{
- data: newData.seriesData,
- type: 'line',
- areaStyle: {
- normal: {
- color: '#376cb4' //改变区域颜色
- }
- }
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-7f9ec19d","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/right/rightCenter/chart.vue
- var rightCenter_chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"12vw","width":"98%"}})],1)}
- var rightCenter_chart_staticRenderFns = []
- var rightCenter_chart_esExports = { render: rightCenter_chart_render, staticRenderFns: rightCenter_chart_staticRenderFns }
- /* harmony default export */ var right_rightCenter_chart = (rightCenter_chart_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightCenter/chart.vue
- function rightCenter_chart_injectStyle (ssrContext) {
- __webpack_require__("q9dr")
- }
- var rightCenter_chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var rightCenter_chart___vue_template_functional__ = false
- /* styles */
- var rightCenter_chart___vue_styles__ = rightCenter_chart_injectStyle
- /* scopeId */
- var rightCenter_chart___vue_scopeId__ = "data-v-7f9ec19d"
- /* moduleIdentifier (server only) */
- var rightCenter_chart___vue_module_identifier__ = null
- var rightCenter_chart_Component = rightCenter_chart_normalizeComponent(
- rightCenter_chart,
- right_rightCenter_chart,
- rightCenter_chart___vue_template_functional__,
- rightCenter_chart___vue_styles__,
- rightCenter_chart___vue_scopeId__,
- rightCenter_chart___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_right_rightCenter_chart = (rightCenter_chart_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/right/rightCenter/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var rightCenter = ({
- data: function data() {
- return {
- showDom: true,
- timer: null,
- cdata: {
- datate: [0, 0, 0, 0, 0, 0, 0],
- seriesData: [0, 0, 0, 0, 0, 0, 0]
- }
- };
- },
-
- components: {
- Chart: visualizcomponent_right_rightCenter_chart
- },
- created: function created() {
- var today = moment_default()().format("YYYY-MM-DD");
- this.cdata.datate[6] = today;
- this.cdata.datate[5] = moment_default()().subtract('days', 1).format("YYYY/MM/DD");
- this.cdata.datate[4] = moment_default()().subtract('days', 2).format("YYYY/MM/DD");
- this.cdata.datate[3] = moment_default()().subtract('days', 3).format("YYYY/MM/DD");
- this.cdata.datate[2] = moment_default()().subtract('days', 4).format("YYYY/MM/DD");
- this.cdata.datate[1] = moment_default()().subtract('days', 5).format("YYYY/MM/DD");
- this.cdata.datate[0] = moment_default()().subtract('days', 6).format("YYYY/MM/DD");
- },
- mounted: function mounted() {
- var that = this;
- this.timer = setInterval(function () {
- that.showDom = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this = this;
-
- this.$nextTick(function () {
- _this.showDom = true;
- });
- }
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-44140754","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/right/rightCenter/index.vue
- var rightCenter_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"progress"},[_c('div',{staticClass:"sunmDevice"},[(_vm.showDom)?_c('Chart',{attrs:{"cdata":_vm.cdata}}):_vm._e()],1)])])}
- var rightCenter_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("一周充值金额")])])])}]
- var rightCenter_esExports = { render: rightCenter_render, staticRenderFns: rightCenter_staticRenderFns }
- /* harmony default export */ var right_rightCenter = (rightCenter_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightCenter/index.vue
- function rightCenter_injectStyle (ssrContext) {
- __webpack_require__("pndH")
- }
- var rightCenter_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var rightCenter___vue_template_functional__ = false
- /* styles */
- var rightCenter___vue_styles__ = rightCenter_injectStyle
- /* scopeId */
- var rightCenter___vue_scopeId__ = "data-v-44140754"
- /* moduleIdentifier (server only) */
- var rightCenter___vue_module_identifier__ = null
- var rightCenter_Component = rightCenter_normalizeComponent(
- rightCenter,
- right_rightCenter,
- rightCenter___vue_template_functional__,
- rightCenter___vue_styles__,
- rightCenter___vue_scopeId__,
- rightCenter___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_right_rightCenter = (rightCenter_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/right/rightBottom/chart.vue
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var rightBottom_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- console.log(newData);
- this.options = {
- title: {
- text: '',
- subtext: ''
- },
- tooltip: {
- trigger: 'item',
- formatter: "{a} <br/>{b} : {c}"
- },
- // toolbox: {
- // feature: {
- // dataView: {readOnly: false},
- // restore: {},
- // saveAsImage: {}
- // }
- // },
- // legend: {
- // data: ['电量(0-20%)','电量(20%-40%)','电量(40%-60%)','电量(60%-80%)','电量(80%-100%)']
- // },
-
- series: [{
- name: '数量',
- type: 'funnel',
- left: '10%',
- top: 60,
- bottom: 60,
- sort: "ascending",
- width: '80%',
- min: 0,
- max: 100,
- minSize: '0%',
- maxSize: '100%',
- gap: 2,
- // label: {
- // show: true,
- // position: 'inside'
- // },
- labelLine: {
- length: 10,
- lineStyle: {
- width: 1,
- type: 'solid'
- }
- },
- itemStyle: {
- borderColor: "#fff",
- borderWidth: 1,
- normal: {
- color: function color(params) {
- //自定义颜色
- var colorList = ["#FF4C4C", "#FF6383", "#FF9933", "#FFC635", "#31DC72", "#39E8DE", "#91FFE7", "#91FAB9", "#8572FF", "#4578FF"];
- return colorList[params.dataIndex];
- }
- }
- },
- emphasis: {
- label: {
- fontSize: 20
- }
- },
- data: newData.seriesData
- // [
- // {value: 60, name: '电量(0-20%)'},
- // {value: 40, name: '电量(20%-40%)'},
- // {value: 20, name: '电量(40%-60%)'},
- // {value: 80, name: '电量(60%-80%)'},
- // {value: 100, name: '电量(80%-100%)'}
- // ]
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-7ef4a1f7","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/right/rightBottom/chart.vue
- var rightBottom_chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"12vw","width":"60%"}})],1)}
- var rightBottom_chart_staticRenderFns = []
- var rightBottom_chart_esExports = { render: rightBottom_chart_render, staticRenderFns: rightBottom_chart_staticRenderFns }
- /* harmony default export */ var right_rightBottom_chart = (rightBottom_chart_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightBottom/chart.vue
- function rightBottom_chart_injectStyle (ssrContext) {
- __webpack_require__("MMS9")
- }
- var rightBottom_chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var rightBottom_chart___vue_template_functional__ = false
- /* styles */
- var rightBottom_chart___vue_styles__ = rightBottom_chart_injectStyle
- /* scopeId */
- var rightBottom_chart___vue_scopeId__ = "data-v-7ef4a1f7"
- /* moduleIdentifier (server only) */
- var rightBottom_chart___vue_module_identifier__ = null
- var rightBottom_chart_Component = rightBottom_chart_normalizeComponent(
- rightBottom_chart,
- right_rightBottom_chart,
- rightBottom_chart___vue_template_functional__,
- rightBottom_chart___vue_styles__,
- rightBottom_chart___vue_scopeId__,
- rightBottom_chart___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_right_rightBottom_chart = (rightBottom_chart_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/visualizcomponent/right/rightBottom/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
-
- /* harmony default export */ var rightBottom = ({
- data: function data() {
- return {
- showDom: true,
- timer: null,
- seriesData: {
- abnormalTotal: 0,
- batteryLevel1: 0,
- batteryLevel2: 0,
- batteryLevel3: 0,
- batteryLevel4: 0,
- batteryLevel5: 0,
- closeTotal: 0,
- offlineTotal: 0,
- onlineTotal: 0,
- openTotal: 0,
- projects: 0,
- total: 0
- },
- cdata: {
- datate: [0, 0, 0, 0, 0, 0, 0],
- seriesData: [{
- value: 0,
- name: '电量(0-20%)'
- }, {
- value: 0,
- name: '电量(20%-40%)'
- }, {
- value: 0,
- name: '电量(40%-60%)'
- }, {
- value: 0,
- name: '电量(60%-80%)'
- }, {
- value: 0,
- name: '电量(80%-100%)'
- }]
- }
- };
- },
-
- components: {
- Chart: visualizcomponent_right_rightBottom_chart, NumberGrow: NumberGrow["a" /* default */]
- },
- created: function created() {
- var seriesData = JSON.parse(localStorage.getItem('statisticsDate')).seriesData;
- var cdata = this.cdata;
- cdata.seriesData[0].value = seriesData.batteryLevel1; //(parseInt(seriesData.batteryLevel1) / parseInt(seriesData.total) * 100).toFixed(2);
- cdata.seriesData[1].value = seriesData.batteryLevel2; //(parseInt(seriesData.batteryLevel2) / parseInt(seriesData.total) * 100).toFixed(2);
- cdata.seriesData[2].value = seriesData.batteryLevel3; //(parseInt(seriesData.batteryLevel3) / parseInt(seriesData.total) * 100).toFixed(2);
- cdata.seriesData[3].value = seriesData.batteryLevel4; //(parseInt(seriesData.batteryLevel4) / parseInt(seriesData.total) * 100).toFixed(2);
- cdata.seriesData[4].value = seriesData.batteryLevel5; //(parseInt(seriesData.batteryLevel5) / parseInt(seriesData.total) * 100).toFixed(2);
- this.cdata = cdata;
- this.seriesData = seriesData;
- },
- mounted: function mounted() {
- var that = this;
- this.timer = setInterval(function () {
- that.showDom = false;
- that.setShow();
- }, 10000);
- },
-
- methods: {
- setShow: function setShow() {
- var _this = this;
-
- this.$nextTick(function () {
- _this.showDom = true;
- });
- },
- jumpDevicePage: function jumpDevicePage(startBattery, endBattery) {
- this.$router.replace({
- path: '/allDevice',
- name: "allDevice",
- params: {
- startBattery: startBattery,
- endBattery: endBattery
- }
- });
- }
- },
- beforeRouteLeave: function beforeRouteLeave(to, from, next) {
- clearInterval(this.timer);
- next();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.timer);
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-4123aebc","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/visualizcomponent/right/rightBottom/index.vue
- var rightBottom_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"boxxontent"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"progress"},[_c('div',{staticClass:"sunmDevice"},[_c('Chart',{attrs:{"cdata":_vm.cdata}})],1),_vm._v(" "),(_vm.showDom)?_c('div',{staticClass:"datalist"},[_c('div',{staticClass:"datali",on:{"click":function($event){return _vm.jumpDevicePage(0,20)}}},[_c('span',[_vm._v("电量(0-20%)")]),_c('span',[_c('NumberGrow',{attrs:{"value":_vm.cdata.seriesData[0].value}}),_vm._v("个")],1)]),_vm._v(" "),_c('div',{staticClass:"datali",on:{"click":function($event){return _vm.jumpDevicePage(20,40)}}},[_c('span',[_vm._v("电量(20%-40%)")]),_c('span',[_c('NumberGrow',{attrs:{"value":_vm.cdata.seriesData[1].value}}),_vm._v("个")],1)]),_vm._v(" "),_c('div',{staticClass:"datali",on:{"click":function($event){return _vm.jumpDevicePage(40,60)}}},[_c('span',[_vm._v("电量(40%-60%)")]),_c('span',[_c('NumberGrow',{attrs:{"value":_vm.cdata.seriesData[2].value}}),_vm._v("个")],1)]),_vm._v(" "),_c('div',{staticClass:"datali",on:{"click":function($event){return _vm.jumpDevicePage(60,80)}}},[_c('span',[_vm._v("电量(60%-80%)")]),_c('span',[_c('NumberGrow',{attrs:{"value":_vm.cdata.seriesData[3].value}}),_vm._v("个")],1)]),_vm._v(" "),_c('div',{staticClass:"datali",on:{"click":function($event){return _vm.jumpDevicePage(80,100)}}},[_c('span',[_vm._v("电量(80%-100%)")]),_c('span',[_c('NumberGrow',{attrs:{"value":_vm.cdata.seriesData[4].value}}),_vm._v("个")],1)])]):_vm._e()])])}
- var rightBottom_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',[_c('span',[_vm._v("设备电量分析")])])])}]
- var rightBottom_esExports = { render: rightBottom_render, staticRenderFns: rightBottom_staticRenderFns }
- /* harmony default export */ var right_rightBottom = (rightBottom_esExports);
- // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightBottom/index.vue
- function rightBottom_injectStyle (ssrContext) {
- __webpack_require__("4WHG")
- }
- var rightBottom_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var rightBottom___vue_template_functional__ = false
- /* styles */
- var rightBottom___vue_styles__ = rightBottom_injectStyle
- /* scopeId */
- var rightBottom___vue_scopeId__ = "data-v-4123aebc"
- /* moduleIdentifier (server only) */
- var rightBottom___vue_module_identifier__ = null
- var rightBottom_Component = rightBottom_normalizeComponent(
- rightBottom,
- right_rightBottom,
- rightBottom___vue_template_functional__,
- rightBottom___vue_styles__,
- rightBottom___vue_scopeId__,
- rightBottom___vue_module_identifier__
- )
-
- /* harmony default export */ var visualizcomponent_right_rightBottom = (rightBottom_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/visualization/index.vue
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- // var elementResizeDetectorMaker = require("element-resize-detector")
-
-
-
-
-
-
-
-
-
-
- /* harmony default export */ var visualization = ({
- inject: ['reload'],
- name: "visualization",
- data: function data() {
- return {
- timer: null,
- seriesData: {
- abnormalTotal: 0,
- batteryLevel1: 0,
- batteryLevel2: 0,
- batteryLevel3: 0,
- batteryLevel4: 0,
- batteryLevel5: 0,
- closeTotal: 0,
- offlineTotal: 0,
- onlineTotal: 0,
- openTotal: 0,
- projects: 0,
- total: 0
- }
- };
- },
-
- components: {
- leftTop: visualizcomponent_left_leftTop,
- leftCenter: visualizcomponent_left_leftCenter,
- leftBottom: visualizcomponent_left_leftBottom,
- mapBox: components_visualizcomponent_center_top,
- centerBootm: visualizcomponent_center_bottom,
- rightTop: visualizcomponent_right_rightTop,
- rightCenter: visualizcomponent_right_rightCenter,
- rightBottom: visualizcomponent_right_rightBottom
- },
- beforeCreate: function beforeCreate() {
- this.$store.commit('settenantid');
- },
- created: function created() {
- this.$store.commit('setUser1');
- if (!localStorage.getItem('statisticsDate')) {
- var data = {
- "cdata": ["0.42", "1.26", "1.68", "9.45", "85.50"],
- "seriesData": {
- "abnormalTotal": 0,
- "batteryLevel1": 2,
- "batteryLevel2": 6,
- "batteryLevel3": 8,
- "batteryLevel4": 45,
- "batteryLevel5": 407,
- "closeTotal": 334,
- "offlineTotal": 34,
- "onlineTotal": 442,
- "openTotal": 142,
- "projects": 65,
- "total": 476
- },
- "collectUS": {
- "card300": 133,
- "site200": 71,
- "card200": 229,
- "userCount": 196,
- "site300": 70,
- "lock300": 773,
- "site400": 331,
- "lock200": 6702,
- "houseSensor400": 205424
- },
- "collectOpenLock": {
- "week300": [{
- "count": 7,
- "order": "2022-05-15"
- }, {
- "count": 14,
- "order": "2022-05-16"
- }, {
- "count": 13,
- "order": "2022-05-17"
- }, {
- "count": 20,
- "order": "2022-05-18"
- }, {
- "count": 156,
- "order": "2022-05-19"
- }, {
- "count": 103,
- "order": "2022-05-20"
- }, {
- "count": 33,
- "order": "2022-05-21"
- }, {
- "count": 37,
- "order": "2022-05-22"
- }, {
- "count": 159,
- "order": "2022-05-23"
- }, {
- "count": 147,
- "order": "2022-05-24"
- }, {
- "count": 137,
- "order": "2022-05-25"
- }, {
- "count": 87,
- "order": "2022-05-26"
- }],
- "week200": [{
- "count": 115,
- "order": "2022-05-19"
- }, {
- "count": 199,
- "order": "2022-05-20"
- }, {
- "count": 64,
- "order": "2022-05-21"
- }, {
- "count": 26,
- "order": "2022-05-22"
- }, {
- "count": 142,
- "order": "2022-05-23"
- }, {
- "count": 168,
- "order": "2022-05-24"
- }, {
- "count": 150,
- "order": "2022-05-25"
- }, {
- "count": 139,
- "order": "2022-05-26"
- }],
- "allCount300": 8939,
- "allCount200": 23117
- },
- "weekopenlock": [{
- "order": "2022-05-19",
- "count": 271
- }, {
- "order": "2022-05-20",
- "count": 302
- }, {
- "order": "2022-05-21",
- "count": 97
- }, {
- "order": "2022-05-22",
- "count": 63
- }, {
- "order": "2022-05-23",
- "count": 301
- }, {
- "order": "2022-05-24",
- "count": 315
- }, {
- "order": "2022-05-25",
- "count": 287
- }, {
- "order": "2022-05-26",
- "count": 226
- }],
- "addDeviceWeek": [{
- "order": "2022/05/20",
- "count": 0
- }, {
- "order": "2022/05/21",
- "count": 0
- }, {
- "order": "2022/05/22",
- "count": 0
- }, {
- "order": "2022/05/23",
- "count": 2
- }, {
- "order": "2022/05/24",
- "count": 0
- }, {
- "order": "2022/05/25",
- "count": 0
- }, {
- "order": "2022-05-26",
- "count": 0
- }]
- };
- localStorage.setItem('statisticsDate', stringify_default()(data));
- this.reload();
- }
- },
- mounted: function mounted() {
- // let that = this
- // let erd = elementResizeDetectorMaker()
- // erd.listenTo(document.getElementById("dashboard"), (element) => {
- // that.$nextTick(() => {
- // that.$refs.lineChart.resize()
- // })
- // })
- // this.timer = setInterval(() => {
- // this.getcard()
- // }, 30000)
- },
- destroyed: function destroyed() {
- // clearInterval(this.timer)
- // this.timer = null
- // localStorage.removeItem("statisticsDate")
- },
-
- methods: {
- getcard: function getcard() {}
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-3ee5702f","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/visualization/index.vue
- var visualization_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"visualization"}},[_vm._m(0),_vm._v(" "),_vm._m(1),_vm._v(" "),_vm._m(2),_vm._v(" "),_vm._m(3),_vm._v(" "),_c('div',{staticClass:"content"},[_c('div',{staticClass:"top"},[_c('div',{staticClass:"topLeft"},[_c('leftTop',{attrs:{"seriesData2":_vm.seriesData}})],1),_vm._v(" "),_c('div',{staticClass:"topCenter"},[_c('leftCenter')],1),_vm._v(" "),_c('div',{staticClass:"topBottom"},[_c('leftBottom')],1)]),_vm._v(" "),_c('div',{staticClass:"center"},[_c('div',{staticClass:"centertop"},[_c('mapBox')],1),_vm._v(" "),_c('div',{staticClass:"centerbottom"},[_c('centerBootm')],1)]),_vm._v(" "),_c('div',{staticClass:"right"},[_c('div',{staticClass:"righttop"},[_c('rightTop')],1),_vm._v(" "),_c('div',{staticClass:"rightcenter"},[_c('rightCenter')],1),_vm._v(" "),_c('div',{staticClass:"rightbottom"},[_c('rightBottom',{attrs:{"seriesData1":_vm.seriesData}})],1)])])])}
- var visualization_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"bgimg"},[_c('img',{attrs:{"src":__webpack_require__("XzEp")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"topbg"},[_c('img',{attrs:{"src":__webpack_require__("qd1h")}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"toptitle"},[_c('div',[_vm._v("智慧公寓管理系统")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"toptitle secondtitle"},[_c('div',[_vm._v("智能产品数据统计分析")])])}]
- var visualization_esExports = { render: visualization_render, staticRenderFns: visualization_staticRenderFns }
- /* harmony default export */ var views_visualization = (visualization_esExports);
- // CONCATENATED MODULE: ./src/views/visualization/index.vue
- function visualization_injectStyle (ssrContext) {
- __webpack_require__("qRZX")
- }
- var visualization_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var visualization___vue_template_functional__ = false
- /* styles */
- var visualization___vue_styles__ = visualization_injectStyle
- /* scopeId */
- var visualization___vue_scopeId__ = "data-v-3ee5702f"
- /* moduleIdentifier (server only) */
- var visualization___vue_module_identifier__ = null
- var visualization_Component = visualization_normalizeComponent(
- visualization,
- views_visualization,
- visualization___vue_template_functional__,
- visualization___vue_styles__,
- visualization___vue_scopeId__,
- visualization___vue_module_identifier__
- )
-
- /* harmony default export */ var src_views_visualization = __webpack_exports__["default"] = (visualization_Component.exports);
-
-
- /***/ }),
-
- /***/ "pndH":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "q9dr":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "qNbt":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product5.88c5ef6.png";
-
- /***/ }),
-
- /***/ "qRZX":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "qd1h":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/topbg.820ebf9.png";
-
- /***/ }),
-
- /***/ "qiKX":
- /***/ (function(module, exports, __webpack_require__) {
-
- var map = {
- "./anhui.js": [
- "LxaZ",
- 130
- ],
- "./aomen.js": [
- "bFhG",
- 129
- ],
- "./beijing.js": [
- "bIQF",
- 128
- ],
- "./chongqing.js": [
- "yOrR",
- 127
- ],
- "./fujian.js": [
- "MF5D",
- 126
- ],
- "./gansu.js": [
- "wlbM",
- 125
- ],
- "./guangdong.js": [
- "q8av",
- 124
- ],
- "./guangxi.js": [
- "d+A2",
- 123
- ],
- "./guizhou.js": [
- "gQu3",
- 122
- ],
- "./hainan.js": [
- "lWJF",
- 121
- ],
- "./hebei.js": [
- "fl3M",
- 120
- ],
- "./heilongjiang.js": [
- "rugJ",
- 119
- ],
- "./henan.js": [
- "uf2Q",
- 118
- ],
- "./hubei.js": [
- "BrxA",
- 117
- ],
- "./hunan.js": [
- "Bu9l",
- 116
- ],
- "./jiangsu.js": [
- "aM2Z",
- 115
- ],
- "./jiangxi.js": [
- "sLa+",
- 114
- ],
- "./jilin.js": [
- "RXgU",
- 113
- ],
- "./liaoning.js": [
- "4h20",
- 112
- ],
- "./neimenggu.js": [
- "+kzi",
- 111
- ],
- "./ningxia.js": [
- "DvFz",
- 110
- ],
- "./qinghai.js": [
- "+EQR",
- 109
- ],
- "./shandong.js": [
- "H/fg",
- 108
- ],
- "./shanghai.js": [
- "2UcM",
- 107
- ],
- "./shanxi.js": [
- "OPXM",
- 106
- ],
- "./shanxi1.js": [
- "GxeG",
- 105
- ],
- "./sichuan.js": [
- "LM7n",
- 104
- ],
- "./taiwan.js": [
- "2JxT",
- 103
- ],
- "./tianjin.js": [
- "ZpZ2",
- 102
- ],
- "./xianggang.js": [
- "Zb2g",
- 101
- ],
- "./xinjiang.js": [
- "3AnA",
- 100
- ],
- "./xizang.js": [
- "NWZx",
- 99
- ],
- "./yunnan.js": [
- "aZfD",
- 98
- ],
- "./zhejiang.js": [
- "Knpt",
- 97
- ]
- };
- function webpackAsyncContext(req) {
- var ids = map[req];
- if(!ids)
- return Promise.reject(new Error("Cannot find module '" + req + "'."));
- return __webpack_require__.e(ids[1]).then(function() {
- return __webpack_require__(ids[0]);
- });
- };
- webpackAsyncContext.keys = function webpackAsyncContextKeys() {
- return Object.keys(map);
- };
- webpackAsyncContext.id = "qiKX";
- module.exports = webpackAsyncContext;
-
- /***/ }),
-
- /***/ "tcAE":
- /***/ (function(module, exports, __webpack_require__) {
-
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
- (function(root, factory) {
- if (true) {
- // AMD. Register as an anonymous module.
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
- } else if (
- typeof exports === 'object' &&
- typeof exports.nodeName !== 'string'
- ) {
- // CommonJS
- factory(exports, require('echarts'));
- } else {
- // Browser globals
- factory({}, root.echarts);
- }
- })(this, function(exports, echarts) {
- var log = function(msg) {
- if (typeof console !== 'undefined') {
- console && console.error && console.error(msg);
- }
- };
- if (!echarts) {
- log('ECharts is not Loaded');
- return;
- }
-
- var colorPalette = [
- '#2ec7c9',
- '#b6a2de',
- '#5ab1ef',
- '#ffb980',
- '#d87a80',
- '#8d98b3',
- '#e5cf0d',
- '#97b552',
- '#95706d',
- '#dc69aa',
- '#07a2a4',
- '#9a7fd1',
- '#588dd5',
- '#f5994e',
- '#c05050',
- '#59678c',
- '#c9ab00',
- '#7eb00a',
- '#6f5553',
- '#c14089'
- ];
-
- var theme = {
- color: colorPalette,
-
- title: {
- textStyle: {
- fontWeight: 'normal',
- color: '#008acd'
- }
- },
-
- visualMap: {
- itemWidth: 15,
- color: ['#5ab1ef', '#e0ffff']
- },
-
- toolbox: {
- iconStyle: {
- normal: {
- borderColor: colorPalette[0]
- }
- }
- },
-
- tooltip: {
- backgroundColor: 'rgba(50,50,50,0.5)',
- axisPointer: {
- type: 'line',
- lineStyle: {
- color: '#008acd'
- },
- crossStyle: {
- color: '#008acd'
- },
- shadowStyle: {
- color: 'rgba(200,200,200,0.2)'
- }
- }
- },
-
- dataZoom: {
- dataBackgroundColor: '#efefff',
- fillerColor: 'rgba(182,162,222,0.2)',
- handleColor: '#008acd'
- },
-
- grid: {
- borderColor: '#eee'
- },
-
- categoryAxis: {
- axisLine: {
- lineStyle: {
- color: '#008acd'
- }
- },
- splitLine: {
- lineStyle: {
- color: ['#eee']
- }
- }
- },
-
- valueAxis: {
- axisLine: {
- lineStyle: {
- color: '#008acd'
- }
- },
- splitArea: {
- show: true,
- areaStyle: {
- color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
- }
- },
- splitLine: {
- lineStyle: {
- color: ['#eee']
- }
- }
- },
-
- timeline: {
- lineStyle: {
- color: '#008acd'
- },
- controlStyle: {
- color: '#008acd',
- borderColor: '#008acd'
- },
- symbol: 'emptyCircle',
- symbolSize: 3
- },
-
- line: {
- smooth: true,
- symbol: 'emptyCircle',
- symbolSize: 3
- },
-
- candlestick: {
- itemStyle: {
- color: '#d87a80',
- color0: '#2ec7c9'
- },
- lineStyle: {
- width: 1,
- color: '#d87a80',
- color0: '#2ec7c9'
- },
- areaStyle: {
- color: '#2ec7c9',
- color0: '#b6a2de'
- }
- },
-
- scatter: {
- symbol: 'circle',
- symbolSize: 4
- },
-
- map: {
- itemStyle: {
- color: '#ddd'
- },
- areaStyle: {
- color: '#fe994e'
- },
- label: {
- color: '#d87a80'
- }
- },
-
- graph: {
- itemStyle: {
- color: '#d87a80'
- },
- linkStyle: {
- color: '#2ec7c9'
- }
- },
-
- gauge: {
- axisLine: {
- lineStyle: {
- color: [
- [0.2, '#2ec7c9'],
- [0.8, '#5ab1ef'],
- [1, '#d87a80']
- ],
- width: 10
- }
- },
- axisTick: {
- splitNumber: 10,
- length: 15,
- lineStyle: {
- color: 'auto'
- }
- },
- splitLine: {
- length: 22,
- lineStyle: {
- color: 'auto'
- }
- },
- pointer: {
- width: 5
- }
- }
- };
-
- echarts.registerTheme('macarons', theme);
- });
-
-
- /***/ }),
-
- /***/ "utaK":
- /***/ (function(module, exports, __webpack_require__) {
-
- module.exports = __webpack_require__.p + "static/img/product8.4d433d8.png";
-
- /***/ }),
-
- /***/ "wdRy":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "zCAE":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ })
-
- });
|