|
|
- webpackJsonp([4],{
-
- /***/ "3fDh":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "9IGF":
- /***/ (function(module, exports) {
-
- 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"
-
- /***/ }),
-
- /***/ "Bhwq":
- /***/ (function(module, exports, __webpack_require__) {
-
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
- (function (root, factory) {
- if (true) {
- // AMD. Register as an anonymous module.
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
- } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
- // CommonJS
- factory(exports, require('echarts'));
- } else {
- // Browser globals
- factory({}, root.echarts);
- }
- }(this, function (exports, echarts) {
- var log = function (msg) {
- if (typeof console !== 'undefined') {
- console && console.error && console.error(msg);
- }
- }
- if (!echarts) {
- log('ECharts is not Loaded');
- return;
- }
- if (!echarts.registerMap) {
- log('ECharts Map is not loaded')
- return;
- }
- echarts.registerMap('china', {"type":"FeatureCollection","features":[{"type":"Feature","id":"710000","properties":{"id":"710000","cp":[121.509062,24.044332],"name":"台湾","childNum":6},"geometry":{"type":"MultiPolygon","coordinates":[["@@°Ü¯Û"],["@@ƛĴÕƊÉɼģºðʀ\\ƎsÆNŌÔĚänÜƤɊĂǀĆĴĤNJŨxĚĮǂƺòƌâÔ®ĮXŦţƸZûÐƕƑGđ¨ĭMó·ęcëƝɉlÝƯֹÅŃ^Ó·śŃNjƏďíåɛGɉ¿@ăƑ¥ĘWǬÏĶŁâ"],["@@\\p|WoYG¿¥Ij@¢"],["@@
¡@V^RqBbAnTXeRz¤L«³I"],["@@ÆEEkWqë @"],["@@fced"],["@@¯ɜÄèaì¯ØǓIġĽ"],["@@çûĖëĄhòř "]],"encodeOffsets":[[[122886,24033]],[[123335,22980]],[[122375,24193]],[[122518,24117]],[[124427,22618]],[[124862,26043]],[[126259,26318]],[[127671,26683]]]}},{"type":"Feature","id":"130000","properties":{"id":"130000","cp":[114.502461,38.045474],"name":"河北","childNum":3},"geometry":{"type":"MultiPolygon","coordinates":[["@@o~Z]ªrºc_ħ²G¼s`jΟnüsÂłNX_M`ǽÓnUK
Ĝēs¤©yrý§uģcJe"],["@@U`Ts¿mÂ"],["@@oºƋÄdeVDJj£J|ÅdzÂFt~KŨ¸IÆv|¢r}èonb}`RÎÄn°ÒdÞ²^®lnÐèĄlðÓ×]ªÆ}LiñÖ`^°Ç¶p®đDcŋ`ZÔ¶êqvFÆN®ĆTH®¦O¾IbÐã´BĐɢŴÆíȦpĐÞXR·nndO¤OÀĈƒQgµFo|gȒęSWb©osx|hYhgŃfmÖĩnºTÌSp¢dYĤ¶UĈjlǐpäìë|³kÛfw²Xjz~ÂqbTÑěŨ@|oMzv¢ZrÃVw¬ŧĖ¸f°ÐTªqs{S¯r æÝlNd®²Ğ džiGĘJ¼lr}~K¨ŸƐÌWöÆzR¤lêmĞLÎ@¡|q]SvKÑcwpÏÏĿćènĪWlĄkT}J¤~ÈTdpddʾĬBVtEÀ¢ôPĎƗè@~kü\\rÊĔÖæW_§¼F´©òDòjYÈrbĞāøŀG{ƀ|¦ðrb|ÀH`pʞkvGpuARhÞÆǶgĘTǼƹS£¨¡ù³ŘÍ]¿ÂyôEP xX¶¹ÜO¡gÚ¡IwÃé¦ÅBÏ|Ç°
N«úmH¯âDùyŜŲIÄuШD¸dɂFOhđ©OiÃ`ww^ÌkÑH«ƇǤŗĺtFu
{Z}Ö@U´
ʚLg®¯Oı°Ãw ^VbÉsmA
ê]]w§RRl£ȭµu¯b{ÍDěïÿȧuT£ġěŗƃĝQ¨fVƋƅna@³@ďyýIĹÊKŭfċŰóxV@tƯJ]eR¾fe|rHA|h~Ėƍl§ÏlTíb ØoÅbbx³^zÃĶ¶Sj®AyÂhðk`«P˵EFÛ¬Y¨Ļrõqi¼Wi°§Ð±´°^[À|ĠO@ÆxO\\ta\\tĕtû{ġȧXýĪÓjùÎRb^ÎfK[ÝděYfíÙTyuUSyŌŏů@Oi½éŅaVcř§ax¹XŻácWU£ôãºQ¨÷Ñws¥qEHÙ|šYQoŕÇyáĂ£MðoťÊP¡mWO¡v{ôvîēÜISpÌhp¨ jdeŔQÖjX³àĈ[n`Yp@UcM`RKhEbpŞlNut®EtqnsÁgAiúoHqCXhfgu~ÏWP½¢G^}¯ÅīGCÑ^ãziMáļMTÃƘrMc|O_¯Ŏ´|morDkO\\mĆJfl@cĢ¬¢aĦtRıÒ¾ùƀ^juųœKUFyƝ
īÛ÷ąV×qƥV¿aȉd³BqPBmaËđŻģmÅ®V¹d^KKonYg¯XhqaLdu¥ÍpDž¡KąÅkĝęěhq}HyÃ]¹ǧ£
Í÷¿qᵧg¤o^á¾ZE¤i`ij{nOl»WÝĔįhgF[¿¡ßkOüš_ūiDZàUtėGyl}ÓM}jpEC~¡FtoQiHkk{Ãmï"]],"encodeOffsets":[[[119712,40641]],[[121616,39981]],[[116462,37237]]]}},{"type":"Feature","id":"140000","properties":{"id":"140000","cp":[111.849248,36.857014],"name":"山西","childNum":1},"geometry":{"type":"Polygon","coordinates":["@@ÞĩÒSra}ÁyWix±Üe´lèßÓǏokćiµVZģ¡coTS˹ĪmnÕńehZg{gtwªpXaĚThȑp{¶Eh®RćƑP¿£Pmc¸mQÝWďȥoÅîɡųAďä³aÏJ½¥PGąSM
EÅruµéYÓŌ_dĒCoȵ]¯_²ÕjāK~©ÅØ^ÔkïçămÏk]±cݯÑÃmQÍ~_apm
~ç¡qu{JÅŧ·Ls}EyÁÆcI{¤IiCfUcƌÃp§]ě«vD@¡SÀµMÅwuYY¡DbÑc¡h×]nkoQdaMç~eDÛtT©±@¥ù@É¡ZcW|WqOJmĩl«ħşvOÓ«IqăV¥D[mI~Ó¢cehiÍ]Ɠ~ĥqX·eƷn±}v[ěďŕ]_œ`¹§ÕōIo©bs^}Ét±ū«³p£ÿ·Wµ|¡¥ăFÏs×¥ŅxÊdÒ{ºvĴÎêÌɊ²¶ü¨|ÞƸµȲLLúÉƎ¤ϊęĔV`_bªS^|dzY|dz¥pZbÆ£¶ÒK}tĦÔņƠPYznÍvX¶Ěn ĠÔzý¦ª÷ÑĸÙUȌ¸dòÜJð´ìúNM¬XZ´¤ŊǸ_tldI{¦ƀðĠȤ¥NehXnYGR° ƬDj¬¸|CĞKqºfƐiĺ©ª~ĆOQª ¤@ìǦ�
- }));
-
-
- /***/ }),
-
- /***/ "HsBM":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "K65M":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "KPkt":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "Kxl7":
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
-
- "use strict";
- Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-
- // EXTERNAL MODULE: ./src/utils/index.js
- var utils = __webpack_require__("0xDb");
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/extends.js
- var helpers_extends = __webpack_require__("Dd8w");
- var extends_default = /*#__PURE__*/__webpack_require__.n(helpers_extends);
-
- // EXTERNAL MODULE: ./src/common/echart/index.vue + 4 modules
- var echart = __webpack_require__("C3+4");
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/echart/centerLeft/centerLeft1Chart/chart.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- color: ["#37a2da", "#32c5e9", "#9fe6b8", "#ffdb5c", "#ff9f7f", "#fb7293", "#e7bcf3", "#8378ea"],
- tooltip: {
- trigger: "item",
- formatter: "{a} <br/>{b} : {c} ({d}%)",
- textStyle: {
- fontSize: '16'
- }
- },
- toolbox: {
- show: false
- },
- calculable: true,
- // legend: {
- // orient: "vertical",
- // icon: "circle",
- // bottom: 0,
- // x: "left",
- // data: newData.xData,
- // textStyle: {
- // color: "#fff"
- // }
- // },
- series: [{
- name: "电量统计",
- type: "pie",
- radius: "50%",
- data: newData.seriesData,
- emphasis: {
- itemStyle: {
- shadowBlur: 10,
- shadowOffsetX: 0,
- shadowColor: "rgba(0, 0, 0, 0.5)"
- }
- }
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-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
- 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)}
- var staticRenderFns = []
- var esExports = { render: render, staticRenderFns: staticRenderFns }
- /* harmony default export */ var centerLeft1Chart_chart = (esExports);
- // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft1Chart/chart.vue
- function injectStyle (ssrContext) {
- __webpack_require__("O5LK")
- }
- var normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var __vue_template_functional__ = false
- /* styles */
- var __vue_styles__ = injectStyle
- /* scopeId */
- var __vue_scopeId__ = "data-v-be7d33a2"
- /* moduleIdentifier (server only) */
- var __vue_module_identifier__ = null
- var Component = normalizeComponent(
- chart,
- centerLeft1Chart_chart,
- __vue_template_functional__,
- __vue_styles__,
- __vue_scopeId__,
- __vue_module_identifier__
- )
-
- /* harmony default export */ var centerLeft_centerLeft1Chart_chart = (Component.exports);
-
- // EXTERNAL MODULE: ./src/api/index.js + 5 modules
- var api = __webpack_require__("gyMJ");
-
- // 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
- //
- //
- //
- //
- //
- //
-
-
-
- /* harmony default export */ var centerLeft1Chart = ({
- data: function data() {
- return {
- cdata: {
- xData: ["电量(0-20%)", "电量(20-40%)", "电量(40-60%)", "电量(60-80%)", "电量(80-100%)"],
- seriesData: [{ value: 0, name: "电量(0-20%)" }, { value: 0, name: "电量(20-40%)" }, { value: 0, name: "电量(40-60%)" }, { value: 0, name: "电量(60-80%)" }, { value: 0, name: "电量(80-100%)" }]
- }
- };
- },
-
- components: {
- Chart: centerLeft_centerLeft1Chart_chart
- },
- mounted: function mounted() {
- this.getcard();
- },
-
- methods: {
- getcard: function getcard() {
- var _this = this;
-
- Object(api["d" /* httpGet */])("", "/v1/statistics/analysis/" + -1).then(function (res) {
- // var numberData=this.numberData
- _this.$store.commit("setUser", res);
- _this.cdata.seriesData[0].value = res.batteryLevel1;
- _this.cdata.seriesData[1].value = res.batteryLevel2;
- _this.cdata.seriesData[2].value = res.batteryLevel3;
- _this.cdata.seriesData[3].value = res.batteryLevel4;
- _this.cdata.seriesData[4].value = res.batteryLevel5;
- });
- }
- }
- });
- // 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
- 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)}
- var centerLeft1Chart_staticRenderFns = []
- var centerLeft1Chart_esExports = { render: centerLeft1Chart_render, staticRenderFns: centerLeft1Chart_staticRenderFns }
- /* harmony default export */ var centerLeft_centerLeft1Chart = (centerLeft1Chart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft1Chart/index.vue
- function centerLeft1Chart_injectStyle (ssrContext) {
- __webpack_require__("KPkt")
- }
- var centerLeft1Chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerLeft1Chart___vue_template_functional__ = false
- /* styles */
- var centerLeft1Chart___vue_styles__ = centerLeft1Chart_injectStyle
- /* scopeId */
- var centerLeft1Chart___vue_scopeId__ = "data-v-48181b42"
- /* moduleIdentifier (server only) */
- var centerLeft1Chart___vue_module_identifier__ = null
- var centerLeft1Chart_Component = centerLeft1Chart_normalizeComponent(
- centerLeft1Chart,
- centerLeft_centerLeft1Chart,
- centerLeft1Chart___vue_template_functional__,
- centerLeft1Chart___vue_styles__,
- centerLeft1Chart___vue_scopeId__,
- centerLeft1Chart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_centerLeft_centerLeft1Chart = (centerLeft1Chart_Component.exports);
-
- // EXTERNAL MODULE: ./src/api/allFun.js
- var allFun = __webpack_require__("mprh");
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerLeft1.vue
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var centerLeft1 = ({
- data: function data() {
- return {
- numberstatu: true,
- numberData: [{
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- },
- text: "在线数"
- }, {
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- },
- text: "门锁总数"
- }, {
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- },
- text: "离线数"
- }, {
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- },
- text: "异常数"
- }]
- };
- },
- created: function created() {},
-
- components: {
- CenterLeft1Chart: echart_centerLeft_centerLeft1Chart
- },
- mounted: function mounted() {
- this.getcard();
- this.changeTiming();
- },
-
- methods: {
- // 获取门卡概况
- getcard: function getcard() {
- var _this = this;
-
- allFun["a" /* default */].getAnalysis("", -1, function (callback) {
- _this.numberData[1].number.number[0] = callback.operationTotal;
- _this.numberData[0].number.number[0] = callback.onlineTotal;
- _this.numberData[2].number.number[0] = callback.offlineTotal;
- _this.numberData[3].number.number[0] = callback.isAppBind;
- });
- },
- changeTiming: function changeTiming() {
- var _this2 = this;
-
- setTimeout(function () {
- _this2.changeNumber();
- }, 1000);
- },
- changeNumber: function changeNumber() {
- this.numberData.forEach(function (item, index) {
- // item.number.number[0] += ++index;
- item.number = extends_default()({}, item.number);
- });
- }
- }
- });
- // 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
- 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)])])}
- var centerLeft1_staticRenderFns = []
- var centerLeft1_esExports = { render: centerLeft1_render, staticRenderFns: centerLeft1_staticRenderFns }
- /* harmony default export */ var echart1_centerLeft1 = (centerLeft1_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/centerLeft1.vue
- function centerLeft1_injectStyle (ssrContext) {
- __webpack_require__("vqBC")
- }
- var centerLeft1_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerLeft1___vue_template_functional__ = false
- /* styles */
- var centerLeft1___vue_styles__ = centerLeft1_injectStyle
- /* scopeId */
- var centerLeft1___vue_scopeId__ = "data-v-0a5a4847"
- /* moduleIdentifier (server only) */
- var centerLeft1___vue_module_identifier__ = null
- var centerLeft1_Component = centerLeft1_normalizeComponent(
- centerLeft1,
- echart1_centerLeft1,
- centerLeft1___vue_template_functional__,
- centerLeft1___vue_styles__,
- centerLeft1___vue_scopeId__,
- centerLeft1___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_centerLeft1 = (centerLeft1_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var centerLeft2Chart_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Array,
- default: function _default() {
- return [];
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- // 设置点的位置(经纬度)
- var geoCoordMap = {
- 光明区深圳理工: [113.935895, 22.748816, 20]
- };
- var seriesData = [{
- name: '光明区深圳理工'
- }];
- var convertData = function convertData(data) {
- var scatterData = [];
- for (var i = 0; i < data.length; i++) {
- var geoCoord = geoCoordMap[data[i].name];
- if (geoCoord) {
- scatterData.push({
- name: data[i].name,
- value: geoCoord.concat(data[i].value)
- });
- }
- }
- return scatterData;
- };
- this.options = {
- showLegendSymbol: true,
- tooltip: {
- trigger: 'item',
- textStyle: {
- fontSize: 14,
- lineHeight: 22
- },
- position: function position(point) {
- // 固定在顶部
- return [point[0] + 50, point[1] - 20];
- }
- // 如果需要自定义 tooltip样式,需要使用formatter
- /*
- formatter: params => {
- return `<div style=""> ... </div>`
- }
- */
- },
- visualMap: {
- min: 0,
- max: 10,
- show: false,
- seriesIndex: 0,
- // 颜色
- inRange: {
- color: ['rgba(41,166,206, .5)', 'rgba(69,117,245, .9)']
- }
- },
- // 底部背景
- geo: {
- show: true,
- aspectScale: 0.85, //长宽比
- zoom: 1.2,
- top: '10%',
- left: '16%',
- map: '深圳',
- roam: false,
- itemStyle: {
- normal: {
- areaColor: 'rgba(0,0,0,0)',
- shadowColor: 'rgba(7,114,204, .8)',
- shadowOffsetX: 5,
- shadowOffsetY: 5
- },
- emphasis: {
- areaColor: '#00aeef'
- }
- }
- },
- series: [{
- name: '相关指数',
- type: 'map',
- aspectScale: 0.85, //长宽比
- zoom: 1.2,
- mapType: '深圳', // 自定义扩展图表类型
- top: '10%',
- left: '16%',
- itemStyle: {
- normal: {
- color: 'red',
- areaColor: 'rgba(19,54,162, .5)',
- borderColor: 'rgba(0,242,252,.3)',
- borderWidth: 1,
- shadowBlur: 7,
- shadowColor: '#00f2fc'
- },
- emphasis: {
- areaColor: '#4f7fff',
- borderColor: 'rgba(0,242,252,.6)',
- borderWidth: 2,
- shadowBlur: 10,
- shadowColor: '#00f2fc'
- }
- },
- label: {
- formatter: function formatter(params) {
- return '' + params.name;
- },
- show: true,
- position: 'insideRight',
- textStyle: {
- fontSize: 14,
- color: '#efefef'
- },
- emphasis: {
- textStyle: {
- color: '#fff'
- }
- }
- },
- data: newData
- }, {
- type: 'effectScatter',
- coordinateSystem: 'geo',
- symbolSize: 7,
- effectType: 'ripple',
- legendHoverLink: false,
- showEffectOn: 'render',
- rippleEffect: {
- period: 4,
- scale: 2.5,
- brushType: 'stroke'
- },
- zlevel: 1,
- itemStyle: {
- normal: {
- color: '#99FBFE',
- shadowBlur: 5,
- shadowColor: '#fff'
- }
- },
- data: convertData(seriesData)
- }]
- };
- // 重新选择区域
- this.handleMapRandomSelect();
- },
-
- immediate: true,
- deep: true
- }
- },
- methods: {
- // 开启定时器
- startInterval: function startInterval() {
- var _self = this;
- // 应通过接口获取配置时间,暂时写死5s
- var time = 2000;
- if (this.intervalId !== null) {
- clearInterval(this.intervalId);
- }
- this.intervalId = setInterval(function () {
- _self.reSelectMapRandomArea();
- }, time);
- },
-
- // 重新随机选中地图区域
- reSelectMapRandomArea: function reSelectMapRandomArea() {
- var length = 9;
- // this.$nextTick(() => {
- var map = this.$refs.centreLeft2ChartRef.chart;
- var index = Math.floor(Math.random() * length);
- while (index === this.preSelectMapIndex || index >= length) {
- index = Math.floor(Math.random() * length);
- }
- map.dispatchAction({
- type: 'mapUnSelect',
- seriesIndex: 0,
- dataIndex: this.preSelectMapIndex
- });
- map.dispatchAction({
- type: 'showTip',
- seriesIndex: 0,
- dataIndex: index
- });
- map.dispatchAction({
- type: 'mapSelect',
- seriesIndex: 0,
- dataIndex: index
- });
- this.preSelectMapIndex = index;
- // });
- },
- handleMapRandomSelect: function handleMapRandomSelect() {
- var _this = this;
-
- this.$nextTick(function () {
- var map = _this.$refs.centreLeft2ChartRef.chart;
- var _self = _this;
- setTimeout(function () {
- _self.reSelectMapRandomArea();
- }, 0);
- // 移入区域,清除定时器、取消之前选中并选中当前
- map.on('mouseover', function (params) {
- clearInterval(_self.intervalId);
- map.dispatchAction({
- type: 'mapUnSelect',
- seriesIndex: 0,
- dataIndex: _self.preSelectMapIndex
- });
- map.dispatchAction({
- type: 'mapSelect',
- seriesIndex: 0,
- dataIndex: params.dataIndex
- });
- _self.preSelectMapIndex = params.dataIndex;
- });
- // 移出区域重新随机选中地图区域,并开启定时器
- map.on('globalout', function () {
- _self.reSelectMapRandomArea();
- _self.startInterval();
- });
- _this.startInterval();
- });
- }
- },
- destroyed: function destroyed() {
- clearInterval(this.intervalId);
- }
- });
- // 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
- 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)}
- var chart_staticRenderFns = []
- var chart_esExports = { render: chart_render, staticRenderFns: chart_staticRenderFns }
- /* harmony default export */ var centerLeft_centerLeft2Chart_chart = (chart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft2Chart/chart.vue
- var chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var chart___vue_template_functional__ = false
- /* styles */
- var chart___vue_styles__ = null
- /* scopeId */
- var chart___vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var chart___vue_module_identifier__ = null
- var chart_Component = chart_normalizeComponent(
- centerLeft2Chart_chart,
- centerLeft_centerLeft2Chart_chart,
- chart___vue_template_functional__,
- chart___vue_styles__,
- chart___vue_scopeId__,
- chart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_centerLeft_centerLeft2Chart_chart = (chart_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var centerLeft2Chart = ({
- data: function data() {
- return {
- cdata: [{
- // 名字需要与 “common/map/fujian.js” 地图数据文件里面定义的一一对应,不能是 “福州” 或者 “闽” 之类的缩写
- name: "深圳市",
- value: 0,
- elseData: {
- // 这里放置地图 tooltip 里想显示的数据
- }
- }, {
- name: "光明区深圳理工",
- value: 0
- }]
- };
- },
-
- components: {
- Chart: echart_centerLeft_centerLeft2Chart_chart
- },
- mounted: function mounted() {
- var _this = this;
-
- setTimeout(function () {
- _this.cdata[0].value = _this.$store.state.seriesData.operationTotal;
- _this.cdata[1].value = _this.$store.state.seriesData.operationTotal;
- }, 500);
- },
-
- methods: {
- getcard: function getcard() {
- var _this2 = this;
-
- allFun["a" /* default */].getAnalysis("", -1, function (callback) {
- _this2.cdata[1].value = callback.operationTotal;
- _this2.cdata[0].value = callback.operationTotal;
- });
- }
- }
- });
- // 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
- 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)}
- var centerLeft2Chart_staticRenderFns = []
- var centerLeft2Chart_esExports = { render: centerLeft2Chart_render, staticRenderFns: centerLeft2Chart_staticRenderFns }
- /* harmony default export */ var centerLeft_centerLeft2Chart = (centerLeft2Chart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/centerLeft/centerLeft2Chart/index.vue
- function centerLeft2Chart_injectStyle (ssrContext) {
- __webpack_require__("gxkn")
- }
- var centerLeft2Chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerLeft2Chart___vue_template_functional__ = false
- /* styles */
- var centerLeft2Chart___vue_styles__ = centerLeft2Chart_injectStyle
- /* scopeId */
- var centerLeft2Chart___vue_scopeId__ = "data-v-436650b8"
- /* moduleIdentifier (server only) */
- var centerLeft2Chart___vue_module_identifier__ = null
- var centerLeft2Chart_Component = centerLeft2Chart_normalizeComponent(
- centerLeft2Chart,
- centerLeft_centerLeft2Chart,
- centerLeft2Chart___vue_template_functional__,
- centerLeft2Chart___vue_styles__,
- centerLeft2Chart___vue_scopeId__,
- centerLeft2Chart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_centerLeft_centerLeft2Chart = (centerLeft2Chart_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerLeft2.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var centerLeft2 = ({
- data: function data() {
- return {};
- },
-
- components: {
- CenterLeft2Chart: echart_centerLeft_centerLeft2Chart
- },
- mounted: function mounted() {},
-
- methods: {}
- });
- // 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
- 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)])])}
- 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("项目概况")])])}]
- var centerLeft2_esExports = { render: centerLeft2_render, staticRenderFns: centerLeft2_staticRenderFns }
- /* harmony default export */ var echart1_centerLeft2 = (centerLeft2_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/centerLeft2.vue
- function centerLeft2_injectStyle (ssrContext) {
- __webpack_require__("HsBM")
- }
- var centerLeft2_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerLeft2___vue_template_functional__ = false
- /* styles */
- var centerLeft2___vue_styles__ = centerLeft2_injectStyle
- /* scopeId */
- var centerLeft2___vue_scopeId__ = "data-v-6aa092ee"
- /* moduleIdentifier (server only) */
- var centerLeft2___vue_module_identifier__ = null
- var centerLeft2_Component = centerLeft2_normalizeComponent(
- centerLeft2,
- echart1_centerLeft2,
- centerLeft2___vue_template_functional__,
- centerLeft2___vue_styles__,
- centerLeft2___vue_scopeId__,
- centerLeft2___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_centerLeft2 = (centerLeft2_Component.exports);
-
- // EXTERNAL MODULE: ./node_modules/moment/moment.js
- var moment = __webpack_require__("PJh5");
- var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerRight1.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
- /* harmony default export */ var centerRight1 = ({
- data: function data() {
- return {
- config: {
- header: ["开锁方式", "次数", "人数", "时间"],
- data: [["", "", "", ""]],
- rowNum: 8, //表格行数
- headerHeight: 35,
- headerBGC: "#0f1325", //表头
- oddRowBGC: "#0f1325", //奇数行
- evenRowBGC: "#171c33", //偶数行
- index: false,
- columnWidth: [300, 200, 200, 300],
- align: ["center"]
- },
- devicestatus: true,
- dialogVisible: false,
- logList: [],
- openlist: [{
- openType: 1,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 2,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 3,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 4,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 5,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 6,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 7,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 8,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }, {
- openType: 9,
- name: "",
- total: 0,
- num: 0,
- time: moment_default()().format("YYYY-MM-DD")
- }]
- };
- },
-
- components: {},
- created: function created() {
- // httpGet('',this.$api.getOpenRecordList).then(res=>{})
- },
- mounted: function mounted() {
- this.getcard();
- },
-
- methods: {
- logdialog: function logdialog() {
- this.dialogVisible = true;
- },
- timestampToTime: function timestampToTime(cjsj) {
- if (cjsj.toString().length == 10) {
- cjsj = cjsj * 1000;
- }
- var date = new Date(cjsj); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
- var Y = date.getFullYear() + "-";
- var M = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-";
- var D = (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
- var h = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
- var m = (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":";
- var s = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
- return Y + M + D + h + m + s;
- },
- getcard: function getcard() {
- var _this = this;
-
- var that = this;
- var str = new Date().getTime() / 1000;
- var str1 = new Date(new Date().toLocaleDateString()).getTime() / 1000;
- var data1 = {
- start: parseInt(str1),
- end: parseInt(str)
- };
- Object(api["d" /* httpGet */])(data1, this.$api.orderLockOpen).then(function (res) {
- var data = [];
-
- res.data.map(function (li, index) {
- li["num"] = 0;
- });
- var openlist = _this.openlist;
- _this.hbFun(res.data, function (data1) {
- data1.forEach(function (ll, index) {
- openlist[ll.openType] = ll;
- });
- openlist.map(function (li, index) {
- var str = "";
- switch (li.openType) {
- case 1:
- str = "指纹";
- break;
- case 2:
- str = "数字键盘";
- break;
- case 3:
- str = "NFC";
- break;
- case 4:
- str = "机械钥匙";
- break;
- case 5:
- str = "蓝牙";
- break;
- case 6:
- str = "NB";
- break;
- case 7:
- str = "身份证";
- break;
- case 8:
- str = "单机密码";
- break;
- case 9:
- str = "人脸";
- break;
- default:
- break;
- }
- var str1 = [str, li.total, li.num, li.time];
- data.push(str1);
- });
- data.splice(0, 1);
- that.devicestatus = false;
- that.$nextTick(function () {
- that.config.data = data;
- that.logList = res.data.list;
- that.devicestatus = true;
- });
- });
- });
- },
- hbFun: function hbFun(arrayName, callback) {
- var idArray = [];
- var newAarray = [];
- arrayName.forEach(function (ele, i) {
- if (idArray.indexOf(arrayName[i].openType) === -1) {
- var num = arrayName[i].num + 1;
- newAarray.push({
- openType: arrayName[i].openType,
- name: arrayName[i].name,
- total: arrayName[i].total,
- num: num,
- time: moment_default()().format("YYYY-MM-DD")
- });
- idArray.push(arrayName[i].openType);
- } else {
- newAarray.forEach(function (dom, k) {
- if (newAarray[k].openType == arrayName[i].openType) {
- //把具有相同id的course值进行合并
- var num = parseInt(newAarray[k].total);
- var num1 = parseInt(arrayName[i].total);
- newAarray[k].total = num + num1;
- newAarray[k].num += 1;
- }
- });
- }
- });
- callback(newAarray);
- }
- }
- });
- // 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
- 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)}
- 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("开锁记录")])])}]
- var centerRight1_esExports = { render: centerRight1_render, staticRenderFns: centerRight1_staticRenderFns }
- /* harmony default export */ var echart1_centerRight1 = (centerRight1_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/centerRight1.vue
- function centerRight1_injectStyle (ssrContext) {
- __webpack_require__("3fDh")
- }
- var centerRight1_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerRight1___vue_template_functional__ = false
- /* styles */
- var centerRight1___vue_styles__ = centerRight1_injectStyle
- /* scopeId */
- var centerRight1___vue_scopeId__ = "data-v-0f8603e7"
- /* moduleIdentifier (server only) */
- var centerRight1___vue_module_identifier__ = null
- var centerRight1_Component = centerRight1_normalizeComponent(
- centerRight1,
- echart1_centerRight1,
- centerRight1___vue_template_functional__,
- centerRight1___vue_styles__,
- centerRight1___vue_scopeId__,
- centerRight1___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_centerRight1 = (centerRight1_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var centerRightChart_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- // 固定样式数据
- var lineStyle = {
- normal: {
- width: 1,
- opacity: 0.5
- }
- };
-
- this.options = {
- radar: {
- indicator: newData.indicatorData,
- shape: "circle",
- splitNumber: 5,
- name: {
- textStyle: {
- color: "rgb(238, 197, 102)"
- }
- },
- splitLine: {
- lineStyle: {
- 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()
- }
- },
- splitArea: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: "rgba(238, 197, 102, 0.5)"
- }
- }
- },
- series: [{
- name: "北京",
- type: "radar",
- lineStyle: lineStyle,
- data: newData.dataBJ,
- symbol: "none",
- itemStyle: {
- normal: {
- color: "#F9713C"
- }
- },
- areaStyle: {
- normal: {
- opacity: 0.1
- }
- }
- }, {
- name: "上海",
- type: "radar",
- lineStyle: lineStyle,
- data: newData.dataSH,
- symbol: "none",
- itemStyle: {
- normal: {
- color: "#B3E4A1"
- }
- },
- areaStyle: {
- normal: {
- opacity: 0.05
- }
- }
- }, {
- name: "广州",
- type: "radar",
- lineStyle: lineStyle,
- data: newData.dataGZ,
- symbol: "none",
- itemStyle: {
- normal: {
- color: "rgb(238, 197, 102)"
- }
- },
- areaStyle: {
- normal: {
- opacity: 0.05
- }
- } //end
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // 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
- 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)}
- var centerRightChart_chart_staticRenderFns = []
- var centerRightChart_chart_esExports = { render: centerRightChart_chart_render, staticRenderFns: centerRightChart_chart_staticRenderFns }
- /* harmony default export */ var centerRight_centerRightChart_chart = (centerRightChart_chart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/centerRight/centerRightChart/chart.vue
- var centerRightChart_chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerRightChart_chart___vue_template_functional__ = false
- /* styles */
- var centerRightChart_chart___vue_styles__ = null
- /* scopeId */
- var centerRightChart_chart___vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var centerRightChart_chart___vue_module_identifier__ = null
- var centerRightChart_chart_Component = centerRightChart_chart_normalizeComponent(
- centerRightChart_chart,
- centerRight_centerRightChart_chart,
- centerRightChart_chart___vue_template_functional__,
- centerRightChart_chart___vue_styles__,
- centerRightChart_chart___vue_scopeId__,
- centerRightChart_chart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_centerRight_centerRightChart_chart = (centerRightChart_chart_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var centerRightChart = ({
- data: function data() {
- return {
- cdata: {
- 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 }],
- 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]],
- 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]],
- 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]]
- }
- };
- },
-
- components: {
- Chart: echart_centerRight_centerRightChart_chart
- },
- mounted: function mounted() {},
-
- methods: {}
- });
- // 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
- 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)}
- var centerRightChart_staticRenderFns = []
- var centerRightChart_esExports = { render: centerRightChart_render, staticRenderFns: centerRightChart_staticRenderFns }
- /* harmony default export */ var centerRight_centerRightChart = (centerRightChart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/centerRight/centerRightChart/index.vue
- function centerRightChart_injectStyle (ssrContext) {
- __webpack_require__("Qb1M")
- }
- var centerRightChart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerRightChart___vue_template_functional__ = false
- /* styles */
- var centerRightChart___vue_styles__ = centerRightChart_injectStyle
- /* scopeId */
- var centerRightChart___vue_scopeId__ = "data-v-4425cec2"
- /* moduleIdentifier (server only) */
- var centerRightChart___vue_module_identifier__ = null
- var centerRightChart_Component = centerRightChart_normalizeComponent(
- centerRightChart,
- centerRight_centerRightChart,
- centerRightChart___vue_template_functional__,
- centerRightChart___vue_styles__,
- centerRightChart___vue_scopeId__,
- centerRightChart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_centerRight_centerRightChart = (centerRightChart_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/centerRight2.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
- /* harmony default export */ var centerRight2 = ({
- data: function data() {
- return {
- config: {
- data: [{
- name: "南阳",
- value: 167
- }, {
- name: "周口",
- value: 67
- }, {
- name: "漯河",
- value: 123
- }, {
- name: "郑州",
- value: 55
- }, {
- name: "西峡",
- value: 98
- }]
- }
- };
- },
-
- components: { centerRight2Chart1: echart_centerRight_centerRightChart },
- mounted: function mounted() {},
-
- methods: {}
- });
- // 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
- 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)])])}
- var centerRight2_staticRenderFns = []
- var centerRight2_esExports = { render: centerRight2_render, staticRenderFns: centerRight2_staticRenderFns }
- /* harmony default export */ var echart1_centerRight2 = (centerRight2_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/centerRight2.vue
- function centerRight2_injectStyle (ssrContext) {
- __webpack_require__("VHiD")
- }
- var centerRight2_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerRight2___vue_template_functional__ = false
- /* styles */
- var centerRight2___vue_styles__ = centerRight2_injectStyle
- /* scopeId */
- var centerRight2___vue_scopeId__ = "data-v-e8d27d44"
- /* moduleIdentifier (server only) */
- var centerRight2___vue_module_identifier__ = null
- var centerRight2_Component = centerRight2_normalizeComponent(
- centerRight2,
- echart1_centerRight2,
- centerRight2___vue_template_functional__,
- centerRight2___vue_styles__,
- centerRight2___vue_scopeId__,
- centerRight2___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_centerRight2 = (centerRight2_Component.exports);
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
- var stringify = __webpack_require__("mvHQ");
- var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
-
- // 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
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var centerChartRate = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- id: {
- type: String,
- required: true,
- default: "chartRate"
- },
- tips: {
- type: Number,
- required: true,
- default: 50
- },
- colorObj: {
- type: Object,
- default: function _default() {
- return {
- textStyle: "#3fc0fb",
- series: {
- color: ["#00bcd44a", "transparent"],
- dataColor: {
- normal: "#03a9f4",
- shadowColor: "#97e2f5"
- }
- }
- };
- }
- }
- },
- watch: {
- // tips 是会变更的数据,所以进行监听
- tips: {
- handler: function handler(newData) {
- this.options = {
- title: {
- text: newData * 1 + "%",
- x: "center",
- y: "center",
- textStyle: {
- color: this.colorObj.textStyle,
- fontSize: 16
- }
- },
- series: [{
- type: "pie",
- radius: ["75%", "80%"],
- center: ["50%", "50%"],
- hoverAnimation: false,
- color: this.colorObj.series.color,
- label: {
- normal: {
- show: false
- }
- },
- data: [{
- value: newData,
- itemStyle: {
- normal: {
- color: this.colorObj.series.dataColor.normal,
- shadowBlur: 10,
- shadowColor: this.colorObj.series.dataColor.shadowColor
- }
- }
- }, {
- value: 100 - newData
- }]
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // 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
- 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)}
- var centerChartRate_staticRenderFns = []
- var centerChartRate_esExports = { render: centerChartRate_render, staticRenderFns: centerChartRate_staticRenderFns }
- /* harmony default export */ var center_centerChartRate = (centerChartRate_esExports);
- // CONCATENATED MODULE: ./src/components/echart/center/centerChartRate/index.vue
- function centerChartRate_injectStyle (ssrContext) {
- __webpack_require__("vEIa")
- }
- var centerChartRate_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var centerChartRate___vue_template_functional__ = false
- /* styles */
- var centerChartRate___vue_styles__ = centerChartRate_injectStyle
- /* scopeId */
- var centerChartRate___vue_scopeId__ = "data-v-5a853044"
- /* moduleIdentifier (server only) */
- var centerChartRate___vue_module_identifier__ = null
- var centerChartRate_Component = centerChartRate_normalizeComponent(
- centerChartRate,
- center_centerChartRate,
- centerChartRate___vue_template_functional__,
- centerChartRate___vue_styles__,
- centerChartRate___vue_scopeId__,
- centerChartRate___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_center_centerChartRate = (centerChartRate_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/center.vue
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
-
- /* harmony default export */ var center = ({
- data: function data() {
- return {
- itemlist: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- dialogVisible: false,
- itemstatus: true,
- itemstatus1: true,
- LeaveSchool: [],
- LeaveSchool1: [],
- leavetotal: 0,
- currentPage4: 1,
- pageSize: 1,
- itemnum: 0,
- options: {
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow" // 默认为直线,可选为:'line' | 'shadow'
- }
- },
- grid: {
- left: "3%",
- right: "4%",
- bottom: "3%",
- containLabel: true
- },
- xAxis: [{
- type: "category",
- data: ["", "", "", "", "", "", ""],
- axisTick: {
- alignWithLabel: true
- }
- }],
- yAxis: [{
- type: "value"
- }],
- series: [{
- name: "晚归人数",
- type: "bar",
- barWidth: "60%",
- data: [0, 0, 0, 0, 0, 0, 0]
- }]
- },
- titleItem: [{
- title: "项目总数",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "房间总数",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "用户总数",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "开锁总数",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "使用门锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "未使用门锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "低电量警告",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "指纹试错警告",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "密码试错警告",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "密码开锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "指纹开锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "NFC开锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "蓝牙开锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "钥匙开锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }, {
- title: "身份证开锁",
- number: {
- number: [0],
- toFixed: 0,
- content: "{nt}"
- }
- }],
- // titleItem1: [
- // {
- // title: "离校人数(查看)",
- // number: {
- // number: [0],
- // toFixed: 0,
- // content: "{nt}",
- // },
- // },
- // ],
- ranking: {
- data: [{
- name: "周口",
- value: 55
- }, {
- name: "南阳",
- value: 120
- }, {
- name: "西峡",
- value: 78
- }, {
- name: "驻马店",
- value: 66
- }, {
- name: "新乡",
- value: 80
- }, {
- name: "新乡2",
- value: 80
- }, {
- name: "新乡3",
- value: 80
- }, {
- name: "新乡4",
- value: 80
- }, {
- name: "新乡5",
- value: 80
- }, {
- name: "新乡6",
- value: 80
- }],
- carousel: "single",
- unit: "人"
- },
- water: {
- data: [24, 45],
- shape: "roundRect",
- formatter: "{value}%",
- waveNum: 3
- },
- // 通过率和达标率的组件复用数据
- rate: [{
- id: "centerRate1",
- tips: 60,
- colorData: {
- textStyle: "#3fc0fb",
- series: {
- color: ["#00bcd44a", "transparent"],
- dataColor: {
- normal: "#03a9f4",
- shadowColor: "#97e2f5"
- }
- }
- }
- }, {
- id: "centerRate2",
- tips: 40,
- colorData: {
- textStyle: "#67e0e3",
- series: {
- color: ["#faf3a378", "transparent"],
- dataColor: {
- normal: "#ff9800",
- shadowColor: "#fcebad"
- }
- }
- }
- }]
- };
- },
-
- components: {
- CenterChart: echart_center_centerChartRate,
- Echart: echart["a" /* default */]
- // centerChart1,
- // centerChart2
- },
- created: function created() {
- this.getcount();
- this.queryfirst();
- this.queryfirst1();
- this.queryfirst2();
- this.queryfirst3();
- this.queryfirst4();
- this.queryfirst5(); //低电量警告
- // this.queryfirst6();//指纹试错警告
- // this.queryfirst7();//密码试错警告
- this.queryfirst8(); //密码开锁
- this.queryfirst9(); //指纹开锁
- this.queryfirst10(); //NFC开锁
- this.queryfirst11(); //蓝牙开锁
- this.queryfirst12(); //钥匙开锁
- this.queryfirst13(); //身份证开锁
- // this.getOpenRecord();
- // this.getlxnum();
- var xAxis = this.options.xAxis[0].data;
- for (var i = 0; i < 7; i++) {
- xAxis[i] = this.getBeforeDate1(7 - i);
- }
- this.options.xAxis[0].data = xAxis;
- },
- mounted: function mounted() {},
-
- watch: {
- // options: function (newName, oldName) {
- // this.itemstatus = false;
- // this.$nextTick(() => {
- // this.options = newName;
- // this.itemstatus = true;
- // });
- // }
- },
- methods: {
- numberGrow: function numberGrow(ele) {
- var _this = this;
- var step = _this.value * 10 / (_this.time * 1000);
- var current = 0;
- var start = 0;
- var t = setInterval(function () {
- start += step;
- if (start > _this.value) {
- clearInterval(t);
- start = _this.value;
- t = null;
- }
- if (current === start) {
- return;
- }
- current = start;
- ele.innerHTML = current.toString().replace(/(\d)(?=(?:\d{3}[+]?)+$)/g, '$1,');
- }, 10);
- },
- leverschool: function leverschool() {
- this.dialogVisible = true;
- },
-
- // 获取离校人数
- getBeforeDate1: function getBeforeDate1(n) {
- var n = n;
- var date = new Date();
- var year = date.getFullYear();
- var mon = date.getMonth() + 1;
- var day = date.getDate();
- if (day <= n) {
- if (mon > 1) {
- mon = mon - 1;
- } else {
- year = year - 1;
- mon = 12;
- }
- }
- date.setDate(date.getDate() - n);
- year = date.getFullYear();
- mon = date.getMonth() + 1;
- day = date.getDate();
- var s = (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
- return s;
- },
- getBeforeDate: function getBeforeDate(n) {
- var n = n;
- var date = new Date();
- var year = date.getFullYear();
- var mon = date.getMonth() + 1;
- var day = date.getDate();
- if (day <= n) {
- if (mon > 1) {
- mon = mon - 1;
- } else {
- year = year - 1;
- mon = 12;
- }
- }
- date.setDate(date.getDate() - n);
- year = date.getFullYear();
- mon = date.getMonth() + 1;
- day = date.getDate();
- var s = year + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
- return s + " 00:00:00";
- },
- getcurrentdate: function getcurrentdate() {
- var date = new Date();
- var year = date.getFullYear();
- var mon = date.getMonth() + 1;
- var day = date.getDate();
- var s = year + "-" + (mon < 10 ? "0" + mon : mon) + "-" + (day < 10 ? "0" + day : day);
- return s + " 00:00:00";
- },
- getTargetTime: function getTargetTime(t) {
- var d = t.split(" ")[0],
- h = t.split(" ")[1],
- date = new Date();
- date.setYear(d.split("-")[0]);
- date.setMonth(d.split("-")[1] - 1);
- date.setDate(d.split("-")[2]);
- date.setHours(h.split(":")[0]);
- date.setMinutes(h.split(":")[1]);
- date.setSeconds(h.split(":")[2]);
- return date.getTime();
- },
- formatDate: function formatDate(date) {
- var date = new Date(date);
- var YY = date.getFullYear() + "-";
- var MM = (date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1) + "-";
- var DD = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
- var hh = (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
- var mm = (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()) + ":";
- var ss = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
- return YY + MM + DD + " " + hh + mm + ss;
- },
-
- // 获取晚归数据
- getOpenRecord: function getOpenRecord() {
- var _this2 = this;
-
- var date = new Date();
- var startTime = parseInt((date.getTime() - 30 * 24 * 3600 * 1000) / 1000);
- var endTime = parseInt(date.getTime() / 1000);
- var data = {
- startDay: startTime,
- endDay: endTime,
- endHour: "22:00:00",
- startHour: "05:00:00"
- // startTime: this.getBeforeDate(7),
- // endTime: this.getcurrentdate(),
- };
- Object(api["g" /* httpPost */])(data, this.$api.lateOpenLock).then(function (res) {
- var array = [],
- servis = _this2.options;
- for (var i = 0; i < 7; i++) {
- res.data.map(function (li, index) {
- // var time = parseInt(new Date(date.toDateString()).getTime());
- var time = _this2.getBeforeDate(i + 1);
- var time3 = _this2.getTargetTime(time);
- var time1 = time3 + parseInt(5 * 3600 * 1000);
- var time2 = time3 + parseInt(16 * 3600 * 1000);
- var time4 = time3 + parseInt(24 * 3600 * 1000);
- var liopentime = parseInt(li.openTime) * 1000;
- if ((liopentime > time2 || liopentime < time1) && liopentime > time3 && liopentime < time4) {
- var index = 6 - i;
- var str = JSON.parse(stringify_default()(li));
- array.push(str);
- if (stringify_default()(array).indexOf(li.deviceNum) != -1) {
- // console.log(1)
- servis.series[0].data[index] += 1;
- }
- }
- });
- }
- _this2.$set(_this2.options, servis);
- });
- },
-
- // 获取校区,楼栋,房间数量
- queryfirst: function queryfirst() {
- var _this3 = this;
-
- var q = {
- type: 0
- };
- var data = {
- q: stringify_default()(q)
- };
- Object(api["d" /* httpGet */])(data, this.$api.getSiteList).then(function (res) {
- // this.titleItem[0].number.number[0]=res.data.total
- _this3.itemstatus = false;
- _this3.$nextTick(function () {
- _this3.titleItem[0].number.number[0] = res.data.list.total;
- _this3.itemlist[0] = res.data.list.total;
- _this3.itemstatus = true;
- });
- });
- },
- queryfirst1: function queryfirst1() {
- var _this4 = this;
-
- var q = {
- // type: 0,
- };
- var data = {
- pageNum: 1,
- pageSize: 10,
- q: stringify_default()(q)
- };
- Object(api["g" /* httpPost */])(data, this.$api.getlistNum).then(function (res1) {
- _this4.itemstatus = false;
- _this4.$nextTick(function () {
- _this4.titleItem[2].number.number[0] = res1.data.total;
- _this4.itemlist[2] = res1.data.total;
- _this4.itemstatus = true;
- });
- });
- },
- queryfirst2: function queryfirst2() {
- var _this5 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 10,
- orderBy: "open_time desc"
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this5.itemstatus = false;
- _this5.$nextTick(function () {
- _this5.titleItem[3].number.number[0] = res.data.total;
- _this5.itemlist[3] = res.data.total;
- _this5.itemstatus = true;
- });
- });
- },
- queryfirst3: function queryfirst3() {
- var _this6 = this;
-
- var data = {
- pageNum: 1,
- pageSize: 10,
- q: stringify_default()({
- operationStatus: 1,
- lockType: 1
- })
- };
- Object(api["g" /* httpPost */])(data, this.$api.getDeviceItems).then(function (res) {
- _this6.itemstatus = false;
- _this6.$nextTick(function () {
- _this6.titleItem[4].number.number[0] = res.data.total;
- _this6.itemlist[4] = res.data.total;
- _this6.itemstatus = true;
- });
- });
- },
- queryfirst4: function queryfirst4() {
- var _this7 = this;
-
- var data = {
- pageNum: 1,
- pageSize: 10,
- q: stringify_default()({
- operationStatus: 2,
- lockType: 1
- })
- };
- Object(api["g" /* httpPost */])(data, this.$api.getDeviceItems).then(function (res) {
- _this7.itemstatus = false;
- _this7.$nextTick(function () {
- _this7.titleItem[5].number.number[0] = res.data.total;
- _this7.itemlist[5] = res.data.total;
- _this7.itemstatus = true;
- });
- });
- },
-
- // 低电量警告
- queryfirst5: function queryfirst5() {
- var _this8 = this;
-
- Object(api["d" /* httpGet */])('', "/v1/statistics/alert/type/" + -1).then(function (res) {
- var titleItem = _this8.titleItem;
- var itemlist = _this8.itemlist;
- res.data.map(function (li) {
- if (li.order == '3') {
- itemlist[7] = li.count;
- } else if (li.order == '4') {
- itemlist[8] = li.count;
- } else if (li.order == '7') {
- itemlist[6] = li.count;
- }
- });
- _this8.itemstatus = false;
- _this8.$nextTick(function () {
- _this8.titleItem = titleItem;
- _this8.itemlist = itemlist;
- _this8.itemstatus = true;
- });
- });
- // var data = {
- // pageNum: 1,
- // pageSize: 1,
- // orderBy: "alert_time desc",
- // // orderType:"desc"
- // q: JSON.stringify({
- // alertType: 7
- // })
- // };
- // httpGet(data, this.$api.getLockAlert).then((res) => {
- // this.itemstatus = false;
- // this.$nextTick(() => {
- // this.titleItem[6].number.number[0] = res.data.total;
- // this.itemlist[6] = res.data.total;
- // this.itemstatus = true;
- // });
- // })
- },
-
- // 指纹试错警告
- queryfirst6: function queryfirst6() {
- var _this9 = this;
-
- var data = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "alert_time desc",
- q: stringify_default()({
- alertType: 3
- })
- };
- Object(api["d" /* httpGet */])(data, this.$api.getLockAlert).then(function (res) {
- _this9.itemstatus = false;
- _this9.$nextTick(function () {
- _this9.titleItem[7].number.number[0] = res.data.total;
- _this9.itemlist[7] = res.data.total;
- _this9.itemstatus = true;
- });
- });
- },
-
- // 密码试错警告
- queryfirst7: function queryfirst7() {
- var _this10 = this;
-
- var data = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "alert_time desc",
- q: stringify_default()({
- alertType: 4
- })
- };
- Object(api["d" /* httpGet */])(data, this.$api.getLockAlert).then(function (res) {
- _this10.itemstatus = false;
- _this10.$nextTick(function () {
- _this10.titleItem[8].number.number[0] = res.data.total;
- _this10.itemlist[8] = res.data.total;
- _this10.itemstatus = true;
- });
- });
- },
-
- // 密码开锁
- queryfirst8: function queryfirst8() {
- var _this11 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "open_time desc",
- q: stringify_default()({
- openType: 2
- })
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this11.itemstatus = false;
- _this11.$nextTick(function () {
- _this11.titleItem[9].number.number[0] = res.data.total;
- _this11.itemlist[9] = res.data.total;
- _this11.itemstatus = true;
- });
- });
- },
-
- // 指纹开锁
- queryfirst9: function queryfirst9() {
- var _this12 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "open_time desc",
- q: stringify_default()({
- openType: 1
- })
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this12.itemstatus = false;
- _this12.$nextTick(function () {
- _this12.titleItem[10].number.number[0] = res.data.total;
- _this12.itemlist[10] = res.data.total;
- _this12.itemstatus = true;
- });
- });
- },
-
- // NFC开锁
- queryfirst10: function queryfirst10() {
- var _this13 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "open_time desc",
- q: stringify_default()({
- openType: 3
- })
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this13.itemstatus = false;
- _this13.$nextTick(function () {
- _this13.titleItem[11].number.number[0] = res.data.total;
- _this13.itemlist[11] = res.data.total;
- _this13.itemstatus = true;
- });
- });
- },
-
- // 蓝牙开锁
- queryfirst11: function queryfirst11() {
- var _this14 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "open_time desc",
- q: stringify_default()({
- openType: 5
- })
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this14.itemstatus = false;
- _this14.$nextTick(function () {
- _this14.titleItem[12].number.number[0] = res.data.total;
- _this14.itemlist[12] = res.data.total;
- _this14.itemstatus = true;
- });
- });
- },
-
- // 钥匙开锁
- queryfirst12: function queryfirst12() {
- var _this15 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "open_time desc",
- q: stringify_default()({
- openType: 4
- })
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this15.itemstatus = false;
- _this15.$nextTick(function () {
- _this15.titleItem[13].number.number[0] = res.data.total;
- _this15.itemlist[13] = res.data.total;
- _this15.itemstatus = true;
- });
- });
- },
-
- // 钥匙开锁
- queryfirst13: function queryfirst13() {
- var _this16 = this;
-
- var data1 = {
- pageNum: 1,
- pageSize: 1,
- orderBy: "open_time desc",
- q: stringify_default()({
- openType: 7
- })
- };
- Object(api["g" /* httpPost */])(data1, this.$api.getOpenRecord).then(function (res) {
- _this16.itemstatus = false;
- _this16.$nextTick(function () {
- _this16.titleItem[14].number.number[0] = res.data.total;
- _this16.itemlist[14] = res.data.total;
- _this16.itemstatus = true;
- });
- });
- },
-
- // 获取房间总数
- getcount: function getcount() {
- var _this17 = this;
-
- Object(api["d" /* httpGet */])('', this.$api.getSiteList).then(function (res) {
- var roomNum = 0;
- res.data.list.list.map(function (li, index) {
- if (li.expand) {
- if (JSON.parse(li.expand).type == "0") {
- if (li.layout != null) {
- roomNum++;
- }
- }
- }
- });
- _this17.itemstatus = false;
- _this17.$nextTick(function () {
- _this17.titleItem[1].number.number[0] = roomNum;
- _this17.itemlist[1] = roomNum;
- _this17.itemstatus = true;
- });
- });
- },
-
- // 获取离校人数
- getlxnum: function getlxnum() {
- var _this18 = this;
-
- Object(api["d" /* httpGet */])({
- day: 3
- }, this.$api.unOpenLockByDay).then(function (res) {
- res.data.map(function (li) {
- li.openTime = _this18.formatDate(li.openTime * 1000);
- });
- _this18.LeaveSchool = res.data;
- _this18.itemstatus1 = false;
- var array = res.data;
- _this18.$nextTick(function () {
- _this18.itemnum = res.data.length;
- _this18.leavetotal = res.data.length;
- _this18.itemstatus1 = true;
- });
- // var end=(this.currentPage4-1)*this.pageSize+this.pageSize
- _this18.LeaveSchool1 = array;
- });
- },
- handleSizeChange: function handleSizeChange(val) {
- // var end=(this.currentPage4-1)*val+val
- // var LeaveSchool=this.LeaveSchool
- // this.LeaveSchool1= LeaveSchool.splice((this.currentPage4-1)*val,end)
- console.log("\u6BCF\u9875 " + val + " \u6761");
- },
- handleCurrentChange: function handleCurrentChange(val) {
- // var end=(val-1)*this.pageSize+this.pageSize
- // var LeaveSchool=this.LeaveSchool
- // this.LeaveSchool1= LeaveSchool.splice((val-1)*this.pageSize,end)
- // console.log(this.LeaveSchool1,this.LeaveSchool)
- console.log("\u5F53\u524D\u9875: " + val);
- }
- }
- });
- // 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
- 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)}
- 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"}})])}]
- var center_esExports = { render: center_render, staticRenderFns: center_staticRenderFns }
- /* harmony default export */ var echart1_center = (center_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/center.vue
- function center_injectStyle (ssrContext) {
- __webpack_require__("K65M")
- }
- var center_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var center___vue_template_functional__ = false
- /* styles */
- var center___vue_styles__ = center_injectStyle
- /* scopeId */
- var center___vue_scopeId__ = "data-v-d42260c6"
- /* moduleIdentifier (server only) */
- var center___vue_module_identifier__ = null
- var center_Component = center_normalizeComponent(
- center,
- echart1_center,
- center___vue_template_functional__,
- center___vue_styles__,
- center___vue_scopeId__,
- center___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_center = (center_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var bottomLeftChart_chart = ({
- data: function data() {
- return {
- options: {}
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- title: {
- text: ""
- },
- tooltip: {
- trigger: "axis",
- backgroundColor: "rgba(255,255,255,0.1)",
- axisPointer: {
- type: "shadow",
- label: {
- show: true,
- backgroundColor: "#7B7DDC"
- }
- }
- },
- legend: {
- data: ["已入住"],
- textStyle: {
- color: "#B4B4B4"
- },
- top: "0%"
- },
- grid: {
- x: "8%",
- width: "88%",
- y: "4%"
- },
- xAxis: {
- data: newData.category,
- axisLine: {
- lineStyle: {
- color: "#B4B4B4"
- }
- },
- axisTick: {
- show: false
- }
- },
- yAxis: [{
- splitLine: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: "#B4B4B4"
- }
- },
-
- axisLabel: {
- formatter: "{value} "
- },
- minInterval: 1
- }, {
- splitLine: {
- show: false
- },
- axisLine: {
- lineStyle: {
- color: "#B4B4B4"
- }
- },
- axisLabel: {
- formatter: "{value} "
- },
- minInterval: 1
- }],
- series: [
- // {
- // name: "入住率",
- // type: "line",
- // smooth: true,
- // showAllSymbol: true,
- // symbol: "emptyCircle",
- // symbolSize: 8,
- // yAxisIndex: 1,
- // itemStyle: {
- // normal: {
- // color: "#F02FC2"
- // }
- // },
- // data: newData.rateData
- // },
- {
- name: "已入住",
- type: "bar",
- barWidth: 10,
- itemStyle: {
- normal: {
- barBorderRadius: 5,
- color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{
- offset: 0,
- color: "#956FD4"
- }, {
- offset: 1,
- color: "#3EACE5"
- }])
- }
- },
- data: newData.barData
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // 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
- 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)}
- var bottomLeftChart_chart_staticRenderFns = []
- var bottomLeftChart_chart_esExports = { render: bottomLeftChart_chart_render, staticRenderFns: bottomLeftChart_chart_staticRenderFns }
- /* harmony default export */ var bottom_bottomLeftChart_chart = (bottomLeftChart_chart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/bottom/bottomLeftChart/chart.vue
- var bottomLeftChart_chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottomLeftChart_chart___vue_template_functional__ = false
- /* styles */
- var bottomLeftChart_chart___vue_styles__ = null
- /* scopeId */
- var bottomLeftChart_chart___vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var bottomLeftChart_chart___vue_module_identifier__ = null
- var bottomLeftChart_chart_Component = bottomLeftChart_chart_normalizeComponent(
- bottomLeftChart_chart,
- bottom_bottomLeftChart_chart,
- bottomLeftChart_chart___vue_template_functional__,
- bottomLeftChart_chart___vue_styles__,
- bottomLeftChart_chart___vue_scopeId__,
- bottomLeftChart_chart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_bottom_bottomLeftChart_chart = (bottomLeftChart_chart_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
-
-
-
- /* harmony default export */ var bottomLeftChart = ({
- data: function data() {
- return {
- // data:{
- // labels: ["1月", "2月", "三月", "4月", "5月",'6月','7月','8月','9月','10月','11月','12月'],
- // datasets: [
- // {
- // label: "My First dataset",
- // fillColor: "rgba(220,220,220,0.5)",
- // strokeColor: "rgba(220,220,220,0.8)",
- // highlightFill: "rgba(220,220,220,0.75)",
- // highlightStroke: "rgba(220,220,220,1)",
- // data: [0,0,0,0,0,0,0,0,0,0,0,0]
- // }
- // ]
- // }
- cdata: {
- category: ["1月", "2月", "3月", "4月", "5月", '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
- lineData: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- barData: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
- rateData: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
- },
- Chartstatus: true,
- roomNum: 0
- };
- },
-
- components: {
- Chart: echart_bottom_bottomLeftChart_chart
- },
- created: function created() {
- var _this = this;
-
- var data1 = {
- type: 5
- };
- Object(api["d" /* httpGet */])(data1, this.$api.getStatisticsTotal).then(function (res) {
- console.log(res);
- _this.roomNum = res.data[0].room;
- });
- var data = {
- level: 2 //0-天、1-周、2-月、3-季、4-年
- };
- Object(api["d" /* httpGet */])(data, this.$api.getTenantCount).then(function (res) {
- console.log(res);
- var option = _this.cdata.lineData,
- option1 = _this.cdata.barData,
- option2 = _this.cdata.rateData;
- res.data.map(function (li) {
- var index = parseInt(li.order) - 1;
- option[index] = li.count;
- // option1[index]= li.count
- // let rate = option1[index] / this.roomNum || 0
- // option2[index]=(rate*100).toFixed(2)
- });
- _this.Chartstatus = false;
- _this.$nextTick(function () {
- this.cdata.lineData = option;
- this.cdata.barData = option;
- this.cdata.rateData = option2;
- this.Chartstatus = true;
- });
- });
- },
- mounted: function mounted() {
- // this.setData();
- },
-
- methods: {
- // 根据自己的业务情况修改
- setData: function setData() {
- for (var i = 0; i < this.cdata.barData.length - 1; i++) {
- var rate = this.cdata.barData[i] / this.cdata.lineData[i];
- this.cdata.rateData.push(rate.toFixed(2));
- }
- }
- }
- });
- // 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
- 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)}
- var bottomLeftChart_staticRenderFns = []
- var bottomLeftChart_esExports = { render: bottomLeftChart_render, staticRenderFns: bottomLeftChart_staticRenderFns }
- /* harmony default export */ var bottom_bottomLeftChart = (bottomLeftChart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/bottom/bottomLeftChart/index.vue
- function bottomLeftChart_injectStyle (ssrContext) {
- __webpack_require__("uR4V")
- }
- var bottomLeftChart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottomLeftChart___vue_template_functional__ = false
- /* styles */
- var bottomLeftChart___vue_styles__ = bottomLeftChart_injectStyle
- /* scopeId */
- var bottomLeftChart___vue_scopeId__ = "data-v-5ba1f1e8"
- /* moduleIdentifier (server only) */
- var bottomLeftChart___vue_module_identifier__ = null
- var bottomLeftChart_Component = bottomLeftChart_normalizeComponent(
- bottomLeftChart,
- bottom_bottomLeftChart,
- bottomLeftChart___vue_template_functional__,
- bottomLeftChart___vue_styles__,
- bottomLeftChart___vue_scopeId__,
- bottomLeftChart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_bottom_bottomLeftChart = (bottomLeftChart_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/bottomLeft.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var bottomLeft = ({
- data: function data() {
- return {};
- },
-
- components: {
- BottomLeftChart: echart_bottom_bottomLeftChart
- },
- mounted: function mounted() {},
-
- methods: {}
- });
- // 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
- 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)])])}
- 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("入住统计分析")])])}]
- var bottomLeft_esExports = { render: bottomLeft_render, staticRenderFns: bottomLeft_staticRenderFns }
- /* harmony default export */ var echart1_bottomLeft = (bottomLeft_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/bottomLeft.vue
- function bottomLeft_injectStyle (ssrContext) {
- __webpack_require__("Ri5f")
- }
- var bottomLeft_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottomLeft___vue_template_functional__ = false
- /* styles */
- var bottomLeft___vue_styles__ = bottomLeft_injectStyle
- /* scopeId */
- var bottomLeft___vue_scopeId__ = "data-v-cfca1e42"
- /* moduleIdentifier (server only) */
- var bottomLeft___vue_module_identifier__ = null
- var bottomLeft_Component = bottomLeft_normalizeComponent(
- bottomLeft,
- echart1_bottomLeft,
- bottomLeft___vue_template_functional__,
- bottomLeft___vue_styles__,
- bottomLeft___vue_scopeId__,
- bottomLeft___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_bottomLeft = (bottomLeft_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
- /* harmony default export */ var bottomRightChart1_chart = ({
- data: function data() {
- return {
- options: {},
- // 定义颜色
- colorList: {
- linearYtoG: {
- type: "linear",
- x: 0,
- y: 0,
- x2: 1,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: "#f5b44d"
- }, {
- offset: 1,
- color: "#28f8de"
- }]
- },
- linearGtoB: {
- type: "linear",
- x: 0,
- y: 0,
- x2: 1,
- y2: 0,
- colorStops: [{
- offset: 0,
- color: "#43dfa2"
- }, {
- offset: 1,
- color: "#28f8de"
- }]
- },
- linearBtoG: {
- type: "linear",
- x: 0,
- y: 0,
- x2: 1,
- y2: 0,
- colorStops: [{
- offset: 0,
- color: "#1c98e8"
- }, {
- offset: 1,
- color: "#28f8de"
- }]
- },
- areaBtoG: {
- type: "linear",
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: "rgba(35,184,210,.2)"
- }, {
- offset: 1,
- color: "rgba(35,184,210,0)"
- }]
- }
- }
- };
- },
-
- components: {
- Echart: echart["a" /* default */]
- },
- props: {
- cdata: {
- type: Object,
- default: function _default() {
- return {};
- }
- }
- },
- onload: function onload() {},
-
- watch: {
- cdata: {
- handler: function handler(newData) {
- this.options = {
- title: {
- text: "",
- textStyle: {
- color: "#D3D6DD",
- fontSize: 24,
- fontWeight: "normal"
- },
- subtext: newData.year + "/" + newData.weekCategory[6],
- subtextStyle: {
- color: "#fff",
- fontSize: 16
- },
- top: 50,
- left: 80
- },
- legend: {
- top: 120,
- left: 80,
- orient: "vertical",
- itemGap: 15,
- itemWidth: 12,
- itemHeight: 12,
- data: ["平均信号值", "信号值"],
- textStyle: {
- color: "#fff",
- fontSize: 14
- }
- },
- tooltip: {
- trigger: "item"
- },
- radar: {
- center: ["68%", "27%"],
- radius: "40%",
- name: {
- color: "#fff"
- },
- splitNumber: 8,
- axisLine: {
- lineStyle: {
- color: this.colorList.linearYtoG,
- opacity: 0.6
- }
- },
- splitLine: {
- lineStyle: {
- color: this.colorList.linearYtoG,
- opacity: 0.6
- }
- },
- splitArea: {
- areaStyle: {
- color: "#fff",
- opacity: 0.1,
- shadowBlur: 25,
- shadowColor: "#000",
- shadowOffsetX: 0,
- shadowOffsetY: 5
- }
- },
- indicator: [{
- name: newData.weekCategory[0],
- max: 100
- }, {
- name: newData.weekCategory[1],
- max: 100
- }, {
- name: newData.weekCategory[2],
- max: 100
- }, {
- name: newData.weekCategory[3],
- max: 100
- }, {
- name: newData.weekCategory[4],
- max: 100
- }, {
- name: newData.weekCategory[5],
- max: 100
- }, {
- name: newData.weekCategory[6],
- max: 100
- }]
- },
- grid: {
- left: 90,
- right: 80,
- bottom: 40,
- top: "60%"
- },
- xAxis: {
- type: "category",
- position: "bottom",
- axisLine: true,
- axisLabel: {
- color: "rgba(255,255,255,.8)",
- fontSize: 12
- },
- data: newData.weekCategory
- },
- // 下方Y轴
- yAxis: {
- name: "信号曲线",
- nameLocation: "end",
- nameGap: 24,
- nameTextStyle: {
- color: "rgba(255,255,255,.5)",
- fontSize: 14
- },
- max: newData.maxData,
- splitNumber: 4,
-
- axisLine: {
- lineStyle: {
- opacity: 0
- }
- },
- splitLine: {
- show: true,
- lineStyle: {
- color: "#fff",
- opacity: 0.1
- }
- },
- axisLabel: {
- color: "rgba(255,255,255,.8)",
- fontSize: 12
- }
- },
- series: [{
- name: "",
- type: "radar",
- symbolSize: 0,
- data: [{
- value: newData.radarDataAvg,
- name: "平均信号值",
- itemStyle: {
- normal: {
- color: "#f8d351"
- }
- },
- lineStyle: {
- normal: {
- opacity: 0
- }
- },
- areaStyle: {
- normal: {
- color: "#f8d351",
- shadowBlur: 25,
- shadowColor: "rgba(248,211,81,.3)",
- shadowOffsetX: 0,
- shadowOffsetY: -10,
- opacity: 1
- }
- }
- }, {
- value: newData.radarData,
- name: "信号值",
- itemStyle: {
- normal: {
- color: "#43dfa2"
- }
- },
- lineStyle: {
- normal: {
- opacity: 0
- }
- },
- areaStyle: {
- normal: {
- color: this.colorList.linearGtoB,
- shadowBlur: 15,
- shadowColor: "rgba(0,0,0,.2)",
- shadowOffsetX: 0,
- shadowOffsetY: 5,
- opacity: 0.8
- }
- }
- }]
- }, {
- name: "",
- type: "line",
- smooth: true,
- symbol: "emptyCircle",
- symbolSize: 8,
- itemStyle: {
- normal: {
- color: "#fff"
- }
- },
- lineStyle: {
- normal: {
- color: this.colorList.linearBtoG,
- width: 3
- }
- },
- areaStyle: {
- normal: {
- color: this.colorList.areaBtoG
- }
- },
- data: newData.radarData,
- lineSmooth: true,
- markLine: {
- silent: true,
- data: [{
- type: "average",
- name: "平均值"
- }],
- precision: 0,
- label: {
- normal: {
- formatter: "平均值: \n {c}"
- }
- },
- lineStyle: {
- normal: {
- color: "rgba(248,211,81,.7)"
- }
- }
- },
- tooltip: {
- position: "top",
- formatter: "{c}",
- backgroundColor: "rgba(28,152,232,.2)",
- padding: 6
- }
- }, {
- name: "占位背景",
- type: "bar",
- itemStyle: {
- normal: {
- show: true,
- color: "#000",
- opacity: 0
- }
- },
- silent: true,
- barWidth: "50%",
- data: newData.weekMaxData,
- animation: false
- }]
- };
- },
-
- immediate: true,
- deep: true
- }
- }
- });
- // 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
- 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)}
- var bottomRightChart1_chart_staticRenderFns = []
- var bottomRightChart1_chart_esExports = { render: bottomRightChart1_chart_render, staticRenderFns: bottomRightChart1_chart_staticRenderFns }
- /* harmony default export */ var bottom_bottomRightChart1_chart = (bottomRightChart1_chart_esExports);
- // CONCATENATED MODULE: ./src/components/echart/bottom/bottomRightChart1/chart.vue
- var bottomRightChart1_chart_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottomRightChart1_chart___vue_template_functional__ = false
- /* styles */
- var bottomRightChart1_chart___vue_styles__ = null
- /* scopeId */
- var bottomRightChart1_chart___vue_scopeId__ = null
- /* moduleIdentifier (server only) */
- var bottomRightChart1_chart___vue_module_identifier__ = null
- var bottomRightChart1_chart_Component = bottomRightChart1_chart_normalizeComponent(
- bottomRightChart1_chart,
- bottom_bottomRightChart1_chart,
- bottomRightChart1_chart___vue_template_functional__,
- bottomRightChart1_chart___vue_styles__,
- bottomRightChart1_chart___vue_scopeId__,
- bottomRightChart1_chart___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_bottom_bottomRightChart1_chart = (bottomRightChart1_chart_Component.exports);
-
- // 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
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var bottomRightChart1 = ({
- data: function data() {
- return {
- drawTiming: null,
- cdata: {
- year: null,
- weekCategory: [],
- radarData: [],
- radarDataAvg: [],
- maxData: 100,
- weekMaxData: [],
- weekLineData: []
- },
- list: [],
- sum: 0
- };
- },
-
- components: {
- Chart: echart_bottom_bottomRightChart1_chart
- },
- mounted: function mounted() {
- this.drawTimingFn();
- // this.getHeartbeat();
- },
- beforeDestroy: function beforeDestroy() {
- clearInterval(this.drawTiming);
- },
-
- methods: {
- // 获取信号统计
- getHeartbeat: function getHeartbeat() {
- var _this = this;
-
- var data = {
- day: 7,
- type: 0
- };
- Object(api["g" /* httpPost */])(data, this.$api.getHeartbeat).then(function (res) {
- _this.list = res.data;
- var list = res.data;
- var sum = 0,
- arr = [];
- res.data.map(function (li1) {
- arr.push(li1.risi);
- });
- // 清空轮询数据
- _this.cdata.weekCategory = [];
- _this.cdata.weekMaxData = [];
- _this.cdata.weekLineData = [];
- _this.cdata.radarData = [];
- _this.cdata.radarDataAvg = [];
-
- var dateBase = new Date();
- _this.cdata.year = dateBase.getFullYear();
- // 周数据
- for (var i = 0; i < 7; i++) {
- // 日期
- var date = new Date();
- _this.cdata.weekCategory.unshift([date.getMonth() + 1, date.getDate() - i].join("/"));
-
- // 折线图数据
-
- _this.cdata.weekMaxData.push(_this.cdata.maxData);
- _this.cdata.radarData.push(list[i].rssi);
- sum += list[i].rssi;
- }
- for (var j = 0; j < 7; j++) {
- var num = parseInt(sum / 7);
- _this.cdata.radarDataAvg.push(num);
- }
- });
- },
- drawTimingFn: function drawTimingFn() {
- // this.setData();
- // this.drawTiming = setInterval(() => {
- this.getHeartbeat();
- // }, 6000);
- },
- setData: function setData() {
- // 清空轮询数据
- this.cdata.weekCategory = [];
- this.cdata.weekMaxData = [];
- this.cdata.weekLineData = [];
- this.cdata.radarData = [];
- this.cdata.radarDataAvg = [];
-
- var dateBase = new Date();
- this.cdata.year = dateBase.getFullYear();
- // 周数据
- for (var i = 0; i < 7; i++) {
- // 日期
- var date = new Date();
- this.cdata.weekCategory.unshift([date.getMonth() + 1, date.getDate() - i].join("/"));
-
- // 折线图数据
- this.cdata.weekMaxData.push(this.cdata.maxData);
- var distance = this.list[i].risi;
- this.cdata.weekLineData.push(distance);
-
- // 雷达图数据
- // 我的指标
- var averageSpeed = +(Math.random() * 5 + 3).toFixed(3);
- var maxSpeed = averageSpeed + +(Math.random() * 3).toFixed(2);
- var hour = +(distance / 1000 / averageSpeed).toFixed(1);
- var radarDayData = [distance, averageSpeed, maxSpeed, hour];
- this.cdata.radarData.unshift(radarDayData);
-
- // 平均指标
- var distanceAvg = Math.round(Math.random() * 8000 + 4000);
- var averageSpeedAvg = +(Math.random() * 4 + 4).toFixed(3);
- var maxSpeedAvg = averageSpeedAvg + +(Math.random() * 2).toFixed(2);
- var hourAvg = +(distance / 1000 / averageSpeed).toFixed(1);
- var radarDayDataAvg = [distanceAvg, averageSpeedAvg, maxSpeedAvg, hourAvg];
- this.cdata.radarDataAvg.unshift(radarDayDataAvg);
- }
- }
- }
- });
- // 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
- 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)}
- var bottomRightChart1_staticRenderFns = []
- var bottomRightChart1_esExports = { render: bottomRightChart1_render, staticRenderFns: bottomRightChart1_staticRenderFns }
- /* harmony default export */ var bottom_bottomRightChart1 = (bottomRightChart1_esExports);
- // CONCATENATED MODULE: ./src/components/echart/bottom/bottomRightChart1/index.vue
- function bottomRightChart1_injectStyle (ssrContext) {
- __webpack_require__("rqFo")
- }
- var bottomRightChart1_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottomRightChart1___vue_template_functional__ = false
- /* styles */
- var bottomRightChart1___vue_styles__ = bottomRightChart1_injectStyle
- /* scopeId */
- var bottomRightChart1___vue_scopeId__ = "data-v-2c93ae0b"
- /* moduleIdentifier (server only) */
- var bottomRightChart1___vue_module_identifier__ = null
- var bottomRightChart1_Component = bottomRightChart1_normalizeComponent(
- bottomRightChart1,
- bottom_bottomRightChart1,
- bottomRightChart1___vue_template_functional__,
- bottomRightChart1___vue_styles__,
- bottomRightChart1___vue_scopeId__,
- bottomRightChart1___vue_module_identifier__
- )
-
- /* harmony default export */ var echart_bottom_bottomRightChart1 = (bottomRightChart1_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/bottomRight.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
- /* harmony default export */ var bottomRight = ({
- data: function data() {
- return {
- tpstatus: true,
- options: {
- tooltip: {
- trigger: "axis",
- axisPointer: {
- // 坐标轴指示器,坐标轴触发有效
- type: "shadow" // 默认为直线,可选为:'line' | 'shadow'
- }
- },
- grid: {
- left: "3%",
- right: "4%",
- bottom: "3%",
- containLabel: true
- },
- xAxis: [{
- type: "category",
- 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"],
- axisTick: {
- alignWithLabel: true
- }
- }],
- yAxis: [{
- type: "value",
- minInterval: 1
- }],
- series: [{
- name: "开锁次数",
- type: "bar",
- barWidth: "60%",
- 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]
- }]
- }
- };
- },
-
- components: {
- Echart: echart["a" /* default */],
- BottomRightChart: echart_bottom_bottomRightChart1
- },
- created: function created() {},
- mounted: function mounted() {
- this.drawTimingFn();
- },
-
- methods: {
- drawTimingFn: function drawTimingFn() {
- var _this = this;
-
- var str = new Date().getTime() / 1000;
- var str1 = new Date(new Date().toLocaleDateString()).getTime() / 1000;
- var data = {
- start: parseInt(str1),
- end: parseInt(str)
- };
- Object(api["d" /* httpGet */])(data, this.$api.lockOpenStatistics).then(function (res) {
- var options = _this.options;
- res.data.map(function (li) {
- var num = parseInt(li.order);
- options.series[0].data[num] = li.count;
- });
- _this.tpstatus = false;
- _this.$nextTick(function () {
- this.options = options;
- this.tpstatus = true;
- });
- });
- }
- }
- });
- // 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
- 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)])])}
- 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("当天时间区间开锁次数统计图")])])}]
- var bottomRight_esExports = { render: bottomRight_render, staticRenderFns: bottomRight_staticRenderFns }
- /* harmony default export */ var echart1_bottomRight = (bottomRight_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/bottomRight.vue
- function bottomRight_injectStyle (ssrContext) {
- __webpack_require__("l8V4")
- }
- var bottomRight_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var bottomRight___vue_template_functional__ = false
- /* styles */
- var bottomRight___vue_styles__ = bottomRight_injectStyle
- /* scopeId */
- var bottomRight___vue_scopeId__ = "data-v-6a603f80"
- /* moduleIdentifier (server only) */
- var bottomRight___vue_module_identifier__ = null
- var bottomRight_Component = bottomRight_normalizeComponent(
- bottomRight,
- echart1_bottomRight,
- bottomRight___vue_template_functional__,
- bottomRight___vue_styles__,
- bottomRight___vue_scopeId__,
- bottomRight___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_bottomRight = (bottomRight_Component.exports);
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/regenerator/index.js
- var regenerator = __webpack_require__("Xxa5");
- var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
-
- // EXTERNAL MODULE: ./node_modules/babel-runtime/helpers/asyncToGenerator.js
- var asyncToGenerator = __webpack_require__("exGp");
- var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
-
- // EXTERNAL MODULE: ./node_modules/echarts/map/js/china.js
- var china = __webpack_require__("Bhwq");
- var china_default = /*#__PURE__*/__webpack_require__.n(china);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/map.vue
-
-
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
- // 核心文件
- __webpack_require__("tcAE"); //
-
- /* harmony default export */ var map = ({
- name: 'map1',
- data: function data() {
- return {
- mapData: [//自己做的模拟数据 后续根据业务展示
- {
- name: '湖北',
- value: 0
- }, {
- name: '广东',
- value: 82
- }, {
- name: '上海',
- value: 0
- }, {
- name: '山东',
- value: 0
- }, {
- name: '湖南',
- value: 0
- }, {
- name: '重庆',
- value: 0
- }, {
- name: '四川',
- value: 0
- }, {
- name: '新疆',
- value: 0
- }, {
- name: '黑龙江',
- value: 0
- }, {
- name: '西藏',
- value: 0
- }, {
- name: '青海',
- value: 0
- }, {
- name: '内蒙古',
- value: 0
- }, {
- name: '陕西',
- value: 0
- }, {
- name: '辽宁',
- value: 0
- }, {
- name: '云南',
- value: 0
- }],
- provinceData: [//省份公司的数据
- {
- name: '深圳市',
- value: 82,
- children: []
- }],
- provinces: { //数据
- 台湾: 'taiwan',
- 河北: 'hebei',
- 山西: 'shanxi',
- 辽宁: 'liaoning',
- 吉林: 'jilin',
- 黑龙江: 'heilongjiang',
- 江苏: 'jiangsu',
- 浙江: 'zhejiang',
- 安徽: 'anhui',
- 福建: 'fujian',
- 江西: 'jiangxi',
- 山东: 'shandong',
- 河南: 'henan',
- 湖北: 'hubei',
- 湖南: 'hunan',
- 广东: 'guangdong',
- 海南: 'hainan',
- 四川: 'sichuan',
- 贵州: 'guizhou',
- 云南: 'yunnan',
- 陕西: 'shanxi1',
- 甘肃: 'gansu',
- 青海: 'qinghai',
- 新疆: 'xinjiang',
- 广西: 'guangxi',
- 内蒙古: 'neimenggu',
- 宁夏: 'ningxia',
- 西藏: 'xizang',
- 北京: 'beijing',
- 天津: 'tianjin',
- 上海: 'shanghai',
- 重庆: 'chongqing',
- 香港: 'xianggang',
- 澳门: 'aomen'
- },
- isReturnChina: false, //是否显示返回中国地图
- options: null, //echarts 存数据
- enterpriselist: []
- };
- },
- mounted: function mounted() {
- var _this2 = this;
-
- window.clickRoute = this.clickRoute;
- this.$nextTick(function (_) {
- _this2.chinaMaprsult('china');
- });
- Object(api["d" /* httpGet */])("", this.$api.getEnterprise).then(function (res) {
- _this2.enterpriselist = res.data.list;
- });
- },
-
- methods: {
- // 中国地图点击省份 显示当前省份的详细的地区。
- chinaMapHidden: function chinaMapHidden(chinaMap) {
- var that = this;
- chinaMap.off('click'); //这里解决多次触发点击事件 但是还会执行2次 引用echarts地图,点击各个省份时,点击一个调用两次接口,再点击一次,调用四次接口,再点击调用八次。。。。依次叠加,问题在于,没有将地图上的点击事件清空
- chinaMap.on('click', function () {
- var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee(params) {
- var s;
- return regenerator_default.a.wrap(function _callee$(_context) {
- while (1) {
- switch (_context.prev = _context.next) {
- case 0:
- if (!(params.name in that.provinces)) {
- _context.next = 5;
- break;
- }
-
- _context.next = 3;
- return __webpack_require__("qiKX")("./" + that.provinces[params.name] + '.js');
-
- case 3:
- s = _context.sent;
-
- if (s) {
- that.chinaMaprsult(params.name);
- }
-
- case 5:
- case 'end':
- return _context.stop();
- }
- }
- }, _callee, this);
- }));
-
- return function (_x) {
- return _ref.apply(this, arguments);
- };
- }());
- },
-
- // 渲染地图
- chinaMaprsult: function chinaMaprsult() {
- var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
- var markPointData = [];
- var _this = this;
- this.getproject('', function (data) {
- markPointData = data;
- name == 'china' ? _this.isReturnChina = false : _this.isReturnChina = true;
- var chinaMap = _this.$echarts.init(_this.$refs.china_map);
- _this.options = {
- tooltip: { // 鼠标移到图里面的浮动提示框
- trigger: 'item', //数据项图形触发
- triggerOn: 'mousemove', //这里根据业务需要给点击事件做跳转,所以不能做悬浮了,如果做悬浮 点击不了文字跳转
- formatter: function formatter(params) {
- var name = params.name;
- var toolipData = [];
- _this.provinceData.forEach(function (item) {
- if (name == item.name) {
- toolipData = item.children;
- }
- });
- var htmlStr = '';
- toolipData.forEach(function (item) {
- htmlStr += '<li class="list-li" name="' + item + '"><div \u03BFnclick="clickRoute()" >' + item + '</div></li>';
- });
- _this.chinaMapHidden(chinaMap);
- return '<div class="list-wrap"><div class="list-title">' + name + '</div><ul class="list-ul">' + htmlStr + '</ul></div>';
- }
- },
- visualMap: { // 左下角展示
- show: false,
- min: 0,
- max: 100,
- left: 10,
- bottom: 0,
- showLabel: true,
- textStyle: {
- color: '#000',
- fontSize: 20
- },
- pieces: [//左下角的切换数据显示
- {
- gt: 75,
- lte: 100,
- label: '75~100',
- color: '#f7358c'
- }, {
- gt: 50,
- lte: 75,
- label: '50~75',
- color: '#fb9632'
- }, {
- gt: 25,
- lte: 50,
- label: '25_50',
- color: '#08b2ff'
- }, {
- gte: 0,
- lte: 25,
- label: '0~25',
- color: '#4d2ed2'
- }]
- },
- // dataRange: {
- //
- // },
- geo: {
- map: name ? name : "china", // 核心
- roam: false,
- label: { // 页面初始化加载的文字
- normal: {
- show: true,
- textStyle: {
- color: "#ccc", // 页面初始化的地图文字颜色
- fontSize: '0.6vw' // // 页面初始化的地图文字大小
- }
- }
- },
- itemStyle: { //设置样式
- normal: {
- borderWidth: .5, //区域边框宽度
- borderColor: 'rgba(119, 156, 255, 1)',
- areaColor: {
- x: 0,
- y: 0,
- x2: 0,
- y2: 1,
- colorStops: [{
- offset: 0,
- color: '#073684' // 0% 处的颜色
- }, {
- offset: 1,
- color: '#061E3D' // 100% 处的颜色
- }]
- }
- },
- emphasis: { // 移入背景颜色
- // areaColor: '#ff00ff',
- areaColor: '#F9D92E',
- show: true,
- textStyle: {
- color: '#000',
- fontSize: "0.6vw"
- }
- }
- }
- },
- series: [{
- type: "map",
- geoIndex: 0,
- itemStyle: { //地图区域的多边形 图形样式
- normal: { //是图形在默认状态下的样式
- label: {
- show: true, //是否显示标签
- textStyle: {
- color: "black"
- }
- }
- },
- zoom: 1.5, //地图缩放比例,默认为1
- emphasis: { //是图形在高亮状态下的样式,比如在鼠标悬浮或者图例联动高亮时
- label: {
- show: true
- }
- }
- },
- label: {
- normal: {
- show: true, //显示省份标签
- textStyle: {
- color: "#696969"
- } //省份标签字体颜色
- },
- emphasis: {
- show: true,
- textStyle: {}
- }
- },
- data: []
- }, {
- type: 'effectScatter',
- coordinateSystem: 'geo',
- rippleEffect: {
- brushType: 'fill',
- scale: 0
- },
- showEffectOn: 'render',
- label: {
- lineHeight: 30,
- normal: {
- show: true,
- color: '#081727',
- position: 'inside',
- padding: [5, 0, 0, 0],
- verticalAlign: 'middle',
- formatter: function formatter(para) {
- return '{cnNum|' + para.data.value[2] + '}';
- // return para.data.value[2]
- },
- rich: {
- cnNum: {
- fontSize: 16,
- color: '#081727',
- lineHeight: 28
- }
- }
- }
- },
- symbol: 'roundRect',
- // symbolRotate: 20,
- symbolSize: [40, 28],
- data: [],
- zlevel: 1,
- markPoint: { //图表标注。
- label: {
- normal: {
- show: true
- },
- emphasis: {
- show: true
- }
- },
- itemStyle: {
- normal: {
- color: 'rgba(72,150,128,1)',
- shadowBlur: 10,
- shadowColor: '#05C3F9'
- }
- },
- data: markPointData
- }
- }]
- };
- chinaMap.setOption(_this.options);
- _this.chinaMapHidden(chinaMap);
- });
- },
-
- // 获取项目坐标
- getproject: function getproject(data, callback) {
- var _this3 = this;
-
- var markPointData = [];
- Object(api["d" /* httpGet */])('', this.$api.getProjects).then(function (res1) {
- if (res1.success) {
- _this3.enterpriselist.forEach(function (li) {
- res1.data.map(function (ll) {
- if (li.id == ll.enterpriseId) {
- var reg = new RegExp('"', "g");
- var name = li.name + ':' + ll.total + '把';
- var coord = '';
- if (ll.coordinate != null) {
- coord = ll.coordinate.replace(reg, "");
- coord = JSON.parse(coord);
- if (coord) {
- var str = {
- name: name,
- coord: coord,
- selected: false,
- symbol: 'image://' + __webpack_require__("9IGF"), // 标注图片地址路径
- symbolSize: 32
- };
- markPointData.push(str);
- }
- }
- }
- });
- });
- callback(markPointData);
- }
- });
- },
-
- // 返回中国地图
- returnChinaFn: function returnChinaFn() {
- this.chinaMaprsult('china');
- },
-
- // 点击跳转页面
- clickRoute: function clickRoute() {
- alert("点击了,做其他操作!");
- // this.$router.push('/')
- }
- }
- });
- // CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-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
- 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"}})])])}
- var map_staticRenderFns = []
- var map_esExports = { render: map_render, staticRenderFns: map_staticRenderFns }
- /* harmony default export */ var echart1_map = (map_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/map.vue
- function map_injectStyle (ssrContext) {
- __webpack_require__("i3o/")
- __webpack_require__("QYKJ")
- }
- var map_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var map___vue_template_functional__ = false
- /* styles */
- var map___vue_styles__ = map_injectStyle
- /* scopeId */
- var map___vue_scopeId__ = "data-v-5a7359a7"
- /* moduleIdentifier (server only) */
- var map___vue_module_identifier__ = null
- var map_Component = map_normalizeComponent(
- map,
- echart1_map,
- map___vue_template_functional__,
- map___vue_styles__,
- map___vue_scopeId__,
- map___vue_module_identifier__
- )
-
- /* harmony default export */ var views_echart1_map = (map_Component.exports);
-
- // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/echart1/index.vue
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
- //
-
-
-
-
-
-
-
-
-
-
-
- /* harmony default export */ var echart1 = ({
- data: function data() {
- return {
- loading: true,
- dateDay: null,
- dateYear: null,
- dateWeek: null,
- weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"]
- };
- },
-
- components: {
- centerLeft1: views_echart1_centerLeft1,
- centerLeft2: views_echart1_centerLeft2,
- centerRight1: views_echart1_centerRight1,
- centerRight2: views_echart1_centerRight2,
- center1: views_echart1_center,
- bottomLeft: views_echart1_bottomLeft,
- bottomRight: views_echart1_bottomRight,
- mapcom: views_echart1_map
- },
- mounted: function mounted() {
- this.timeFn();
- this.cancelLoading();
- },
-
- methods: {
- timeFn: function timeFn() {
- var _this = this;
-
- setInterval(function () {
- _this.dateDay = Object(utils["f" /* formatTime */])(new Date(), "HH: mm: ss");
- _this.dateYear = Object(utils["f" /* formatTime */])(new Date(), "yyyy-MM-dd");
- _this.dateWeek = _this.weekday[new Date().getDay()];
- }, 1000);
- },
- cancelLoading: function cancelLoading() {
- var _this2 = this;
-
- setTimeout(function () {
- _this2.loading = false;
- }, 500);
- }
- }
- });
- // 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
- 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)}
- var echart1_staticRenderFns = []
- var echart1_esExports = { render: echart1_render, staticRenderFns: echart1_staticRenderFns }
- /* harmony default export */ var views_echart1 = (echart1_esExports);
- // CONCATENATED MODULE: ./src/views/echart1/index.vue
- function echart1_injectStyle (ssrContext) {
- __webpack_require__("b52H")
- }
- var echart1_normalizeComponent = __webpack_require__("VU/8")
- /* script */
-
-
- /* template */
-
- /* template functional */
- var echart1___vue_template_functional__ = false
- /* styles */
- var echart1___vue_styles__ = echart1_injectStyle
- /* scopeId */
- var echart1___vue_scopeId__ = "data-v-26ef42e6"
- /* moduleIdentifier (server only) */
- var echart1___vue_module_identifier__ = null
- var echart1_Component = echart1_normalizeComponent(
- echart1,
- views_echart1,
- echart1___vue_template_functional__,
- echart1___vue_styles__,
- echart1___vue_scopeId__,
- echart1___vue_module_identifier__
- )
-
- /* harmony default export */ var src_views_echart1 = __webpack_exports__["default"] = (echart1_Component.exports);
-
-
- /***/ }),
-
- /***/ "O5LK":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "QYKJ":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "Qb1M":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "Ri5f":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "VHiD":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "b52H":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "gxkn":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "i3o/":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "l8V4":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "qiKX":
- /***/ (function(module, exports, __webpack_require__) {
-
- var map = {
- "./anhui.js": [
- "LxaZ",
- 130
- ],
- "./aomen.js": [
- "bFhG",
- 129
- ],
- "./beijing.js": [
- "bIQF",
- 128
- ],
- "./chongqing.js": [
- "yOrR",
- 127
- ],
- "./fujian.js": [
- "MF5D",
- 126
- ],
- "./gansu.js": [
- "wlbM",
- 125
- ],
- "./guangdong.js": [
- "q8av",
- 124
- ],
- "./guangxi.js": [
- "d+A2",
- 123
- ],
- "./guizhou.js": [
- "gQu3",
- 122
- ],
- "./hainan.js": [
- "lWJF",
- 121
- ],
- "./hebei.js": [
- "fl3M",
- 120
- ],
- "./heilongjiang.js": [
- "rugJ",
- 119
- ],
- "./henan.js": [
- "uf2Q",
- 118
- ],
- "./hubei.js": [
- "BrxA",
- 117
- ],
- "./hunan.js": [
- "Bu9l",
- 116
- ],
- "./jiangsu.js": [
- "aM2Z",
- 115
- ],
- "./jiangxi.js": [
- "sLa+",
- 114
- ],
- "./jilin.js": [
- "RXgU",
- 113
- ],
- "./liaoning.js": [
- "4h20",
- 112
- ],
- "./neimenggu.js": [
- "+kzi",
- 111
- ],
- "./ningxia.js": [
- "DvFz",
- 110
- ],
- "./qinghai.js": [
- "+EQR",
- 109
- ],
- "./shandong.js": [
- "H/fg",
- 108
- ],
- "./shanghai.js": [
- "2UcM",
- 107
- ],
- "./shanxi.js": [
- "OPXM",
- 106
- ],
- "./shanxi1.js": [
- "GxeG",
- 105
- ],
- "./sichuan.js": [
- "LM7n",
- 104
- ],
- "./taiwan.js": [
- "2JxT",
- 103
- ],
- "./tianjin.js": [
- "ZpZ2",
- 102
- ],
- "./xianggang.js": [
- "Zb2g",
- 101
- ],
- "./xinjiang.js": [
- "3AnA",
- 100
- ],
- "./xizang.js": [
- "NWZx",
- 99
- ],
- "./yunnan.js": [
- "aZfD",
- 98
- ],
- "./zhejiang.js": [
- "Knpt",
- 97
- ]
- };
- function webpackAsyncContext(req) {
- var ids = map[req];
- if(!ids)
- return Promise.reject(new Error("Cannot find module '" + req + "'."));
- return __webpack_require__.e(ids[1]).then(function() {
- return __webpack_require__(ids[0]);
- });
- };
- webpackAsyncContext.keys = function webpackAsyncContextKeys() {
- return Object.keys(map);
- };
- webpackAsyncContext.id = "qiKX";
- module.exports = webpackAsyncContext;
-
- /***/ }),
-
- /***/ "rqFo":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "tcAE":
- /***/ (function(module, exports, __webpack_require__) {
-
- var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you under the Apache License, Version 2.0 (the
- * "License"); you may not use this file except in compliance
- * with the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied. See the License for the
- * specific language governing permissions and limitations
- * under the License.
- */
-
- (function(root, factory) {
- if (true) {
- // AMD. Register as an anonymous module.
- !(__WEBPACK_AMD_DEFINE_ARRAY__ = [exports, __webpack_require__("XLwt")], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
- __WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
- (__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
- __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
- } else if (
- typeof exports === 'object' &&
- typeof exports.nodeName !== 'string'
- ) {
- // CommonJS
- factory(exports, require('echarts'));
- } else {
- // Browser globals
- factory({}, root.echarts);
- }
- })(this, function(exports, echarts) {
- var log = function(msg) {
- if (typeof console !== 'undefined') {
- console && console.error && console.error(msg);
- }
- };
- if (!echarts) {
- log('ECharts is not Loaded');
- return;
- }
-
- var colorPalette = [
- '#2ec7c9',
- '#b6a2de',
- '#5ab1ef',
- '#ffb980',
- '#d87a80',
- '#8d98b3',
- '#e5cf0d',
- '#97b552',
- '#95706d',
- '#dc69aa',
- '#07a2a4',
- '#9a7fd1',
- '#588dd5',
- '#f5994e',
- '#c05050',
- '#59678c',
- '#c9ab00',
- '#7eb00a',
- '#6f5553',
- '#c14089'
- ];
-
- var theme = {
- color: colorPalette,
-
- title: {
- textStyle: {
- fontWeight: 'normal',
- color: '#008acd'
- }
- },
-
- visualMap: {
- itemWidth: 15,
- color: ['#5ab1ef', '#e0ffff']
- },
-
- toolbox: {
- iconStyle: {
- normal: {
- borderColor: colorPalette[0]
- }
- }
- },
-
- tooltip: {
- backgroundColor: 'rgba(50,50,50,0.5)',
- axisPointer: {
- type: 'line',
- lineStyle: {
- color: '#008acd'
- },
- crossStyle: {
- color: '#008acd'
- },
- shadowStyle: {
- color: 'rgba(200,200,200,0.2)'
- }
- }
- },
-
- dataZoom: {
- dataBackgroundColor: '#efefff',
- fillerColor: 'rgba(182,162,222,0.2)',
- handleColor: '#008acd'
- },
-
- grid: {
- borderColor: '#eee'
- },
-
- categoryAxis: {
- axisLine: {
- lineStyle: {
- color: '#008acd'
- }
- },
- splitLine: {
- lineStyle: {
- color: ['#eee']
- }
- }
- },
-
- valueAxis: {
- axisLine: {
- lineStyle: {
- color: '#008acd'
- }
- },
- splitArea: {
- show: true,
- areaStyle: {
- color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
- }
- },
- splitLine: {
- lineStyle: {
- color: ['#eee']
- }
- }
- },
-
- timeline: {
- lineStyle: {
- color: '#008acd'
- },
- controlStyle: {
- color: '#008acd',
- borderColor: '#008acd'
- },
- symbol: 'emptyCircle',
- symbolSize: 3
- },
-
- line: {
- smooth: true,
- symbol: 'emptyCircle',
- symbolSize: 3
- },
-
- candlestick: {
- itemStyle: {
- color: '#d87a80',
- color0: '#2ec7c9'
- },
- lineStyle: {
- width: 1,
- color: '#d87a80',
- color0: '#2ec7c9'
- },
- areaStyle: {
- color: '#2ec7c9',
- color0: '#b6a2de'
- }
- },
-
- scatter: {
- symbol: 'circle',
- symbolSize: 4
- },
-
- map: {
- itemStyle: {
- color: '#ddd'
- },
- areaStyle: {
- color: '#fe994e'
- },
- label: {
- color: '#d87a80'
- }
- },
-
- graph: {
- itemStyle: {
- color: '#d87a80'
- },
- linkStyle: {
- color: '#2ec7c9'
- }
- },
-
- gauge: {
- axisLine: {
- lineStyle: {
- color: [
- [0.2, '#2ec7c9'],
- [0.8, '#5ab1ef'],
- [1, '#d87a80']
- ],
- width: 10
- }
- },
- axisTick: {
- splitNumber: 10,
- length: 15,
- lineStyle: {
- color: 'auto'
- }
- },
- splitLine: {
- length: 22,
- lineStyle: {
- color: 'auto'
- }
- },
- pointer: {
- width: 5
- }
- }
- };
-
- echarts.registerTheme('macarons', theme);
- });
-
-
- /***/ }),
-
- /***/ "uR4V":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "vEIa":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ }),
-
- /***/ "vqBC":
- /***/ (function(module, exports) {
-
- // removed by extract-text-webpack-plugin
-
- /***/ })
-
- });
|