完成签约之后直接添加人员,录入下发凭证
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.

4801 lines
213 KiB

  1. webpackJsonp([4],{
  2. /***/ "3fDh":
  3. /***/ (function(module, exports) {
  4. // removed by extract-text-webpack-plugin
  5. /***/ }),
  6. /***/ "9IGF":
  7. /***/ (function(module, exports) {
  8. module.exports = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAACIFJREFUeF7tnU9vVGUUh993aKdhAfELtEBowlQTijuDLjW61A/AFhGXFj+E4FIFtnwAWWp0qcSdQqIdEgil/QLELkz/MK9pEVOF0svv3nfOHM7j1nvec87zmye3ZW5ncuI/CEBgXwIZNhCAwP4EEIRXBwReQABBeHlAAEF4DUBAI8AdRONGVRACCBIkaNbUCCCIxo2qIAQQJEjQrKkRQBCNG1VBCCBIkKBZUyOAIBo3qoIQQJAgQbOmRgBBNG5UBSGAIEGCZk2NAIJo3KgKQgBBggTNmhoBBNG4URWEAIIECZo1NQIIonGjKggBBAkSNGtqBBBE40ZVEAIIEiRo1tQIIIjGjaogBBAkSNCsqRFAEI0bVUEIIEiQoFlTI4AgGjeqghBAkCBBs6ZGAEE0blQFIYAgQYJmTY0AgmjcqApCAEGCBM2aGgEE0bhRFYQAggQJmjU1AgiicaMqCAEECRI0a2oEEETjRlUQAggSJGjW1AggiMaNqiAEECRI0KypEUAQjRtVQQggSJCgWVMjgCAaN6qCEECQIEGzpkYAQTRuVAUhgCBBgmZNjQCCaNyoCkIAQYIEzZoaAQTRuFEVhACCBAmaNTUCCKJxoyoIAQQJEjRragQQRONGVRACCBIkaNbUCCCIxo2qIAQQJEjQrKkRQBCNG1VBCCBIkKBZUyOAIBo3qoIQQJAgQbOmRgBBNG5UBSGAIEGCZk2NAIJo3KgKQgBBggTNmhoBBNG4URWEAIIECZo1NQIIonGjKggBBAkSNGtqBBBE40ZVEAIIEiRo1tQIIIjGjaogBBAkSNCsqRFAEI0bVUEIIEiQoFlTI4AgGjeqghBAkCBBs6ZGAEE0blQFIYAgRkH/fnz6TH6czvZy73RJo5M55fm9o5RU7uXUu5/K6HaeSrdOPdi6bTRq6LYIMsb4756YXhxtp3M55/MppSMv2Xq9lHK9N5VuIMtLkmtxOYK0gNe0dDg39XbKvaVU0odNa154XU43UxldGaxu/9zJeRyyLwEEqfjiGJ5KR9JfM5dTKh/XaZOvPepvfP7WvfRnnfM5FUEqvQaWZ2fez7lcTSkdr9Ti6bErpeQLC2sb31fuE/J4BKkQ+3B2+pOU89cVjt7/yFIuDta2vhlrzwDNEKTjkJePzSzlUi53fGyj40rOlxYeblxpdDEXNSKAII0wNbvI5M7x/9G4kzQLq+FVCNIQ1EGX/fM7x3cHXTeO/19K/oDfSbohjSAdcPxlPh19bbO/80Ze7V/Im067kg5vnh7cTetNC7ju+QQQpINXxnBu5mq9f8pVB8zXBqsbF9Rq6p4QQJCWr4TdNwFT76eWx1QqH73Dm4nt0CJIO35peKz/bWfvkLec5ZnynG4OHm5+1PWxkc5DkBZp7zxbVR7n31ocUb00HypneHZLx4wgOru0PDt9Jef8WYsjqpeWUr5cWNtaqt7oFW2AIC2CHc71d56Betmnclt0lErXB6ubR6VKivglXX0NePjx6uluj3vlzTdWtib6R0E1h9p13EFEwhPxrnnD2UelfPr62tZ4nw1rONukX4YgYkKT+d7HfsvwnogYMz9iqeCW56Z/yCm/q9aPs66k8uPC6tZ74+z5qvTiDiImOZzrP5igR0sO2mJlsLp54qCL+P/PEkAQ8VWBICI4Z2UIIgaGICI4Z2UIIgaGICI4Z2UIIgbGL+kiOGdlCCIGxj/ziuCclSGIGNgfs9MXezl/JZaPt4w/w5V5I4iIbuejQw+N8q9i+VjLeKJXx40gOrvEw4ot4DkpRZAWQfG4ewt4TkoRpEVQHp7o5cerFgHzN+nt4O1U8ye37RlO8gncQVqmw4c2tAQ44eUI0kFAk/meCI+4dxAtj7t3AfHJ1xz070zQ070rj/qbi3wtQvt0uYO0Z7h7Ah892hHICTsGQToMZCL+DJd3zTtMlE9W7BTm7p2Erz/onKnlgdxBKtA3uZNw56iQJHeQKlD3/E7CV7BVIzyeg7mDVOT85GsRZr6o98nv+Vo6vHGJrzmoFyKC1GP778l8DfQYIFdqgSCVwD7v2J1nt0bb6VzO+bzwkaXrpZTrval0gw+jHl9oCDI+1v/ptPug43Y6m3JvsaTRyZzy/N4LSir3curdH5XRnXIo3eKjQ22CQhAb7nR1QgBBnATFmDYEEMSGO12dEEAQJ0Expg0BBLHhTlcnBBDESVCMaUMAQWy409UJAQRxEhRj2hBAEBvudHVCAEGcBMWYNgQQxIY7XZ0QQBAnQTGmDQEEseFOVycEEMRJUIxpQwBBbLjT1QkBBHESFGPaEEAQG+50dUIAQZwExZg2BBDEhjtdnRBAECdBMaYNAQSx4U5XJwQQxElQjGlDAEFsuNPVCQEEcRIUY9oQQBAb7nR1QgBBnATFmDYEEMSGO12dEEAQJ0Expg0BBLHhTlcnBBDESVCMaUMAQWy409UJAQRxEhRj2hBAEBvudHVCAEGcBMWYNgQQxIY7XZ0QQBAnQTGmDQEEseFOVycEEMRJUIxpQwBBbLjT1QkBBHESFGPaEEAQG+50dUIAQZwExZg2BBDEhjtdnRBAECdBMaYNAQSx4U5XJwQQxElQjGlDAEFsuNPVCQEEcRIUY9oQQBAb7nR1QgBBnATFmDYEEMSGO12dEEAQJ0Expg0BBLHhTlcnBBDESVCMaUMAQWy409UJAQRxEhRj2hBAEBvudHVCAEGcBMWYNgQQxIY7XZ0QQBAnQTGmDQEEseFOVycEEMRJUIxpQwBBbLjT1QkBBHESFGPaEEAQG+50dUIAQZwExZg2BBDEhjtdnRBAECdBMaYNAQSx4U5XJwQQxElQjGlDAEFsuNPVCQEEcRIUY9oQQBAb7nR1QgBBnATFmDYEEMSGO12dEEAQJ0Expg0BBLHhTlcnBBDESVCMaUPgb53LVNgdNX/FAAAAAElFTkSuQmCC"
  9. /***/ }),
  10. /***/ "Bhwq":
  11. /***/ (function(module, exports, __webpack_require__) {
  12. var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
  13. * Licensed to the Apache Software Foundation (ASF) under one
  14. * or more contributor license agreements. See the NOTICE file
  15. * distributed with this work for additional information
  16. * regarding copyright ownership. The ASF licenses this file
  17. * to you under the Apache License, Version 2.0 (the
  18. * "License"); you may not use this file except in compliance
  19. * with the License. You may obtain a copy of the License at
  20. *
  21. * http://www.apache.org/licenses/LICENSE-2.0
  22. *
  23. * Unless required by applicable law or agreed to in writing,
  24. * software distributed under the License is distributed on an
  25. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  26. * KIND, either express or implied. See the License for the
  27. * specific language governing permissions and limitations
  28. * under the License.
  29. */
  30. (function (root, factory) {
  31. if (true) {
  32. // AMD. Register as an anonymous module.
  33. !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
  34. __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
  35. (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
  36. __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
  37. } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
  38. // CommonJS
  39. factory(exports, require('echarts'));
  40. } else {
  41. // Browser globals
  42. factory({}, root.echarts);
  43. }
  44. }(this, function (exports, echarts) {
  45. var log = function (msg) {
  46. if (typeof console !== 'undefined') {
  47. console && console.error && console.error(msg);
  48. }
  49. }
  50. if (!echarts) {
  51. log('ECharts is not Loaded');
  52. return;
  53. }
  54. if (!echarts.registerMap) {
  55. log('ECharts Map is not loaded')
  56. return;
  57. }
  58. 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ª ¤@ìǦ
  59. }));
  60. /***/ }),
  61. /***/ "HsBM":
  62. /***/ (function(module, exports) {
  63. // removed by extract-text-webpack-plugin
  64. /***/ }),
  65. /***/ "K65M":
  66. /***/ (function(module, exports) {
  67. // removed by extract-text-webpack-plugin
  68. /***/ }),
  69. /***/ "KPkt":
  70. /***/ (function(module, exports) {
  71. // removed by extract-text-webpack-plugin
  72. /***/ }),
  73. /***/ "Kxl7":
  74. /***/ (function(module, __webpack_exports__, __webpack_require__) {
  75. "use strict";
  76. Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
  77. // EXTERNAL MODULE: ./src/utils/index.js
  78. var utils = __webpack_require__("0xDb");
  79. // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/extends.js
  80. var helpers_extends = __webpack_require__("Dd8w");
  81. var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
  82. // EXTERNAL MODULE: ./src/common/echart/index.vue + 4 modules
  83. var echart = __webpack_require__("C3+4");
  84. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerLeft/centerLeft1Chart/chart.vue
  85. //
  86. //
  87. //
  88. //
  89. //
  90. //
  91. //
  92. //
  93. //
  94. //
  95. //
  96. /* harmony default export */ var chart = ({
  97. data: function data() {
  98. return {
  99. options: {}
  100. };
  101. },
  102. components: {
  103. Echart: echart["a" /* default */]
  104. },
  105. props: {
  106. cdata: {
  107. type: Object,
  108. default: function _default() {
  109. return {};
  110. }
  111. }
  112. },
  113. watch: {
  114. cdata: {
  115. handler: function handler(newData) {
  116. this.options = {
  117. color: ["#37a2da", "#32c5e9", "#9fe6b8", "#ffdb5c", "#ff9f7f", "#fb7293", "#e7bcf3", "#8378ea"],
  118. tooltip: {
  119. trigger: "item",
  120. formatter: "{a} <br/>{b} : {c} ({d}%)",
  121. textStyle: {
  122. fontSize: '16'
  123. }
  124. },
  125. toolbox: {
  126. show: false
  127. },
  128. calculable: true,
  129. // legend: {
  130. // orient: "vertical",
  131. // icon: "circle",
  132. // bottom: 0,
  133. // x: "left",
  134. // data: newData.xData,
  135. // textStyle: {
  136. // color: "#fff"
  137. // }
  138. // },
  139. series: [{
  140. name: "电量统计",
  141. type: "pie",
  142. radius: "50%",
  143. data: newData.seriesData,
  144. emphasis: {
  145. itemStyle: {
  146. shadowBlur: 10,
  147. shadowOffsetX: 0,
  148. shadowColor: "rgba(0, 0, 0, 0.5)"
  149. }
  150. }
  151. }]
  152. };
  153. },
  154. immediate: true,
  155. deep: true
  156. }
  157. }
  158. });
  159. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-be7d33a2","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/echart/centerLeft/centerLeft1Chart/chart.vue
  160. 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":"10vw","width":"20vw"}})],1)}
  161. var staticRenderFns = []
  162. var esExports = { render: render, staticRenderFns: staticRenderFns }
  163. /* harmony default export */ var centerLeft1Chart_chart = (esExports);
  164. // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft1Chart/chart.vue
  165. function injectStyle (ssrContext) {
  166. __webpack_require__("O5LK")
  167. }
  168. var normalizeComponent = __webpack_require__("VU/8")
  169. /* script */
  170. /* template */
  171. /* template functional */
  172. var __vue_template_functional__ = false
  173. /* styles */
  174. var __vue_styles__ = injectStyle
  175. /* scopeId */
  176. var __vue_scopeId__ = "data-v-be7d33a2"
  177. /* moduleIdentifier (server only) */
  178. var __vue_module_identifier__ = null
  179. var Component = normalizeComponent(
  180. chart,
  181. centerLeft1Chart_chart,
  182. __vue_template_functional__,
  183. __vue_styles__,
  184. __vue_scopeId__,
  185. __vue_module_identifier__
  186. )
  187. /* harmony default export */ var centerLeft_centerLeft1Chart_chart = (Component.exports);
  188. // EXTERNAL MODULE: ./src/api/index.js + 5 modules
  189. var api = __webpack_require__("gyMJ");
  190. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerLeft/centerLeft1Chart/index.vue
  191. //
  192. //
  193. //
  194. //
  195. //
  196. //
  197. /* harmony default export */ var centerLeft1Chart = ({
  198. data: function data() {
  199. return {
  200. cdata: {
  201. xData: ["电量(0-20%)", "电量(20-40%)", "电量(40-60%)", "电量(60-80%)", "电量(80-100%)"],
  202. 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%)" }]
  203. }
  204. };
  205. },
  206. components: {
  207. Chart: centerLeft_centerLeft1Chart_chart
  208. },
  209. mounted: function mounted() {
  210. this.getcard();
  211. },
  212. methods: {
  213. getcard: function getcard() {
  214. var _this = this;
  215. Object(api["d" /* httpGet */])("", "/v1/statistics/analysis/" + -1).then(function (res) {
  216. // var numberData=this.numberData
  217. _this.$store.commit("setUser", res);
  218. _this.cdata.seriesData[0].value = res.batteryLevel1;
  219. _this.cdata.seriesData[1].value = res.batteryLevel2;
  220. _this.cdata.seriesData[2].value = res.batteryLevel3;
  221. _this.cdata.seriesData[3].value = res.batteryLevel4;
  222. _this.cdata.seriesData[4].value = res.batteryLevel5;
  223. });
  224. }
  225. }
  226. });
  227. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-48181b42","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/echart/centerLeft/centerLeft1Chart/index.vue
  228. var centerLeft1Chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Chart',{attrs:{"cdata":_vm.cdata}})],1)}
  229. var centerLeft1Chart_staticRenderFns = []
  230. var centerLeft1Chart_esExports = { render: centerLeft1Chart_render, staticRenderFns: centerLeft1Chart_staticRenderFns }
  231. /* harmony default export */ var centerLeft_centerLeft1Chart = (centerLeft1Chart_esExports);
  232. // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft1Chart/index.vue
  233. function centerLeft1Chart_injectStyle (ssrContext) {
  234. __webpack_require__("KPkt")
  235. }
  236. var centerLeft1Chart_normalizeComponent = __webpack_require__("VU/8")
  237. /* script */
  238. /* template */
  239. /* template functional */
  240. var centerLeft1Chart___vue_template_functional__ = false
  241. /* styles */
  242. var centerLeft1Chart___vue_styles__ = centerLeft1Chart_injectStyle
  243. /* scopeId */
  244. var centerLeft1Chart___vue_scopeId__ = "data-v-48181b42"
  245. /* moduleIdentifier (server only) */
  246. var centerLeft1Chart___vue_module_identifier__ = null
  247. var centerLeft1Chart_Component = centerLeft1Chart_normalizeComponent(
  248. centerLeft1Chart,
  249. centerLeft_centerLeft1Chart,
  250. centerLeft1Chart___vue_template_functional__,
  251. centerLeft1Chart___vue_styles__,
  252. centerLeft1Chart___vue_scopeId__,
  253. centerLeft1Chart___vue_module_identifier__
  254. )
  255. /* harmony default export */ var echart_centerLeft_centerLeft1Chart = (centerLeft1Chart_Component.exports);
  256. // EXTERNAL MODULE: ./src/api/allFun.js
  257. var allFun = __webpack_require__("mprh");
  258. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerLeft1.vue
  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. //
  291. //
  292. //
  293. /* harmony default export */ var centerLeft1 = ({
  294. data: function data() {
  295. return {
  296. numberstatu: true,
  297. numberData: [{
  298. number: {
  299. number: [0],
  300. toFixed: 0,
  301. content: "{nt}"
  302. },
  303. text: "在线数"
  304. }, {
  305. number: {
  306. number: [0],
  307. toFixed: 0,
  308. content: "{nt}"
  309. },
  310. text: "门锁总数"
  311. }, {
  312. number: {
  313. number: [0],
  314. toFixed: 0,
  315. content: "{nt}"
  316. },
  317. text: "离线数"
  318. }, {
  319. number: {
  320. number: [0],
  321. toFixed: 0,
  322. content: "{nt}"
  323. },
  324. text: "异常数"
  325. }]
  326. };
  327. },
  328. created: function created() {},
  329. components: {
  330. CenterLeft1Chart: echart_centerLeft_centerLeft1Chart
  331. },
  332. mounted: function mounted() {
  333. this.getcard();
  334. this.changeTiming();
  335. },
  336. methods: {
  337. // 获取门卡概况
  338. getcard: function getcard() {
  339. var _this = this;
  340. allFun["a" /* default */].getAnalysis("", -1, function (callback) {
  341. _this.numberData[1].number.number[0] = callback.operationTotal;
  342. _this.numberData[0].number.number[0] = callback.onlineTotal;
  343. _this.numberData[2].number.number[0] = callback.offlineTotal;
  344. _this.numberData[3].number.number[0] = callback.isAppBind;
  345. });
  346. },
  347. changeTiming: function changeTiming() {
  348. var _this2 = this;
  349. setTimeout(function () {
  350. _this2.changeNumber();
  351. }, 1000);
  352. },
  353. changeNumber: function changeNumber() {
  354. this.numberData.forEach(function (item, index) {
  355. // item.number.number[0] += ++index;
  356. item.number = extends_default()({}, item.number);
  357. });
  358. }
  359. }
  360. });
  361. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-0a5a4847","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/echart1/centerLeft1.vue
  362. var centerLeft1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"centerLeft1"}},[_c('div',{staticClass:"bg-color-black"},[_c('div',{staticClass:"d-flex pt-2 pl-2"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"chart-bar"}})],1),_vm._v(" "),_c('div',{staticClass:"d-flex"},[_c('span',{staticClass:"fs-xl text mx-2 fontvw"},[_vm._v("门锁概况")]),_vm._v(" "),_c('dv-decoration-3',{staticStyle:{"width":"1.25rem","height":".25rem","position":"relative","top":"-.0375rem"}})],1)]),_vm._v(" "),_c('div',{staticClass:"d-flex jc-center"},[_c('CenterLeft1Chart')],1),_vm._v(" "),_c('div',{staticClass:"bottom-data"},_vm._l((_vm.numberData),function(item,index){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.numberstatu),expression:"numberstatu"}],key:index,staticClass:"item-box"},[_c('div',{staticClass:"d-flex"},[_c('span',{staticClass:"coin"}),_vm._v(" "),_c('p',{staticClass:"text",staticStyle:{"text-align":"center","font-size":"1.5vw","width":"100%","line-height":"3vw","color":"#3ce3c7"}},[_vm._v("\n "+_vm._s(item.number.number[0]))])]),_vm._v(" "),_c('p',{staticClass:"text",staticStyle:{"text-align":"center","font-size":"1vw"}},[_vm._v("\n "+_vm._s(item.text)+"\n "),_c('span',{staticClass:"colorYellow"},[_vm._v("(把)")])])])}),0)])])}
  363. var centerLeft1_staticRenderFns = []
  364. var centerLeft1_esExports = { render: centerLeft1_render, staticRenderFns: centerLeft1_staticRenderFns }
  365. /* harmony default export */ var echart1_centerLeft1 = (centerLeft1_esExports);
  366. // CONCATENATED MODULE: ./src/views/echart1/centerLeft1.vue
  367. function centerLeft1_injectStyle (ssrContext) {
  368. __webpack_require__("vqBC")
  369. }
  370. var centerLeft1_normalizeComponent = __webpack_require__("VU/8")
  371. /* script */
  372. /* template */
  373. /* template functional */
  374. var centerLeft1___vue_template_functional__ = false
  375. /* styles */
  376. var centerLeft1___vue_styles__ = centerLeft1_injectStyle
  377. /* scopeId */
  378. var centerLeft1___vue_scopeId__ = "data-v-0a5a4847"
  379. /* moduleIdentifier (server only) */
  380. var centerLeft1___vue_module_identifier__ = null
  381. var centerLeft1_Component = centerLeft1_normalizeComponent(
  382. centerLeft1,
  383. echart1_centerLeft1,
  384. centerLeft1___vue_template_functional__,
  385. centerLeft1___vue_styles__,
  386. centerLeft1___vue_scopeId__,
  387. centerLeft1___vue_module_identifier__
  388. )
  389. /* harmony default export */ var views_echart1_centerLeft1 = (centerLeft1_Component.exports);
  390. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerLeft/centerLeft2Chart/chart.vue
  391. //
  392. //
  393. //
  394. //
  395. //
  396. //
  397. //
  398. //
  399. //
  400. //
  401. //
  402. //
  403. //
  404. /* harmony default export */ var centerLeft2Chart_chart = ({
  405. data: function data() {
  406. return {
  407. options: {}
  408. };
  409. },
  410. components: {
  411. Echart: echart["a" /* default */]
  412. },
  413. props: {
  414. cdata: {
  415. type: Array,
  416. default: function _default() {
  417. return [];
  418. }
  419. }
  420. },
  421. watch: {
  422. cdata: {
  423. handler: function handler(newData) {
  424. // 设置点的位置(经纬度)
  425. var geoCoordMap = {
  426. 光明区深圳理工: [113.935895, 22.748816, 20]
  427. };
  428. var seriesData = [{
  429. name: '光明区深圳理工'
  430. }];
  431. var convertData = function convertData(data) {
  432. var scatterData = [];
  433. for (var i = 0; i < data.length; i++) {
  434. var geoCoord = geoCoordMap[data[i].name];
  435. if (geoCoord) {
  436. scatterData.push({
  437. name: data[i].name,
  438. value: geoCoord.concat(data[i].value)
  439. });
  440. }
  441. }
  442. return scatterData;
  443. };
  444. this.options = {
  445. showLegendSymbol: true,
  446. tooltip: {
  447. trigger: 'item',
  448. textStyle: {
  449. fontSize: 14,
  450. lineHeight: 22
  451. },
  452. position: function position(point) {
  453. // 固定在顶部
  454. return [point[0] + 50, point[1] - 20];
  455. }
  456. // 如果需要自定义 tooltip样式,需要使用formatter
  457. /*
  458. formatter: params => {
  459. return `<div style=""> ... </div>`
  460. }
  461. */
  462. },
  463. visualMap: {
  464. min: 0,
  465. max: 10,
  466. show: false,
  467. seriesIndex: 0,
  468. // 颜色
  469. inRange: {
  470. color: ['rgba(41,166,206, .5)', 'rgba(69,117,245, .9)']
  471. }
  472. },
  473. // 底部背景
  474. geo: {
  475. show: true,
  476. aspectScale: 0.85, //长宽比
  477. zoom: 1.2,
  478. top: '10%',
  479. left: '16%',
  480. map: '深圳',
  481. roam: false,
  482. itemStyle: {
  483. normal: {
  484. areaColor: 'rgba(0,0,0,0)',
  485. shadowColor: 'rgba(7,114,204, .8)',
  486. shadowOffsetX: 5,
  487. shadowOffsetY: 5
  488. },
  489. emphasis: {
  490. areaColor: '#00aeef'
  491. }
  492. }
  493. },
  494. series: [{
  495. name: '相关指数',
  496. type: 'map',
  497. aspectScale: 0.85, //长宽比
  498. zoom: 1.2,
  499. mapType: '深圳', // 自定义扩展图表类型
  500. top: '10%',
  501. left: '16%',
  502. itemStyle: {
  503. normal: {
  504. color: 'red',
  505. areaColor: 'rgba(19,54,162, .5)',
  506. borderColor: 'rgba(0,242,252,.3)',
  507. borderWidth: 1,
  508. shadowBlur: 7,
  509. shadowColor: '#00f2fc'
  510. },
  511. emphasis: {
  512. areaColor: '#4f7fff',
  513. borderColor: 'rgba(0,242,252,.6)',
  514. borderWidth: 2,
  515. shadowBlur: 10,
  516. shadowColor: '#00f2fc'
  517. }
  518. },
  519. label: {
  520. formatter: function formatter(params) {
  521. return '' + params.name;
  522. },
  523. show: true,
  524. position: 'insideRight',
  525. textStyle: {
  526. fontSize: 14,
  527. color: '#efefef'
  528. },
  529. emphasis: {
  530. textStyle: {
  531. color: '#fff'
  532. }
  533. }
  534. },
  535. data: newData
  536. }, {
  537. type: 'effectScatter',
  538. coordinateSystem: 'geo',
  539. symbolSize: 7,
  540. effectType: 'ripple',
  541. legendHoverLink: false,
  542. showEffectOn: 'render',
  543. rippleEffect: {
  544. period: 4,
  545. scale: 2.5,
  546. brushType: 'stroke'
  547. },
  548. zlevel: 1,
  549. itemStyle: {
  550. normal: {
  551. color: '#99FBFE',
  552. shadowBlur: 5,
  553. shadowColor: '#fff'
  554. }
  555. },
  556. data: convertData(seriesData)
  557. }]
  558. };
  559. // 重新选择区域
  560. this.handleMapRandomSelect();
  561. },
  562. immediate: true,
  563. deep: true
  564. }
  565. },
  566. methods: {
  567. // 开启定时器
  568. startInterval: function startInterval() {
  569. var _self = this;
  570. // 应通过接口获取配置时间,暂时写死5s
  571. var time = 2000;
  572. if (this.intervalId !== null) {
  573. clearInterval(this.intervalId);
  574. }
  575. this.intervalId = setInterval(function () {
  576. _self.reSelectMapRandomArea();
  577. }, time);
  578. },
  579. // 重新随机选中地图区域
  580. reSelectMapRandomArea: function reSelectMapRandomArea() {
  581. var length = 9;
  582. // this.$nextTick(() => {
  583. var map = this.$refs.centreLeft2ChartRef.chart;
  584. var index = Math.floor(Math.random() * length);
  585. while (index === this.preSelectMapIndex || index >= length) {
  586. index = Math.floor(Math.random() * length);
  587. }
  588. map.dispatchAction({
  589. type: 'mapUnSelect',
  590. seriesIndex: 0,
  591. dataIndex: this.preSelectMapIndex
  592. });
  593. map.dispatchAction({
  594. type: 'showTip',
  595. seriesIndex: 0,
  596. dataIndex: index
  597. });
  598. map.dispatchAction({
  599. type: 'mapSelect',
  600. seriesIndex: 0,
  601. dataIndex: index
  602. });
  603. this.preSelectMapIndex = index;
  604. // });
  605. },
  606. handleMapRandomSelect: function handleMapRandomSelect() {
  607. var _this = this;
  608. this.$nextTick(function () {
  609. var map = _this.$refs.centreLeft2ChartRef.chart;
  610. var _self = _this;
  611. setTimeout(function () {
  612. _self.reSelectMapRandomArea();
  613. }, 0);
  614. // 移入区域,清除定时器、取消之前选中并选中当前
  615. map.on('mouseover', function (params) {
  616. clearInterval(_self.intervalId);
  617. map.dispatchAction({
  618. type: 'mapUnSelect',
  619. seriesIndex: 0,
  620. dataIndex: _self.preSelectMapIndex
  621. });
  622. map.dispatchAction({
  623. type: 'mapSelect',
  624. seriesIndex: 0,
  625. dataIndex: params.dataIndex
  626. });
  627. _self.preSelectMapIndex = params.dataIndex;
  628. });
  629. // 移出区域重新随机选中地图区域,并开启定时器
  630. map.on('globalout', function () {
  631. _self.reSelectMapRandomArea();
  632. _self.startInterval();
  633. });
  634. _this.startInterval();
  635. });
  636. }
  637. },
  638. destroyed: function destroyed() {
  639. clearInterval(this.intervalId);
  640. }
  641. });
  642. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-484bf27a","hasScoped":false,"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/echart/centerLeft/centerLeft2Chart/chart.vue
  643. var chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.options)?_c('Echart',{ref:"centreLeft2ChartRef",attrs:{"id":"centreLeft2Chart","options":_vm.options,"height":"4.5rem","width":"5.875rem"}}):_vm._e()],1)}
  644. var chart_staticRenderFns = []
  645. var chart_esExports = { render: chart_render, staticRenderFns: chart_staticRenderFns }
  646. /* harmony default export */ var centerLeft_centerLeft2Chart_chart = (chart_esExports);
  647. // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft2Chart/chart.vue
  648. var chart_normalizeComponent = __webpack_require__("VU/8")
  649. /* script */
  650. /* template */
  651. /* template functional */
  652. var chart___vue_template_functional__ = false
  653. /* styles */
  654. var chart___vue_styles__ = null
  655. /* scopeId */
  656. var chart___vue_scopeId__ = null
  657. /* moduleIdentifier (server only) */
  658. var chart___vue_module_identifier__ = null
  659. var chart_Component = chart_normalizeComponent(
  660. centerLeft2Chart_chart,
  661. centerLeft_centerLeft2Chart_chart,
  662. chart___vue_template_functional__,
  663. chart___vue_styles__,
  664. chart___vue_scopeId__,
  665. chart___vue_module_identifier__
  666. )
  667. /* harmony default export */ var echart_centerLeft_centerLeft2Chart_chart = (chart_Component.exports);
  668. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerLeft/centerLeft2Chart/index.vue
  669. //
  670. //
  671. //
  672. //
  673. //
  674. //
  675. /* harmony default export */ var centerLeft2Chart = ({
  676. data: function data() {
  677. return {
  678. cdata: [{
  679. // 名字需要与 “common/map/fujian.js” 地图数据文件里面定义的一一对应,不能是 “福州” 或者 “闽” 之类的缩写
  680. name: "深圳市",
  681. value: 0,
  682. elseData: {
  683. // 这里放置地图 tooltip 里想显示的数据
  684. }
  685. }, {
  686. name: "光明区深圳理工",
  687. value: 0
  688. }]
  689. };
  690. },
  691. components: {
  692. Chart: echart_centerLeft_centerLeft2Chart_chart
  693. },
  694. mounted: function mounted() {
  695. var _this = this;
  696. setTimeout(function () {
  697. _this.cdata[0].value = _this.$store.state.seriesData.operationTotal;
  698. _this.cdata[1].value = _this.$store.state.seriesData.operationTotal;
  699. }, 500);
  700. },
  701. methods: {
  702. getcard: function getcard() {
  703. var _this2 = this;
  704. allFun["a" /* default */].getAnalysis("", -1, function (callback) {
  705. _this2.cdata[1].value = callback.operationTotal;
  706. _this2.cdata[0].value = callback.operationTotal;
  707. });
  708. }
  709. }
  710. });
  711. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-436650b8","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/echart/centerLeft/centerLeft2Chart/index.vue
  712. var centerLeft2Chart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Chart',{attrs:{"cdata":_vm.cdata}})],1)}
  713. var centerLeft2Chart_staticRenderFns = []
  714. var centerLeft2Chart_esExports = { render: centerLeft2Chart_render, staticRenderFns: centerLeft2Chart_staticRenderFns }
  715. /* harmony default export */ var centerLeft_centerLeft2Chart = (centerLeft2Chart_esExports);
  716. // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft2Chart/index.vue
  717. function centerLeft2Chart_injectStyle (ssrContext) {
  718. __webpack_require__("gxkn")
  719. }
  720. var centerLeft2Chart_normalizeComponent = __webpack_require__("VU/8")
  721. /* script */
  722. /* template */
  723. /* template functional */
  724. var centerLeft2Chart___vue_template_functional__ = false
  725. /* styles */
  726. var centerLeft2Chart___vue_styles__ = centerLeft2Chart_injectStyle
  727. /* scopeId */
  728. var centerLeft2Chart___vue_scopeId__ = "data-v-436650b8"
  729. /* moduleIdentifier (server only) */
  730. var centerLeft2Chart___vue_module_identifier__ = null
  731. var centerLeft2Chart_Component = centerLeft2Chart_normalizeComponent(
  732. centerLeft2Chart,
  733. centerLeft_centerLeft2Chart,
  734. centerLeft2Chart___vue_template_functional__,
  735. centerLeft2Chart___vue_styles__,
  736. centerLeft2Chart___vue_scopeId__,
  737. centerLeft2Chart___vue_module_identifier__
  738. )
  739. /* harmony default export */ var echart_centerLeft_centerLeft2Chart = (centerLeft2Chart_Component.exports);
  740. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerLeft2.vue
  741. //
  742. //
  743. //
  744. //
  745. //
  746. //
  747. //
  748. //
  749. //
  750. //
  751. //
  752. //
  753. //
  754. //
  755. //
  756. //
  757. //
  758. //
  759. //
  760. //
  761. /* harmony default export */ var centerLeft2 = ({
  762. data: function data() {
  763. return {};
  764. },
  765. components: {
  766. CenterLeft2Chart: echart_centerLeft_centerLeft2Chart
  767. },
  768. mounted: function mounted() {},
  769. methods: {}
  770. });
  771. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-6aa092ee","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/echart1/centerLeft2.vue
  772. var centerLeft2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"centerLeft1"}},[_c('div',{staticClass:"bg-color-black"},[_c('div',{staticClass:"d-flex pt-2 pl-2"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"chart-pie"}})],1),_vm._v(" "),_vm._m(0)]),_vm._v(" "),_c('div',{staticClass:"d-flex jc-center"},[_c('CenterLeft2Chart')],1)])])}
  773. var centerLeft2_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex"},[_c('span',{staticClass:"fs-xl text mx-2"},[_vm._v("项目概况")])])}]
  774. var centerLeft2_esExports = { render: centerLeft2_render, staticRenderFns: centerLeft2_staticRenderFns }
  775. /* harmony default export */ var echart1_centerLeft2 = (centerLeft2_esExports);
  776. // CONCATENATED MODULE: ./src/views/echart1/centerLeft2.vue
  777. function centerLeft2_injectStyle (ssrContext) {
  778. __webpack_require__("HsBM")
  779. }
  780. var centerLeft2_normalizeComponent = __webpack_require__("VU/8")
  781. /* script */
  782. /* template */
  783. /* template functional */
  784. var centerLeft2___vue_template_functional__ = false
  785. /* styles */
  786. var centerLeft2___vue_styles__ = centerLeft2_injectStyle
  787. /* scopeId */
  788. var centerLeft2___vue_scopeId__ = "data-v-6aa092ee"
  789. /* moduleIdentifier (server only) */
  790. var centerLeft2___vue_module_identifier__ = null
  791. var centerLeft2_Component = centerLeft2_normalizeComponent(
  792. centerLeft2,
  793. echart1_centerLeft2,
  794. centerLeft2___vue_template_functional__,
  795. centerLeft2___vue_styles__,
  796. centerLeft2___vue_scopeId__,
  797. centerLeft2___vue_module_identifier__
  798. )
  799. /* harmony default export */ var views_echart1_centerLeft2 = (centerLeft2_Component.exports);
  800. // EXTERNAL MODULE: ./node_modules/moment/moment.js
  801. var moment = __webpack_require__("PJh5");
  802. var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
  803. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerRight1.vue
  804. //
  805. //
  806. //
  807. //
  808. //
  809. //
  810. //
  811. //
  812. //
  813. //
  814. //
  815. //
  816. //
  817. //
  818. //
  819. //
  820. //
  821. //
  822. //
  823. //
  824. //
  825. //
  826. //
  827. //
  828. //
  829. //
  830. //
  831. //
  832. //
  833. //
  834. //
  835. //
  836. //
  837. //
  838. //
  839. //
  840. //
  841. //
  842. //
  843. //
  844. //
  845. //
  846. //
  847. //
  848. //
  849. //
  850. //
  851. //
  852. //
  853. //
  854. //
  855. //
  856. //
  857. //
  858. //
  859. //
  860. //
  861. //
  862. //
  863. //
  864. //
  865. //
  866. //
  867. //
  868. //
  869. //
  870. //
  871. //
  872. //
  873. //
  874. //
  875. //
  876. //
  877. //
  878. //
  879. //
  880. //
  881. //
  882. //
  883. //
  884. //
  885. //
  886. //
  887. //
  888. //
  889. //
  890. //
  891. //
  892. /* harmony default export */ var centerRight1 = ({
  893. data: function data() {
  894. return {
  895. config: {
  896. header: ["开锁方式", "次数", "人数", "时间"],
  897. data: [["", "", "", ""]],
  898. rowNum: 8, //表格行数
  899. headerHeight: 35,
  900. headerBGC: "#0f1325", //表头
  901. oddRowBGC: "#0f1325", //奇数行
  902. evenRowBGC: "#171c33", //偶数行
  903. index: false,
  904. columnWidth: [300, 200, 200, 300],
  905. align: ["center"]
  906. },
  907. devicestatus: true,
  908. dialogVisible: false,
  909. logList: [],
  910. openlist: [{
  911. openType: 1,
  912. name: "",
  913. total: 0,
  914. num: 0,
  915. time: moment_default()().format("YYYY-MM-DD")
  916. }, {
  917. openType: 2,
  918. name: "",
  919. total: 0,
  920. num: 0,
  921. time: moment_default()().format("YYYY-MM-DD")
  922. }, {
  923. openType: 3,
  924. name: "",
  925. total: 0,
  926. num: 0,
  927. time: moment_default()().format("YYYY-MM-DD")
  928. }, {
  929. openType: 4,
  930. name: "",
  931. total: 0,
  932. num: 0,
  933. time: moment_default()().format("YYYY-MM-DD")
  934. }, {
  935. openType: 5,
  936. name: "",
  937. total: 0,
  938. num: 0,
  939. time: moment_default()().format("YYYY-MM-DD")
  940. }, {
  941. openType: 6,
  942. name: "",
  943. total: 0,
  944. num: 0,
  945. time: moment_default()().format("YYYY-MM-DD")
  946. }, {
  947. openType: 7,
  948. name: "",
  949. total: 0,
  950. num: 0,
  951. time: moment_default()().format("YYYY-MM-DD")
  952. }, {
  953. openType: 8,
  954. name: "",
  955. total: 0,
  956. num: 0,
  957. time: moment_default()().format("YYYY-MM-DD")
  958. }, {
  959. openType: 9,
  960. name: "",
  961. total: 0,
  962. num: 0,
  963. time: moment_default()().format("YYYY-MM-DD")
  964. }]
  965. };
  966. },
  967. components: {},
  968. created: function created() {
  969. // httpGet('',this.$api.getOpenRecordList).then(res=>{})
  970. },
  971. mounted: function mounted() {
  972. this.getcard();
  973. },
  974. methods: {
  975. logdialog: function logdialog() {
  976. this.dialogVisible = true;
  977. },
  978. timestampToTime: function timestampToTime(cjsj) {
  979. if (cjsj.toString().length == 10) {
  980. cjsj = cjsj * 1000;
  981. }
  982. var date = new Date(cjsj); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
  983. var Y = date.getFullYear() + "-";
  984. var M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-";
  985. var D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
  986. var h = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
  987. var m = (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":";
  988. var s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
  989. return Y + M + D + h + m + s;
  990. },
  991. getcard: function getcard() {
  992. var _this = this;
  993. var that = this;
  994. var str = new Date().getTime() / 1000;
  995. var str1 = new Date(new Date().toLocaleDateString()).getTime() / 1000;
  996. var data1 = {
  997. start: parseInt(str1),
  998. end: parseInt(str)
  999. };
  1000. Object(api["d" /* httpGet */])(data1, this.$api.orderLockOpen).then(function (res) {
  1001. var data = [];
  1002. res.data.map(function (li, index) {
  1003. li["num"] = 0;
  1004. });
  1005. var openlist = _this.openlist;
  1006. _this.hbFun(res.data, function (data1) {
  1007. data1.forEach(function (ll, index) {
  1008. openlist[ll.openType] = ll;
  1009. });
  1010. openlist.map(function (li, index) {
  1011. var str = "";
  1012. switch (li.openType) {
  1013. case 1:
  1014. str = "指纹";
  1015. break;
  1016. case 2:
  1017. str = "数字键盘";
  1018. break;
  1019. case 3:
  1020. str = "NFC";
  1021. break;
  1022. case 4:
  1023. str = "机械钥匙";
  1024. break;
  1025. case 5:
  1026. str = "蓝牙";
  1027. break;
  1028. case 6:
  1029. str = "NB";
  1030. break;
  1031. case 7:
  1032. str = "身份证";
  1033. break;
  1034. case 8:
  1035. str = "单机密码";
  1036. break;
  1037. case 9:
  1038. str = "人脸";
  1039. break;
  1040. default:
  1041. break;
  1042. }
  1043. var str1 = [str, li.total, li.num, li.time];
  1044. data.push(str1);
  1045. });
  1046. data.splice(0, 1);
  1047. that.devicestatus = false;
  1048. that.$nextTick(function () {
  1049. that.config.data = data;
  1050. that.logList = res.data.list;
  1051. that.devicestatus = true;
  1052. });
  1053. });
  1054. });
  1055. },
  1056. hbFun: function hbFun(arrayName, callback) {
  1057. var idArray = [];
  1058. var newAarray = [];
  1059. arrayName.forEach(function (ele, i) {
  1060. if (idArray.indexOf(arrayName[i].openType) === -1) {
  1061. var num = arrayName[i].num + 1;
  1062. newAarray.push({
  1063. openType: arrayName[i].openType,
  1064. name: arrayName[i].name,
  1065. total: arrayName[i].total,
  1066. num: num,
  1067. time: moment_default()().format("YYYY-MM-DD")
  1068. });
  1069. idArray.push(arrayName[i].openType);
  1070. } else {
  1071. newAarray.forEach(function (dom, k) {
  1072. if (newAarray[k].openType == arrayName[i].openType) {
  1073. //把具有相同id的course值进行合并
  1074. var num = parseInt(newAarray[k].total);
  1075. var num1 = parseInt(arrayName[i].total);
  1076. newAarray[k].total = num + num1;
  1077. newAarray[k].num += 1;
  1078. }
  1079. });
  1080. }
  1081. });
  1082. callback(newAarray);
  1083. }
  1084. }
  1085. });
  1086. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-0f8603e7","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/echart1/centerRight1.vue
  1087. var centerRight1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"centerRight1"}},[_c('div',{staticClass:"bg-color-black"},[_c('div',{staticClass:"d-flex pt-2 pl-2"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"chart-line"}})],1),_vm._v(" "),_vm._m(0)]),_vm._v(" "),_c('div',{staticClass:"d-flex jc-center body-box boxjc"},[(_vm.devicestatus)?_c('dv-scroll-board',{staticStyle:{"width":"22.5vw","height":"18vw"},attrs:{"config":_vm.config}}):_vm._e()],1)]),_vm._v(" "),_c('el-dialog',{staticClass:"dialog",attrs:{"title":"开锁记录","visible":_vm.dialogVisible,"append-to-body":true,"height":"600","width":"60%"},on:{"update:visible":function($event){_vm.dialogVisible=$event}}},[_c('el-table',{staticStyle:{"width":"100%"},attrs:{"data":_vm.logList,"stripe":"","height":"500"}},[_c('el-table-column',{attrs:{"prop":"deviceNum","label":"设备号","width":"250"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"name","label":"姓名","width":"180"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"userTelephone","label":"账号","width":"180"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"roomName","label":"房间号"}}),_vm._v(" "),_c('el-table-column',{attrs:{"label":"开锁方式"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [(scope.row.openType==1)?_c('span',[_vm._v("指纹")]):_vm._e(),_vm._v(" "),(scope.row.openType==2)?_c('span',[_vm._v("数字键盘")]):_vm._e(),_vm._v(" "),(scope.row.openType==3)?_c('span',[_vm._v("NFC")]):_vm._e(),_vm._v(" "),(scope.row.openType==4)?_c('span',[_vm._v("机械钥匙")]):_vm._e(),_vm._v(" "),(scope.row.openType==5)?_c('span',[_vm._v("蓝牙")]):_vm._e(),_vm._v(" "),(scope.row.openType==6)?_c('span',[_vm._v("NB")]):_vm._e(),_vm._v(" "),(scope.row.openType==7)?_c('span',[_vm._v("身份证")]):_vm._e(),_vm._v(" "),(scope.row.openType==8)?_c('span',[_vm._v("单机密码")]):_vm._e(),_vm._v(" "),(scope.row.openType==9)?_c('span',[_vm._v("人脸")]):_vm._e()]}}])}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"openTime","label":"开锁时间","width":"250"}})],1)],1)],1)}
  1088. var centerRight1_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex"},[_c('span',{staticClass:"fs-xl text mx-2 fontvw"},[_vm._v("开锁记录")])])}]
  1089. var centerRight1_esExports = { render: centerRight1_render, staticRenderFns: centerRight1_staticRenderFns }
  1090. /* harmony default export */ var echart1_centerRight1 = (centerRight1_esExports);
  1091. // CONCATENATED MODULE: ./src/views/echart1/centerRight1.vue
  1092. function centerRight1_injectStyle (ssrContext) {
  1093. __webpack_require__("3fDh")
  1094. }
  1095. var centerRight1_normalizeComponent = __webpack_require__("VU/8")
  1096. /* script */
  1097. /* template */
  1098. /* template functional */
  1099. var centerRight1___vue_template_functional__ = false
  1100. /* styles */
  1101. var centerRight1___vue_styles__ = centerRight1_injectStyle
  1102. /* scopeId */
  1103. var centerRight1___vue_scopeId__ = "data-v-0f8603e7"
  1104. /* moduleIdentifier (server only) */
  1105. var centerRight1___vue_module_identifier__ = null
  1106. var centerRight1_Component = centerRight1_normalizeComponent(
  1107. centerRight1,
  1108. echart1_centerRight1,
  1109. centerRight1___vue_template_functional__,
  1110. centerRight1___vue_styles__,
  1111. centerRight1___vue_scopeId__,
  1112. centerRight1___vue_module_identifier__
  1113. )
  1114. /* harmony default export */ var views_echart1_centerRight1 = (centerRight1_Component.exports);
  1115. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerRight/centerRightChart/chart.vue
  1116. //
  1117. //
  1118. //
  1119. //
  1120. //
  1121. //
  1122. //
  1123. //
  1124. //
  1125. //
  1126. //
  1127. /* harmony default export */ var centerRightChart_chart = ({
  1128. data: function data() {
  1129. return {
  1130. options: {}
  1131. };
  1132. },
  1133. components: {
  1134. Echart: echart["a" /* default */]
  1135. },
  1136. props: {
  1137. cdata: {
  1138. type: Object,
  1139. default: function _default() {
  1140. return {};
  1141. }
  1142. }
  1143. },
  1144. watch: {
  1145. cdata: {
  1146. handler: function handler(newData) {
  1147. // 固定样式数据
  1148. var lineStyle = {
  1149. normal: {
  1150. width: 1,
  1151. opacity: 0.5
  1152. }
  1153. };
  1154. this.options = {
  1155. radar: {
  1156. indicator: newData.indicatorData,
  1157. shape: "circle",
  1158. splitNumber: 5,
  1159. name: {
  1160. textStyle: {
  1161. color: "rgb(238, 197, 102)"
  1162. }
  1163. },
  1164. splitLine: {
  1165. lineStyle: {
  1166. color: ["rgba(238, 197, 102, 0.1)", "rgba(238, 197, 102, 0.2)", "rgba(238, 197, 102, 0.4)", "rgba(238, 197, 102, 0.6)", "rgba(238, 197, 102, 0.8)", "rgba(238, 197, 102, 1)"].reverse()
  1167. }
  1168. },
  1169. splitArea: {
  1170. show: false
  1171. },
  1172. axisLine: {
  1173. lineStyle: {
  1174. color: "rgba(238, 197, 102, 0.5)"
  1175. }
  1176. }
  1177. },
  1178. series: [{
  1179. name: "北京",
  1180. type: "radar",
  1181. lineStyle: lineStyle,
  1182. data: newData.dataBJ,
  1183. symbol: "none",
  1184. itemStyle: {
  1185. normal: {
  1186. color: "#F9713C"
  1187. }
  1188. },
  1189. areaStyle: {
  1190. normal: {
  1191. opacity: 0.1
  1192. }
  1193. }
  1194. }, {
  1195. name: "上海",
  1196. type: "radar",
  1197. lineStyle: lineStyle,
  1198. data: newData.dataSH,
  1199. symbol: "none",
  1200. itemStyle: {
  1201. normal: {
  1202. color: "#B3E4A1"
  1203. }
  1204. },
  1205. areaStyle: {
  1206. normal: {
  1207. opacity: 0.05
  1208. }
  1209. }
  1210. }, {
  1211. name: "广州",
  1212. type: "radar",
  1213. lineStyle: lineStyle,
  1214. data: newData.dataGZ,
  1215. symbol: "none",
  1216. itemStyle: {
  1217. normal: {
  1218. color: "rgb(238, 197, 102)"
  1219. }
  1220. },
  1221. areaStyle: {
  1222. normal: {
  1223. opacity: 0.05
  1224. }
  1225. } //end
  1226. }]
  1227. };
  1228. },
  1229. immediate: true,
  1230. deep: true
  1231. }
  1232. }
  1233. });
  1234. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-57e0f53a","hasScoped":false,"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/echart/centerRight/centerRightChart/chart.vue
  1235. var centerRightChart_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":"centreRight2Chart1","height":"2.60rem","width":"100%"}})],1)}
  1236. var centerRightChart_chart_staticRenderFns = []
  1237. var centerRightChart_chart_esExports = { render: centerRightChart_chart_render, staticRenderFns: centerRightChart_chart_staticRenderFns }
  1238. /* harmony default export */ var centerRight_centerRightChart_chart = (centerRightChart_chart_esExports);
  1239. // CONCATENATED MODULE: ./src/components/echart/centerRight/centerRightChart/chart.vue
  1240. var centerRightChart_chart_normalizeComponent = __webpack_require__("VU/8")
  1241. /* script */
  1242. /* template */
  1243. /* template functional */
  1244. var centerRightChart_chart___vue_template_functional__ = false
  1245. /* styles */
  1246. var centerRightChart_chart___vue_styles__ = null
  1247. /* scopeId */
  1248. var centerRightChart_chart___vue_scopeId__ = null
  1249. /* moduleIdentifier (server only) */
  1250. var centerRightChart_chart___vue_module_identifier__ = null
  1251. var centerRightChart_chart_Component = centerRightChart_chart_normalizeComponent(
  1252. centerRightChart_chart,
  1253. centerRight_centerRightChart_chart,
  1254. centerRightChart_chart___vue_template_functional__,
  1255. centerRightChart_chart___vue_styles__,
  1256. centerRightChart_chart___vue_scopeId__,
  1257. centerRightChart_chart___vue_module_identifier__
  1258. )
  1259. /* harmony default export */ var echart_centerRight_centerRightChart_chart = (centerRightChart_chart_Component.exports);
  1260. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerRight/centerRightChart/index.vue
  1261. //
  1262. //
  1263. //
  1264. //
  1265. //
  1266. //
  1267. /* harmony default export */ var centerRightChart = ({
  1268. data: function data() {
  1269. return {
  1270. cdata: {
  1271. indicatorData: [{ name: "data1", max: 300 }, { name: "data2", max: 250 }, { name: "data3", max: 300 }, { name: "data4", max: 5 }, { name: "data5", max: 200 }, { name: "data6", max: 100 }],
  1272. dataBJ: [[94, 69, 114, 2.08, 73, 39, 22], [99, 73, 110, 2.43, 76, 48, 23], [31, 12, 30, 0.5, 32, 16, 24], [42, 27, 43, 1, 53, 22, 25], [154, 117, 157, 3.05, 92, 58, 26], [234, 185, 230, 4.09, 123, 69, 27], [160, 120, 186, 2.77, 91, 50, 28]],
  1273. dataGZ: [[84, 94, 140, 2.238, 68, 18, 22], [93, 77, 104, 1.165, 53, 7, 23], [99, 130, 227, 3.97, 55, 15, 24], [146, 84, 139, 1.094, 40, 17, 25], [113, 108, 137, 1.481, 48, 15, 26], [81, 48, 62, 1.619, 26, 3, 27], [56, 48, 68, 1.336, 37, 9, 28]],
  1274. dataSH: [[91, 45, 125, 0.82, 34, 23, 1], [65, 27, 78, 0.86, 45, 29, 2], [83, 60, 84, 1.09, 73, 27, 3], [109, 81, 121, 1.28, 68, 51, 4], [106, 77, 114, 1.07, 55, 51, 5], [109, 81, 121, 1.28, 68, 51, 6], [106, 77, 114, 1.07, 55, 51, 7]]
  1275. }
  1276. };
  1277. },
  1278. components: {
  1279. Chart: echart_centerRight_centerRightChart_chart
  1280. },
  1281. mounted: function mounted() {},
  1282. methods: {}
  1283. });
  1284. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-4425cec2","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/echart/centerRight/centerRightChart/index.vue
  1285. var centerRightChart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Chart',{attrs:{"cdata":_vm.cdata}})],1)}
  1286. var centerRightChart_staticRenderFns = []
  1287. var centerRightChart_esExports = { render: centerRightChart_render, staticRenderFns: centerRightChart_staticRenderFns }
  1288. /* harmony default export */ var centerRight_centerRightChart = (centerRightChart_esExports);
  1289. // CONCATENATED MODULE: ./src/components/echart/centerRight/centerRightChart/index.vue
  1290. function centerRightChart_injectStyle (ssrContext) {
  1291. __webpack_require__("Qb1M")
  1292. }
  1293. var centerRightChart_normalizeComponent = __webpack_require__("VU/8")
  1294. /* script */
  1295. /* template */
  1296. /* template functional */
  1297. var centerRightChart___vue_template_functional__ = false
  1298. /* styles */
  1299. var centerRightChart___vue_styles__ = centerRightChart_injectStyle
  1300. /* scopeId */
  1301. var centerRightChart___vue_scopeId__ = "data-v-4425cec2"
  1302. /* moduleIdentifier (server only) */
  1303. var centerRightChart___vue_module_identifier__ = null
  1304. var centerRightChart_Component = centerRightChart_normalizeComponent(
  1305. centerRightChart,
  1306. centerRight_centerRightChart,
  1307. centerRightChart___vue_template_functional__,
  1308. centerRightChart___vue_styles__,
  1309. centerRightChart___vue_scopeId__,
  1310. centerRightChart___vue_module_identifier__
  1311. )
  1312. /* harmony default export */ var echart_centerRight_centerRightChart = (centerRightChart_Component.exports);
  1313. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerRight2.vue
  1314. //
  1315. //
  1316. //
  1317. //
  1318. //
  1319. //
  1320. //
  1321. //
  1322. //
  1323. //
  1324. //
  1325. //
  1326. //
  1327. //
  1328. //
  1329. //
  1330. //
  1331. //
  1332. /* harmony default export */ var centerRight2 = ({
  1333. data: function data() {
  1334. return {
  1335. config: {
  1336. data: [{
  1337. name: "南阳",
  1338. value: 167
  1339. }, {
  1340. name: "周口",
  1341. value: 67
  1342. }, {
  1343. name: "漯河",
  1344. value: 123
  1345. }, {
  1346. name: "郑州",
  1347. value: 55
  1348. }, {
  1349. name: "西峡",
  1350. value: 98
  1351. }]
  1352. }
  1353. };
  1354. },
  1355. components: { centerRight2Chart1: echart_centerRight_centerRightChart },
  1356. mounted: function mounted() {},
  1357. methods: {}
  1358. });
  1359. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-e8d27d44","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/echart1/centerRight2.vue
  1360. var centerRight2_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"centerRight2"}},[_c('div',{staticClass:"bg-color-black"},[_c('div',{staticClass:"d-flex pt-2 pl-2"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"align-left"}})],1),_vm._v(" "),_c('span',{staticClass:"fs-xl text mx-2"},[_vm._v("产品销售渠道分析")])]),_vm._v(" "),_c('div',{staticClass:"d-flex jc-center body-box",staticStyle:{"margin-top":"0"}},[_c('dv-capsule-chart',{staticStyle:{"width":"100%","height":"2rem"},attrs:{"config":_vm.config}}),_vm._v(" "),_c('centerRight2Chart1')],1)])])}
  1361. var centerRight2_staticRenderFns = []
  1362. var centerRight2_esExports = { render: centerRight2_render, staticRenderFns: centerRight2_staticRenderFns }
  1363. /* harmony default export */ var echart1_centerRight2 = (centerRight2_esExports);
  1364. // CONCATENATED MODULE: ./src/views/echart1/centerRight2.vue
  1365. function centerRight2_injectStyle (ssrContext) {
  1366. __webpack_require__("VHiD")
  1367. }
  1368. var centerRight2_normalizeComponent = __webpack_require__("VU/8")
  1369. /* script */
  1370. /* template */
  1371. /* template functional */
  1372. var centerRight2___vue_template_functional__ = false
  1373. /* styles */
  1374. var centerRight2___vue_styles__ = centerRight2_injectStyle
  1375. /* scopeId */
  1376. var centerRight2___vue_scopeId__ = "data-v-e8d27d44"
  1377. /* moduleIdentifier (server only) */
  1378. var centerRight2___vue_module_identifier__ = null
  1379. var centerRight2_Component = centerRight2_normalizeComponent(
  1380. centerRight2,
  1381. echart1_centerRight2,
  1382. centerRight2___vue_template_functional__,
  1383. centerRight2___vue_styles__,
  1384. centerRight2___vue_scopeId__,
  1385. centerRight2___vue_module_identifier__
  1386. )
  1387. /* harmony default export */ var views_echart1_centerRight2 = (centerRight2_Component.exports);
  1388. // EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
  1389. var stringify = __webpack_require__("mvHQ");
  1390. var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
  1391. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/center/centerChartRate/index.vue
  1392. //
  1393. //
  1394. //
  1395. //
  1396. //
  1397. //
  1398. //
  1399. //
  1400. //
  1401. //
  1402. //
  1403. //
  1404. /* harmony default export */ var centerChartRate = ({
  1405. data: function data() {
  1406. return {
  1407. options: {}
  1408. };
  1409. },
  1410. components: {
  1411. Echart: echart["a" /* default */]
  1412. },
  1413. props: {
  1414. id: {
  1415. type: String,
  1416. required: true,
  1417. default: "chartRate"
  1418. },
  1419. tips: {
  1420. type: Number,
  1421. required: true,
  1422. default: 50
  1423. },
  1424. colorObj: {
  1425. type: Object,
  1426. default: function _default() {
  1427. return {
  1428. textStyle: "#3fc0fb",
  1429. series: {
  1430. color: ["#00bcd44a", "transparent"],
  1431. dataColor: {
  1432. normal: "#03a9f4",
  1433. shadowColor: "#97e2f5"
  1434. }
  1435. }
  1436. };
  1437. }
  1438. }
  1439. },
  1440. watch: {
  1441. // tips 是会变更的数据,所以进行监听
  1442. tips: {
  1443. handler: function handler(newData) {
  1444. this.options = {
  1445. title: {
  1446. text: newData * 1 + "%",
  1447. x: "center",
  1448. y: "center",
  1449. textStyle: {
  1450. color: this.colorObj.textStyle,
  1451. fontSize: 16
  1452. }
  1453. },
  1454. series: [{
  1455. type: "pie",
  1456. radius: ["75%", "80%"],
  1457. center: ["50%", "50%"],
  1458. hoverAnimation: false,
  1459. color: this.colorObj.series.color,
  1460. label: {
  1461. normal: {
  1462. show: false
  1463. }
  1464. },
  1465. data: [{
  1466. value: newData,
  1467. itemStyle: {
  1468. normal: {
  1469. color: this.colorObj.series.dataColor.normal,
  1470. shadowBlur: 10,
  1471. shadowColor: this.colorObj.series.dataColor.shadowColor
  1472. }
  1473. }
  1474. }, {
  1475. value: 100 - newData
  1476. }]
  1477. }]
  1478. };
  1479. },
  1480. immediate: true,
  1481. deep: true
  1482. }
  1483. }
  1484. });
  1485. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-5a853044","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/echart/center/centerChartRate/index.vue
  1486. var centerChartRate_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":_vm.id,"height":"1.25rem","width":"1.5rem"}})],1)}
  1487. var centerChartRate_staticRenderFns = []
  1488. var centerChartRate_esExports = { render: centerChartRate_render, staticRenderFns: centerChartRate_staticRenderFns }
  1489. /* harmony default export */ var center_centerChartRate = (centerChartRate_esExports);
  1490. // CONCATENATED MODULE: ./src/components/echart/center/centerChartRate/index.vue
  1491. function centerChartRate_injectStyle (ssrContext) {
  1492. __webpack_require__("vEIa")
  1493. }
  1494. var centerChartRate_normalizeComponent = __webpack_require__("VU/8")
  1495. /* script */
  1496. /* template */
  1497. /* template functional */
  1498. var centerChartRate___vue_template_functional__ = false
  1499. /* styles */
  1500. var centerChartRate___vue_styles__ = centerChartRate_injectStyle
  1501. /* scopeId */
  1502. var centerChartRate___vue_scopeId__ = "data-v-5a853044"
  1503. /* moduleIdentifier (server only) */
  1504. var centerChartRate___vue_module_identifier__ = null
  1505. var centerChartRate_Component = centerChartRate_normalizeComponent(
  1506. centerChartRate,
  1507. center_centerChartRate,
  1508. centerChartRate___vue_template_functional__,
  1509. centerChartRate___vue_styles__,
  1510. centerChartRate___vue_scopeId__,
  1511. centerChartRate___vue_module_identifier__
  1512. )
  1513. /* harmony default export */ var echart_center_centerChartRate = (centerChartRate_Component.exports);
  1514. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/center.vue
  1515. //
  1516. //
  1517. //
  1518. //
  1519. //
  1520. //
  1521. //
  1522. //
  1523. //
  1524. //
  1525. //
  1526. //
  1527. //
  1528. //
  1529. //
  1530. //
  1531. //
  1532. //
  1533. //
  1534. //
  1535. //
  1536. //
  1537. //
  1538. //
  1539. //
  1540. //
  1541. //
  1542. //
  1543. //
  1544. //
  1545. //
  1546. //
  1547. //
  1548. //
  1549. //
  1550. //
  1551. //
  1552. //
  1553. //
  1554. //
  1555. //
  1556. //
  1557. //
  1558. //
  1559. //
  1560. //
  1561. //
  1562. //
  1563. //
  1564. //
  1565. //
  1566. //
  1567. //
  1568. //
  1569. //
  1570. //
  1571. //
  1572. //
  1573. //
  1574. //
  1575. //
  1576. //
  1577. //
  1578. //
  1579. //
  1580. //
  1581. //
  1582. //
  1583. //
  1584. //
  1585. //
  1586. //
  1587. //
  1588. //
  1589. //
  1590. //
  1591. //
  1592. //
  1593. //
  1594. //
  1595. //
  1596. //
  1597. //
  1598. //
  1599. //
  1600. //
  1601. //
  1602. //
  1603. //
  1604. //
  1605. //
  1606. //
  1607. //
  1608. //
  1609. //
  1610. //
  1611. /* harmony default export */ var center = ({
  1612. data: function data() {
  1613. return {
  1614. itemlist: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  1615. dialogVisible: false,
  1616. itemstatus: true,
  1617. itemstatus1: true,
  1618. LeaveSchool: [],
  1619. LeaveSchool1: [],
  1620. leavetotal: 0,
  1621. currentPage4: 1,
  1622. pageSize: 1,
  1623. itemnum: 0,
  1624. options: {
  1625. tooltip: {
  1626. trigger: "axis",
  1627. axisPointer: {
  1628. // 坐标轴指示器,坐标轴触发有效
  1629. type: "shadow" // 默认为直线,可选为:'line' | 'shadow'
  1630. }
  1631. },
  1632. grid: {
  1633. left: "3%",
  1634. right: "4%",
  1635. bottom: "3%",
  1636. containLabel: true
  1637. },
  1638. xAxis: [{
  1639. type: "category",
  1640. data: ["", "", "", "", "", "", ""],
  1641. axisTick: {
  1642. alignWithLabel: true
  1643. }
  1644. }],
  1645. yAxis: [{
  1646. type: "value"
  1647. }],
  1648. series: [{
  1649. name: "晚归人数",
  1650. type: "bar",
  1651. barWidth: "60%",
  1652. data: [0, 0, 0, 0, 0, 0, 0]
  1653. }]
  1654. },
  1655. titleItem: [{
  1656. title: "项目总数",
  1657. number: {
  1658. number: [0],
  1659. toFixed: 0,
  1660. content: "{nt}"
  1661. }
  1662. }, {
  1663. title: "房间总数",
  1664. number: {
  1665. number: [0],
  1666. toFixed: 0,
  1667. content: "{nt}"
  1668. }
  1669. }, {
  1670. title: "用户总数",
  1671. number: {
  1672. number: [0],
  1673. toFixed: 0,
  1674. content: "{nt}"
  1675. }
  1676. }, {
  1677. title: "开锁总数",
  1678. number: {
  1679. number: [0],
  1680. toFixed: 0,
  1681. content: "{nt}"
  1682. }
  1683. }, {
  1684. title: "使用门锁",
  1685. number: {
  1686. number: [0],
  1687. toFixed: 0,
  1688. content: "{nt}"
  1689. }
  1690. }, {
  1691. title: "未使用门锁",
  1692. number: {
  1693. number: [0],
  1694. toFixed: 0,
  1695. content: "{nt}"
  1696. }
  1697. }, {
  1698. title: "低电量警告",
  1699. number: {
  1700. number: [0],
  1701. toFixed: 0,
  1702. content: "{nt}"
  1703. }
  1704. }, {
  1705. title: "指纹试错警告",
  1706. number: {
  1707. number: [0],
  1708. toFixed: 0,
  1709. content: "{nt}"
  1710. }
  1711. }, {
  1712. title: "密码试错警告",
  1713. number: {
  1714. number: [0],
  1715. toFixed: 0,
  1716. content: "{nt}"
  1717. }
  1718. }, {
  1719. title: "密码开锁",
  1720. number: {
  1721. number: [0],
  1722. toFixed: 0,
  1723. content: "{nt}"
  1724. }
  1725. }, {
  1726. title: "指纹开锁",
  1727. number: {
  1728. number: [0],
  1729. toFixed: 0,
  1730. content: "{nt}"
  1731. }
  1732. }, {
  1733. title: "NFC开锁",
  1734. number: {
  1735. number: [0],
  1736. toFixed: 0,
  1737. content: "{nt}"
  1738. }
  1739. }, {
  1740. title: "蓝牙开锁",
  1741. number: {
  1742. number: [0],
  1743. toFixed: 0,
  1744. content: "{nt}"
  1745. }
  1746. }, {
  1747. title: "钥匙开锁",
  1748. number: {
  1749. number: [0],
  1750. toFixed: 0,
  1751. content: "{nt}"
  1752. }
  1753. }, {
  1754. title: "身份证开锁",
  1755. number: {
  1756. number: [0],
  1757. toFixed: 0,
  1758. content: "{nt}"
  1759. }
  1760. }],
  1761. // titleItem1: [
  1762. // {
  1763. // title: "离校人数(查看)",
  1764. // number: {
  1765. // number: [0],
  1766. // toFixed: 0,
  1767. // content: "{nt}",
  1768. // },
  1769. // },
  1770. // ],
  1771. ranking: {
  1772. data: [{
  1773. name: "周口",
  1774. value: 55
  1775. }, {
  1776. name: "南阳",
  1777. value: 120
  1778. }, {
  1779. name: "西峡",
  1780. value: 78
  1781. }, {
  1782. name: "驻马店",
  1783. value: 66
  1784. }, {
  1785. name: "新乡",
  1786. value: 80
  1787. }, {
  1788. name: "新乡2",
  1789. value: 80
  1790. }, {
  1791. name: "新乡3",
  1792. value: 80
  1793. }, {
  1794. name: "新乡4",
  1795. value: 80
  1796. }, {
  1797. name: "新乡5",
  1798. value: 80
  1799. }, {
  1800. name: "新乡6",
  1801. value: 80
  1802. }],
  1803. carousel: "single",
  1804. unit: "人"
  1805. },
  1806. water: {
  1807. data: [24, 45],
  1808. shape: "roundRect",
  1809. formatter: "{value}%",
  1810. waveNum: 3
  1811. },
  1812. // 通过率和达标率的组件复用数据
  1813. rate: [{
  1814. id: "centerRate1",
  1815. tips: 60,
  1816. colorData: {
  1817. textStyle: "#3fc0fb",
  1818. series: {
  1819. color: ["#00bcd44a", "transparent"],
  1820. dataColor: {
  1821. normal: "#03a9f4",
  1822. shadowColor: "#97e2f5"
  1823. }
  1824. }
  1825. }
  1826. }, {
  1827. id: "centerRate2",
  1828. tips: 40,
  1829. colorData: {
  1830. textStyle: "#67e0e3",
  1831. series: {
  1832. color: ["#faf3a378", "transparent"],
  1833. dataColor: {
  1834. normal: "#ff9800",
  1835. shadowColor: "#fcebad"
  1836. }
  1837. }
  1838. }
  1839. }]
  1840. };
  1841. },
  1842. components: {
  1843. CenterChart: echart_center_centerChartRate,
  1844. Echart: echart["a" /* default */]
  1845. // centerChart1,
  1846. // centerChart2
  1847. },
  1848. created: function created() {
  1849. this.getcount();
  1850. this.queryfirst();
  1851. this.queryfirst1();
  1852. this.queryfirst2();
  1853. this.queryfirst3();
  1854. this.queryfirst4();
  1855. this.queryfirst5(); //低电量警告
  1856. // this.queryfirst6();//指纹试错警告
  1857. // this.queryfirst7();//密码试错警告
  1858. this.queryfirst8(); //密码开锁
  1859. this.queryfirst9(); //指纹开锁
  1860. this.queryfirst10(); //NFC开锁
  1861. this.queryfirst11(); //蓝牙开锁
  1862. this.queryfirst12(); //钥匙开锁
  1863. this.queryfirst13(); //身份证开锁
  1864. // this.getOpenRecord();
  1865. // this.getlxnum();
  1866. var xAxis = this.options.xAxis[0].data;
  1867. for (var i = 0; i < 7; i++) {
  1868. xAxis[i] = this.getBeforeDate1(7 - i);
  1869. }
  1870. this.options.xAxis[0].data = xAxis;
  1871. },
  1872. mounted: function mounted() {},
  1873. watch: {
  1874. // options: function (newName, oldName) {
  1875. // this.itemstatus = false;
  1876. // this.$nextTick(() => {
  1877. // this.options = newName;
  1878. // this.itemstatus = true;
  1879. // });
  1880. // }
  1881. },
  1882. methods: {
  1883. numberGrow: function numberGrow(ele) {
  1884. var _this = this;
  1885. var step = _this.value * 10 / (_this.time * 1000);
  1886. var current = 0;
  1887. var start = 0;
  1888. var t = setInterval(function () {
  1889. start += step;
  1890. if (start > _this.value) {
  1891. clearInterval(t);
  1892. start = _this.value;
  1893. t = null;
  1894. }
  1895. if (current === start) {
  1896. return;
  1897. }
  1898. current = start;
  1899. ele.innerHTML = current.toString().replace(/(\d)(?=(?:\d{3}[+]?)+$)/g, '$1,');
  1900. }, 10);
  1901. },
  1902. leverschool: function leverschool() {
  1903. this.dialogVisible = true;
  1904. },
  1905. // 获取离校人数
  1906. getBeforeDate1: function getBeforeDate1(n) {
  1907. var n = n;
  1908. var date = new Date();
  1909. var year = date.getFullYear();
  1910. var mon = date.getMonth() + 1;
  1911. var day = date.getDate();
  1912. if (day <= n) {
  1913. if (mon > 1) {
  1914. mon = mon - 1;
  1915. } else {
  1916. year = year - 1;
  1917. mon = 12;
  1918. }
  1919. }
  1920. date.setDate(date.getDate() - n);
  1921. year = date.getFullYear();
  1922. mon = date.getMonth() + 1;
  1923. day = date.getDate();
  1924. var s = (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
  1925. return s;
  1926. },
  1927. getBeforeDate: function getBeforeDate(n) {
  1928. var n = n;
  1929. var date = new Date();
  1930. var year = date.getFullYear();
  1931. var mon = date.getMonth() + 1;
  1932. var day = date.getDate();
  1933. if (day <= n) {
  1934. if (mon > 1) {
  1935. mon = mon - 1;
  1936. } else {
  1937. year = year - 1;
  1938. mon = 12;
  1939. }
  1940. }
  1941. date.setDate(date.getDate() - n);
  1942. year = date.getFullYear();
  1943. mon = date.getMonth() + 1;
  1944. day = date.getDate();
  1945. var s = year + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
  1946. return s + " 00:00:00";
  1947. },
  1948. getcurrentdate: function getcurrentdate() {
  1949. var date = new Date();
  1950. var year = date.getFullYear();
  1951. var mon = date.getMonth() + 1;
  1952. var day = date.getDate();
  1953. var s = year + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
  1954. return s + " 00:00:00";
  1955. },
  1956. getTargetTime: function getTargetTime(t) {
  1957. var d = t.split(" ")[0],
  1958. h = t.split(" ")[1],
  1959. date = new Date();
  1960. date.setYear(d.split("-")[0]);
  1961. date.setMonth(d.split("-")[1] - 1);
  1962. date.setDate(d.split("-")[2]);
  1963. date.setHours(h.split(":")[0]);
  1964. date.setMinutes(h.split(":")[1]);
  1965. date.setSeconds(h.split(":")[2]);
  1966. return date.getTime();
  1967. },
  1968. formatDate: function formatDate(date) {
  1969. var date = new Date(date);
  1970. var YY = date.getFullYear() + "-";
  1971. var MM = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-";
  1972. var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
  1973. var hh = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
  1974. var mm = (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":";
  1975. var ss = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
  1976. return YY + MM + DD + " " + hh + mm + ss;
  1977. },
  1978. // 获取晚归数据
  1979. getOpenRecord: function getOpenRecord() {
  1980. var _this2 = this;
  1981. var date = new Date();
  1982. var startTime = parseInt((date.getTime() - 30 * 24 * 3600 * 1000) / 1000);
  1983. var endTime = parseInt(date.getTime() / 1000);
  1984. var data = {
  1985. startDay: startTime,
  1986. endDay: endTime,
  1987. endHour: "22:00:00",
  1988. startHour: "05:00:00"
  1989. // startTime: this.getBeforeDate(7),
  1990. // endTime: this.getcurrentdate(),
  1991. };
  1992. Object(api["g" /* httpPost */])(data, this.$api.lateOpenLock).then(function (res) {
  1993. var array = [],
  1994. servis = _this2.options;
  1995. for (var i = 0; i < 7; i++) {
  1996. res.data.map(function (li, index) {
  1997. // var time = parseInt(new Date(date.toDateString()).getTime());
  1998. var time = _this2.getBeforeDate(i + 1);
  1999. var time3 = _this2.getTargetTime(time);
  2000. var time1 = time3 + parseInt(5 * 3600 * 1000);
  2001. var time2 = time3 + parseInt(16 * 3600 * 1000);
  2002. var time4 = time3 + parseInt(24 * 3600 * 1000);
  2003. var liopentime = parseInt(li.openTime) * 1000;
  2004. if ((liopentime > time2 || liopentime < time1) && liopentime > time3 && liopentime < time4) {
  2005. var index = 6 - i;
  2006. var str = JSON.parse(stringify_default()(li));
  2007. array.push(str);
  2008. if (stringify_default()(array).indexOf(li.deviceNum) != -1) {
  2009. // console.log(1)
  2010. servis.series[0].data[index] += 1;
  2011. }
  2012. }
  2013. });
  2014. }
  2015. _this2.$set(_this2.options, servis);
  2016. });
  2017. },
  2018. // 获取校区,楼栋,房间数量
  2019. queryfirst: function queryfirst() {
  2020. var _this3 = this;
  2021. var q = {
  2022. type: 0
  2023. };
  2024. var data = {
  2025. q: stringify_default()(q)
  2026. };
  2027. Object(api["d" /* httpGet */])(data, this.$api.getSiteList).then(function (res) {
  2028. // this.titleItem[0].number.number[0]=res.data.total
  2029. _this3.itemstatus = false;
  2030. _this3.$nextTick(function () {
  2031. _this3.titleItem[0].number.number[0] = res.data.list.total;
  2032. _this3.itemlist[0] = res.data.list.total;
  2033. _this3.itemstatus = true;
  2034. });
  2035. });
  2036. },
  2037. queryfirst1: function queryfirst1() {
  2038. var _this4 = this;
  2039. var q = {
  2040. // type: 0,
  2041. };
  2042. var data = {
  2043. pageNum: 1,
  2044. pageSize: 10,
  2045. q: stringify_default()(q)
  2046. };
  2047. Object(api["g" /* httpPost */])(data, this.$api.getlistNum).then(function (res1) {
  2048. _this4.itemstatus = false;
  2049. _this4.$nextTick(function () {
  2050. _this4.titleItem[2].number.number[0] = res1.data.total;
  2051. _this4.itemlist[2] = res1.data.total;
  2052. _this4.itemstatus = true;
  2053. });
  2054. });
  2055. },
  2056. queryfirst2: function queryfirst2() {
  2057. var _this5 = this;
  2058. var data1 = {
  2059. pageNum: 1,
  2060. pageSize: 10,
  2061. orderBy: "open_time desc"
  2062. };
  2063. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2064. _this5.itemstatus = false;
  2065. _this5.$nextTick(function () {
  2066. _this5.titleItem[3].number.number[0] = res.data.total;
  2067. _this5.itemlist[3] = res.data.total;
  2068. _this5.itemstatus = true;
  2069. });
  2070. });
  2071. },
  2072. queryfirst3: function queryfirst3() {
  2073. var _this6 = this;
  2074. var data = {
  2075. pageNum: 1,
  2076. pageSize: 10,
  2077. q: stringify_default()({
  2078. operationStatus: 1,
  2079. lockType: 1
  2080. })
  2081. };
  2082. Object(api["g" /* httpPost */])(data, this.$api.getDeviceItems).then(function (res) {
  2083. _this6.itemstatus = false;
  2084. _this6.$nextTick(function () {
  2085. _this6.titleItem[4].number.number[0] = res.data.total;
  2086. _this6.itemlist[4] = res.data.total;
  2087. _this6.itemstatus = true;
  2088. });
  2089. });
  2090. },
  2091. queryfirst4: function queryfirst4() {
  2092. var _this7 = this;
  2093. var data = {
  2094. pageNum: 1,
  2095. pageSize: 10,
  2096. q: stringify_default()({
  2097. operationStatus: 2,
  2098. lockType: 1
  2099. })
  2100. };
  2101. Object(api["g" /* httpPost */])(data, this.$api.getDeviceItems).then(function (res) {
  2102. _this7.itemstatus = false;
  2103. _this7.$nextTick(function () {
  2104. _this7.titleItem[5].number.number[0] = res.data.total;
  2105. _this7.itemlist[5] = res.data.total;
  2106. _this7.itemstatus = true;
  2107. });
  2108. });
  2109. },
  2110. // 低电量警告
  2111. queryfirst5: function queryfirst5() {
  2112. var _this8 = this;
  2113. Object(api["d" /* httpGet */])('', "/v1/statistics/alert/type/" + -1).then(function (res) {
  2114. var titleItem = _this8.titleItem;
  2115. var itemlist = _this8.itemlist;
  2116. res.data.map(function (li) {
  2117. if (li.order == '3') {
  2118. itemlist[7] = li.count;
  2119. } else if (li.order == '4') {
  2120. itemlist[8] = li.count;
  2121. } else if (li.order == '7') {
  2122. itemlist[6] = li.count;
  2123. }
  2124. });
  2125. _this8.itemstatus = false;
  2126. _this8.$nextTick(function () {
  2127. _this8.titleItem = titleItem;
  2128. _this8.itemlist = itemlist;
  2129. _this8.itemstatus = true;
  2130. });
  2131. });
  2132. // var data = {
  2133. // pageNum: 1,
  2134. // pageSize: 1,
  2135. // orderBy: "alert_time desc",
  2136. // // orderType:"desc"
  2137. // q: JSON.stringify({
  2138. // alertType: 7
  2139. // })
  2140. // };
  2141. // httpGet(data, this.$api.getLockAlert).then((res) => {
  2142. // this.itemstatus = false;
  2143. // this.$nextTick(() => {
  2144. // this.titleItem[6].number.number[0] = res.data.total;
  2145. // this.itemlist[6] = res.data.total;
  2146. // this.itemstatus = true;
  2147. // });
  2148. // })
  2149. },
  2150. // 指纹试错警告
  2151. queryfirst6: function queryfirst6() {
  2152. var _this9 = this;
  2153. var data = {
  2154. pageNum: 1,
  2155. pageSize: 1,
  2156. orderBy: "alert_time desc",
  2157. q: stringify_default()({
  2158. alertType: 3
  2159. })
  2160. };
  2161. Object(api["d" /* httpGet */])(data, this.$api.getLockAlert).then(function (res) {
  2162. _this9.itemstatus = false;
  2163. _this9.$nextTick(function () {
  2164. _this9.titleItem[7].number.number[0] = res.data.total;
  2165. _this9.itemlist[7] = res.data.total;
  2166. _this9.itemstatus = true;
  2167. });
  2168. });
  2169. },
  2170. // 密码试错警告
  2171. queryfirst7: function queryfirst7() {
  2172. var _this10 = this;
  2173. var data = {
  2174. pageNum: 1,
  2175. pageSize: 1,
  2176. orderBy: "alert_time desc",
  2177. q: stringify_default()({
  2178. alertType: 4
  2179. })
  2180. };
  2181. Object(api["d" /* httpGet */])(data, this.$api.getLockAlert).then(function (res) {
  2182. _this10.itemstatus = false;
  2183. _this10.$nextTick(function () {
  2184. _this10.titleItem[8].number.number[0] = res.data.total;
  2185. _this10.itemlist[8] = res.data.total;
  2186. _this10.itemstatus = true;
  2187. });
  2188. });
  2189. },
  2190. // 密码开锁
  2191. queryfirst8: function queryfirst8() {
  2192. var _this11 = this;
  2193. var data1 = {
  2194. pageNum: 1,
  2195. pageSize: 1,
  2196. orderBy: "open_time desc",
  2197. q: stringify_default()({
  2198. openType: 2
  2199. })
  2200. };
  2201. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2202. _this11.itemstatus = false;
  2203. _this11.$nextTick(function () {
  2204. _this11.titleItem[9].number.number[0] = res.data.total;
  2205. _this11.itemlist[9] = res.data.total;
  2206. _this11.itemstatus = true;
  2207. });
  2208. });
  2209. },
  2210. // 指纹开锁
  2211. queryfirst9: function queryfirst9() {
  2212. var _this12 = this;
  2213. var data1 = {
  2214. pageNum: 1,
  2215. pageSize: 1,
  2216. orderBy: "open_time desc",
  2217. q: stringify_default()({
  2218. openType: 1
  2219. })
  2220. };
  2221. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2222. _this12.itemstatus = false;
  2223. _this12.$nextTick(function () {
  2224. _this12.titleItem[10].number.number[0] = res.data.total;
  2225. _this12.itemlist[10] = res.data.total;
  2226. _this12.itemstatus = true;
  2227. });
  2228. });
  2229. },
  2230. // NFC开锁
  2231. queryfirst10: function queryfirst10() {
  2232. var _this13 = this;
  2233. var data1 = {
  2234. pageNum: 1,
  2235. pageSize: 1,
  2236. orderBy: "open_time desc",
  2237. q: stringify_default()({
  2238. openType: 3
  2239. })
  2240. };
  2241. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2242. _this13.itemstatus = false;
  2243. _this13.$nextTick(function () {
  2244. _this13.titleItem[11].number.number[0] = res.data.total;
  2245. _this13.itemlist[11] = res.data.total;
  2246. _this13.itemstatus = true;
  2247. });
  2248. });
  2249. },
  2250. // 蓝牙开锁
  2251. queryfirst11: function queryfirst11() {
  2252. var _this14 = this;
  2253. var data1 = {
  2254. pageNum: 1,
  2255. pageSize: 1,
  2256. orderBy: "open_time desc",
  2257. q: stringify_default()({
  2258. openType: 5
  2259. })
  2260. };
  2261. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2262. _this14.itemstatus = false;
  2263. _this14.$nextTick(function () {
  2264. _this14.titleItem[12].number.number[0] = res.data.total;
  2265. _this14.itemlist[12] = res.data.total;
  2266. _this14.itemstatus = true;
  2267. });
  2268. });
  2269. },
  2270. // 钥匙开锁
  2271. queryfirst12: function queryfirst12() {
  2272. var _this15 = this;
  2273. var data1 = {
  2274. pageNum: 1,
  2275. pageSize: 1,
  2276. orderBy: "open_time desc",
  2277. q: stringify_default()({
  2278. openType: 4
  2279. })
  2280. };
  2281. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2282. _this15.itemstatus = false;
  2283. _this15.$nextTick(function () {
  2284. _this15.titleItem[13].number.number[0] = res.data.total;
  2285. _this15.itemlist[13] = res.data.total;
  2286. _this15.itemstatus = true;
  2287. });
  2288. });
  2289. },
  2290. // 钥匙开锁
  2291. queryfirst13: function queryfirst13() {
  2292. var _this16 = this;
  2293. var data1 = {
  2294. pageNum: 1,
  2295. pageSize: 1,
  2296. orderBy: "open_time desc",
  2297. q: stringify_default()({
  2298. openType: 7
  2299. })
  2300. };
  2301. Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
  2302. _this16.itemstatus = false;
  2303. _this16.$nextTick(function () {
  2304. _this16.titleItem[14].number.number[0] = res.data.total;
  2305. _this16.itemlist[14] = res.data.total;
  2306. _this16.itemstatus = true;
  2307. });
  2308. });
  2309. },
  2310. // 获取房间总数
  2311. getcount: function getcount() {
  2312. var _this17 = this;
  2313. Object(api["d" /* httpGet */])('', this.$api.getSiteList).then(function (res) {
  2314. var roomNum = 0;
  2315. res.data.list.list.map(function (li, index) {
  2316. if (li.expand) {
  2317. if (JSON.parse(li.expand).type == "0") {
  2318. if (li.layout != null) {
  2319. roomNum++;
  2320. }
  2321. }
  2322. }
  2323. });
  2324. _this17.itemstatus = false;
  2325. _this17.$nextTick(function () {
  2326. _this17.titleItem[1].number.number[0] = roomNum;
  2327. _this17.itemlist[1] = roomNum;
  2328. _this17.itemstatus = true;
  2329. });
  2330. });
  2331. },
  2332. // 获取离校人数
  2333. getlxnum: function getlxnum() {
  2334. var _this18 = this;
  2335. Object(api["d" /* httpGet */])({
  2336. day: 3
  2337. }, this.$api.unOpenLockByDay).then(function (res) {
  2338. res.data.map(function (li) {
  2339. li.openTime = _this18.formatDate(li.openTime * 1000);
  2340. });
  2341. _this18.LeaveSchool = res.data;
  2342. _this18.itemstatus1 = false;
  2343. var array = res.data;
  2344. _this18.$nextTick(function () {
  2345. _this18.itemnum = res.data.length;
  2346. _this18.leavetotal = res.data.length;
  2347. _this18.itemstatus1 = true;
  2348. });
  2349. // var end=(this.currentPage4-1)*this.pageSize+this.pageSize
  2350. _this18.LeaveSchool1 = array;
  2351. });
  2352. },
  2353. handleSizeChange: function handleSizeChange(val) {
  2354. // var end=(this.currentPage4-1)*val+val
  2355. // var LeaveSchool=this.LeaveSchool
  2356. // this.LeaveSchool1= LeaveSchool.splice((this.currentPage4-1)*val,end)
  2357. console.log("\u6BCF\u9875 " + val + " \u6761");
  2358. },
  2359. handleCurrentChange: function handleCurrentChange(val) {
  2360. // var end=(val-1)*this.pageSize+this.pageSize
  2361. // var LeaveSchool=this.LeaveSchool
  2362. // this.LeaveSchool1= LeaveSchool.splice((val-1)*this.pageSize,end)
  2363. // console.log(this.LeaveSchool1,this.LeaveSchool)
  2364. console.log("\u5F53\u524D\u9875: " + val);
  2365. }
  2366. }
  2367. });
  2368. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-d42260c6","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/echart1/center.vue
  2369. var center_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"center"}},[_c('div',{staticClass:"up"},_vm._l((_vm.titleItem),function(item,index){return _c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.itemstatus),expression:"itemstatus"}],key:item.title,staticClass:"bg-color-black item"},[_c('p',{staticClass:"ml-3 colorBlue fw-b numdivtitle"},[_vm._v(_vm._s(item.title))]),_vm._v(" "),(item.title == '开锁总数')?_c('div',[_c('div',{staticClass:"numdiv"},[_vm._v(_vm._s(_vm.itemlist[index]))])]):_c('div',[_c('div',{staticClass:"numdiv"},[_vm._v(_vm._s(_vm.itemlist[index]))])])])}),0),_vm._v(" "),_c('div',{staticClass:"down",staticStyle:{"display":"none"}},[_c('div',{staticClass:"ranking bg-color-black"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"align-left"}})],1),_vm._v(" "),_c('span',{staticClass:"fs-xl text mx-2 mb-1"},[_vm._v("每天晚归人数")]),_vm._v(" "),_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"2.7rem","width":"100%"}}),_vm._v(" "),_vm._m(0)],1)]),_vm._v(" "),_c('el-dialog',{staticClass:"dialog",attrs:{"title":"离校列表","visible":_vm.dialogVisible,"append-to-body":true,"height":"600","width":"60%"},on:{"update:visible":function($event){_vm.dialogVisible=$event}}},[_c('el-table',{staticStyle:{"width":"100%"},attrs:{"data":_vm.LeaveSchool1,"stripe":""}},[_c('el-table-column',{attrs:{"prop":"deviceNum","label":"设备号","width":"250"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"name","label":"姓名","width":"180"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"userTelephone","label":"账号","width":"180"}}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"roomName","label":"房间号"}}),_vm._v(" "),_c('el-table-column',{attrs:{"label":"开锁方式"},scopedSlots:_vm._u([{key:"default",fn:function(scope){return [(scope.row.openType==1)?_c('span',[_vm._v("指纹")]):_vm._e(),_vm._v(" "),(scope.row.openType==2)?_c('span',[_vm._v("数字键盘")]):_vm._e(),_vm._v(" "),(scope.row.openType==3)?_c('span',[_vm._v("NFC")]):_vm._e(),_vm._v(" "),(scope.row.openType==4)?_c('span',[_vm._v("机械钥匙")]):_vm._e(),_vm._v(" "),(scope.row.openType==5)?_c('span',[_vm._v("蓝牙")]):_vm._e(),_vm._v(" "),(scope.row.openType==6)?_c('span',[_vm._v("NB")]):_vm._e(),_vm._v(" "),(scope.row.openType==7)?_c('span',[_vm._v("身份证")]):_vm._e(),_vm._v(" "),(scope.row.openType==8)?_c('span',[_vm._v("单机密码")]):_vm._e(),_vm._v(" "),(scope.row.openType==9)?_c('span',[_vm._v("人脸")]):_vm._e()]}}])}),_vm._v(" "),_c('el-table-column',{attrs:{"prop":"openTime","label":"开锁时间","width":"250"}})],1)],1)],1)}
  2370. var center_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{"height":"2.75rem"}},[_c('canvas',{attrs:{"id":"main"}})])}]
  2371. var center_esExports = { render: center_render, staticRenderFns: center_staticRenderFns }
  2372. /* harmony default export */ var echart1_center = (center_esExports);
  2373. // CONCATENATED MODULE: ./src/views/echart1/center.vue
  2374. function center_injectStyle (ssrContext) {
  2375. __webpack_require__("K65M")
  2376. }
  2377. var center_normalizeComponent = __webpack_require__("VU/8")
  2378. /* script */
  2379. /* template */
  2380. /* template functional */
  2381. var center___vue_template_functional__ = false
  2382. /* styles */
  2383. var center___vue_styles__ = center_injectStyle
  2384. /* scopeId */
  2385. var center___vue_scopeId__ = "data-v-d42260c6"
  2386. /* moduleIdentifier (server only) */
  2387. var center___vue_module_identifier__ = null
  2388. var center_Component = center_normalizeComponent(
  2389. center,
  2390. echart1_center,
  2391. center___vue_template_functional__,
  2392. center___vue_styles__,
  2393. center___vue_scopeId__,
  2394. center___vue_module_identifier__
  2395. )
  2396. /* harmony default export */ var views_echart1_center = (center_Component.exports);
  2397. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/bottom/bottomLeftChart/chart.vue
  2398. //
  2399. //
  2400. //
  2401. //
  2402. //
  2403. //
  2404. //
  2405. //
  2406. //
  2407. //
  2408. //
  2409. //
  2410. /* harmony default export */ var bottomLeftChart_chart = ({
  2411. data: function data() {
  2412. return {
  2413. options: {}
  2414. };
  2415. },
  2416. components: {
  2417. Echart: echart["a" /* default */]
  2418. },
  2419. props: {
  2420. cdata: {
  2421. type: Object,
  2422. default: function _default() {
  2423. return {};
  2424. }
  2425. }
  2426. },
  2427. watch: {
  2428. cdata: {
  2429. handler: function handler(newData) {
  2430. this.options = {
  2431. title: {
  2432. text: ""
  2433. },
  2434. tooltip: {
  2435. trigger: "axis",
  2436. backgroundColor: "rgba(255,255,255,0.1)",
  2437. axisPointer: {
  2438. type: "shadow",
  2439. label: {
  2440. show: true,
  2441. backgroundColor: "#7B7DDC"
  2442. }
  2443. }
  2444. },
  2445. legend: {
  2446. data: ["已入住"],
  2447. textStyle: {
  2448. color: "#B4B4B4"
  2449. },
  2450. top: "0%"
  2451. },
  2452. grid: {
  2453. x: "8%",
  2454. width: "88%",
  2455. y: "4%"
  2456. },
  2457. xAxis: {
  2458. data: newData.category,
  2459. axisLine: {
  2460. lineStyle: {
  2461. color: "#B4B4B4"
  2462. }
  2463. },
  2464. axisTick: {
  2465. show: false
  2466. }
  2467. },
  2468. yAxis: [{
  2469. splitLine: {
  2470. show: false
  2471. },
  2472. axisLine: {
  2473. lineStyle: {
  2474. color: "#B4B4B4"
  2475. }
  2476. },
  2477. axisLabel: {
  2478. formatter: "{value} "
  2479. },
  2480. minInterval: 1
  2481. }, {
  2482. splitLine: {
  2483. show: false
  2484. },
  2485. axisLine: {
  2486. lineStyle: {
  2487. color: "#B4B4B4"
  2488. }
  2489. },
  2490. axisLabel: {
  2491. formatter: "{value} "
  2492. },
  2493. minInterval: 1
  2494. }],
  2495. series: [
  2496. // {
  2497. // name: "入住率",
  2498. // type: "line",
  2499. // smooth: true,
  2500. // showAllSymbol: true,
  2501. // symbol: "emptyCircle",
  2502. // symbolSize: 8,
  2503. // yAxisIndex: 1,
  2504. // itemStyle: {
  2505. // normal: {
  2506. // color: "#F02FC2"
  2507. // }
  2508. // },
  2509. // data: newData.rateData
  2510. // },
  2511. {
  2512. name: "已入住",
  2513. type: "bar",
  2514. barWidth: 10,
  2515. itemStyle: {
  2516. normal: {
  2517. barBorderRadius: 5,
  2518. color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  2519. offset: 0,
  2520. color: "#956FD4"
  2521. }, {
  2522. offset: 1,
  2523. color: "#3EACE5"
  2524. }])
  2525. }
  2526. },
  2527. data: newData.barData
  2528. }]
  2529. };
  2530. },
  2531. immediate: true,
  2532. deep: true
  2533. }
  2534. }
  2535. });
  2536. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-01f7a78f","hasScoped":false,"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/echart/bottom/bottomLeftChart/chart.vue
  2537. var bottomLeftChart_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":"bottomLeftChart","height":"19vw","width":"100%"}})],1)}
  2538. var bottomLeftChart_chart_staticRenderFns = []
  2539. var bottomLeftChart_chart_esExports = { render: bottomLeftChart_chart_render, staticRenderFns: bottomLeftChart_chart_staticRenderFns }
  2540. /* harmony default export */ var bottom_bottomLeftChart_chart = (bottomLeftChart_chart_esExports);
  2541. // CONCATENATED MODULE: ./src/components/echart/bottom/bottomLeftChart/chart.vue
  2542. var bottomLeftChart_chart_normalizeComponent = __webpack_require__("VU/8")
  2543. /* script */
  2544. /* template */
  2545. /* template functional */
  2546. var bottomLeftChart_chart___vue_template_functional__ = false
  2547. /* styles */
  2548. var bottomLeftChart_chart___vue_styles__ = null
  2549. /* scopeId */
  2550. var bottomLeftChart_chart___vue_scopeId__ = null
  2551. /* moduleIdentifier (server only) */
  2552. var bottomLeftChart_chart___vue_module_identifier__ = null
  2553. var bottomLeftChart_chart_Component = bottomLeftChart_chart_normalizeComponent(
  2554. bottomLeftChart_chart,
  2555. bottom_bottomLeftChart_chart,
  2556. bottomLeftChart_chart___vue_template_functional__,
  2557. bottomLeftChart_chart___vue_styles__,
  2558. bottomLeftChart_chart___vue_scopeId__,
  2559. bottomLeftChart_chart___vue_module_identifier__
  2560. )
  2561. /* harmony default export */ var echart_bottom_bottomLeftChart_chart = (bottomLeftChart_chart_Component.exports);
  2562. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/bottom/bottomLeftChart/index.vue
  2563. //
  2564. //
  2565. //
  2566. //
  2567. //
  2568. //
  2569. /* harmony default export */ var bottomLeftChart = ({
  2570. data: function data() {
  2571. return {
  2572. // data:{
  2573. // labels: ["1月", "2月", "三月", "4月", "5月",'6月','7月','8月','9月','10月','11月','12月'],
  2574. // datasets: [
  2575. // {
  2576. // label: "My First dataset",
  2577. // fillColor: "rgba(220,220,220,0.5)",
  2578. // strokeColor: "rgba(220,220,220,0.8)",
  2579. // highlightFill: "rgba(220,220,220,0.75)",
  2580. // highlightStroke: "rgba(220,220,220,1)",
  2581. // data: [0,0,0,0,0,0,0,0,0,0,0,0]
  2582. // }
  2583. // ]
  2584. // }
  2585. cdata: {
  2586. category: ["1月", "2月", "3月", "4月", "5月", '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
  2587. lineData: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  2588. barData: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  2589. rateData: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
  2590. },
  2591. Chartstatus: true,
  2592. roomNum: 0
  2593. };
  2594. },
  2595. components: {
  2596. Chart: echart_bottom_bottomLeftChart_chart
  2597. },
  2598. created: function created() {
  2599. var _this = this;
  2600. var data1 = {
  2601. type: 5
  2602. };
  2603. Object(api["d" /* httpGet */])(data1, this.$api.getStatisticsTotal).then(function (res) {
  2604. console.log(res);
  2605. _this.roomNum = res.data[0].room;
  2606. });
  2607. var data = {
  2608. level: 2 //0-天、1-周、2-月、3-季、4-年
  2609. };
  2610. Object(api["d" /* httpGet */])(data, this.$api.getTenantCount).then(function (res) {
  2611. console.log(res);
  2612. var option = _this.cdata.lineData,
  2613. option1 = _this.cdata.barData,
  2614. option2 = _this.cdata.rateData;
  2615. res.data.map(function (li) {
  2616. var index = parseInt(li.order) - 1;
  2617. option[index] = li.count;
  2618. // option1[index]= li.count
  2619. // let rate = option1[index] / this.roomNum || 0
  2620. // option2[index]=(rate*100).toFixed(2)
  2621. });
  2622. _this.Chartstatus = false;
  2623. _this.$nextTick(function () {
  2624. this.cdata.lineData = option;
  2625. this.cdata.barData = option;
  2626. this.cdata.rateData = option2;
  2627. this.Chartstatus = true;
  2628. });
  2629. });
  2630. },
  2631. mounted: function mounted() {
  2632. // this.setData();
  2633. },
  2634. methods: {
  2635. // 根据自己的业务情况修改
  2636. setData: function setData() {
  2637. for (var i = 0; i < this.cdata.barData.length - 1; i++) {
  2638. var rate = this.cdata.barData[i] / this.cdata.lineData[i];
  2639. this.cdata.rateData.push(rate.toFixed(2));
  2640. }
  2641. }
  2642. }
  2643. });
  2644. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-5ba1f1e8","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/echart/bottom/bottomLeftChart/index.vue
  2645. var bottomLeftChart_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.Chartstatus)?_c('Chart',{attrs:{"cdata":_vm.cdata}}):_vm._e()],1)}
  2646. var bottomLeftChart_staticRenderFns = []
  2647. var bottomLeftChart_esExports = { render: bottomLeftChart_render, staticRenderFns: bottomLeftChart_staticRenderFns }
  2648. /* harmony default export */ var bottom_bottomLeftChart = (bottomLeftChart_esExports);
  2649. // CONCATENATED MODULE: ./src/components/echart/bottom/bottomLeftChart/index.vue
  2650. function bottomLeftChart_injectStyle (ssrContext) {
  2651. __webpack_require__("uR4V")
  2652. }
  2653. var bottomLeftChart_normalizeComponent = __webpack_require__("VU/8")
  2654. /* script */
  2655. /* template */
  2656. /* template functional */
  2657. var bottomLeftChart___vue_template_functional__ = false
  2658. /* styles */
  2659. var bottomLeftChart___vue_styles__ = bottomLeftChart_injectStyle
  2660. /* scopeId */
  2661. var bottomLeftChart___vue_scopeId__ = "data-v-5ba1f1e8"
  2662. /* moduleIdentifier (server only) */
  2663. var bottomLeftChart___vue_module_identifier__ = null
  2664. var bottomLeftChart_Component = bottomLeftChart_normalizeComponent(
  2665. bottomLeftChart,
  2666. bottom_bottomLeftChart,
  2667. bottomLeftChart___vue_template_functional__,
  2668. bottomLeftChart___vue_styles__,
  2669. bottomLeftChart___vue_scopeId__,
  2670. bottomLeftChart___vue_module_identifier__
  2671. )
  2672. /* harmony default export */ var echart_bottom_bottomLeftChart = (bottomLeftChart_Component.exports);
  2673. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/bottomLeft.vue
  2674. //
  2675. //
  2676. //
  2677. //
  2678. //
  2679. //
  2680. //
  2681. //
  2682. //
  2683. //
  2684. //
  2685. //
  2686. //
  2687. //
  2688. //
  2689. //
  2690. //
  2691. //
  2692. /* harmony default export */ var bottomLeft = ({
  2693. data: function data() {
  2694. return {};
  2695. },
  2696. components: {
  2697. BottomLeftChart: echart_bottom_bottomLeftChart
  2698. },
  2699. mounted: function mounted() {},
  2700. methods: {}
  2701. });
  2702. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-cfca1e42","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/echart1/bottomLeft.vue
  2703. var bottomLeft_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"bottomLeft"}},[_c('div',{staticClass:"bg-color-black"},[_c('div',{staticClass:"d-flex pt-2 pl-2"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"chart-bar"}})],1),_vm._v(" "),_vm._m(0)]),_vm._v(" "),_c('div',[_c('BottomLeftChart')],1)])])}
  2704. var bottomLeft_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex"},[_c('span',{staticClass:"fs-xl text mx-2 fontvw"},[_vm._v("入住统计分析")])])}]
  2705. var bottomLeft_esExports = { render: bottomLeft_render, staticRenderFns: bottomLeft_staticRenderFns }
  2706. /* harmony default export */ var echart1_bottomLeft = (bottomLeft_esExports);
  2707. // CONCATENATED MODULE: ./src/views/echart1/bottomLeft.vue
  2708. function bottomLeft_injectStyle (ssrContext) {
  2709. __webpack_require__("Ri5f")
  2710. }
  2711. var bottomLeft_normalizeComponent = __webpack_require__("VU/8")
  2712. /* script */
  2713. /* template */
  2714. /* template functional */
  2715. var bottomLeft___vue_template_functional__ = false
  2716. /* styles */
  2717. var bottomLeft___vue_styles__ = bottomLeft_injectStyle
  2718. /* scopeId */
  2719. var bottomLeft___vue_scopeId__ = "data-v-cfca1e42"
  2720. /* moduleIdentifier (server only) */
  2721. var bottomLeft___vue_module_identifier__ = null
  2722. var bottomLeft_Component = bottomLeft_normalizeComponent(
  2723. bottomLeft,
  2724. echart1_bottomLeft,
  2725. bottomLeft___vue_template_functional__,
  2726. bottomLeft___vue_styles__,
  2727. bottomLeft___vue_scopeId__,
  2728. bottomLeft___vue_module_identifier__
  2729. )
  2730. /* harmony default export */ var views_echart1_bottomLeft = (bottomLeft_Component.exports);
  2731. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/bottom/bottomRightChart1/chart.vue
  2732. //
  2733. //
  2734. //
  2735. //
  2736. //
  2737. //
  2738. //
  2739. //
  2740. //
  2741. //
  2742. //
  2743. /* harmony default export */ var bottomRightChart1_chart = ({
  2744. data: function data() {
  2745. return {
  2746. options: {},
  2747. // 定义颜色
  2748. colorList: {
  2749. linearYtoG: {
  2750. type: "linear",
  2751. x: 0,
  2752. y: 0,
  2753. x2: 1,
  2754. y2: 1,
  2755. colorStops: [{
  2756. offset: 0,
  2757. color: "#f5b44d"
  2758. }, {
  2759. offset: 1,
  2760. color: "#28f8de"
  2761. }]
  2762. },
  2763. linearGtoB: {
  2764. type: "linear",
  2765. x: 0,
  2766. y: 0,
  2767. x2: 1,
  2768. y2: 0,
  2769. colorStops: [{
  2770. offset: 0,
  2771. color: "#43dfa2"
  2772. }, {
  2773. offset: 1,
  2774. color: "#28f8de"
  2775. }]
  2776. },
  2777. linearBtoG: {
  2778. type: "linear",
  2779. x: 0,
  2780. y: 0,
  2781. x2: 1,
  2782. y2: 0,
  2783. colorStops: [{
  2784. offset: 0,
  2785. color: "#1c98e8"
  2786. }, {
  2787. offset: 1,
  2788. color: "#28f8de"
  2789. }]
  2790. },
  2791. areaBtoG: {
  2792. type: "linear",
  2793. x: 0,
  2794. y: 0,
  2795. x2: 0,
  2796. y2: 1,
  2797. colorStops: [{
  2798. offset: 0,
  2799. color: "rgba(35,184,210,.2)"
  2800. }, {
  2801. offset: 1,
  2802. color: "rgba(35,184,210,0)"
  2803. }]
  2804. }
  2805. }
  2806. };
  2807. },
  2808. components: {
  2809. Echart: echart["a" /* default */]
  2810. },
  2811. props: {
  2812. cdata: {
  2813. type: Object,
  2814. default: function _default() {
  2815. return {};
  2816. }
  2817. }
  2818. },
  2819. onload: function onload() {},
  2820. watch: {
  2821. cdata: {
  2822. handler: function handler(newData) {
  2823. this.options = {
  2824. title: {
  2825. text: "",
  2826. textStyle: {
  2827. color: "#D3D6DD",
  2828. fontSize: 24,
  2829. fontWeight: "normal"
  2830. },
  2831. subtext: newData.year + "/" + newData.weekCategory[6],
  2832. subtextStyle: {
  2833. color: "#fff",
  2834. fontSize: 16
  2835. },
  2836. top: 50,
  2837. left: 80
  2838. },
  2839. legend: {
  2840. top: 120,
  2841. left: 80,
  2842. orient: "vertical",
  2843. itemGap: 15,
  2844. itemWidth: 12,
  2845. itemHeight: 12,
  2846. data: ["平均信号值", "信号值"],
  2847. textStyle: {
  2848. color: "#fff",
  2849. fontSize: 14
  2850. }
  2851. },
  2852. tooltip: {
  2853. trigger: "item"
  2854. },
  2855. radar: {
  2856. center: ["68%", "27%"],
  2857. radius: "40%",
  2858. name: {
  2859. color: "#fff"
  2860. },
  2861. splitNumber: 8,
  2862. axisLine: {
  2863. lineStyle: {
  2864. color: this.colorList.linearYtoG,
  2865. opacity: 0.6
  2866. }
  2867. },
  2868. splitLine: {
  2869. lineStyle: {
  2870. color: this.colorList.linearYtoG,
  2871. opacity: 0.6
  2872. }
  2873. },
  2874. splitArea: {
  2875. areaStyle: {
  2876. color: "#fff",
  2877. opacity: 0.1,
  2878. shadowBlur: 25,
  2879. shadowColor: "#000",
  2880. shadowOffsetX: 0,
  2881. shadowOffsetY: 5
  2882. }
  2883. },
  2884. indicator: [{
  2885. name: newData.weekCategory[0],
  2886. max: 100
  2887. }, {
  2888. name: newData.weekCategory[1],
  2889. max: 100
  2890. }, {
  2891. name: newData.weekCategory[2],
  2892. max: 100
  2893. }, {
  2894. name: newData.weekCategory[3],
  2895. max: 100
  2896. }, {
  2897. name: newData.weekCategory[4],
  2898. max: 100
  2899. }, {
  2900. name: newData.weekCategory[5],
  2901. max: 100
  2902. }, {
  2903. name: newData.weekCategory[6],
  2904. max: 100
  2905. }]
  2906. },
  2907. grid: {
  2908. left: 90,
  2909. right: 80,
  2910. bottom: 40,
  2911. top: "60%"
  2912. },
  2913. xAxis: {
  2914. type: "category",
  2915. position: "bottom",
  2916. axisLine: true,
  2917. axisLabel: {
  2918. color: "rgba(255,255,255,.8)",
  2919. fontSize: 12
  2920. },
  2921. data: newData.weekCategory
  2922. },
  2923. // 下方Y轴
  2924. yAxis: {
  2925. name: "信号曲线",
  2926. nameLocation: "end",
  2927. nameGap: 24,
  2928. nameTextStyle: {
  2929. color: "rgba(255,255,255,.5)",
  2930. fontSize: 14
  2931. },
  2932. max: newData.maxData,
  2933. splitNumber: 4,
  2934. axisLine: {
  2935. lineStyle: {
  2936. opacity: 0
  2937. }
  2938. },
  2939. splitLine: {
  2940. show: true,
  2941. lineStyle: {
  2942. color: "#fff",
  2943. opacity: 0.1
  2944. }
  2945. },
  2946. axisLabel: {
  2947. color: "rgba(255,255,255,.8)",
  2948. fontSize: 12
  2949. }
  2950. },
  2951. series: [{
  2952. name: "",
  2953. type: "radar",
  2954. symbolSize: 0,
  2955. data: [{
  2956. value: newData.radarDataAvg,
  2957. name: "平均信号值",
  2958. itemStyle: {
  2959. normal: {
  2960. color: "#f8d351"
  2961. }
  2962. },
  2963. lineStyle: {
  2964. normal: {
  2965. opacity: 0
  2966. }
  2967. },
  2968. areaStyle: {
  2969. normal: {
  2970. color: "#f8d351",
  2971. shadowBlur: 25,
  2972. shadowColor: "rgba(248,211,81,.3)",
  2973. shadowOffsetX: 0,
  2974. shadowOffsetY: -10,
  2975. opacity: 1
  2976. }
  2977. }
  2978. }, {
  2979. value: newData.radarData,
  2980. name: "信号值",
  2981. itemStyle: {
  2982. normal: {
  2983. color: "#43dfa2"
  2984. }
  2985. },
  2986. lineStyle: {
  2987. normal: {
  2988. opacity: 0
  2989. }
  2990. },
  2991. areaStyle: {
  2992. normal: {
  2993. color: this.colorList.linearGtoB,
  2994. shadowBlur: 15,
  2995. shadowColor: "rgba(0,0,0,.2)",
  2996. shadowOffsetX: 0,
  2997. shadowOffsetY: 5,
  2998. opacity: 0.8
  2999. }
  3000. }
  3001. }]
  3002. }, {
  3003. name: "",
  3004. type: "line",
  3005. smooth: true,
  3006. symbol: "emptyCircle",
  3007. symbolSize: 8,
  3008. itemStyle: {
  3009. normal: {
  3010. color: "#fff"
  3011. }
  3012. },
  3013. lineStyle: {
  3014. normal: {
  3015. color: this.colorList.linearBtoG,
  3016. width: 3
  3017. }
  3018. },
  3019. areaStyle: {
  3020. normal: {
  3021. color: this.colorList.areaBtoG
  3022. }
  3023. },
  3024. data: newData.radarData,
  3025. lineSmooth: true,
  3026. markLine: {
  3027. silent: true,
  3028. data: [{
  3029. type: "average",
  3030. name: "平均值"
  3031. }],
  3032. precision: 0,
  3033. label: {
  3034. normal: {
  3035. formatter: "平均值: \n {c}"
  3036. }
  3037. },
  3038. lineStyle: {
  3039. normal: {
  3040. color: "rgba(248,211,81,.7)"
  3041. }
  3042. }
  3043. },
  3044. tooltip: {
  3045. position: "top",
  3046. formatter: "{c}",
  3047. backgroundColor: "rgba(28,152,232,.2)",
  3048. padding: 6
  3049. }
  3050. }, {
  3051. name: "占位背景",
  3052. type: "bar",
  3053. itemStyle: {
  3054. normal: {
  3055. show: true,
  3056. color: "#000",
  3057. opacity: 0
  3058. }
  3059. },
  3060. silent: true,
  3061. barWidth: "50%",
  3062. data: newData.weekMaxData,
  3063. animation: false
  3064. }]
  3065. };
  3066. },
  3067. immediate: true,
  3068. deep: true
  3069. }
  3070. }
  3071. });
  3072. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-a6d1dbe4","hasScoped":false,"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/echart/bottom/bottomRightChart1/chart.vue
  3073. var bottomRightChart1_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":"20vw","width":"100%"}})],1)}
  3074. var bottomRightChart1_chart_staticRenderFns = []
  3075. var bottomRightChart1_chart_esExports = { render: bottomRightChart1_chart_render, staticRenderFns: bottomRightChart1_chart_staticRenderFns }
  3076. /* harmony default export */ var bottom_bottomRightChart1_chart = (bottomRightChart1_chart_esExports);
  3077. // CONCATENATED MODULE: ./src/components/echart/bottom/bottomRightChart1/chart.vue
  3078. var bottomRightChart1_chart_normalizeComponent = __webpack_require__("VU/8")
  3079. /* script */
  3080. /* template */
  3081. /* template functional */
  3082. var bottomRightChart1_chart___vue_template_functional__ = false
  3083. /* styles */
  3084. var bottomRightChart1_chart___vue_styles__ = null
  3085. /* scopeId */
  3086. var bottomRightChart1_chart___vue_scopeId__ = null
  3087. /* moduleIdentifier (server only) */
  3088. var bottomRightChart1_chart___vue_module_identifier__ = null
  3089. var bottomRightChart1_chart_Component = bottomRightChart1_chart_normalizeComponent(
  3090. bottomRightChart1_chart,
  3091. bottom_bottomRightChart1_chart,
  3092. bottomRightChart1_chart___vue_template_functional__,
  3093. bottomRightChart1_chart___vue_styles__,
  3094. bottomRightChart1_chart___vue_scopeId__,
  3095. bottomRightChart1_chart___vue_module_identifier__
  3096. )
  3097. /* harmony default export */ var echart_bottom_bottomRightChart1_chart = (bottomRightChart1_chart_Component.exports);
  3098. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/bottom/bottomRightChart1/index.vue
  3099. //
  3100. //
  3101. //
  3102. //
  3103. //
  3104. //
  3105. /* harmony default export */ var bottomRightChart1 = ({
  3106. data: function data() {
  3107. return {
  3108. drawTiming: null,
  3109. cdata: {
  3110. year: null,
  3111. weekCategory: [],
  3112. radarData: [],
  3113. radarDataAvg: [],
  3114. maxData: 100,
  3115. weekMaxData: [],
  3116. weekLineData: []
  3117. },
  3118. list: [],
  3119. sum: 0
  3120. };
  3121. },
  3122. components: {
  3123. Chart: echart_bottom_bottomRightChart1_chart
  3124. },
  3125. mounted: function mounted() {
  3126. this.drawTimingFn();
  3127. // this.getHeartbeat();
  3128. },
  3129. beforeDestroy: function beforeDestroy() {
  3130. clearInterval(this.drawTiming);
  3131. },
  3132. methods: {
  3133. // 获取信号统计
  3134. getHeartbeat: function getHeartbeat() {
  3135. var _this = this;
  3136. var data = {
  3137. day: 7,
  3138. type: 0
  3139. };
  3140. Object(api["g" /* httpPost */])(data, this.$api.getHeartbeat).then(function (res) {
  3141. _this.list = res.data;
  3142. var list = res.data;
  3143. var sum = 0,
  3144. arr = [];
  3145. res.data.map(function (li1) {
  3146. arr.push(li1.risi);
  3147. });
  3148. // 清空轮询数据
  3149. _this.cdata.weekCategory = [];
  3150. _this.cdata.weekMaxData = [];
  3151. _this.cdata.weekLineData = [];
  3152. _this.cdata.radarData = [];
  3153. _this.cdata.radarDataAvg = [];
  3154. var dateBase = new Date();
  3155. _this.cdata.year = dateBase.getFullYear();
  3156. // 周数据
  3157. for (var i = 0; i < 7; i++) {
  3158. // 日期
  3159. var date = new Date();
  3160. _this.cdata.weekCategory.unshift([date.getMonth() + 1, date.getDate() - i].join("/"));
  3161. // 折线图数据
  3162. _this.cdata.weekMaxData.push(_this.cdata.maxData);
  3163. _this.cdata.radarData.push(list[i].rssi);
  3164. sum += list[i].rssi;
  3165. }
  3166. for (var j = 0; j < 7; j++) {
  3167. var num = parseInt(sum / 7);
  3168. _this.cdata.radarDataAvg.push(num);
  3169. }
  3170. });
  3171. },
  3172. drawTimingFn: function drawTimingFn() {
  3173. // this.setData();
  3174. // this.drawTiming = setInterval(() => {
  3175. this.getHeartbeat();
  3176. // }, 6000);
  3177. },
  3178. setData: function setData() {
  3179. // 清空轮询数据
  3180. this.cdata.weekCategory = [];
  3181. this.cdata.weekMaxData = [];
  3182. this.cdata.weekLineData = [];
  3183. this.cdata.radarData = [];
  3184. this.cdata.radarDataAvg = [];
  3185. var dateBase = new Date();
  3186. this.cdata.year = dateBase.getFullYear();
  3187. // 周数据
  3188. for (var i = 0; i < 7; i++) {
  3189. // 日期
  3190. var date = new Date();
  3191. this.cdata.weekCategory.unshift([date.getMonth() + 1, date.getDate() - i].join("/"));
  3192. // 折线图数据
  3193. this.cdata.weekMaxData.push(this.cdata.maxData);
  3194. var distance = this.list[i].risi;
  3195. this.cdata.weekLineData.push(distance);
  3196. // 雷达图数据
  3197. // 我的指标
  3198. var averageSpeed = +(Math.random() * 5 + 3).toFixed(3);
  3199. var maxSpeed = averageSpeed + +(Math.random() * 3).toFixed(2);
  3200. var hour = +(distance / 1000 / averageSpeed).toFixed(1);
  3201. var radarDayData = [distance, averageSpeed, maxSpeed, hour];
  3202. this.cdata.radarData.unshift(radarDayData);
  3203. // 平均指标
  3204. var distanceAvg = Math.round(Math.random() * 8000 + 4000);
  3205. var averageSpeedAvg = +(Math.random() * 4 + 4).toFixed(3);
  3206. var maxSpeedAvg = averageSpeedAvg + +(Math.random() * 2).toFixed(2);
  3207. var hourAvg = +(distance / 1000 / averageSpeed).toFixed(1);
  3208. var radarDayDataAvg = [distanceAvg, averageSpeedAvg, maxSpeedAvg, hourAvg];
  3209. this.cdata.radarDataAvg.unshift(radarDayDataAvg);
  3210. }
  3211. }
  3212. }
  3213. });
  3214. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-2c93ae0b","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/echart/bottom/bottomRightChart1/index.vue
  3215. var bottomRightChart1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Chart',{attrs:{"cdata":_vm.cdata}})],1)}
  3216. var bottomRightChart1_staticRenderFns = []
  3217. var bottomRightChart1_esExports = { render: bottomRightChart1_render, staticRenderFns: bottomRightChart1_staticRenderFns }
  3218. /* harmony default export */ var bottom_bottomRightChart1 = (bottomRightChart1_esExports);
  3219. // CONCATENATED MODULE: ./src/components/echart/bottom/bottomRightChart1/index.vue
  3220. function bottomRightChart1_injectStyle (ssrContext) {
  3221. __webpack_require__("rqFo")
  3222. }
  3223. var bottomRightChart1_normalizeComponent = __webpack_require__("VU/8")
  3224. /* script */
  3225. /* template */
  3226. /* template functional */
  3227. var bottomRightChart1___vue_template_functional__ = false
  3228. /* styles */
  3229. var bottomRightChart1___vue_styles__ = bottomRightChart1_injectStyle
  3230. /* scopeId */
  3231. var bottomRightChart1___vue_scopeId__ = "data-v-2c93ae0b"
  3232. /* moduleIdentifier (server only) */
  3233. var bottomRightChart1___vue_module_identifier__ = null
  3234. var bottomRightChart1_Component = bottomRightChart1_normalizeComponent(
  3235. bottomRightChart1,
  3236. bottom_bottomRightChart1,
  3237. bottomRightChart1___vue_template_functional__,
  3238. bottomRightChart1___vue_styles__,
  3239. bottomRightChart1___vue_scopeId__,
  3240. bottomRightChart1___vue_module_identifier__
  3241. )
  3242. /* harmony default export */ var echart_bottom_bottomRightChart1 = (bottomRightChart1_Component.exports);
  3243. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/bottomRight.vue
  3244. //
  3245. //
  3246. //
  3247. //
  3248. //
  3249. //
  3250. //
  3251. //
  3252. //
  3253. //
  3254. //
  3255. //
  3256. //
  3257. //
  3258. //
  3259. //
  3260. //
  3261. //
  3262. //
  3263. //
  3264. //
  3265. //
  3266. //
  3267. //
  3268. //
  3269. //
  3270. //
  3271. //
  3272. /* harmony default export */ var bottomRight = ({
  3273. data: function data() {
  3274. return {
  3275. tpstatus: true,
  3276. options: {
  3277. tooltip: {
  3278. trigger: "axis",
  3279. axisPointer: {
  3280. // 坐标轴指示器,坐标轴触发有效
  3281. type: "shadow" // 默认为直线,可选为:'line' | 'shadow'
  3282. }
  3283. },
  3284. grid: {
  3285. left: "3%",
  3286. right: "4%",
  3287. bottom: "3%",
  3288. containLabel: true
  3289. },
  3290. xAxis: [{
  3291. type: "category",
  3292. data: ["1:00", "2:00", "3:00", "4:00", "5:00", "6:00", "7:00", "8:00", "9:00", "10:00", "11:00", "12:00", "13:00", "14:00", "15:00", "16:00", "17:00", "18:00", "19:00", "20:00", "21:00", "22:00", "23:00", "24:00"],
  3293. axisTick: {
  3294. alignWithLabel: true
  3295. }
  3296. }],
  3297. yAxis: [{
  3298. type: "value",
  3299. minInterval: 1
  3300. }],
  3301. series: [{
  3302. name: "开锁次数",
  3303. type: "bar",
  3304. barWidth: "60%",
  3305. data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
  3306. }]
  3307. }
  3308. };
  3309. },
  3310. components: {
  3311. Echart: echart["a" /* default */],
  3312. BottomRightChart: echart_bottom_bottomRightChart1
  3313. },
  3314. created: function created() {},
  3315. mounted: function mounted() {
  3316. this.drawTimingFn();
  3317. },
  3318. methods: {
  3319. drawTimingFn: function drawTimingFn() {
  3320. var _this = this;
  3321. var str = new Date().getTime() / 1000;
  3322. var str1 = new Date(new Date().toLocaleDateString()).getTime() / 1000;
  3323. var data = {
  3324. start: parseInt(str1),
  3325. end: parseInt(str)
  3326. };
  3327. Object(api["d" /* httpGet */])(data, this.$api.lockOpenStatistics).then(function (res) {
  3328. var options = _this.options;
  3329. res.data.map(function (li) {
  3330. var num = parseInt(li.order);
  3331. options.series[0].data[num] = li.count;
  3332. });
  3333. _this.tpstatus = false;
  3334. _this.$nextTick(function () {
  3335. this.options = options;
  3336. this.tpstatus = true;
  3337. });
  3338. });
  3339. }
  3340. }
  3341. });
  3342. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-6a603f80","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/echart1/bottomRight.vue
  3343. var bottomRight_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"bottomRight"}},[_c('div',{staticClass:"bg-color-black"},[_c('div',{staticClass:"d-flex pt-2 pl-2"},[_c('span',{staticStyle:{"color":"#5cd9e8"}},[_c('icon',{attrs:{"name":"chart-area"}})],1),_vm._v(" "),_vm._m(0)]),_vm._v(" "),_c('div',[(_vm.tpstatus)?_c('Echart',{attrs:{"options":_vm.options,"id":"centreLeft1Chart","height":"16vw","width":"100%"}}):_vm._e()],1)])])}
  3344. var bottomRight_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"d-flex"},[_c('span',{staticClass:"fs-xl text mx-2 fontvw"},[_vm._v("当天时间区间开锁次数统计图")])])}]
  3345. var bottomRight_esExports = { render: bottomRight_render, staticRenderFns: bottomRight_staticRenderFns }
  3346. /* harmony default export */ var echart1_bottomRight = (bottomRight_esExports);
  3347. // CONCATENATED MODULE: ./src/views/echart1/bottomRight.vue
  3348. function bottomRight_injectStyle (ssrContext) {
  3349. __webpack_require__("l8V4")
  3350. }
  3351. var bottomRight_normalizeComponent = __webpack_require__("VU/8")
  3352. /* script */
  3353. /* template */
  3354. /* template functional */
  3355. var bottomRight___vue_template_functional__ = false
  3356. /* styles */
  3357. var bottomRight___vue_styles__ = bottomRight_injectStyle
  3358. /* scopeId */
  3359. var bottomRight___vue_scopeId__ = "data-v-6a603f80"
  3360. /* moduleIdentifier (server only) */
  3361. var bottomRight___vue_module_identifier__ = null
  3362. var bottomRight_Component = bottomRight_normalizeComponent(
  3363. bottomRight,
  3364. echart1_bottomRight,
  3365. bottomRight___vue_template_functional__,
  3366. bottomRight___vue_styles__,
  3367. bottomRight___vue_scopeId__,
  3368. bottomRight___vue_module_identifier__
  3369. )
  3370. /* harmony default export */ var views_echart1_bottomRight = (bottomRight_Component.exports);
  3371. // EXTERNAL MODULE: ./node_modules/babel-runtime/regenerator/index.js
  3372. var regenerator = __webpack_require__("Xxa5");
  3373. var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
  3374. // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/asyncToGenerator.js
  3375. var asyncToGenerator = __webpack_require__("exGp");
  3376. var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
  3377. // EXTERNAL MODULE: ./node_modules/echarts/map/js/china.js
  3378. var china = __webpack_require__("Bhwq");
  3379. var china_default = /*#__PURE__*/__webpack_require__.n(china);
  3380. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/map.vue
  3381. //
  3382. //
  3383. //
  3384. //
  3385. //
  3386. //
  3387. //
  3388. //
  3389. //
  3390. //
  3391. // 核心文件
  3392. __webpack_require__("tcAE"); //
  3393. /* harmony default export */ var map = ({
  3394. name: 'map1',
  3395. data: function data() {
  3396. return {
  3397. mapData: [//自己做的模拟数据 后续根据业务展示
  3398. {
  3399. name: '湖北',
  3400. value: 0
  3401. }, {
  3402. name: '广东',
  3403. value: 82
  3404. }, {
  3405. name: '上海',
  3406. value: 0
  3407. }, {
  3408. name: '山东',
  3409. value: 0
  3410. }, {
  3411. name: '湖南',
  3412. value: 0
  3413. }, {
  3414. name: '重庆',
  3415. value: 0
  3416. }, {
  3417. name: '四川',
  3418. value: 0
  3419. }, {
  3420. name: '新疆',
  3421. value: 0
  3422. }, {
  3423. name: '黑龙江',
  3424. value: 0
  3425. }, {
  3426. name: '西藏',
  3427. value: 0
  3428. }, {
  3429. name: '青海',
  3430. value: 0
  3431. }, {
  3432. name: '内蒙古',
  3433. value: 0
  3434. }, {
  3435. name: '陕西',
  3436. value: 0
  3437. }, {
  3438. name: '辽宁',
  3439. value: 0
  3440. }, {
  3441. name: '云南',
  3442. value: 0
  3443. }],
  3444. provinceData: [//省份公司的数据
  3445. {
  3446. name: '深圳市',
  3447. value: 82,
  3448. children: []
  3449. }],
  3450. provinces: { //数据
  3451. 台湾: 'taiwan',
  3452. 河北: 'hebei',
  3453. 山西: 'shanxi',
  3454. 辽宁: 'liaoning',
  3455. 吉林: 'jilin',
  3456. 黑龙江: 'heilongjiang',
  3457. 江苏: 'jiangsu',
  3458. 浙江: 'zhejiang',
  3459. 安徽: 'anhui',
  3460. 福建: 'fujian',
  3461. 江西: 'jiangxi',
  3462. 山东: 'shandong',
  3463. 河南: 'henan',
  3464. 湖北: 'hubei',
  3465. 湖南: 'hunan',
  3466. 广东: 'guangdong',
  3467. 海南: 'hainan',
  3468. 四川: 'sichuan',
  3469. 贵州: 'guizhou',
  3470. 云南: 'yunnan',
  3471. 陕西: 'shanxi1',
  3472. 甘肃: 'gansu',
  3473. 青海: 'qinghai',
  3474. 新疆: 'xinjiang',
  3475. 广西: 'guangxi',
  3476. 内蒙古: 'neimenggu',
  3477. 宁夏: 'ningxia',
  3478. 西藏: 'xizang',
  3479. 北京: 'beijing',
  3480. 天津: 'tianjin',
  3481. 上海: 'shanghai',
  3482. 重庆: 'chongqing',
  3483. 香港: 'xianggang',
  3484. 澳门: 'aomen'
  3485. },
  3486. isReturnChina: false, //是否显示返回中国地图
  3487. options: null, //echarts 存数据
  3488. enterpriselist: []
  3489. };
  3490. },
  3491. mounted: function mounted() {
  3492. var _this2 = this;
  3493. window.clickRoute = this.clickRoute;
  3494. this.$nextTick(function (_) {
  3495. _this2.chinaMaprsult('china');
  3496. });
  3497. Object(api["d" /* httpGet */])("", this.$api.getEnterprise).then(function (res) {
  3498. _this2.enterpriselist = res.data.list;
  3499. });
  3500. },
  3501. methods: {
  3502. // 中国地图点击省份 显示当前省份的详细的地区。
  3503. chinaMapHidden: function chinaMapHidden(chinaMap) {
  3504. var that = this;
  3505. chinaMap.off('click'); //这里解决多次触发点击事件 但是还会执行2次 引用echarts地图,点击各个省份时,点击一个调用两次接口,再点击一次,调用四次接口,再点击调用八次。。。。依次叠加,问题在于,没有将地图上的点击事件清空
  3506. chinaMap.on('click', function () {
  3507. var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee(params) {
  3508. var s;
  3509. return regenerator_default.a.wrap(function _callee$(_context) {
  3510. while (1) {
  3511. switch (_context.prev = _context.next) {
  3512. case 0:
  3513. if (!(params.name in that.provinces)) {
  3514. _context.next = 5;
  3515. break;
  3516. }
  3517. _context.next = 3;
  3518. return __webpack_require__("qiKX")("./" + that.provinces[params.name] + '.js');
  3519. case 3:
  3520. s = _context.sent;
  3521. if (s) {
  3522. that.chinaMaprsult(params.name);
  3523. }
  3524. case 5:
  3525. case 'end':
  3526. return _context.stop();
  3527. }
  3528. }
  3529. }, _callee, this);
  3530. }));
  3531. return function (_x) {
  3532. return _ref.apply(this, arguments);
  3533. };
  3534. }());
  3535. },
  3536. // 渲染地图
  3537. chinaMaprsult: function chinaMaprsult() {
  3538. var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
  3539. var markPointData = [];
  3540. var _this = this;
  3541. this.getproject('', function (data) {
  3542. markPointData = data;
  3543. name == 'china' ? _this.isReturnChina = false : _this.isReturnChina = true;
  3544. var chinaMap = _this.$echarts.init(_this.$refs.china_map);
  3545. _this.options = {
  3546. tooltip: { // 鼠标移到图里面的浮动提示框
  3547. trigger: 'item', //数据项图形触发
  3548. triggerOn: 'mousemove', //这里根据业务需要给点击事件做跳转,所以不能做悬浮了,如果做悬浮 点击不了文字跳转
  3549. formatter: function formatter(params) {
  3550. var name = params.name;
  3551. var toolipData = [];
  3552. _this.provinceData.forEach(function (item) {
  3553. if (name == item.name) {
  3554. toolipData = item.children;
  3555. }
  3556. });
  3557. var htmlStr = '';
  3558. toolipData.forEach(function (item) {
  3559. htmlStr += '<li class="list-li" name="' + item + '"><div \u03BFnclick="clickRoute()" >' + item + '</div></li>';
  3560. });
  3561. _this.chinaMapHidden(chinaMap);
  3562. return '<div class="list-wrap"><div class="list-title">' + name + '</div><ul class="list-ul">' + htmlStr + '</ul></div>';
  3563. }
  3564. },
  3565. visualMap: { // 左下角展示
  3566. show: false,
  3567. min: 0,
  3568. max: 100,
  3569. left: 10,
  3570. bottom: 0,
  3571. showLabel: true,
  3572. textStyle: {
  3573. color: '#000',
  3574. fontSize: 20
  3575. },
  3576. pieces: [//左下角的切换数据显示
  3577. {
  3578. gt: 75,
  3579. lte: 100,
  3580. label: '75~100',
  3581. color: '#f7358c'
  3582. }, {
  3583. gt: 50,
  3584. lte: 75,
  3585. label: '50~75',
  3586. color: '#fb9632'
  3587. }, {
  3588. gt: 25,
  3589. lte: 50,
  3590. label: '25_50',
  3591. color: '#08b2ff'
  3592. }, {
  3593. gte: 0,
  3594. lte: 25,
  3595. label: '0~25',
  3596. color: '#4d2ed2'
  3597. }]
  3598. },
  3599. // dataRange: {
  3600. //
  3601. // },
  3602. geo: {
  3603. map: name ? name : "china", // 核心
  3604. roam: false,
  3605. label: { // 页面初始化加载的文字
  3606. normal: {
  3607. show: true,
  3608. textStyle: {
  3609. color: "#ccc", // 页面初始化的地图文字颜色
  3610. fontSize: '0.6vw' // // 页面初始化的地图文字大小
  3611. }
  3612. }
  3613. },
  3614. itemStyle: { //设置样式
  3615. normal: {
  3616. borderWidth: .5, //区域边框宽度
  3617. borderColor: 'rgba(119, 156, 255, 1)',
  3618. areaColor: {
  3619. x: 0,
  3620. y: 0,
  3621. x2: 0,
  3622. y2: 1,
  3623. colorStops: [{
  3624. offset: 0,
  3625. color: '#073684' // 0% 处的颜色
  3626. }, {
  3627. offset: 1,
  3628. color: '#061E3D' // 100% 处的颜色
  3629. }]
  3630. }
  3631. },
  3632. emphasis: { // 移入背景颜色
  3633. // areaColor: '#ff00ff',
  3634. areaColor: '#F9D92E',
  3635. show: true,
  3636. textStyle: {
  3637. color: '#000',
  3638. fontSize: "0.6vw"
  3639. }
  3640. }
  3641. }
  3642. },
  3643. series: [{
  3644. type: "map",
  3645. geoIndex: 0,
  3646. itemStyle: { //地图区域的多边形 图形样式
  3647. normal: { //是图形在默认状态下的样式
  3648. label: {
  3649. show: true, //是否显示标签
  3650. textStyle: {
  3651. color: "black"
  3652. }
  3653. }
  3654. },
  3655. zoom: 1.5, //地图缩放比例,默认为1
  3656. emphasis: { //是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时
  3657. label: {
  3658. show: true
  3659. }
  3660. }
  3661. },
  3662. label: {
  3663. normal: {
  3664. show: true, //显示省份标签
  3665. textStyle: {
  3666. color: "#696969"
  3667. } //省份标签字体颜色
  3668. },
  3669. emphasis: {
  3670. show: true,
  3671. textStyle: {}
  3672. }
  3673. },
  3674. data: []
  3675. }, {
  3676. type: 'effectScatter',
  3677. coordinateSystem: 'geo',
  3678. rippleEffect: {
  3679. brushType: 'fill',
  3680. scale: 0
  3681. },
  3682. showEffectOn: 'render',
  3683. label: {
  3684. lineHeight: 30,
  3685. normal: {
  3686. show: true,
  3687. color: '#081727',
  3688. position: 'inside',
  3689. padding: [5, 0, 0, 0],
  3690. verticalAlign: 'middle',
  3691. formatter: function formatter(para) {
  3692. return '{cnNum|' + para.data.value[2] + '}';
  3693. // return para.data.value[2]
  3694. },
  3695. rich: {
  3696. cnNum: {
  3697. fontSize: 16,
  3698. color: '#081727',
  3699. lineHeight: 28
  3700. }
  3701. }
  3702. }
  3703. },
  3704. symbol: 'roundRect',
  3705. // symbolRotate: 20,
  3706. symbolSize: [40, 28],
  3707. data: [],
  3708. zlevel: 1,
  3709. markPoint: { //图表标注。
  3710. label: {
  3711. normal: {
  3712. show: true
  3713. },
  3714. emphasis: {
  3715. show: true
  3716. }
  3717. },
  3718. itemStyle: {
  3719. normal: {
  3720. color: 'rgba(72,150,128,1)',
  3721. shadowBlur: 10,
  3722. shadowColor: '#05C3F9'
  3723. }
  3724. },
  3725. data: markPointData
  3726. }
  3727. }]
  3728. };
  3729. chinaMap.setOption(_this.options);
  3730. _this.chinaMapHidden(chinaMap);
  3731. });
  3732. },
  3733. // 获取项目坐标
  3734. getproject: function getproject(data, callback) {
  3735. var _this3 = this;
  3736. var markPointData = [];
  3737. Object(api["d" /* httpGet */])('', this.$api.getProjects).then(function (res1) {
  3738. if (res1.success) {
  3739. _this3.enterpriselist.forEach(function (li) {
  3740. res1.data.map(function (ll) {
  3741. if (li.id == ll.enterpriseId) {
  3742. var reg = new RegExp('"', "g");
  3743. var name = li.name + ':' + ll.total + '把';
  3744. var coord = '';
  3745. if (ll.coordinate != null) {
  3746. coord = ll.coordinate.replace(reg, "");
  3747. coord = JSON.parse(coord);
  3748. if (coord) {
  3749. var str = {
  3750. name: name,
  3751. coord: coord,
  3752. selected: false,
  3753. symbol: 'image://' + __webpack_require__("9IGF"), // 标注图片地址路径
  3754. symbolSize: 32
  3755. };
  3756. markPointData.push(str);
  3757. }
  3758. }
  3759. }
  3760. });
  3761. });
  3762. callback(markPointData);
  3763. }
  3764. });
  3765. },
  3766. // 返回中国地图
  3767. returnChinaFn: function returnChinaFn() {
  3768. this.chinaMaprsult('china');
  3769. },
  3770. // 点击跳转页面
  3771. clickRoute: function clickRoute() {
  3772. alert("点击了,做其他操作!");
  3773. // this.$router.push('/')
  3774. }
  3775. }
  3776. });
  3777. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-5a7359a7","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/echart1/map.vue
  3778. var map_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"}})])])}
  3779. var map_staticRenderFns = []
  3780. var map_esExports = { render: map_render, staticRenderFns: map_staticRenderFns }
  3781. /* harmony default export */ var echart1_map = (map_esExports);
  3782. // CONCATENATED MODULE: ./src/views/echart1/map.vue
  3783. function map_injectStyle (ssrContext) {
  3784. __webpack_require__("i3o/")
  3785. __webpack_require__("QYKJ")
  3786. }
  3787. var map_normalizeComponent = __webpack_require__("VU/8")
  3788. /* script */
  3789. /* template */
  3790. /* template functional */
  3791. var map___vue_template_functional__ = false
  3792. /* styles */
  3793. var map___vue_styles__ = map_injectStyle
  3794. /* scopeId */
  3795. var map___vue_scopeId__ = "data-v-5a7359a7"
  3796. /* moduleIdentifier (server only) */
  3797. var map___vue_module_identifier__ = null
  3798. var map_Component = map_normalizeComponent(
  3799. map,
  3800. echart1_map,
  3801. map___vue_template_functional__,
  3802. map___vue_styles__,
  3803. map___vue_scopeId__,
  3804. map___vue_module_identifier__
  3805. )
  3806. /* harmony default export */ var views_echart1_map = (map_Component.exports);
  3807. // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/index.vue
  3808. //
  3809. //
  3810. //
  3811. //
  3812. //
  3813. //
  3814. //
  3815. //
  3816. //
  3817. //
  3818. //
  3819. //
  3820. //
  3821. //
  3822. //
  3823. //
  3824. //
  3825. //
  3826. //
  3827. //
  3828. //
  3829. //
  3830. //
  3831. //
  3832. //
  3833. //
  3834. //
  3835. //
  3836. //
  3837. //
  3838. //
  3839. //
  3840. //
  3841. //
  3842. //
  3843. //
  3844. //
  3845. //
  3846. //
  3847. //
  3848. //
  3849. //
  3850. //
  3851. //
  3852. //
  3853. //
  3854. //
  3855. //
  3856. //
  3857. //
  3858. //
  3859. //
  3860. //
  3861. //
  3862. //
  3863. //
  3864. //
  3865. //
  3866. //
  3867. //
  3868. //
  3869. //
  3870. //
  3871. //
  3872. //
  3873. //
  3874. //
  3875. //
  3876. //
  3877. //
  3878. //
  3879. //
  3880. //
  3881. //
  3882. //
  3883. //
  3884. //
  3885. //
  3886. //
  3887. //
  3888. //
  3889. //
  3890. //
  3891. //
  3892. //
  3893. //
  3894. //
  3895. //
  3896. //
  3897. //
  3898. //
  3899. //
  3900. //
  3901. //
  3902. //
  3903. //
  3904. //
  3905. //
  3906. //
  3907. //
  3908. //
  3909. //
  3910. //
  3911. //
  3912. //
  3913. //
  3914. //
  3915. //
  3916. //
  3917. //
  3918. //
  3919. //
  3920. //
  3921. //
  3922. //
  3923. /* harmony default export */ var echart1 = ({
  3924. data: function data() {
  3925. return {
  3926. loading: true,
  3927. dateDay: null,
  3928. dateYear: null,
  3929. dateWeek: null,
  3930. weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"]
  3931. };
  3932. },
  3933. components: {
  3934. centerLeft1: views_echart1_centerLeft1,
  3935. centerLeft2: views_echart1_centerLeft2,
  3936. centerRight1: views_echart1_centerRight1,
  3937. centerRight2: views_echart1_centerRight2,
  3938. center1: views_echart1_center,
  3939. bottomLeft: views_echart1_bottomLeft,
  3940. bottomRight: views_echart1_bottomRight,
  3941. mapcom: views_echart1_map
  3942. },
  3943. mounted: function mounted() {
  3944. this.timeFn();
  3945. this.cancelLoading();
  3946. },
  3947. methods: {
  3948. timeFn: function timeFn() {
  3949. var _this = this;
  3950. setInterval(function () {
  3951. _this.dateDay = Object(utils["f" /* formatTime */])(new Date(), "HH: mm: ss");
  3952. _this.dateYear = Object(utils["f" /* formatTime */])(new Date(), "yyyy-MM-dd");
  3953. _this.dateWeek = _this.weekday[new Date().getDay()];
  3954. }, 1000);
  3955. },
  3956. cancelLoading: function cancelLoading() {
  3957. var _this2 = this;
  3958. setTimeout(function () {
  3959. _this2.loading = false;
  3960. }, 500);
  3961. }
  3962. }
  3963. });
  3964. // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-26ef42e6","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/echart1/index.vue
  3965. var echart1_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{"id":"index"}},[_c('dv-full-screen-container',{staticClass:"bg"},[(_vm.loading)?_c('dv-loading',[_vm._v("Loading...")]):_c('div',{staticClass:"host-body"},[_c('div',{staticClass:"d-flex jc-center"},[_c('dv-decoration-10',{staticStyle:{"width":"33.3%","height":".0625rem"}}),_vm._v(" "),_c('div',{staticClass:"d-flex jc-center"},[_c('dv-decoration-8',{staticStyle:{"width":"10.45vw","height":"2.62vw"},attrs:{"color":['#568aea', '#000000']}}),_vm._v(" "),_c('div',{staticClass:"title"},[_c('span',{staticClass:"title-text"},[_vm._v("安全管理系统")]),_vm._v(" "),_c('dv-decoration-6',{staticClass:"title-bototm",staticStyle:{"width":"13vw","height":".41vw","bottom":"-1.56vw"},attrs:{"reverse":true,"color":['#50e3c2', '#67a1e5']}})],1),_vm._v(" "),_c('dv-decoration-8',{staticStyle:{"width":"10.45vw","height":"2.62vw"},attrs:{"reverse":true,"color":['#568aea', '#000000']}})],1),_vm._v(" "),_c('dv-decoration-10',{staticStyle:{"width":"33.3%","height":".0625rem","transform":"rotateY(180deg)"}})],1),_vm._v(" "),_c('div',{staticClass:"d-flex jc-between px-2"},[_c('div',{staticClass:"d-flex",staticStyle:{"width":"40%"}},[_c('div',{staticClass:"react-right ml-4",staticStyle:{"width":"26vw","text-align":"left","background-color":"#0f1325"}},[_c('span',{staticClass:"react-before"}),_vm._v(" "),_c('span',{staticClass:"text"},[_vm._v("门锁概况")])]),_vm._v(" "),_c('div',{staticClass:"react-right ml-3",staticStyle:{"background-color":"#0f1325"}},[_c('span',{staticClass:"text colorBlue"},[_vm._v("地图")])])]),_vm._v(" "),_c('div',{staticClass:"d-flex",staticStyle:{"width":"40%"}},[_c('div',{staticClass:"react-left bg-color-blue mr-3"},[_c('span',{staticClass:"text fw-b"},[_vm._v("数据汇总")])]),_vm._v(" "),_c('div',{staticClass:"react-left mr-4",staticStyle:{"width":"26vw","background-color":"#0f1325","text-align":"right"}},[_c('span',{staticClass:"react-after"}),_vm._v(" "),_c('span',{staticClass:"text"},[_vm._v(_vm._s(_vm.dateYear)+" "+_vm._s(_vm.dateWeek)+" "+_vm._s(_vm.dateDay))])])])]),_vm._v(" "),_c('div',{staticClass:"body-box"},[_c('div',{staticClass:"content-box1"},[_c('div',[_c('dv-border-box-12',[_c('centerLeft1')],1)],1),_vm._v(" "),_c('div',[_c('dv-border-box-12',[_c('mapcom')],1)],1),_vm._v(" "),_c('div',[_c('dv-border-box-12',[_c('center1')],1)],1),_vm._v(" "),_c('div',[_c('dv-border-box-13',[_c('centerRight1')],1)],1)]),_vm._v(" "),_c('div',{staticClass:"bototm-box"},[_c('dv-border-box-13',{staticClass:"left50"},[_c('bottomLeft')],1),_vm._v(" "),_c('dv-border-box-12',{staticClass:"left50"},[_c('bottomRight')],1)],1)])])],1)],1)}
  3966. var echart1_staticRenderFns = []
  3967. var echart1_esExports = { render: echart1_render, staticRenderFns: echart1_staticRenderFns }
  3968. /* harmony default export */ var views_echart1 = (echart1_esExports);
  3969. // CONCATENATED MODULE: ./src/views/echart1/index.vue
  3970. function echart1_injectStyle (ssrContext) {
  3971. __webpack_require__("b52H")
  3972. }
  3973. var echart1_normalizeComponent = __webpack_require__("VU/8")
  3974. /* script */
  3975. /* template */
  3976. /* template functional */
  3977. var echart1___vue_template_functional__ = false
  3978. /* styles */
  3979. var echart1___vue_styles__ = echart1_injectStyle
  3980. /* scopeId */
  3981. var echart1___vue_scopeId__ = "data-v-26ef42e6"
  3982. /* moduleIdentifier (server only) */
  3983. var echart1___vue_module_identifier__ = null
  3984. var echart1_Component = echart1_normalizeComponent(
  3985. echart1,
  3986. views_echart1,
  3987. echart1___vue_template_functional__,
  3988. echart1___vue_styles__,
  3989. echart1___vue_scopeId__,
  3990. echart1___vue_module_identifier__
  3991. )
  3992. /* harmony default export */ var src_views_echart1 = __webpack_exports__["default"] = (echart1_Component.exports);
  3993. /***/ }),
  3994. /***/ "O5LK":
  3995. /***/ (function(module, exports) {
  3996. // removed by extract-text-webpack-plugin
  3997. /***/ }),
  3998. /***/ "QYKJ":
  3999. /***/ (function(module, exports) {
  4000. // removed by extract-text-webpack-plugin
  4001. /***/ }),
  4002. /***/ "Qb1M":
  4003. /***/ (function(module, exports) {
  4004. // removed by extract-text-webpack-plugin
  4005. /***/ }),
  4006. /***/ "Ri5f":
  4007. /***/ (function(module, exports) {
  4008. // removed by extract-text-webpack-plugin
  4009. /***/ }),
  4010. /***/ "VHiD":
  4011. /***/ (function(module, exports) {
  4012. // removed by extract-text-webpack-plugin
  4013. /***/ }),
  4014. /***/ "b52H":
  4015. /***/ (function(module, exports) {
  4016. // removed by extract-text-webpack-plugin
  4017. /***/ }),
  4018. /***/ "gxkn":
  4019. /***/ (function(module, exports) {
  4020. // removed by extract-text-webpack-plugin
  4021. /***/ }),
  4022. /***/ "i3o/":
  4023. /***/ (function(module, exports) {
  4024. // removed by extract-text-webpack-plugin
  4025. /***/ }),
  4026. /***/ "l8V4":
  4027. /***/ (function(module, exports) {
  4028. // removed by extract-text-webpack-plugin
  4029. /***/ }),
  4030. /***/ "qiKX":
  4031. /***/ (function(module, exports, __webpack_require__) {
  4032. var map = {
  4033. "./anhui.js": [
  4034. "LxaZ",
  4035. 130
  4036. ],
  4037. "./aomen.js": [
  4038. "bFhG",
  4039. 129
  4040. ],
  4041. "./beijing.js": [
  4042. "bIQF",
  4043. 128
  4044. ],
  4045. "./chongqing.js": [
  4046. "yOrR",
  4047. 127
  4048. ],
  4049. "./fujian.js": [
  4050. "MF5D",
  4051. 126
  4052. ],
  4053. "./gansu.js": [
  4054. "wlbM",
  4055. 125
  4056. ],
  4057. "./guangdong.js": [
  4058. "q8av",
  4059. 124
  4060. ],
  4061. "./guangxi.js": [
  4062. "d+A2",
  4063. 123
  4064. ],
  4065. "./guizhou.js": [
  4066. "gQu3",
  4067. 122
  4068. ],
  4069. "./hainan.js": [
  4070. "lWJF",
  4071. 121
  4072. ],
  4073. "./hebei.js": [
  4074. "fl3M",
  4075. 120
  4076. ],
  4077. "./heilongjiang.js": [
  4078. "rugJ",
  4079. 119
  4080. ],
  4081. "./henan.js": [
  4082. "uf2Q",
  4083. 118
  4084. ],
  4085. "./hubei.js": [
  4086. "BrxA",
  4087. 117
  4088. ],
  4089. "./hunan.js": [
  4090. "Bu9l",
  4091. 116
  4092. ],
  4093. "./jiangsu.js": [
  4094. "aM2Z",
  4095. 115
  4096. ],
  4097. "./jiangxi.js": [
  4098. "sLa+",
  4099. 114
  4100. ],
  4101. "./jilin.js": [
  4102. "RXgU",
  4103. 113
  4104. ],
  4105. "./liaoning.js": [
  4106. "4h20",
  4107. 112
  4108. ],
  4109. "./neimenggu.js": [
  4110. "+kzi",
  4111. 111
  4112. ],
  4113. "./ningxia.js": [
  4114. "DvFz",
  4115. 110
  4116. ],
  4117. "./qinghai.js": [
  4118. "+EQR",
  4119. 109
  4120. ],
  4121. "./shandong.js": [
  4122. "H/fg",
  4123. 108
  4124. ],
  4125. "./shanghai.js": [
  4126. "2UcM",
  4127. 107
  4128. ],
  4129. "./shanxi.js": [
  4130. "OPXM",
  4131. 106
  4132. ],
  4133. "./shanxi1.js": [
  4134. "GxeG",
  4135. 105
  4136. ],
  4137. "./sichuan.js": [
  4138. "LM7n",
  4139. 104
  4140. ],
  4141. "./taiwan.js": [
  4142. "2JxT",
  4143. 103
  4144. ],
  4145. "./tianjin.js": [
  4146. "ZpZ2",
  4147. 102
  4148. ],
  4149. "./xianggang.js": [
  4150. "Zb2g",
  4151. 101
  4152. ],
  4153. "./xinjiang.js": [
  4154. "3AnA",
  4155. 100
  4156. ],
  4157. "./xizang.js": [
  4158. "NWZx",
  4159. 99
  4160. ],
  4161. "./yunnan.js": [
  4162. "aZfD",
  4163. 98
  4164. ],
  4165. "./zhejiang.js": [
  4166. "Knpt",
  4167. 97
  4168. ]
  4169. };
  4170. function webpackAsyncContext(req) {
  4171. var ids = map[req];
  4172. if(!ids)
  4173. return Promise.reject(new Error("Cannot find module '" + req + "'."));
  4174. return __webpack_require__.e(ids[1]).then(function() {
  4175. return __webpack_require__(ids[0]);
  4176. });
  4177. };
  4178. webpackAsyncContext.keys = function webpackAsyncContextKeys() {
  4179. return Object.keys(map);
  4180. };
  4181. webpackAsyncContext.id = "qiKX";
  4182. module.exports = webpackAsyncContext;
  4183. /***/ }),
  4184. /***/ "rqFo":
  4185. /***/ (function(module, exports) {
  4186. // removed by extract-text-webpack-plugin
  4187. /***/ }),
  4188. /***/ "tcAE":
  4189. /***/ (function(module, exports, __webpack_require__) {
  4190. var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
  4191. * Licensed to the Apache Software Foundation (ASF) under one
  4192. * or more contributor license agreements. See the NOTICE file
  4193. * distributed with this work for additional information
  4194. * regarding copyright ownership. The ASF licenses this file
  4195. * to you under the Apache License, Version 2.0 (the
  4196. * "License"); you may not use this file except in compliance
  4197. * with the License. You may obtain a copy of the License at
  4198. *
  4199. * http://www.apache.org/licenses/LICENSE-2.0
  4200. *
  4201. * Unless required by applicable law or agreed to in writing,
  4202. * software distributed under the License is distributed on an
  4203. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  4204. * KIND, either express or implied. See the License for the
  4205. * specific language governing permissions and limitations
  4206. * under the License.
  4207. */
  4208. (function(root, factory) {
  4209. if (true) {
  4210. // AMD. Register as an anonymous module.
  4211. !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
  4212. __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
  4213. (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
  4214. __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
  4215. } else if (
  4216. typeof exports === 'object' &&
  4217. typeof exports.nodeName !== 'string'
  4218. ) {
  4219. // CommonJS
  4220. factory(exports, require('echarts'));
  4221. } else {
  4222. // Browser globals
  4223. factory({}, root.echarts);
  4224. }
  4225. })(this, function(exports, echarts) {
  4226. var log = function(msg) {
  4227. if (typeof console !== 'undefined') {
  4228. console && console.error && console.error(msg);
  4229. }
  4230. };
  4231. if (!echarts) {
  4232. log('ECharts is not Loaded');
  4233. return;
  4234. }
  4235. var colorPalette = [
  4236. '#2ec7c9',
  4237. '#b6a2de',
  4238. '#5ab1ef',
  4239. '#ffb980',
  4240. '#d87a80',
  4241. '#8d98b3',
  4242. '#e5cf0d',
  4243. '#97b552',
  4244. '#95706d',
  4245. '#dc69aa',
  4246. '#07a2a4',
  4247. '#9a7fd1',
  4248. '#588dd5',
  4249. '#f5994e',
  4250. '#c05050',
  4251. '#59678c',
  4252. '#c9ab00',
  4253. '#7eb00a',
  4254. '#6f5553',
  4255. '#c14089'
  4256. ];
  4257. var theme = {
  4258. color: colorPalette,
  4259. title: {
  4260. textStyle: {
  4261. fontWeight: 'normal',
  4262. color: '#008acd'
  4263. }
  4264. },
  4265. visualMap: {
  4266. itemWidth: 15,
  4267. color: ['#5ab1ef', '#e0ffff']
  4268. },
  4269. toolbox: {
  4270. iconStyle: {
  4271. normal: {
  4272. borderColor: colorPalette[0]
  4273. }
  4274. }
  4275. },
  4276. tooltip: {
  4277. backgroundColor: 'rgba(50,50,50,0.5)',
  4278. axisPointer: {
  4279. type: 'line',
  4280. lineStyle: {
  4281. color: '#008acd'
  4282. },
  4283. crossStyle: {
  4284. color: '#008acd'
  4285. },
  4286. shadowStyle: {
  4287. color: 'rgba(200,200,200,0.2)'
  4288. }
  4289. }
  4290. },
  4291. dataZoom: {
  4292. dataBackgroundColor: '#efefff',
  4293. fillerColor: 'rgba(182,162,222,0.2)',
  4294. handleColor: '#008acd'
  4295. },
  4296. grid: {
  4297. borderColor: '#eee'
  4298. },
  4299. categoryAxis: {
  4300. axisLine: {
  4301. lineStyle: {
  4302. color: '#008acd'
  4303. }
  4304. },
  4305. splitLine: {
  4306. lineStyle: {
  4307. color: ['#eee']
  4308. }
  4309. }
  4310. },
  4311. valueAxis: {
  4312. axisLine: {
  4313. lineStyle: {
  4314. color: '#008acd'
  4315. }
  4316. },
  4317. splitArea: {
  4318. show: true,
  4319. areaStyle: {
  4320. color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
  4321. }
  4322. },
  4323. splitLine: {
  4324. lineStyle: {
  4325. color: ['#eee']
  4326. }
  4327. }
  4328. },
  4329. timeline: {
  4330. lineStyle: {
  4331. color: '#008acd'
  4332. },
  4333. controlStyle: {
  4334. color: '#008acd',
  4335. borderColor: '#008acd'
  4336. },
  4337. symbol: 'emptyCircle',
  4338. symbolSize: 3
  4339. },
  4340. line: {
  4341. smooth: true,
  4342. symbol: 'emptyCircle',
  4343. symbolSize: 3
  4344. },
  4345. candlestick: {
  4346. itemStyle: {
  4347. color: '#d87a80',
  4348. color0: '#2ec7c9'
  4349. },
  4350. lineStyle: {
  4351. width: 1,
  4352. color: '#d87a80',
  4353. color0: '#2ec7c9'
  4354. },
  4355. areaStyle: {
  4356. color: '#2ec7c9',
  4357. color0: '#b6a2de'
  4358. }
  4359. },
  4360. scatter: {
  4361. symbol: 'circle',
  4362. symbolSize: 4
  4363. },
  4364. map: {
  4365. itemStyle: {
  4366. color: '#ddd'
  4367. },
  4368. areaStyle: {
  4369. color: '#fe994e'
  4370. },
  4371. label: {
  4372. color: '#d87a80'
  4373. }
  4374. },
  4375. graph: {
  4376. itemStyle: {
  4377. color: '#d87a80'
  4378. },
  4379. linkStyle: {
  4380. color: '#2ec7c9'
  4381. }
  4382. },
  4383. gauge: {
  4384. axisLine: {
  4385. lineStyle: {
  4386. color: [
  4387. [0.2, '#2ec7c9'],
  4388. [0.8, '#5ab1ef'],
  4389. [1, '#d87a80']
  4390. ],
  4391. width: 10
  4392. }
  4393. },
  4394. axisTick: {
  4395. splitNumber: 10,
  4396. length: 15,
  4397. lineStyle: {
  4398. color: 'auto'
  4399. }
  4400. },
  4401. splitLine: {
  4402. length: 22,
  4403. lineStyle: {
  4404. color: 'auto'
  4405. }
  4406. },
  4407. pointer: {
  4408. width: 5
  4409. }
  4410. }
  4411. };
  4412. echarts.registerTheme('macarons', theme);
  4413. });
  4414. /***/ }),
  4415. /***/ "uR4V":
  4416. /***/ (function(module, exports) {
  4417. // removed by extract-text-webpack-plugin
  4418. /***/ }),
  4419. /***/ "vEIa":
  4420. /***/ (function(module, exports) {
  4421. // removed by extract-text-webpack-plugin
  4422. /***/ }),
  4423. /***/ "vqBC":
  4424. /***/ (function(module, exports) {
  4425. // removed by extract-text-webpack-plugin
  4426. /***/ })
  4427. });