完成签约之后直接添加人员,录入下发凭证
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

3169 lines
152 KiB

  1. webpackJsonp([1],{
  2. /***/ "4WHG":
  3. /***/ (function(module, exports) {
  4. // removed by extract-text-webpack-plugin
  5. /***/ }),
  6. /***/ "4YCc":
  7. /***/ (function(module, exports, __webpack_require__) {
  8. module.exports = __webpack_require__.p + "static/img/product10.be88006.png";
  9. /***/ }),
  10. /***/ "6k6Z":
  11. /***/ (function(module, exports) {
  12. // removed by extract-text-webpack-plugin
  13. /***/ }),
  14. /***/ "9fUS":
  15. /***/ (function(module, exports) {
  16. // removed by extract-text-webpack-plugin
  17. /***/ }),
  18. /***/ "Bhwq":
  19. /***/ (function(module, exports, __webpack_require__) {
  20. var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
  21. * Licensed to the Apache Software Foundation (ASF) under one
  22. * or more contributor license agreements. See the NOTICE file
  23. * distributed with this work for additional information
  24. * regarding copyright ownership. The ASF licenses this file
  25. * to you under the Apache License, Version 2.0 (the
  26. * "License"); you may not use this file except in compliance
  27. * with the License. You may obtain a copy of the License at
  28. *
  29. * http://www.apache.org/licenses/LICENSE-2.0
  30. *
  31. * Unless required by applicable law or agreed to in writing,
  32. * software distributed under the License is distributed on an
  33. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  34. * KIND, either express or implied. See the License for the
  35. * specific language governing permissions and limitations
  36. * under the License.
  37. */
  38. (function (root, factory) {
  39. if (true) {
  40. // AMD. Register as an anonymous module.
  41. !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
  42. __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
  43. (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
  44. __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
  45. } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
  46. // CommonJS
  47. factory(exports, require('echarts'));
  48. } else {
  49. // Browser globals
  50. factory({}, root.echarts);
  51. }
  52. }(this, function (exports, echarts) {
  53. var log = function (msg) {
  54. if (typeof console !== 'undefined') {
  55. console && console.error && console.error(msg);
  56. }
  57. }
  58. if (!echarts) {
  59. log('ECharts is not Loaded');
  60. return;
  61. }
  62. if (!echarts.registerMap) {
  63. log('ECharts Map is not loaded')
  64. return;
  65. }
  66. 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¿¥I†j@¢"],["@@…¡‰@ˆV^RqˆBbAŒnTXeRz¤Lž«³I"],["@@ÆEE—„kWqë @œ"],["@@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ģŒc†JŠ›e"],["@@U`Ts¿m‚"],["@@oºƋÄd–eVŽDJj£€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|hYh•gŃfmÖĩnº€T̒Sp›¢dYĤ¶UĈjl’ǐpäìë|³kÛfw²Xjz~ÂqbTŠÑ„ěŨ@|oM‡’zv¢ZrÃVw¬ŧĖ¸fŒ°ÐT€ªqŽs{Sž¯r æÝlNd®²Ğ džiGʂJ™¼lr}~K¨ŸƐÌWö€™ÆŠzRš¤lêmĞL΄’@¡|q]SvK€ÑcwpÏρ†ĿćènĪWlĄkT}ˆJ”¤~ƒÈT„d„™pddʾĬŠ”ŽBVt„EÀ¢ôPĎƗè@~‚k–ü\\rÊĔÖæW_§¼F˜†´©òDòj’ˆYÈrbĞāøŀG{ƀ|¦ðrb|ÀH`pʞkv‚GpuARhÞÆǶgʊTǼƹS£¨¡ù³ŘÍ]¿Ây™ôEP xX¶¹܇O¡“gÚ¡IwÃ鑦ÅB‡Ï|Ç°…N«úmH¯‹âŸDùŽyŜžŲIÄuШDž•¸dɂ‡‚FŸƒ•›Oh‡đ©OŸ›iÃ`ww^ƒÌkŸ‘ÑH«ƇǤŗĺtFu…{Z}Ö@U‡´…ʚLg®¯Oı°ÃwŸ ^˜—€VbÉs‡ˆmA…ê]]w„§›RRl£‡ȭµu¯b{ÍDěïÿȧŽuT£ġƒěŗƃĝ“Q¨fV†Ƌ•ƅn­a@‘³@šď„yýIĹÊKšŭfċŰóŒxV@tˆƯŒJ”]eƒR¾fe|rHA˜|h~Ėƍl§ÏŠlTíb ØoˆÅbbx³^zÃĶš¶Sj®A”yÂhðk`š«P€”ˈµEF†Û¬Y¨Ļrõqi¼‰Wi°§’б´°^[ˆÀ|ĠO@ÆxO\\tŽa\\tĕtû{ġŒȧXýĪÓjùÎRb›š^ΛfK[ݏděYfíÙTyŽuUSyŌŏů@Oi½’éŅ­aVcř§ax¹XŻác‡žWU£ôãºQ¨÷Ñws¥qEH‰Ù|‰›šYQoŕÇyáĂ£MðoťÊ‰P¡mšWO¡€v†{ôvîēÜISpÌhp¨ ‘j†deŔQÖj˜X³à™Ĉ[n`Yp@Už–cM`’RKhŒEbœ”pŞlNut®Etq‚nsÁŠgA‹iú‹oH‡qCX‡”hfgu“~ϋWP½¢G^}¯ÅīGCŸÑ^ãziMáļMTÃƘrMc|O_ž¯Ŏ´|‡morDkO\\mĆJfl@cĢ¬¢aĦtRıҙ¾ùƀ^juųœK­ƒUFy™—Ɲ…›īÛ÷ąV×qƥV¿aȉd³B›qPBm›aËđŻģm“Å®VŠ¹d^K‡KoŸnYg“¯Xhqa”Ldu¥•ÍpDž¡KąÅƒkĝęěhq‡}HyÓ]¹ǧ£…Í÷¿qᵧš™g‘¤o^á¾ZE‡¤i`ij{n•ƒOl»ŸWÝĔįhg›F[¿¡—ßkOüš_‰€ū‹i„DZàUtėGylƒ}ŒÓM}€jpEC~¡FtoQi‘šHkk{Ã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":["@@Þĩ҃S‰ra}Á€yWix±Üe´“ßÓǏok‘ćiµVZģ¡coœ‘TS˹ĪmnÕńe–hZg{gtwªpXaĚThȑp{Eh—®RćƑP¿£‘Pmc¸mQÝW•ďȥoÅîɡųAď䳉J‘½¥PG­ąSM­™…EÅruµé€‘Ž•Ō_d›ĒCo­Èµ]¯_²ÕjāŽK~©ÅØ^ԛkïçămϑk]­±ƒ¯ÑÃmQÍ~_a—pm…~ç¡q“ˆu{JÅŧ·Ls}–EyÁÆcI{¤IiCfUc•ƌÃp§]웫vD@¡‘µM‚ÅwuŽYY‡¡DbÑc¡hƒ×]nkoQdaMç~eD•ÛtT‰©±@¥ù@É¡‰ZcW|WqOJmĩl«ħşvOÓ«IqăV—¥ŸD[mI~Ó¢cehiÍ]Ɠ~ĥqXŠ·œn±“}v•[ěďŽŕ]_‘œ•`‰¹ƒ§ÕōI™o©b­s^}Ét±ū«³p£ÿ·Wµ|¡¥ăFÏs׌¥ŅxŸÊdÒ{ºvĴÎêÌɊ²¶€ü¨|ÞƸµȲ‘LLúÉƎ¤ϊęĔV`„_bª‹S^|ŸdŠzY|dz¥p†ZbÆ£ÒK}tĦÔņƠ‚PYzn€ÍvXĚn ĠÔ„¦ª˜÷žÑĸَ¸‚dòÜJð´’ìúNM¬ŒXZ´‘¤ŊǸ_tldIš{¦ƀðĠȤ¥NehXnYG‚‡R° ƬDj¬¸|„Kq‚ºfƐiĺ©ª~ĆOQª ¤@ìǦ
  67. }));
  68. /***/ }),
  69. /***/ "Etyw":
  70. /***/ (function(module, exports) {
  71. // removed by extract-text-webpack-plugin
  72. /***/ }),
  73. /***/ "FZTp":
  74. /***/ (function(module, exports, __webpack_require__) {
  75. module.exports = __webpack_require__.p + "static/img/product6.23e10b2.png";
  76. /***/ }),
  77. /***/ "G7ez":
  78. /***/ (function(module, exports) {
  79. // removed by extract-text-webpack-plugin
  80. /***/ }),
  81. /***/ "MMS9":
  82. /***/ (function(module, exports) {
  83. // removed by extract-text-webpack-plugin
  84. /***/ }),
  85. /***/ "MywA":
  86. /***/ (function(module, exports, __webpack_require__) {
  87. module.exports = __webpack_require__.p + "static/img/product1.94f4481.png";
  88. /***/ }),
  89. /***/ "T65X":
  90. /***/ (function(module, exports, __webpack_require__) {
  91. module.exports = __webpack_require__.p + "static/img/product4.ed5b542.png";
  92. /***/ }),
  93. /***/ "T7Nd":
  94. /***/ (function(module, exports) {
  95. // removed by extract-text-webpack-plugin
  96. /***/ }),
  97. /***/ "TZ4C":
  98. /***/ (function(module, exports, __webpack_require__) {
  99. module.exports = __webpack_require__.p + "static/img/product9.100a788.png";
  100. /***/ }),
  101. /***/ "XwWC":
  102. /***/ (function(module, exports, __webpack_require__) {
  103. module.exports = __webpack_require__.p + "static/img/product7.de38d89.png";
  104. /***/ }),
  105. /***/ "XzEp":
  106. /***/ (function(module, exports, __webpack_require__) {
  107. module.exports = __webpack_require__.p + "static/img/bgfixed.15a99f0.jpg";
  108. /***/ }),
  109. /***/ "a0wq":
  110. /***/ (function(module, exports, __webpack_require__) {
  111. module.exports = __webpack_require__.p + "static/img/product2.6175ede.png";
  112. /***/ }),
  113. /***/ "aAeL":
  114. /***/ (function(module, exports) {
  115. // removed by extract-text-webpack-plugin
  116. /***/ }),
  117. /***/ "bXvx":
  118. /***/ (function(module, exports) {
  119. // removed by extract-text-webpack-plugin
  120. /***/ }),
  121. /***/ "hxMC":
  122. /***/ (function(module, exports, __webpack_require__) {
  123. module.exports = __webpack_require__.p + "static/img/dd.c03303f.gif";
  124. /***/ }),
  125. /***/ "jAJk":
  126. /***/ (function(module, exports, __webpack_require__) {
  127. module.exports = __webpack_require__.p + "static/img/product3.0ba44dd.png";
  128. /***/ }),
  129. /***/ "odJB":
  130. /***/ (function(module, exports) {
  131. // removed by extract-text-webpack-plugin
  132. /***/ }),
  133. /***/ "p+5t":
  134. /***/ (function(module, exports) {
  135. // removed by extract-text-webpack-plugin
  136. /***/ }),
  137. /***/ "pdlS":
  138. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  139. "use strict";
  140. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  141. // EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
  142. var stringify = __webpack_require__("mvHQ");
  143. var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
  144. // EXTERNAL MODULE: ./src/api/index.js + 5 modules
  145. var api = __webpack_require__("gyMJ");
  146. // EXTERNAL MODULE: ./src/common/echart/index.vue + 4 modules
  147. var echart = __webpack_require__("C3+4");
  148. // 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
  149. //
  150. //
  151. //
  152. //
  153. //
  154. //
  155. //
  156. //
  157. //
  158. //
  159. //
  160. /* harmony default export */ var chart = ({
  161. data: function data() {
  162. return {
  163. options: {}
  164. };
  165. },
  166. components: {
  167. Echart: echart["a" /* default */]
  168. },
  169. props: {
  170. cdata: {
  171. type: Object,
  172. default: function _default() {
  173. return {};
  174. }
  175. }
  176. },
  177. watch: {
  178. cdata: {
  179. handler: function handler(newData) {
  180. this.options = {
  181. color: ["#da0003", "#ffcb20", "#03a27a"],
  182. tooltip: {
  183. trigger: "item",
  184. formatter: "{a} <br/>{b} : {c} ({d}%)",
  185. textStyle: {
  186. fontSize: '16'
  187. }
  188. },
  189. toolbox: {
  190. show: false
  191. },
  192. calculable: true,
  193. series: [{
  194. name: "终端统计",
  195. type: "pie",
  196. radius: "50%",
  197. data: newData.seriesData,
  198. emphasis: {
  199. itemStyle: {
  200. shadowBlur: 10,
  201. shadowOffsetX: 0,
  202. shadowColor: "rgba(0, 0, 0, 0.5)"
  203. }
  204. }
  205. }]
  206. };
  207. },
  208. immediate: true,
  209. deep: true
  210. }
  211. }
  212. });
  213. // 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
  214. 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)}
  215. var staticRenderFns = []
  216. var esExports = { render: render, staticRenderFns: staticRenderFns }
  217. /* harmony default export */ var leftTop_chart = (esExports);
  218. // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftTop/chart.vue
  219. function injectStyle (ssrContext) {
  220. __webpack_require__("T7Nd")
  221. }
  222. var normalizeComponent = __webpack_require__("VU/8")
  223. /* script */
  224. /* template */
  225. /* template functional */
  226. var __vue_template_functional__ = false
  227. /* styles */
  228. var __vue_styles__ = injectStyle
  229. /* scopeId */
  230. var __vue_scopeId__ = "data-v-0eaa13c9"
  231. /* moduleIdentifier (server only) */
  232. var __vue_module_identifier__ = null
  233. var Component = normalizeComponent(
  234. chart,
  235. leftTop_chart,
  236. __vue_template_functional__,
  237. __vue_styles__,
  238. __vue_scopeId__,
  239. __vue_module_identifier__
  240. )
  241. /* harmony default export */ var left_leftTop_chart = (Component.exports);
  242. // EXTERNAL MODULE: ./src/components/visualizcomponent/NumberGrow.vue + 2 modules
  243. var NumberGrow = __webpack_require__("eVaK");
  244. // 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
  245. //
  246. //
  247. //
  248. //
  249. //
  250. //
  251. //
  252. //
  253. //
  254. //
  255. //
  256. //
  257. //
  258. //
  259. //
  260. //
  261. //
  262. //
  263. //
  264. //
  265. //
  266. //
  267. //
  268. //
  269. //
  270. //
  271. //
  272. //
  273. //
  274. //
  275. //
  276. //
  277. //
  278. //
  279. //
  280. //
  281. //
  282. //
  283. //
  284. //
  285. //
  286. //
  287. //
  288. //
  289. //
  290. /* harmony default export */ var leftTop = ({
  291. data: function data() {
  292. return {
  293. show: true,
  294. cdata: {
  295. xData: ["故障设备", "离线设备", "在线设备"],
  296. seriesData: [{
  297. value: 0,
  298. name: "故障设备"
  299. }, {
  300. value: 0,
  301. name: "离线设备"
  302. }, {
  303. value: 0,
  304. name: "在线设备"
  305. }]
  306. },
  307. lookStatistic: 0,
  308. seriesData: {
  309. abnormalTotal: 0,
  310. batteryLevel1: 0,
  311. batteryLevel2: 0,
  312. batteryLevel3: 0,
  313. batteryLevel4: 0,
  314. batteryLevel5: 0,
  315. offlineTotal: 0,
  316. onlineTotal: 0,
  317. operationTotal: 0,
  318. projects: 0,
  319. total: 0,
  320. timer: null
  321. }
  322. };
  323. },
  324. components: {
  325. Chart: left_leftTop_chart,
  326. NumberGrow: NumberGrow["a" /* default */]
  327. },
  328. created: function created() {
  329. this.seriesData = JSON.parse(localStorage.getItem('statisticsDate')).seriesData;
  330. this.lookStatistic = Number(localStorage.getItem('lookStatistic')) || 0;
  331. // this.show=false
  332. // this.$nextTick(()=>{
  333. // this.show=true
  334. // })
  335. var cdata = this.cdata;
  336. cdata.seriesData[0].value = this.seriesData.abnormalTotal;
  337. cdata.seriesData[1].value = this.seriesData.offlineTotal;
  338. cdata.seriesData[2].value = this.seriesData.onlineTotal;
  339. this.cdata = cdata;
  340. },
  341. mounted: function mounted() {
  342. var that = this;
  343. this.timer = setInterval(function () {
  344. that.show = false;
  345. that.setShow();
  346. }, 10000);
  347. },
  348. methods: {
  349. setShow: function setShow() {
  350. var _this = this;
  351. this.$nextTick(function () {
  352. _this.show = true;
  353. });
  354. },
  355. jumpDevicePage: function jumpDevicePage(type) {
  356. this.$router.replace({
  357. path: '/allDevice',
  358. name: "allDevice",
  359. params: {
  360. isOnline: type //0离线,1在线,2异常
  361. }
  362. });
  363. }
  364. // 获取设备概况
  365. },
  366. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  367. clearInterval(this.timer);
  368. next();
  369. },
  370. beforeDestroy: function beforeDestroy() {
  371. clearInterval(this.timer);
  372. }
  373. });
  374. // 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
  375. 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()])}
  376. 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("终端总数")])])])}]
  377. var leftTop_esExports = { render: leftTop_render, staticRenderFns: leftTop_staticRenderFns }
  378. /* harmony default export */ var left_leftTop = (leftTop_esExports);
  379. // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftTop/index.vue
  380. function leftTop_injectStyle (ssrContext) {
  381. __webpack_require__("zCAE")
  382. }
  383. var leftTop_normalizeComponent = __webpack_require__("VU/8")
  384. /* script */
  385. /* template */
  386. /* template functional */
  387. var leftTop___vue_template_functional__ = false
  388. /* styles */
  389. var leftTop___vue_styles__ = leftTop_injectStyle
  390. /* scopeId */
  391. var leftTop___vue_scopeId__ = "data-v-e6bcf4e6"
  392. /* moduleIdentifier (server only) */
  393. var leftTop___vue_module_identifier__ = null
  394. var leftTop_Component = leftTop_normalizeComponent(
  395. leftTop,
  396. left_leftTop,
  397. leftTop___vue_template_functional__,
  398. leftTop___vue_styles__,
  399. leftTop___vue_scopeId__,
  400. leftTop___vue_module_identifier__
  401. )
  402. /* harmony default export */ var visualizcomponent_left_leftTop = (leftTop_Component.exports);
  403. // 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
  404. //
  405. //
  406. //
  407. //
  408. //
  409. //
  410. //
  411. //
  412. //
  413. //
  414. //
  415. //
  416. //
  417. //
  418. //
  419. //
  420. //
  421. //
  422. //
  423. //
  424. //
  425. //
  426. //
  427. //
  428. //
  429. //
  430. //
  431. //
  432. //
  433. //
  434. //
  435. //
  436. //
  437. //
  438. //
  439. //
  440. //
  441. //
  442. //
  443. //
  444. //
  445. //
  446. //
  447. //
  448. //
  449. //
  450. //
  451. //
  452. //
  453. //
  454. //
  455. //
  456. //
  457. //
  458. //
  459. //
  460. //
  461. //
  462. //
  463. //
  464. //
  465. //
  466. //
  467. //
  468. //
  469. //
  470. //
  471. //
  472. //
  473. //
  474. //
  475. //
  476. // import Chart from './chart.vue'
  477. /* harmony default export */ var leftCenter = ({
  478. data: function data() {
  479. return {
  480. showDom: true,
  481. colors: [{
  482. color: '#01bd8d',
  483. percentage: 99
  484. }, {
  485. color: '#da0051',
  486. percentage: 1
  487. }],
  488. collectUS: {
  489. houseSensor400: 0,
  490. lock200: 0,
  491. lock300: 0,
  492. site200: 0,
  493. site300: 0,
  494. site400: 0,
  495. userCount: 0
  496. },
  497. seriesData: {
  498. abnormalTotal: 0,
  499. batteryLevel1: 0,
  500. batteryLevel2: 0,
  501. batteryLevel3: 0,
  502. batteryLevel4: 0,
  503. batteryLevel5: 0,
  504. closeTotal: 0,
  505. offlineTotal: 0,
  506. onlineTotal: 0,
  507. openTotal: 0,
  508. projects: 0,
  509. total: 0
  510. },
  511. alertTotal: 0,
  512. timer: null
  513. };
  514. },
  515. components: {
  516. // Chart,
  517. NumberGrow: NumberGrow["a" /* default */]
  518. },
  519. created: function created() {
  520. var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
  521. this.collectUS = statisticsDate.collectUS;
  522. this.seriesData = statisticsDate.seriesData;
  523. for (var t in statisticsDate.collectUS) {
  524. var q = t.indexOf('lock');
  525. if (q != -1) {
  526. this.alertTotal += statisticsDate.collectUS[t];
  527. }
  528. }
  529. },
  530. mounted: function mounted() {
  531. var that = this;
  532. this.timer = setInterval(function () {
  533. that.showDom = false;
  534. that.setShow();
  535. }, 10000);
  536. },
  537. methods: {
  538. setShow: function setShow() {
  539. var _this = this;
  540. this.$nextTick(function () {
  541. _this.showDom = true;
  542. });
  543. }
  544. },
  545. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  546. clearInterval(this.timer);
  547. next();
  548. },
  549. beforeDestroy: function beforeDestroy() {
  550. clearInterval(this.timer);
  551. }
  552. });
  553. // 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
  554. 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()])}
  555. 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("数据统计分析")])])])}]
  556. var leftCenter_esExports = { render: leftCenter_render, staticRenderFns: leftCenter_staticRenderFns }
  557. /* harmony default export */ var left_leftCenter = (leftCenter_esExports);
  558. // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftCenter/index.vue
  559. function leftCenter_injectStyle (ssrContext) {
  560. __webpack_require__("odJB")
  561. }
  562. var leftCenter_normalizeComponent = __webpack_require__("VU/8")
  563. /* script */
  564. /* template */
  565. /* template functional */
  566. var leftCenter___vue_template_functional__ = false
  567. /* styles */
  568. var leftCenter___vue_styles__ = leftCenter_injectStyle
  569. /* scopeId */
  570. var leftCenter___vue_scopeId__ = "data-v-0135ee13"
  571. /* moduleIdentifier (server only) */
  572. var leftCenter___vue_module_identifier__ = null
  573. var leftCenter_Component = leftCenter_normalizeComponent(
  574. leftCenter,
  575. left_leftCenter,
  576. leftCenter___vue_template_functional__,
  577. leftCenter___vue_styles__,
  578. leftCenter___vue_scopeId__,
  579. leftCenter___vue_module_identifier__
  580. )
  581. /* harmony default export */ var visualizcomponent_left_leftCenter = (leftCenter_Component.exports);
  582. // 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
  583. //
  584. //
  585. //
  586. //
  587. //
  588. //
  589. /* harmony default export */ var leftBottom_chart = ({
  590. data: function data() {
  591. return {
  592. options: {}
  593. };
  594. },
  595. components: {
  596. Echart: echart["a" /* default */]
  597. },
  598. props: {
  599. cdata: {
  600. type: Object,
  601. default: function _default() {
  602. return {};
  603. }
  604. }
  605. },
  606. watch: {
  607. cdata: {
  608. handler: function handler(newData) {
  609. this.options = {
  610. xAxis: {
  611. type: 'category',
  612. boundaryGap: false,
  613. data: newData.datate
  614. },
  615. yAxis: {
  616. type: 'value'
  617. },
  618. tooltip: {
  619. trigger: 'axis'
  620. },
  621. series: [{
  622. data: newData.seriesData,
  623. type: 'line',
  624. areaStyle: {}
  625. }]
  626. };
  627. },
  628. immediate: true,
  629. deep: true
  630. }
  631. }
  632. });
  633. // 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
  634. 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)}
  635. var chart_staticRenderFns = []
  636. var chart_esExports = { render: chart_render, staticRenderFns: chart_staticRenderFns }
  637. /* harmony default export */ var left_leftBottom_chart = (chart_esExports);
  638. // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftBottom/chart.vue
  639. function chart_injectStyle (ssrContext) {
  640. __webpack_require__("wdRy")
  641. }
  642. var chart_normalizeComponent = __webpack_require__("VU/8")
  643. /* script */
  644. /* template */
  645. /* template functional */
  646. var chart___vue_template_functional__ = false
  647. /* styles */
  648. var chart___vue_styles__ = chart_injectStyle
  649. /* scopeId */
  650. var chart___vue_scopeId__ = "data-v-6a4f2f53"
  651. /* moduleIdentifier (server only) */
  652. var chart___vue_module_identifier__ = null
  653. var chart_Component = chart_normalizeComponent(
  654. leftBottom_chart,
  655. left_leftBottom_chart,
  656. chart___vue_template_functional__,
  657. chart___vue_styles__,
  658. chart___vue_scopeId__,
  659. chart___vue_module_identifier__
  660. )
  661. /* harmony default export */ var visualizcomponent_left_leftBottom_chart = (chart_Component.exports);
  662. // EXTERNAL MODULE: ./node_modules/moment/moment.js
  663. var moment = __webpack_require__("PJh5");
  664. var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
  665. // 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
  666. //
  667. //
  668. //
  669. //
  670. //
  671. //
  672. //
  673. //
  674. //
  675. //
  676. //
  677. //
  678. //
  679. /* harmony default export */ var leftBottom = ({
  680. data: function data() {
  681. return {
  682. showDom: true,
  683. timer: null,
  684. cdata: {
  685. datate: [0, 0, 0, 0, 0, 0, 0],
  686. seriesData: [820, 932, 901, 934, 1290, 1330, 1320]
  687. }
  688. };
  689. },
  690. components: {
  691. Chart: visualizcomponent_left_leftBottom_chart
  692. },
  693. created: function created() {
  694. var weekopenlock = JSON.parse(localStorage.getItem('statisticsDate')).weekopenlock.reverse();
  695. weekopenlock = weekopenlock.splice(0, 7).reverse();
  696. var datate = [],
  697. seriesData = [];
  698. weekopenlock.map(function (li, index) {
  699. if (index < 7) {
  700. datate.push(li.order);
  701. seriesData.push(li.count);
  702. }
  703. });
  704. this.cdata.datate = datate;
  705. this.cdata.seriesData = seriesData;
  706. },
  707. mounted: function mounted() {
  708. var that = this;
  709. this.timer = setInterval(function () {
  710. that.showDom = false;
  711. that.setShow();
  712. }, 10000);
  713. },
  714. methods: {
  715. setShow: function setShow() {
  716. var _this = this;
  717. this.$nextTick(function () {
  718. _this.showDom = true;
  719. });
  720. }
  721. },
  722. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  723. clearInterval(this.timer);
  724. next();
  725. },
  726. beforeDestroy: function beforeDestroy() {
  727. clearInterval(this.timer);
  728. }
  729. });
  730. // 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
  731. 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)])])}
  732. 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("一周开锁次数")])])])}]
  733. var leftBottom_esExports = { render: leftBottom_render, staticRenderFns: leftBottom_staticRenderFns }
  734. /* harmony default export */ var left_leftBottom = (leftBottom_esExports);
  735. // CONCATENATED MODULE: ./src/components/visualizcomponent/left/leftBottom/index.vue
  736. function leftBottom_injectStyle (ssrContext) {
  737. __webpack_require__("6k6Z")
  738. }
  739. var leftBottom_normalizeComponent = __webpack_require__("VU/8")
  740. /* script */
  741. /* template */
  742. /* template functional */
  743. var leftBottom___vue_template_functional__ = false
  744. /* styles */
  745. var leftBottom___vue_styles__ = leftBottom_injectStyle
  746. /* scopeId */
  747. var leftBottom___vue_scopeId__ = "data-v-3efca4c4"
  748. /* moduleIdentifier (server only) */
  749. var leftBottom___vue_module_identifier__ = null
  750. var leftBottom_Component = leftBottom_normalizeComponent(
  751. leftBottom,
  752. left_leftBottom,
  753. leftBottom___vue_template_functional__,
  754. leftBottom___vue_styles__,
  755. leftBottom___vue_scopeId__,
  756. leftBottom___vue_module_identifier__
  757. )
  758. /* harmony default export */ var visualizcomponent_left_leftBottom = (leftBottom_Component.exports);
  759. // EXTERNAL MODULE: ./node_modules/babel-runtime/regenerator/index.js
  760. var regenerator = __webpack_require__("Xxa5");
  761. var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
  762. // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/asyncToGenerator.js
  763. var asyncToGenerator = __webpack_require__("exGp");
  764. var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
  765. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/slidingBlock/index.vue
  766. //
  767. //
  768. //
  769. //
  770. //
  771. //
  772. //
  773. //
  774. //
  775. //
  776. /* harmony default export */ var slidingBlock = ({
  777. name: "slidingBlock",
  778. props: {
  779. List: {
  780. type: Array,
  781. default: []
  782. }
  783. },
  784. data: function data() {
  785. return {
  786. swiperOptions: {
  787. slidesPerView: 6,
  788. autoplay: {
  789. delay: 3000, //停顿时间
  790. disableOnInteraction: false
  791. },
  792. loop: true //无缝轮播
  793. }
  794. };
  795. },
  796. computed: {
  797. swiper: function swiper() {
  798. return this.$refs.mySwiper.$swiper;
  799. }
  800. },
  801. mounted: function mounted() {},
  802. methods: {}
  803. });
  804. // 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
  805. 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)}
  806. var slidingBlock_staticRenderFns = []
  807. var slidingBlock_esExports = { render: slidingBlock_render, staticRenderFns: slidingBlock_staticRenderFns }
  808. /* harmony default export */ var components_slidingBlock = (slidingBlock_esExports);
  809. // CONCATENATED MODULE: ./src/components/slidingBlock/index.vue
  810. function slidingBlock_injectStyle (ssrContext) {
  811. __webpack_require__("p+5t")
  812. }
  813. var slidingBlock_normalizeComponent = __webpack_require__("VU/8")
  814. /* script */
  815. /* template */
  816. /* template functional */
  817. var slidingBlock___vue_template_functional__ = false
  818. /* styles */
  819. var slidingBlock___vue_styles__ = slidingBlock_injectStyle
  820. /* scopeId */
  821. var slidingBlock___vue_scopeId__ = "data-v-0a9279b3"
  822. /* moduleIdentifier (server only) */
  823. var slidingBlock___vue_module_identifier__ = null
  824. var slidingBlock_Component = slidingBlock_normalizeComponent(
  825. slidingBlock,
  826. components_slidingBlock,
  827. slidingBlock___vue_template_functional__,
  828. slidingBlock___vue_styles__,
  829. slidingBlock___vue_scopeId__,
  830. slidingBlock___vue_module_identifier__
  831. )
  832. /* harmony default export */ var src_components_slidingBlock = (slidingBlock_Component.exports);
  833. // EXTERNAL MODULE: ./node_modules/echarts/map/js/china.js
  834. var china = __webpack_require__("Bhwq");
  835. var china_default = /*#__PURE__*/__webpack_require__.n(china);
  836. // 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
  837. //
  838. //
  839. //
  840. //
  841. //
  842. //
  843. //
  844. //
  845. //
  846. //
  847. //
  848. //
  849. //
  850. // 核心文件
  851. __webpack_require__("tcAE"); //
  852. /* harmony default export */ var center_top = ({
  853. name: 'map1',
  854. data: function data() {
  855. return {
  856. List: [{
  857. src: __webpack_require__("MywA")
  858. }, {
  859. src: __webpack_require__("a0wq")
  860. }, {
  861. src: __webpack_require__("jAJk")
  862. }, {
  863. src: __webpack_require__("T65X")
  864. }, {
  865. src: __webpack_require__("qNbt")
  866. }, {
  867. src: __webpack_require__("FZTp")
  868. }, {
  869. src: __webpack_require__("XwWC")
  870. }, {
  871. src: __webpack_require__("utaK")
  872. }, {
  873. src: __webpack_require__("TZ4C")
  874. }, {
  875. src: __webpack_require__("4YCc")
  876. }],
  877. mapData: [//自己做的模拟数据 后续根据业务展示
  878. {
  879. name: '湖北',
  880. value: 0
  881. }, {
  882. name: '广东',
  883. value: 82
  884. }, {
  885. name: '上海',
  886. value: 0
  887. }, {
  888. name: '山东',
  889. value: 0
  890. }, {
  891. name: '湖南',
  892. value: 0
  893. }, {
  894. name: '重庆',
  895. value: 0
  896. }, {
  897. name: '四川',
  898. value: 0
  899. }, {
  900. name: '新疆',
  901. value: 0
  902. }, {
  903. name: '黑龙江',
  904. value: 0
  905. }, {
  906. name: '西藏',
  907. value: 0
  908. }, {
  909. name: '青海',
  910. value: 0
  911. }, {
  912. name: '内蒙古',
  913. value: 0
  914. }, {
  915. name: '陕西',
  916. value: 0
  917. }, {
  918. name: '辽宁',
  919. value: 0
  920. }, {
  921. name: '云南',
  922. value: 0
  923. }],
  924. provinceData: [//省份公司的数据
  925. {
  926. name: '深圳市',
  927. value: 82,
  928. children: []
  929. }],
  930. provinces: { //数据
  931. 台湾: 'taiwan',
  932. 河北: 'hebei',
  933. 山西: 'shanxi',
  934. 辽宁: 'liaoning',
  935. 吉林: 'jilin',
  936. 黑龙江: 'heilongjiang',
  937. 江苏: 'jiangsu',
  938. 浙江: 'zhejiang',
  939. 安徽: 'anhui',
  940. 福建: 'fujian',
  941. 江西: 'jiangxi',
  942. 山东: 'shandong',
  943. 河南: 'henan',
  944. 湖北: 'hubei',
  945. 湖南: 'hunan',
  946. 广东: 'guangdong',
  947. 海南: 'hainan',
  948. 四川: 'sichuan',
  949. 贵州: 'guizhou',
  950. 云南: 'yunnan',
  951. 陕西: 'shanxi1',
  952. 甘肃: 'gansu',
  953. 青海: 'qinghai',
  954. 新疆: 'xinjiang',
  955. 广西: 'guangxi',
  956. 内蒙古: 'neimenggu',
  957. 宁夏: 'ningxia',
  958. 西藏: 'xizang',
  959. 北京: 'beijing',
  960. 天津: 'tianjin',
  961. 上海: 'shanghai',
  962. 重庆: 'chongqing',
  963. 香港: 'xianggang',
  964. 澳门: 'aomen'
  965. },
  966. isReturnChina: false, //是否显示返回中国地图
  967. options: null, //echarts 存数据
  968. enterpriselist: [],
  969. china_map: '',
  970. index: -1,
  971. mTime: ''
  972. };
  973. },
  974. components: {
  975. slidingBlock: src_components_slidingBlock
  976. },
  977. created: function created() {
  978. var _this2 = this;
  979. Object(api["d" /* httpGet */])("", this.$api.getEnterprise).then(function (res) {
  980. _this2.enterpriselist = res.data.list;
  981. });
  982. },
  983. mounted: function mounted() {
  984. window.clickRoute = this.clickRoute;
  985. this.chinaMaprsult('china');
  986. },
  987. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  988. clearInterval(this.mTime);
  989. next();
  990. },
  991. beforeDestroy: function beforeDestroy() {
  992. clearInterval(this.mTime);
  993. },
  994. methods: {
  995. goHome: function goHome() {
  996. this.$router.push('/');
  997. },
  998. // 中国地图点击省份 显示当前省份的详细的地区。
  999. chinaMapHidden: function chinaMapHidden(chinaMap) {
  1000. var that = this;
  1001. chinaMap.off('click'); //这里解决多次触发点击事件 但是还会执行2次 引用echarts地图,点击各个省份时,点击一个调用两次接口,再点击一次,调用四次接口,再点击调用八次。。。。依次叠加,问题在于,没有将地图上的点击事件清空
  1002. chinaMap.on('click', function () {
  1003. var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee(params) {
  1004. var s;
  1005. return regenerator_default.a.wrap(function _callee$(_context) {
  1006. while (1) {
  1007. switch (_context.prev = _context.next) {
  1008. case 0:
  1009. if (!(params.name in that.provinces)) {
  1010. _context.next = 5;
  1011. break;
  1012. }
  1013. _context.next = 3;
  1014. return __webpack_require__("qiKX")("./" + that.provinces[params.name] + '.js');
  1015. case 3:
  1016. s = _context.sent;
  1017. if (s) {
  1018. that.chinaMaprsult(params.name);
  1019. }
  1020. case 5:
  1021. case 'end':
  1022. return _context.stop();
  1023. }
  1024. }
  1025. }, _callee, this);
  1026. }));
  1027. return function (_x) {
  1028. return _ref.apply(this, arguments);
  1029. };
  1030. }());
  1031. },
  1032. mouseEvents: function mouseEvents() {
  1033. var _this3 = this;
  1034. // 鼠标划入
  1035. this.china_map.on('mouseover', function () {
  1036. // 停止定时器,清除之前的高亮
  1037. clearInterval(_this3.mTime);
  1038. _this3.mTime = '';
  1039. _this3.china_map.dispatchAction({
  1040. type: 'downplay',
  1041. seriesIndex: 0,
  1042. dataIndex: _this3.index
  1043. });
  1044. });
  1045. // 鼠标划出重新定时器开始
  1046. this.china_map.on('mouseout', function () {
  1047. _this3.mapActive();
  1048. });
  1049. },
  1050. mapActive: function mapActive() {
  1051. var _this4 = this;
  1052. var dataLength = this.provinces.length;
  1053. // 用定时器控制高亮
  1054. this.mTime = setInterval(function () {
  1055. // 清除之前的高亮
  1056. _this4.china_map.dispatchAction({
  1057. type: 'downplay',
  1058. seriesIndex: 0,
  1059. dataIndex: _this4.index
  1060. });
  1061. _this4.index++;
  1062. // 当前下标高亮
  1063. _this4.china_map.dispatchAction({
  1064. type: 'highlight',
  1065. seriesIndex: 0,
  1066. dataIndex: _this4.index
  1067. });
  1068. _this4.china_map.dispatchAction({
  1069. type: 'showTip',
  1070. seriesIndex: 0,
  1071. dataIndex: _this4.index
  1072. });
  1073. if (_this4.index > dataLength) {
  1074. _this4.index = 0;
  1075. }
  1076. }, 2000);
  1077. },
  1078. // 渲染地图
  1079. chinaMaprsult: function chinaMaprsult() {
  1080. var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
  1081. var markPointData = [];
  1082. var _this = this;
  1083. this.getproject('', function (data) {
  1084. markPointData = data;
  1085. name == 'china' ? _this.isReturnChina = false : _this.isReturnChina = true;
  1086. var chinaMap = _this.$echarts.init(_this.$refs.china_map);
  1087. _this.china_map = chinaMap;
  1088. _this.options = {
  1089. tooltip: { // 鼠标移到图里面的浮动提示框
  1090. trigger: 'item', //数据项图形触发
  1091. triggerOn: 'mousemove', //这里根据业务需要给点击事件做跳转,所以不能做悬浮了,如果做悬浮 点击不了文字跳转
  1092. formatter: function formatter(params) {
  1093. var name = params.name;
  1094. var toolipData = [];
  1095. _this.provinceData.forEach(function (item) {
  1096. if (name == item.name) {
  1097. toolipData = item.children;
  1098. }
  1099. });
  1100. var htmlStr = '';
  1101. toolipData.forEach(function (item) {
  1102. htmlStr += '<li class="list-li" name="' + item + '"><div \u03BFnclick="clickRoute()" >' + item + '</div></li>';
  1103. });
  1104. _this.chinaMapHidden(chinaMap);
  1105. return '<div class="list-wrap"><div class="list-title">' + name + '</div><ul class="list-ul">' + htmlStr + '</ul></div>';
  1106. }
  1107. },
  1108. visualMap: { // 左下角展示
  1109. show: false,
  1110. min: 0,
  1111. max: 100,
  1112. left: 10,
  1113. bottom: 0,
  1114. showLabel: true,
  1115. textStyle: {
  1116. color: '#000',
  1117. fontSize: 20
  1118. },
  1119. pieces: [//左下角的切换数据显示
  1120. {
  1121. gt: 75,
  1122. lte: 100,
  1123. label: '75~100',
  1124. color: '#f7358c'
  1125. }, {
  1126. gt: 50,
  1127. lte: 75,
  1128. label: '50~75',
  1129. color: '#fb9632'
  1130. }, {
  1131. gt: 25,
  1132. lte: 50,
  1133. label: '25_50',
  1134. color: '#08b2ff'
  1135. }, {
  1136. gte: 0,
  1137. lte: 25,
  1138. label: '0~25',
  1139. color: '#4d2ed2'
  1140. }]
  1141. },
  1142. // dataRange: {
  1143. //
  1144. // },
  1145. geo: {
  1146. map: name ? name : "china", // 核心
  1147. roam: false,
  1148. label: { // 页面初始化加载的文字
  1149. normal: {
  1150. show: true,
  1151. textStyle: {
  1152. color: "#ccc", // 页面初始化的地图文字颜色
  1153. fontSize: '0.6vw' // // 页面初始化的地图文字大小
  1154. }
  1155. }
  1156. },
  1157. itemStyle: { //设置样式
  1158. normal: {
  1159. borderWidth: .5, //区域边框宽度
  1160. borderColor: 'rgba(119, 156, 255, 1)',
  1161. areaColor: {
  1162. x: 0,
  1163. y: 0,
  1164. x2: 0,
  1165. y2: 1,
  1166. colorStops: [{
  1167. offset: 0,
  1168. color: '#073684' // 0% 处的颜色
  1169. }, {
  1170. offset: 1,
  1171. color: '#061E3D' // 100% 处的颜色
  1172. }]
  1173. }
  1174. },
  1175. emphasis: { // 移入背景颜色
  1176. // areaColor: '#ff00ff',
  1177. areaColor: '#F9D92E',
  1178. show: true,
  1179. textStyle: {
  1180. color: '#000',
  1181. fontSize: "0.6vw"
  1182. }
  1183. }
  1184. }
  1185. },
  1186. series: [{
  1187. type: "map",
  1188. geoIndex: 0,
  1189. itemStyle: { //地图区域的多边形 图形样式
  1190. normal: { //是图形在默认状态下的样式
  1191. label: {
  1192. show: true, //是否显示标签
  1193. textStyle: {
  1194. color: "black"
  1195. }
  1196. }
  1197. },
  1198. zoom: 1.5, //地图缩放比例,默认为1
  1199. emphasis: { //是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时
  1200. label: {
  1201. show: true
  1202. }
  1203. }
  1204. },
  1205. label: {
  1206. normal: {
  1207. show: true, //显示省份标签
  1208. textStyle: {
  1209. color: "#696969"
  1210. } //省份标签字体颜色
  1211. },
  1212. emphasis: {
  1213. show: true,
  1214. textStyle: {}
  1215. }
  1216. },
  1217. data: []
  1218. }, {
  1219. type: 'effectScatter',
  1220. coordinateSystem: 'geo',
  1221. rippleEffect: {
  1222. brushType: 'fill',
  1223. scale: 0
  1224. },
  1225. showEffectOn: 'render',
  1226. label: {
  1227. lineHeight: 30,
  1228. normal: {
  1229. show: true,
  1230. color: '#081727',
  1231. position: 'inside',
  1232. padding: [5, 0, 0, 0],
  1233. verticalAlign: 'middle',
  1234. formatter: function formatter(para) {
  1235. return '{cnNum|' + para.data.value[2] + '}';
  1236. // return para.data.value[2]
  1237. },
  1238. rich: {
  1239. cnNum: {
  1240. fontSize: 16,
  1241. color: '#081727',
  1242. lineHeight: 28
  1243. }
  1244. }
  1245. }
  1246. },
  1247. symbol: 'roundRect',
  1248. // symbolRotate: 20,
  1249. symbolSize: [40, 28],
  1250. data: [],
  1251. zlevel: 1,
  1252. markPoint: { //图表标注。
  1253. label: {
  1254. normal: {
  1255. show: true
  1256. },
  1257. emphasis: {
  1258. show: true
  1259. }
  1260. },
  1261. itemStyle: {
  1262. normal: {
  1263. color: 'rgba(72,150,128,1)',
  1264. shadowBlur: 10,
  1265. shadowColor: '#05C3F9'
  1266. }
  1267. },
  1268. data: markPointData
  1269. }
  1270. }]
  1271. };
  1272. chinaMap.setOption(_this.options);
  1273. _this.chinaMapHidden(chinaMap);
  1274. _this.mapActive();
  1275. _this.mouseEvents();
  1276. });
  1277. },
  1278. // 获取项目坐标
  1279. getproject: function getproject(data, callback) {
  1280. var _this5 = this;
  1281. var markPointData = [];
  1282. Object(api["d" /* httpGet */])('', this.$api.getProjects).then(function (res1) {
  1283. if (res1.success) {
  1284. res1.data.forEach(function (ll) {
  1285. var result = _this5.enterpriselist.filter(function (item) {
  1286. return item.id == ll.enterpriseId;
  1287. })[0];
  1288. if (result) {
  1289. var reg = new RegExp('"', "g");
  1290. var name = result.name + ':' + ll.total + '把';
  1291. var coord = '';
  1292. if (ll.coordinate != null) {
  1293. coord = ll.coordinate.replace(reg, "");
  1294. coord = JSON.parse(coord);
  1295. if (coord) {
  1296. var str = {
  1297. name: name,
  1298. coord: coord,
  1299. selected: false,
  1300. symbol: 'image://' + __webpack_require__("hxMC"), // 标注图片地址路径
  1301. symbolSize: 32
  1302. };
  1303. markPointData.push(str);
  1304. }
  1305. }
  1306. }
  1307. });
  1308. callback(markPointData);
  1309. }
  1310. });
  1311. },
  1312. // 返回中国地图
  1313. returnChinaFn: function returnChinaFn() {
  1314. this.chinaMaprsult('china');
  1315. },
  1316. // 点击跳转页面
  1317. clickRoute: function clickRoute() {
  1318. alert("点击了,做其他操作!");
  1319. // this.$router.push('/')
  1320. }
  1321. }
  1322. });
  1323. // 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
  1324. 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}})])])}
  1325. var top_staticRenderFns = []
  1326. var top_esExports = { render: top_render, staticRenderFns: top_staticRenderFns }
  1327. /* harmony default export */ var visualizcomponent_center_top = (top_esExports);
  1328. // CONCATENATED MODULE: ./src/components/visualizcomponent/center/top/index.vue
  1329. function top_injectStyle (ssrContext) {
  1330. __webpack_require__("9fUS")
  1331. __webpack_require__("bXvx")
  1332. }
  1333. var top_normalizeComponent = __webpack_require__("VU/8")
  1334. /* script */
  1335. /* template */
  1336. /* template functional */
  1337. var top___vue_template_functional__ = false
  1338. /* styles */
  1339. var top___vue_styles__ = top_injectStyle
  1340. /* scopeId */
  1341. var top___vue_scopeId__ = "data-v-b7aa1dd6"
  1342. /* moduleIdentifier (server only) */
  1343. var top___vue_module_identifier__ = null
  1344. var top_Component = top_normalizeComponent(
  1345. center_top,
  1346. visualizcomponent_center_top,
  1347. top___vue_template_functional__,
  1348. top___vue_styles__,
  1349. top___vue_scopeId__,
  1350. top___vue_module_identifier__
  1351. )
  1352. /* harmony default export */ var components_visualizcomponent_center_top = (top_Component.exports);
  1353. // 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
  1354. //
  1355. //
  1356. //
  1357. //
  1358. //
  1359. //
  1360. //
  1361. //
  1362. //
  1363. //
  1364. //
  1365. //
  1366. //
  1367. //
  1368. //
  1369. //
  1370. //
  1371. //
  1372. //
  1373. //
  1374. //
  1375. //
  1376. //
  1377. //
  1378. //
  1379. //
  1380. //
  1381. //
  1382. //
  1383. //
  1384. //
  1385. //
  1386. //
  1387. //
  1388. //
  1389. //
  1390. //
  1391. //
  1392. // import Chart from './chart.vue'
  1393. /* harmony default export */ var bottom = ({
  1394. data: function data() {
  1395. return {
  1396. colors: [{ color: '#01bd8d', percentage: 99 }, { color: '#da0051', percentage: 1 }],
  1397. cdata: {
  1398. xData: ["电量(0-20%)", "电量(20-40%)", "电量(40-60%)", "电量(60-80%)", "电量(80-100%)"],
  1399. 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%)" }]
  1400. },
  1401. collectUS: {},
  1402. sumRoom: 0,
  1403. sumProjects: 0,
  1404. sumOpenlock: 0,
  1405. sumCard: 0,
  1406. todayOpen: 0,
  1407. statisticsDate: {
  1408. seriesData: {
  1409. openTotal: 0,
  1410. closeTotal: 0
  1411. }
  1412. },
  1413. alertTotal: 0,
  1414. showDom: true,
  1415. timer: null,
  1416. leasesStaticList: []
  1417. };
  1418. },
  1419. components: {
  1420. // Chart,
  1421. NumberGrow: NumberGrow["a" /* default */]
  1422. },
  1423. created: function created() {
  1424. var _this = this;
  1425. var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
  1426. this.statisticsDate = statisticsDate;
  1427. this.collectUS = statisticsDate.collectUS;
  1428. this.sumProjects = statisticsDate.seriesData.projects;
  1429. for (var key in statisticsDate.collectOpenLock) {
  1430. var i = key.indexOf('allCount');
  1431. if (i != -1) {
  1432. this.sumOpenlock += statisticsDate.collectOpenLock[key];
  1433. }
  1434. }
  1435. for (var t in statisticsDate.collectUS) {
  1436. var l = t.indexOf('card');
  1437. if (l != -1) {
  1438. this.sumCard += statisticsDate.collectUS[t];
  1439. }
  1440. var p = t.indexOf('site');
  1441. if (p != -1) {
  1442. this.sumRoom += statisticsDate.collectUS[t];
  1443. }
  1444. var q = t.indexOf('lock');
  1445. if (q != -1) {
  1446. this.alertTotal += statisticsDate.collectUS[t];
  1447. }
  1448. }
  1449. Object(api["d" /* httpGet */])('', this.$api.getLeasesStatusstatistics).then(function (res) {
  1450. if (res.success) {
  1451. var list = res.data;
  1452. list.map(function (li) {
  1453. if (li.value === 0) {
  1454. li.lable = '待签约';
  1455. } else if (li.value === 1) {
  1456. li.lable = '已签约';
  1457. } else if (li.value === 2) {
  1458. li.lable = '已欠费';
  1459. } else if (li.value === 3) {
  1460. li.lable = '已退租';
  1461. } else if (li.value === 4) {
  1462. li.lable = '已删除';
  1463. } else {
  1464. li.lable = '';
  1465. }
  1466. });
  1467. _this.leasesStaticList = list;
  1468. }
  1469. });
  1470. if (statisticsDate.weekopenlock[statisticsDate.weekopenlock.length - 1]) {
  1471. this.todayOpen = statisticsDate.weekopenlock[statisticsDate.weekopenlock.length - 1].count;
  1472. }
  1473. },
  1474. mounted: function mounted() {
  1475. // this.setData();
  1476. var that = this;
  1477. this.timer = setInterval(function () {
  1478. that.showDom = false;
  1479. that.setShow();
  1480. }, 10000);
  1481. },
  1482. methods: {
  1483. setShow: function setShow() {
  1484. var _this2 = this;
  1485. this.$nextTick(function () {
  1486. _this2.showDom = true;
  1487. });
  1488. },
  1489. // 获取设备概况
  1490. getcard: function getcard() {}
  1491. },
  1492. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  1493. clearInterval(this.timer);
  1494. next();
  1495. },
  1496. beforeDestroy: function beforeDestroy() {
  1497. clearInterval(this.timer);
  1498. }
  1499. });
  1500. // 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
  1501. 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()])}
  1502. 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("业务管理数据")])])])}]
  1503. var bottom_esExports = { render: bottom_render, staticRenderFns: bottom_staticRenderFns }
  1504. /* harmony default export */ var center_bottom = (bottom_esExports);
  1505. // CONCATENATED MODULE: ./src/components/visualizcomponent/center/bottom/index.vue
  1506. function bottom_injectStyle (ssrContext) {
  1507. __webpack_require__("G7ez")
  1508. }
  1509. var bottom_normalizeComponent = __webpack_require__("VU/8")
  1510. /* script */
  1511. /* template */
  1512. /* template functional */
  1513. var bottom___vue_template_functional__ = false
  1514. /* styles */
  1515. var bottom___vue_styles__ = bottom_injectStyle
  1516. /* scopeId */
  1517. var bottom___vue_scopeId__ = "data-v-f257ed34"
  1518. /* moduleIdentifier (server only) */
  1519. var bottom___vue_module_identifier__ = null
  1520. var bottom_Component = bottom_normalizeComponent(
  1521. bottom,
  1522. center_bottom,
  1523. bottom___vue_template_functional__,
  1524. bottom___vue_styles__,
  1525. bottom___vue_scopeId__,
  1526. bottom___vue_module_identifier__
  1527. )
  1528. /* harmony default export */ var visualizcomponent_center_bottom = (bottom_Component.exports);
  1529. // 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
  1530. //
  1531. //
  1532. //
  1533. //
  1534. //
  1535. //
  1536. /* harmony default export */ var rightTop_chart = ({
  1537. data: function data() {
  1538. return {
  1539. options: {}
  1540. };
  1541. },
  1542. components: {
  1543. Echart: echart["a" /* default */]
  1544. },
  1545. props: {
  1546. cdata: {
  1547. type: Object,
  1548. default: function _default() {
  1549. return {};
  1550. }
  1551. }
  1552. },
  1553. watch: {
  1554. cdata: {
  1555. handler: function handler(newData) {
  1556. this.options = {
  1557. xAxis: {
  1558. type: 'category',
  1559. boundaryGap: false,
  1560. data: newData.datate
  1561. },
  1562. yAxis: {
  1563. type: 'value',
  1564. minInterval: 1
  1565. },
  1566. tooltip: {
  1567. trigger: 'axis'
  1568. },
  1569. series: [{
  1570. data: newData.seriesData,
  1571. type: 'line',
  1572. areaStyle: {
  1573. normal: {
  1574. color: '#12d4e2' //改变区域颜色
  1575. }
  1576. }
  1577. }]
  1578. };
  1579. },
  1580. immediate: true,
  1581. deep: true
  1582. }
  1583. }
  1584. });
  1585. // 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
  1586. 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)}
  1587. var rightTop_chart_staticRenderFns = []
  1588. var rightTop_chart_esExports = { render: rightTop_chart_render, staticRenderFns: rightTop_chart_staticRenderFns }
  1589. /* harmony default export */ var right_rightTop_chart = (rightTop_chart_esExports);
  1590. // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightTop/chart.vue
  1591. function rightTop_chart_injectStyle (ssrContext) {
  1592. __webpack_require__("aAeL")
  1593. }
  1594. var rightTop_chart_normalizeComponent = __webpack_require__("VU/8")
  1595. /* script */
  1596. /* template */
  1597. /* template functional */
  1598. var rightTop_chart___vue_template_functional__ = false
  1599. /* styles */
  1600. var rightTop_chart___vue_styles__ = rightTop_chart_injectStyle
  1601. /* scopeId */
  1602. var rightTop_chart___vue_scopeId__ = "data-v-13b53513"
  1603. /* moduleIdentifier (server only) */
  1604. var rightTop_chart___vue_module_identifier__ = null
  1605. var rightTop_chart_Component = rightTop_chart_normalizeComponent(
  1606. rightTop_chart,
  1607. right_rightTop_chart,
  1608. rightTop_chart___vue_template_functional__,
  1609. rightTop_chart___vue_styles__,
  1610. rightTop_chart___vue_scopeId__,
  1611. rightTop_chart___vue_module_identifier__
  1612. )
  1613. /* harmony default export */ var visualizcomponent_right_rightTop_chart = (rightTop_chart_Component.exports);
  1614. // 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
  1615. //
  1616. //
  1617. //
  1618. //
  1619. //
  1620. //
  1621. //
  1622. //
  1623. //
  1624. //
  1625. //
  1626. //
  1627. //
  1628. /* harmony default export */ var rightTop = ({
  1629. data: function data() {
  1630. return {
  1631. showDom: true,
  1632. timer: null,
  1633. cdata: {
  1634. datate: [0, 0, 0, 0, 0, 0, 0],
  1635. seriesData: [820, 932, 901, 934, 1290, 1330, 1320]
  1636. }
  1637. };
  1638. },
  1639. components: {
  1640. Chart: visualizcomponent_right_rightTop_chart
  1641. },
  1642. created: function created() {
  1643. var addDeviceWeek = JSON.parse(localStorage.getItem('statisticsDate')).addDeviceWeek;
  1644. var datate = [],
  1645. seriesData = [];
  1646. addDeviceWeek.map(function (li, index) {
  1647. datate.push(li.order);
  1648. seriesData.push(li.count);
  1649. });
  1650. this.cdata.datate = datate;
  1651. this.cdata.seriesData = seriesData;
  1652. },
  1653. mounted: function mounted() {
  1654. var that = this;
  1655. this.timer = setInterval(function () {
  1656. that.showDom = false;
  1657. that.setShow();
  1658. }, 10000);
  1659. },
  1660. methods: {
  1661. setShow: function setShow() {
  1662. var _this = this;
  1663. this.$nextTick(function () {
  1664. _this.showDom = true;
  1665. });
  1666. }
  1667. },
  1668. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  1669. clearInterval(this.timer);
  1670. next();
  1671. },
  1672. beforeDestroy: function beforeDestroy() {
  1673. clearInterval(this.timer);
  1674. }
  1675. });
  1676. // 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
  1677. 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)])])}
  1678. 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("一周新增设备")])])])}]
  1679. var rightTop_esExports = { render: rightTop_render, staticRenderFns: rightTop_staticRenderFns }
  1680. /* harmony default export */ var right_rightTop = (rightTop_esExports);
  1681. // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightTop/index.vue
  1682. function rightTop_injectStyle (ssrContext) {
  1683. __webpack_require__("Etyw")
  1684. }
  1685. var rightTop_normalizeComponent = __webpack_require__("VU/8")
  1686. /* script */
  1687. /* template */
  1688. /* template functional */
  1689. var rightTop___vue_template_functional__ = false
  1690. /* styles */
  1691. var rightTop___vue_styles__ = rightTop_injectStyle
  1692. /* scopeId */
  1693. var rightTop___vue_scopeId__ = "data-v-6138ed40"
  1694. /* moduleIdentifier (server only) */
  1695. var rightTop___vue_module_identifier__ = null
  1696. var rightTop_Component = rightTop_normalizeComponent(
  1697. rightTop,
  1698. right_rightTop,
  1699. rightTop___vue_template_functional__,
  1700. rightTop___vue_styles__,
  1701. rightTop___vue_scopeId__,
  1702. rightTop___vue_module_identifier__
  1703. )
  1704. /* harmony default export */ var visualizcomponent_right_rightTop = (rightTop_Component.exports);
  1705. // 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
  1706. //
  1707. //
  1708. //
  1709. //
  1710. //
  1711. //
  1712. /* harmony default export */ var rightCenter_chart = ({
  1713. data: function data() {
  1714. return {
  1715. options: {}
  1716. };
  1717. },
  1718. components: {
  1719. Echart: echart["a" /* default */]
  1720. },
  1721. props: {
  1722. cdata: {
  1723. type: Object,
  1724. default: function _default() {
  1725. return {};
  1726. }
  1727. }
  1728. },
  1729. watch: {
  1730. cdata: {
  1731. handler: function handler(newData) {
  1732. this.options = {
  1733. xAxis: {
  1734. type: 'category',
  1735. boundaryGap: false,
  1736. data: newData.datate
  1737. },
  1738. yAxis: {
  1739. type: 'value'
  1740. },
  1741. tooltip: {
  1742. trigger: 'axis'
  1743. },
  1744. series: [{
  1745. data: newData.seriesData,
  1746. type: 'line',
  1747. areaStyle: {
  1748. normal: {
  1749. color: '#376cb4' //改变区域颜色
  1750. }
  1751. }
  1752. }]
  1753. };
  1754. },
  1755. immediate: true,
  1756. deep: true
  1757. }
  1758. }
  1759. });
  1760. // 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
  1761. 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)}
  1762. var rightCenter_chart_staticRenderFns = []
  1763. var rightCenter_chart_esExports = { render: rightCenter_chart_render, staticRenderFns: rightCenter_chart_staticRenderFns }
  1764. /* harmony default export */ var right_rightCenter_chart = (rightCenter_chart_esExports);
  1765. // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightCenter/chart.vue
  1766. function rightCenter_chart_injectStyle (ssrContext) {
  1767. __webpack_require__("q9dr")
  1768. }
  1769. var rightCenter_chart_normalizeComponent = __webpack_require__("VU/8")
  1770. /* script */
  1771. /* template */
  1772. /* template functional */
  1773. var rightCenter_chart___vue_template_functional__ = false
  1774. /* styles */
  1775. var rightCenter_chart___vue_styles__ = rightCenter_chart_injectStyle
  1776. /* scopeId */
  1777. var rightCenter_chart___vue_scopeId__ = "data-v-7f9ec19d"
  1778. /* moduleIdentifier (server only) */
  1779. var rightCenter_chart___vue_module_identifier__ = null
  1780. var rightCenter_chart_Component = rightCenter_chart_normalizeComponent(
  1781. rightCenter_chart,
  1782. right_rightCenter_chart,
  1783. rightCenter_chart___vue_template_functional__,
  1784. rightCenter_chart___vue_styles__,
  1785. rightCenter_chart___vue_scopeId__,
  1786. rightCenter_chart___vue_module_identifier__
  1787. )
  1788. /* harmony default export */ var visualizcomponent_right_rightCenter_chart = (rightCenter_chart_Component.exports);
  1789. // 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
  1790. //
  1791. //
  1792. //
  1793. //
  1794. //
  1795. //
  1796. //
  1797. //
  1798. //
  1799. //
  1800. //
  1801. //
  1802. //
  1803. /* harmony default export */ var rightCenter = ({
  1804. data: function data() {
  1805. return {
  1806. showDom: true,
  1807. timer: null,
  1808. cdata: {
  1809. datate: [0, 0, 0, 0, 0, 0, 0],
  1810. seriesData: [0, 0, 0, 0, 0, 0, 0]
  1811. }
  1812. };
  1813. },
  1814. components: {
  1815. Chart: visualizcomponent_right_rightCenter_chart
  1816. },
  1817. created: function created() {
  1818. var today = moment_default()().format("YYYY-MM-DD");
  1819. this.cdata.datate[6] = today;
  1820. this.cdata.datate[5] = moment_default()().subtract('days', 1).format("YYYY/MM/DD");
  1821. this.cdata.datate[4] = moment_default()().subtract('days', 2).format("YYYY/MM/DD");
  1822. this.cdata.datate[3] = moment_default()().subtract('days', 3).format("YYYY/MM/DD");
  1823. this.cdata.datate[2] = moment_default()().subtract('days', 4).format("YYYY/MM/DD");
  1824. this.cdata.datate[1] = moment_default()().subtract('days', 5).format("YYYY/MM/DD");
  1825. this.cdata.datate[0] = moment_default()().subtract('days', 6).format("YYYY/MM/DD");
  1826. },
  1827. mounted: function mounted() {
  1828. var that = this;
  1829. this.timer = setInterval(function () {
  1830. that.showDom = false;
  1831. that.setShow();
  1832. }, 10000);
  1833. },
  1834. methods: {
  1835. setShow: function setShow() {
  1836. var _this = this;
  1837. this.$nextTick(function () {
  1838. _this.showDom = true;
  1839. });
  1840. }
  1841. },
  1842. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  1843. clearInterval(this.timer);
  1844. next();
  1845. },
  1846. beforeDestroy: function beforeDestroy() {
  1847. clearInterval(this.timer);
  1848. }
  1849. });
  1850. // 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
  1851. 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)])])}
  1852. 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("一周充值金额")])])])}]
  1853. var rightCenter_esExports = { render: rightCenter_render, staticRenderFns: rightCenter_staticRenderFns }
  1854. /* harmony default export */ var right_rightCenter = (rightCenter_esExports);
  1855. // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightCenter/index.vue
  1856. function rightCenter_injectStyle (ssrContext) {
  1857. __webpack_require__("pndH")
  1858. }
  1859. var rightCenter_normalizeComponent = __webpack_require__("VU/8")
  1860. /* script */
  1861. /* template */
  1862. /* template functional */
  1863. var rightCenter___vue_template_functional__ = false
  1864. /* styles */
  1865. var rightCenter___vue_styles__ = rightCenter_injectStyle
  1866. /* scopeId */
  1867. var rightCenter___vue_scopeId__ = "data-v-44140754"
  1868. /* moduleIdentifier (server only) */
  1869. var rightCenter___vue_module_identifier__ = null
  1870. var rightCenter_Component = rightCenter_normalizeComponent(
  1871. rightCenter,
  1872. right_rightCenter,
  1873. rightCenter___vue_template_functional__,
  1874. rightCenter___vue_styles__,
  1875. rightCenter___vue_scopeId__,
  1876. rightCenter___vue_module_identifier__
  1877. )
  1878. /* harmony default export */ var visualizcomponent_right_rightCenter = (rightCenter_Component.exports);
  1879. // 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
  1880. //
  1881. //
  1882. //
  1883. //
  1884. //
  1885. //
  1886. /* harmony default export */ var rightBottom_chart = ({
  1887. data: function data() {
  1888. return {
  1889. options: {}
  1890. };
  1891. },
  1892. components: {
  1893. Echart: echart["a" /* default */]
  1894. },
  1895. props: {
  1896. cdata: {
  1897. type: Object,
  1898. default: function _default() {
  1899. return {};
  1900. }
  1901. }
  1902. },
  1903. watch: {
  1904. cdata: {
  1905. handler: function handler(newData) {
  1906. console.log(newData);
  1907. this.options = {
  1908. title: {
  1909. text: '',
  1910. subtext: ''
  1911. },
  1912. tooltip: {
  1913. trigger: 'item',
  1914. formatter: "{a} <br/>{b} : {c}"
  1915. },
  1916. // toolbox: {
  1917. // feature: {
  1918. // dataView: {readOnly: false},
  1919. // restore: {},
  1920. // saveAsImage: {}
  1921. // }
  1922. // },
  1923. // legend: {
  1924. // data: ['电量(0-20%)','电量(20%-40%)','电量(40%-60%)','电量(60%-80%)','电量(80%-100%)']
  1925. // },
  1926. series: [{
  1927. name: '数量',
  1928. type: 'funnel',
  1929. left: '10%',
  1930. top: 60,
  1931. bottom: 60,
  1932. sort: "ascending",
  1933. width: '80%',
  1934. min: 0,
  1935. max: 100,
  1936. minSize: '0%',
  1937. maxSize: '100%',
  1938. gap: 2,
  1939. // label: {
  1940. // show: true,
  1941. // position: 'inside'
  1942. // },
  1943. labelLine: {
  1944. length: 10,
  1945. lineStyle: {
  1946. width: 1,
  1947. type: 'solid'
  1948. }
  1949. },
  1950. itemStyle: {
  1951. borderColor: "#fff",
  1952. borderWidth: 1,
  1953. normal: {
  1954. color: function color(params) {
  1955. //自定义颜色
  1956. var colorList = ["#FF4C4C", "#FF6383", "#FF9933", "#FFC635", "#31DC72", "#39E8DE", "#91FFE7", "#91FAB9", "#8572FF", "#4578FF"];
  1957. return colorList[params.dataIndex];
  1958. }
  1959. }
  1960. },
  1961. emphasis: {
  1962. label: {
  1963. fontSize: 20
  1964. }
  1965. },
  1966. data: newData.seriesData
  1967. // [
  1968. // {value: 60, name: '电量(0-20%)'},
  1969. // {value: 40, name: '电量(20%-40%)'},
  1970. // {value: 20, name: '电量(40%-60%)'},
  1971. // {value: 80, name: '电量(60%-80%)'},
  1972. // {value: 100, name: '电量(80%-100%)'}
  1973. // ]
  1974. }]
  1975. };
  1976. },
  1977. immediate: true,
  1978. deep: true
  1979. }
  1980. }
  1981. });
  1982. // 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
  1983. 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)}
  1984. var rightBottom_chart_staticRenderFns = []
  1985. var rightBottom_chart_esExports = { render: rightBottom_chart_render, staticRenderFns: rightBottom_chart_staticRenderFns }
  1986. /* harmony default export */ var right_rightBottom_chart = (rightBottom_chart_esExports);
  1987. // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightBottom/chart.vue
  1988. function rightBottom_chart_injectStyle (ssrContext) {
  1989. __webpack_require__("MMS9")
  1990. }
  1991. var rightBottom_chart_normalizeComponent = __webpack_require__("VU/8")
  1992. /* script */
  1993. /* template */
  1994. /* template functional */
  1995. var rightBottom_chart___vue_template_functional__ = false
  1996. /* styles */
  1997. var rightBottom_chart___vue_styles__ = rightBottom_chart_injectStyle
  1998. /* scopeId */
  1999. var rightBottom_chart___vue_scopeId__ = "data-v-7ef4a1f7"
  2000. /* moduleIdentifier (server only) */
  2001. var rightBottom_chart___vue_module_identifier__ = null
  2002. var rightBottom_chart_Component = rightBottom_chart_normalizeComponent(
  2003. rightBottom_chart,
  2004. right_rightBottom_chart,
  2005. rightBottom_chart___vue_template_functional__,
  2006. rightBottom_chart___vue_styles__,
  2007. rightBottom_chart___vue_scopeId__,
  2008. rightBottom_chart___vue_module_identifier__
  2009. )
  2010. /* harmony default export */ var visualizcomponent_right_rightBottom_chart = (rightBottom_chart_Component.exports);
  2011. // 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
  2012. //
  2013. //
  2014. //
  2015. //
  2016. //
  2017. //
  2018. //
  2019. //
  2020. //
  2021. //
  2022. //
  2023. //
  2024. //
  2025. //
  2026. //
  2027. //
  2028. //
  2029. //
  2030. //
  2031. //
  2032. //
  2033. //
  2034. //
  2035. //
  2036. //
  2037. //
  2038. //
  2039. //
  2040. //
  2041. //
  2042. /* harmony default export */ var rightBottom = ({
  2043. data: function data() {
  2044. return {
  2045. showDom: true,
  2046. timer: null,
  2047. seriesData: {
  2048. abnormalTotal: 0,
  2049. batteryLevel1: 0,
  2050. batteryLevel2: 0,
  2051. batteryLevel3: 0,
  2052. batteryLevel4: 0,
  2053. batteryLevel5: 0,
  2054. closeTotal: 0,
  2055. offlineTotal: 0,
  2056. onlineTotal: 0,
  2057. openTotal: 0,
  2058. projects: 0,
  2059. total: 0
  2060. },
  2061. cdata: {
  2062. datate: [0, 0, 0, 0, 0, 0, 0],
  2063. seriesData: [{
  2064. value: 0,
  2065. name: '电量(0-20%)'
  2066. }, {
  2067. value: 0,
  2068. name: '电量(20%-40%)'
  2069. }, {
  2070. value: 0,
  2071. name: '电量(40%-60%)'
  2072. }, {
  2073. value: 0,
  2074. name: '电量(60%-80%)'
  2075. }, {
  2076. value: 0,
  2077. name: '电量(80%-100%)'
  2078. }]
  2079. }
  2080. };
  2081. },
  2082. components: {
  2083. Chart: visualizcomponent_right_rightBottom_chart, NumberGrow: NumberGrow["a" /* default */]
  2084. },
  2085. created: function created() {
  2086. var seriesData = JSON.parse(localStorage.getItem('statisticsDate')).seriesData;
  2087. var cdata = this.cdata;
  2088. cdata.seriesData[0].value = seriesData.batteryLevel1; //(parseInt(seriesData.batteryLevel1) / parseInt(seriesData.total) * 100).toFixed(2);
  2089. cdata.seriesData[1].value = seriesData.batteryLevel2; //(parseInt(seriesData.batteryLevel2) / parseInt(seriesData.total) * 100).toFixed(2);
  2090. cdata.seriesData[2].value = seriesData.batteryLevel3; //(parseInt(seriesData.batteryLevel3) / parseInt(seriesData.total) * 100).toFixed(2);
  2091. cdata.seriesData[3].value = seriesData.batteryLevel4; //(parseInt(seriesData.batteryLevel4) / parseInt(seriesData.total) * 100).toFixed(2);
  2092. cdata.seriesData[4].value = seriesData.batteryLevel5; //(parseInt(seriesData.batteryLevel5) / parseInt(seriesData.total) * 100).toFixed(2);
  2093. this.cdata = cdata;
  2094. this.seriesData = seriesData;
  2095. },
  2096. mounted: function mounted() {
  2097. var that = this;
  2098. this.timer = setInterval(function () {
  2099. that.showDom = false;
  2100. that.setShow();
  2101. }, 10000);
  2102. },
  2103. methods: {
  2104. setShow: function setShow() {
  2105. var _this = this;
  2106. this.$nextTick(function () {
  2107. _this.showDom = true;
  2108. });
  2109. },
  2110. jumpDevicePage: function jumpDevicePage(startBattery, endBattery) {
  2111. this.$router.replace({
  2112. path: '/allDevice',
  2113. name: "allDevice",
  2114. params: {
  2115. startBattery: startBattery,
  2116. endBattery: endBattery
  2117. }
  2118. });
  2119. }
  2120. },
  2121. beforeRouteLeave: function beforeRouteLeave(to, from, next) {
  2122. clearInterval(this.timer);
  2123. next();
  2124. },
  2125. beforeDestroy: function beforeDestroy() {
  2126. clearInterval(this.timer);
  2127. }
  2128. });
  2129. // 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
  2130. 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()])])}
  2131. 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("设备电量分析")])])])}]
  2132. var rightBottom_esExports = { render: rightBottom_render, staticRenderFns: rightBottom_staticRenderFns }
  2133. /* harmony default export */ var right_rightBottom = (rightBottom_esExports);
  2134. // CONCATENATED MODULE: ./src/components/visualizcomponent/right/rightBottom/index.vue
  2135. function rightBottom_injectStyle (ssrContext) {
  2136. __webpack_require__("4WHG")
  2137. }
  2138. var rightBottom_normalizeComponent = __webpack_require__("VU/8")
  2139. /* script */
  2140. /* template */
  2141. /* template functional */
  2142. var rightBottom___vue_template_functional__ = false
  2143. /* styles */
  2144. var rightBottom___vue_styles__ = rightBottom_injectStyle
  2145. /* scopeId */
  2146. var rightBottom___vue_scopeId__ = "data-v-4123aebc"
  2147. /* moduleIdentifier (server only) */
  2148. var rightBottom___vue_module_identifier__ = null
  2149. var rightBottom_Component = rightBottom_normalizeComponent(
  2150. rightBottom,
  2151. right_rightBottom,
  2152. rightBottom___vue_template_functional__,
  2153. rightBottom___vue_styles__,
  2154. rightBottom___vue_scopeId__,
  2155. rightBottom___vue_module_identifier__
  2156. )
  2157. /* harmony default export */ var visualizcomponent_right_rightBottom = (rightBottom_Component.exports);
  2158. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/visualization/index.vue
  2159. //
  2160. //
  2161. //
  2162. //
  2163. //
  2164. //
  2165. //
  2166. //
  2167. //
  2168. //
  2169. //
  2170. //
  2171. //
  2172. //
  2173. //
  2174. //
  2175. //
  2176. //
  2177. //
  2178. //
  2179. //
  2180. //
  2181. //
  2182. //
  2183. //
  2184. //
  2185. //
  2186. //
  2187. //
  2188. //
  2189. //
  2190. //
  2191. //
  2192. //
  2193. //
  2194. //
  2195. //
  2196. //
  2197. //
  2198. //
  2199. //
  2200. //
  2201. //
  2202. //
  2203. //
  2204. // var elementResizeDetectorMaker = require("element-resize-detector")
  2205. /* harmony default export */ var visualization = ({
  2206. inject: ['reload'],
  2207. name: "visualization",
  2208. data: function data() {
  2209. return {
  2210. timer: null,
  2211. seriesData: {
  2212. abnormalTotal: 0,
  2213. batteryLevel1: 0,
  2214. batteryLevel2: 0,
  2215. batteryLevel3: 0,
  2216. batteryLevel4: 0,
  2217. batteryLevel5: 0,
  2218. closeTotal: 0,
  2219. offlineTotal: 0,
  2220. onlineTotal: 0,
  2221. openTotal: 0,
  2222. projects: 0,
  2223. total: 0
  2224. }
  2225. };
  2226. },
  2227. components: {
  2228. leftTop: visualizcomponent_left_leftTop,
  2229. leftCenter: visualizcomponent_left_leftCenter,
  2230. leftBottom: visualizcomponent_left_leftBottom,
  2231. mapBox: components_visualizcomponent_center_top,
  2232. centerBootm: visualizcomponent_center_bottom,
  2233. rightTop: visualizcomponent_right_rightTop,
  2234. rightCenter: visualizcomponent_right_rightCenter,
  2235. rightBottom: visualizcomponent_right_rightBottom
  2236. },
  2237. beforeCreate: function beforeCreate() {
  2238. this.$store.commit('settenantid');
  2239. },
  2240. created: function created() {
  2241. this.$store.commit('setUser1');
  2242. if (!localStorage.getItem('statisticsDate')) {
  2243. var data = {
  2244. "cdata": ["0.42", "1.26", "1.68", "9.45", "85.50"],
  2245. "seriesData": {
  2246. "abnormalTotal": 0,
  2247. "batteryLevel1": 2,
  2248. "batteryLevel2": 6,
  2249. "batteryLevel3": 8,
  2250. "batteryLevel4": 45,
  2251. "batteryLevel5": 407,
  2252. "closeTotal": 334,
  2253. "offlineTotal": 34,
  2254. "onlineTotal": 442,
  2255. "openTotal": 142,
  2256. "projects": 65,
  2257. "total": 476
  2258. },
  2259. "collectUS": {
  2260. "card300": 133,
  2261. "site200": 71,
  2262. "card200": 229,
  2263. "userCount": 196,
  2264. "site300": 70,
  2265. "lock300": 773,
  2266. "site400": 331,
  2267. "lock200": 6702,
  2268. "houseSensor400": 205424
  2269. },
  2270. "collectOpenLock": {
  2271. "week300": [{
  2272. "count": 7,
  2273. "order": "2022-05-15"
  2274. }, {
  2275. "count": 14,
  2276. "order": "2022-05-16"
  2277. }, {
  2278. "count": 13,
  2279. "order": "2022-05-17"
  2280. }, {
  2281. "count": 20,
  2282. "order": "2022-05-18"
  2283. }, {
  2284. "count": 156,
  2285. "order": "2022-05-19"
  2286. }, {
  2287. "count": 103,
  2288. "order": "2022-05-20"
  2289. }, {
  2290. "count": 33,
  2291. "order": "2022-05-21"
  2292. }, {
  2293. "count": 37,
  2294. "order": "2022-05-22"
  2295. }, {
  2296. "count": 159,
  2297. "order": "2022-05-23"
  2298. }, {
  2299. "count": 147,
  2300. "order": "2022-05-24"
  2301. }, {
  2302. "count": 137,
  2303. "order": "2022-05-25"
  2304. }, {
  2305. "count": 87,
  2306. "order": "2022-05-26"
  2307. }],
  2308. "week200": [{
  2309. "count": 115,
  2310. "order": "2022-05-19"
  2311. }, {
  2312. "count": 199,
  2313. "order": "2022-05-20"
  2314. }, {
  2315. "count": 64,
  2316. "order": "2022-05-21"
  2317. }, {
  2318. "count": 26,
  2319. "order": "2022-05-22"
  2320. }, {
  2321. "count": 142,
  2322. "order": "2022-05-23"
  2323. }, {
  2324. "count": 168,
  2325. "order": "2022-05-24"
  2326. }, {
  2327. "count": 150,
  2328. "order": "2022-05-25"
  2329. }, {
  2330. "count": 139,
  2331. "order": "2022-05-26"
  2332. }],
  2333. "allCount300": 8939,
  2334. "allCount200": 23117
  2335. },
  2336. "weekopenlock": [{
  2337. "order": "2022-05-19",
  2338. "count": 271
  2339. }, {
  2340. "order": "2022-05-20",
  2341. "count": 302
  2342. }, {
  2343. "order": "2022-05-21",
  2344. "count": 97
  2345. }, {
  2346. "order": "2022-05-22",
  2347. "count": 63
  2348. }, {
  2349. "order": "2022-05-23",
  2350. "count": 301
  2351. }, {
  2352. "order": "2022-05-24",
  2353. "count": 315
  2354. }, {
  2355. "order": "2022-05-25",
  2356. "count": 287
  2357. }, {
  2358. "order": "2022-05-26",
  2359. "count": 226
  2360. }],
  2361. "addDeviceWeek": [{
  2362. "order": "2022/05/20",
  2363. "count": 0
  2364. }, {
  2365. "order": "2022/05/21",
  2366. "count": 0
  2367. }, {
  2368. "order": "2022/05/22",
  2369. "count": 0
  2370. }, {
  2371. "order": "2022/05/23",
  2372. "count": 2
  2373. }, {
  2374. "order": "2022/05/24",
  2375. "count": 0
  2376. }, {
  2377. "order": "2022/05/25",
  2378. "count": 0
  2379. }, {
  2380. "order": "2022-05-26",
  2381. "count": 0
  2382. }]
  2383. };
  2384. localStorage.setItem('statisticsDate', stringify_default()(data));
  2385. this.reload();
  2386. }
  2387. },
  2388. mounted: function mounted() {
  2389. // let that = this
  2390. // let erd = elementResizeDetectorMaker()
  2391. // erd.listenTo(document.getElementById("dashboard"), (element) => {
  2392. // that.$nextTick(() => {
  2393. // that.$refs.lineChart.resize()
  2394. // })
  2395. // })
  2396. // this.timer = setInterval(() => {
  2397. // this.getcard()
  2398. // }, 30000)
  2399. },
  2400. destroyed: function destroyed() {
  2401. // clearInterval(this.timer)
  2402. // this.timer = null
  2403. // localStorage.removeItem("statisticsDate")
  2404. },
  2405. methods: {
  2406. getcard: function getcard() {}
  2407. }
  2408. });
  2409. // 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
  2410. 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)])])])}
  2411. 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("智能产品数据统计分析")])])}]
  2412. var visualization_esExports = { render: visualization_render, staticRenderFns: visualization_staticRenderFns }
  2413. /* harmony default export */ var views_visualization = (visualization_esExports);
  2414. // CONCATENATED MODULE: ./src/views/visualization/index.vue
  2415. function visualization_injectStyle (ssrContext) {
  2416. __webpack_require__("qRZX")
  2417. }
  2418. var visualization_normalizeComponent = __webpack_require__("VU/8")
  2419. /* script */
  2420. /* template */
  2421. /* template functional */
  2422. var visualization___vue_template_functional__ = false
  2423. /* styles */
  2424. var visualization___vue_styles__ = visualization_injectStyle
  2425. /* scopeId */
  2426. var visualization___vue_scopeId__ = "data-v-3ee5702f"
  2427. /* moduleIdentifier (server only) */
  2428. var visualization___vue_module_identifier__ = null
  2429. var visualization_Component = visualization_normalizeComponent(
  2430. visualization,
  2431. views_visualization,
  2432. visualization___vue_template_functional__,
  2433. visualization___vue_styles__,
  2434. visualization___vue_scopeId__,
  2435. visualization___vue_module_identifier__
  2436. )
  2437. /* harmony default export */ var src_views_visualization = __webpack_exports__["default"] = (visualization_Component.exports);
  2438. /***/ }),
  2439. /***/ "pndH":
  2440. /***/ (function(module, exports) {
  2441. // removed by extract-text-webpack-plugin
  2442. /***/ }),
  2443. /***/ "q9dr":
  2444. /***/ (function(module, exports) {
  2445. // removed by extract-text-webpack-plugin
  2446. /***/ }),
  2447. /***/ "qNbt":
  2448. /***/ (function(module, exports, __webpack_require__) {
  2449. module.exports = __webpack_require__.p + "static/img/product5.88c5ef6.png";
  2450. /***/ }),
  2451. /***/ "qRZX":
  2452. /***/ (function(module, exports) {
  2453. // removed by extract-text-webpack-plugin
  2454. /***/ }),
  2455. /***/ "qd1h":
  2456. /***/ (function(module, exports, __webpack_require__) {
  2457. module.exports = __webpack_require__.p + "static/img/topbg.820ebf9.png";
  2458. /***/ }),
  2459. /***/ "qiKX":
  2460. /***/ (function(module, exports, __webpack_require__) {
  2461. var map = {
  2462. "./anhui.js": [
  2463. "LxaZ",
  2464. 130
  2465. ],
  2466. "./aomen.js": [
  2467. "bFhG",
  2468. 129
  2469. ],
  2470. "./beijing.js": [
  2471. "bIQF",
  2472. 128
  2473. ],
  2474. "./chongqing.js": [
  2475. "yOrR",
  2476. 127
  2477. ],
  2478. "./fujian.js": [
  2479. "MF5D",
  2480. 126
  2481. ],
  2482. "./gansu.js": [
  2483. "wlbM",
  2484. 125
  2485. ],
  2486. "./guangdong.js": [
  2487. "q8av",
  2488. 124
  2489. ],
  2490. "./guangxi.js": [
  2491. "d+A2",
  2492. 123
  2493. ],
  2494. "./guizhou.js": [
  2495. "gQu3",
  2496. 122
  2497. ],
  2498. "./hainan.js": [
  2499. "lWJF",
  2500. 121
  2501. ],
  2502. "./hebei.js": [
  2503. "fl3M",
  2504. 120
  2505. ],
  2506. "./heilongjiang.js": [
  2507. "rugJ",
  2508. 119
  2509. ],
  2510. "./henan.js": [
  2511. "uf2Q",
  2512. 118
  2513. ],
  2514. "./hubei.js": [
  2515. "BrxA",
  2516. 117
  2517. ],
  2518. "./hunan.js": [
  2519. "Bu9l",
  2520. 116
  2521. ],
  2522. "./jiangsu.js": [
  2523. "aM2Z",
  2524. 115
  2525. ],
  2526. "./jiangxi.js": [
  2527. "sLa+",
  2528. 114
  2529. ],
  2530. "./jilin.js": [
  2531. "RXgU",
  2532. 113
  2533. ],
  2534. "./liaoning.js": [
  2535. "4h20",
  2536. 112
  2537. ],
  2538. "./neimenggu.js": [
  2539. "+kzi",
  2540. 111
  2541. ],
  2542. "./ningxia.js": [
  2543. "DvFz",
  2544. 110
  2545. ],
  2546. "./qinghai.js": [
  2547. "+EQR",
  2548. 109
  2549. ],
  2550. "./shandong.js": [
  2551. "H/fg",
  2552. 108
  2553. ],
  2554. "./shanghai.js": [
  2555. "2UcM",
  2556. 107
  2557. ],
  2558. "./shanxi.js": [
  2559. "OPXM",
  2560. 106
  2561. ],
  2562. "./shanxi1.js": [
  2563. "GxeG",
  2564. 105
  2565. ],
  2566. "./sichuan.js": [
  2567. "LM7n",
  2568. 104
  2569. ],
  2570. "./taiwan.js": [
  2571. "2JxT",
  2572. 103
  2573. ],
  2574. "./tianjin.js": [
  2575. "ZpZ2",
  2576. 102
  2577. ],
  2578. "./xianggang.js": [
  2579. "Zb2g",
  2580. 101
  2581. ],
  2582. "./xinjiang.js": [
  2583. "3AnA",
  2584. 100
  2585. ],
  2586. "./xizang.js": [
  2587. "NWZx",
  2588. 99
  2589. ],
  2590. "./yunnan.js": [
  2591. "aZfD",
  2592. 98
  2593. ],
  2594. "./zhejiang.js": [
  2595. "Knpt",
  2596. 97
  2597. ]
  2598. };
  2599. function webpackAsyncContext(req) {
  2600. var ids = map[req];
  2601. if(!ids)
  2602. return Promise.reject(new Error("Cannot find module '" + req + "'."));
  2603. return __webpack_require__.e(ids[1]).then(function() {
  2604. return __webpack_require__(ids[0]);
  2605. });
  2606. };
  2607. webpackAsyncContext.keys = function webpackAsyncContextKeys() {
  2608. return Object.keys(map);
  2609. };
  2610. webpackAsyncContext.id = "qiKX";
  2611. module.exports = webpackAsyncContext;
  2612. /***/ }),
  2613. /***/ "tcAE":
  2614. /***/ (function(module, exports, __webpack_require__) {
  2615. var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
  2616. * Licensed to the Apache Software Foundation (ASF) under one
  2617. * or more contributor license agreements. See the NOTICE file
  2618. * distributed with this work for additional information
  2619. * regarding copyright ownership. The ASF licenses this file
  2620. * to you under the Apache License, Version 2.0 (the
  2621. * "License"); you may not use this file except in compliance
  2622. * with the License. You may obtain a copy of the License at
  2623. *
  2624. * http://www.apache.org/licenses/LICENSE-2.0
  2625. *
  2626. * Unless required by applicable law or agreed to in writing,
  2627. * software distributed under the License is distributed on an
  2628. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  2629. * KIND, either express or implied. See the License for the
  2630. * specific language governing permissions and limitations
  2631. * under the License.
  2632. */
  2633. (function(root, factory) {
  2634. if (true) {
  2635. // AMD. Register as an anonymous module.
  2636. !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
  2637. __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
  2638. (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
  2639. __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
  2640. } else if (
  2641. typeof exports === 'object' &&
  2642. typeof exports.nodeName !== 'string'
  2643. ) {
  2644. // CommonJS
  2645. factory(exports, require('echarts'));
  2646. } else {
  2647. // Browser globals
  2648. factory({}, root.echarts);
  2649. }
  2650. })(this, function(exports, echarts) {
  2651. var log = function(msg) {
  2652. if (typeof console !== 'undefined') {
  2653. console && console.error && console.error(msg);
  2654. }
  2655. };
  2656. if (!echarts) {
  2657. log('ECharts is not Loaded');
  2658. return;
  2659. }
  2660. var colorPalette = [
  2661. '#2ec7c9',
  2662. '#b6a2de',
  2663. '#5ab1ef',
  2664. '#ffb980',
  2665. '#d87a80',
  2666. '#8d98b3',
  2667. '#e5cf0d',
  2668. '#97b552',
  2669. '#95706d',
  2670. '#dc69aa',
  2671. '#07a2a4',
  2672. '#9a7fd1',
  2673. '#588dd5',
  2674. '#f5994e',
  2675. '#c05050',
  2676. '#59678c',
  2677. '#c9ab00',
  2678. '#7eb00a',
  2679. '#6f5553',
  2680. '#c14089'
  2681. ];
  2682. var theme = {
  2683. color: colorPalette,
  2684. title: {
  2685. textStyle: {
  2686. fontWeight: 'normal',
  2687. color: '#008acd'
  2688. }
  2689. },
  2690. visualMap: {
  2691. itemWidth: 15,
  2692. color: ['#5ab1ef', '#e0ffff']
  2693. },
  2694. toolbox: {
  2695. iconStyle: {
  2696. normal: {
  2697. borderColor: colorPalette[0]
  2698. }
  2699. }
  2700. },
  2701. tooltip: {
  2702. backgroundColor: 'rgba(50,50,50,0.5)',
  2703. axisPointer: {
  2704. type: 'line',
  2705. lineStyle: {
  2706. color: '#008acd'
  2707. },
  2708. crossStyle: {
  2709. color: '#008acd'
  2710. },
  2711. shadowStyle: {
  2712. color: 'rgba(200,200,200,0.2)'
  2713. }
  2714. }
  2715. },
  2716. dataZoom: {
  2717. dataBackgroundColor: '#efefff',
  2718. fillerColor: 'rgba(182,162,222,0.2)',
  2719. handleColor: '#008acd'
  2720. },
  2721. grid: {
  2722. borderColor: '#eee'
  2723. },
  2724. categoryAxis: {
  2725. axisLine: {
  2726. lineStyle: {
  2727. color: '#008acd'
  2728. }
  2729. },
  2730. splitLine: {
  2731. lineStyle: {
  2732. color: ['#eee']
  2733. }
  2734. }
  2735. },
  2736. valueAxis: {
  2737. axisLine: {
  2738. lineStyle: {
  2739. color: '#008acd'
  2740. }
  2741. },
  2742. splitArea: {
  2743. show: true,
  2744. areaStyle: {
  2745. color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
  2746. }
  2747. },
  2748. splitLine: {
  2749. lineStyle: {
  2750. color: ['#eee']
  2751. }
  2752. }
  2753. },
  2754. timeline: {
  2755. lineStyle: {
  2756. color: '#008acd'
  2757. },
  2758. controlStyle: {
  2759. color: '#008acd',
  2760. borderColor: '#008acd'
  2761. },
  2762. symbol: 'emptyCircle',
  2763. symbolSize: 3
  2764. },
  2765. line: {
  2766. smooth: true,
  2767. symbol: 'emptyCircle',
  2768. symbolSize: 3
  2769. },
  2770. candlestick: {
  2771. itemStyle: {
  2772. color: '#d87a80',
  2773. color0: '#2ec7c9'
  2774. },
  2775. lineStyle: {
  2776. width: 1,
  2777. color: '#d87a80',
  2778. color0: '#2ec7c9'
  2779. },
  2780. areaStyle: {
  2781. color: '#2ec7c9',
  2782. color0: '#b6a2de'
  2783. }
  2784. },
  2785. scatter: {
  2786. symbol: 'circle',
  2787. symbolSize: 4
  2788. },
  2789. map: {
  2790. itemStyle: {
  2791. color: '#ddd'
  2792. },
  2793. areaStyle: {
  2794. color: '#fe994e'
  2795. },
  2796. label: {
  2797. color: '#d87a80'
  2798. }
  2799. },
  2800. graph: {
  2801. itemStyle: {
  2802. color: '#d87a80'
  2803. },
  2804. linkStyle: {
  2805. color: '#2ec7c9'
  2806. }
  2807. },
  2808. gauge: {
  2809. axisLine: {
  2810. lineStyle: {
  2811. color: [
  2812. [0.2, '#2ec7c9'],
  2813. [0.8, '#5ab1ef'],
  2814. [1, '#d87a80']
  2815. ],
  2816. width: 10
  2817. }
  2818. },
  2819. axisTick: {
  2820. splitNumber: 10,
  2821. length: 15,
  2822. lineStyle: {
  2823. color: 'auto'
  2824. }
  2825. },
  2826. splitLine: {
  2827. length: 22,
  2828. lineStyle: {
  2829. color: 'auto'
  2830. }
  2831. },
  2832. pointer: {
  2833. width: 5
  2834. }
  2835. }
  2836. };
  2837. echarts.registerTheme('macarons', theme);
  2838. });
  2839. /***/ }),
  2840. /***/ "utaK":
  2841. /***/ (function(module, exports, __webpack_require__) {
  2842. module.exports = __webpack_require__.p + "static/img/product8.4d433d8.png";
  2843. /***/ }),
  2844. /***/ "wdRy":
  2845. /***/ (function(module, exports) {
  2846. // removed by extract-text-webpack-plugin
  2847. /***/ }),
  2848. /***/ "zCAE":
  2849. /***/ (function(module, exports) {
  2850. // removed by extract-text-webpack-plugin
  2851. /***/ })
  2852. });