You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2326 lines
82 KiB
2326 lines
82 KiB
webpackJsonp([2],{
|
|
|
|
/***/ "+Vp8":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "+YkT":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "+b8P":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "3Kca":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/screenTop.vue + 2 modules
|
|
var screenTop = __webpack_require__("jHVQ");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/Tourist.vue + 2 modules
|
|
var Tourist = __webpack_require__("qJzB");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/rightChartcenter.vue + 2 modules
|
|
var rightChartcenter = __webpack_require__("JlHD");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/leftChartOne.vue + 2 modules
|
|
var leftChartOne = __webpack_require__("ehEW");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/centerChartBottom.vue + 2 modules
|
|
var centerChartBottom = __webpack_require__("KKTH");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/rightChartTop.vue + 2 modules
|
|
var rightChartTop = __webpack_require__("jDcs");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/leftChartBottom.vue + 2 modules
|
|
var leftChartBottom = __webpack_require__("boqQ");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/leftChartcenter.vue + 2 modules
|
|
var leftChartcenter = __webpack_require__("X9Mt");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/centerChartTop.vue + 2 modules
|
|
var centerChartTop = __webpack_require__("CecC");
|
|
|
|
// EXTERNAL MODULE: ./src/views/dataScreen/rightChartcentertwo.vue + 2 modules
|
|
var rightChartcentertwo = __webpack_require__("xyEF");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/Screen.vue
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var Screen = ({
|
|
name: 'Datascreen',
|
|
components: { screenTop: screenTop["a" /* default */], Tourist: Tourist["a" /* default */], leftChartOne: leftChartOne["a" /* default */], rightChartcenter: rightChartcenter["a" /* default */], centerChartBottom: centerChartBottom["a" /* default */], rightChartTop: rightChartTop["a" /* default */], leftChartBottom: leftChartBottom["a" /* default */], leftChartcenter: leftChartcenter["a" /* default */], centerChartTop: centerChartTop["a" /* default */], rightChartcentertwo: rightChartcentertwo["a" /* default */] },
|
|
data: function data() {
|
|
return {};
|
|
},
|
|
created: function created() {
|
|
if (document.documentElement.clientWidth < 1080) {
|
|
this.colNumOne = 24;
|
|
this.colNum = 24;
|
|
} else {
|
|
this.colNumOne = 12;
|
|
this.colNum = 8;
|
|
}
|
|
},
|
|
|
|
methods: {},
|
|
mounted: function mounted() {
|
|
var _this = this;
|
|
|
|
var full = document.fullscreenElement;
|
|
//切换为全屏模式
|
|
if (!full) {
|
|
//文档根节点的方法requestFullscreen,实现全屏模式
|
|
document.documentElement.requestFullscreen();
|
|
}
|
|
window.onresize = function () {
|
|
return function () {
|
|
if (document.documentElement.clientWidth < 1080) {
|
|
_this.colNumOne = 24;
|
|
_this.colNum = 24;
|
|
} else {
|
|
_this.colNumOne = 12;
|
|
_this.colNum = 8;
|
|
}
|
|
}();
|
|
};
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-31a1a8f2","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/Screen.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"container"},[_c('div',{staticClass:"screen"},[_c('div',{staticClass:"top"},[_c('screenTop')],1),_vm._v(" "),_c('div',{staticClass:"bottom"},[_c('div',{staticClass:"left"},[_c('leftChartOne',{staticClass:"leftChartOne"}),_vm._v(" "),_c('rightChartcenter',{staticClass:"leftChartcenter"}),_vm._v(" "),_c('leftChartBottom',{staticClass:"leftChartBottom"})],1),_vm._v(" "),_c('div',{staticClass:"center"},[_c('centerChartTop'),_vm._v(" "),_c('centerChartBottom')],1),_vm._v(" "),_c('div',{staticClass:"right"},[_c('rightChartTop',{staticClass:"rightChartTop"}),_vm._v(" "),_c('rightChartcentertwo',{staticClass:"rightChartcenter"}),_vm._v(" "),_c('Tourist',{staticClass:"tourist"})],1)])])])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var views_Screen = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/Screen.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("ViwG")
|
|
}
|
|
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-31a1a8f2"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
Screen,
|
|
views_Screen,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var src_views_Screen = __webpack_exports__["default"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "6l9n":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "CecC":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./src/router/index.js + 15 modules
|
|
var router = __webpack_require__("YaEn");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/centerChartTop.vue
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
|
|
/* harmony default export */ var centerChartTop = ({
|
|
name: 'centerChartTop',
|
|
data: function data() {
|
|
return {};
|
|
},
|
|
|
|
methods: {
|
|
gotohome: function gotohome() {
|
|
router["a" /* default */].push({
|
|
path: '/home'
|
|
});
|
|
},
|
|
fangda: function fangda() {
|
|
if (router["a" /* default */].currentRoute.fullPath == '/Datascreen') {
|
|
router["a" /* default */].push({
|
|
path: '/screen'
|
|
});
|
|
} else if (router["a" /* default */].currentRoute.fullPath == '/screen') {
|
|
router["a" /* default */].push({
|
|
path: '/Datascreen'
|
|
});
|
|
}
|
|
|
|
// let full = document.fullscreenElement;
|
|
// //切换为全屏模式
|
|
// if (!full) {
|
|
// //文档根节点的方法requestFullscreen,实现全屏模式
|
|
// document.documentElement.requestFullscreen();
|
|
// }
|
|
// window.onresize = () => {
|
|
// return (() => {
|
|
// if (document.documentElement.clientWidth < 1080) {
|
|
// this.colNumOne = 26
|
|
// this.colNum = 24
|
|
// } else {
|
|
// this.colNumOne = 12
|
|
// this.colNum = 8
|
|
// }
|
|
// })()
|
|
// }
|
|
}
|
|
},
|
|
mounted: function mounted() {
|
|
console.log(router["a" /* default */].currentRoute.fullPath);
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-d7672b02","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/dataScreen/centerChartTop.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"centerChartTop"},[_c('div',{staticClass:"centerChartTopall",on:{"click":_vm.fangda}},[_c('i',{staticClass:"gongyu gy-quanping1"})]),_vm._v(" "),_c('div',{staticClass:"centerChartTophome",on:{"click":_vm.gotohome}},[_c('i',{staticClass:"gongyu gy-zhuye"})])])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_centerChartTop = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/centerChartTop.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("q1EO")
|
|
}
|
|
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-d7672b02"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
centerChartTop,
|
|
dataScreen_centerChartTop,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_centerChartTop = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "FR5K":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "JlHD":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./src/api/index.js + 5 modules
|
|
var api = __webpack_require__("gyMJ");
|
|
|
|
// EXTERNAL MODULE: ./src/router/index.js + 15 modules
|
|
var router = __webpack_require__("YaEn");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/rightChartcenter.vue
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
|
|
/* harmony default export */ var rightChartcenter = ({
|
|
name: "rightChartcenter",
|
|
data: function data() {
|
|
return {
|
|
charts: {
|
|
// title: {
|
|
// text: '本月租金收入（元）',
|
|
// left: 'center',
|
|
// textStyle: {
|
|
// // color: '#00BFFF',
|
|
// fontWeight: 'bold',
|
|
// fontSize: 20
|
|
// }
|
|
// },
|
|
tooltip: {},
|
|
xAxis: {
|
|
type: 'category',
|
|
data: ['公寓', '房源', '平山村'],
|
|
splitLine: {
|
|
show: false
|
|
}
|
|
},
|
|
yAxis: {
|
|
type: 'value',
|
|
splitLine: {
|
|
show: false
|
|
}
|
|
},
|
|
series: [{
|
|
data: [3521, 2250, 1542],
|
|
type: 'bar',
|
|
backgroundStyle: {
|
|
color: 'rgba(180, 180, 180, 0.2)'
|
|
},
|
|
itemStyle: {
|
|
normal: {
|
|
//这里是颜色
|
|
color: function color(params) {
|
|
//注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
|
|
var colorList = ['#00A3E0', '#FFA100', '#ffc0cb', '#CCCCCC', '#BBFFAA', '#749f83', '#ca8622'];
|
|
return colorList[params.dataIndex];
|
|
}
|
|
}
|
|
}
|
|
}]
|
|
}
|
|
};
|
|
},
|
|
|
|
methods: {
|
|
gotohome: function gotohome() {
|
|
router["a" /* default */].push({
|
|
path: '/home'
|
|
});
|
|
}
|
|
},
|
|
mounted: function mounted() {
|
|
var _this = this;
|
|
|
|
var charts = this.charts;
|
|
Object(api["d" /* httpGet */])('', this.$api.getStatisticsRevenueTop).then(function (res) {
|
|
if (res.success) {
|
|
var date = new Date();
|
|
var month = date.getMonth() + 1;
|
|
res.data.map(function (li) {
|
|
if (li.month == month) {
|
|
if (li.name == '公寓') {
|
|
charts.series[0].data[0] = li.rent;
|
|
} else if (li.name == '房源') {
|
|
charts.series[0].data[1] = li.rent;
|
|
} else if (li.name == '平山村') {
|
|
charts.series[0].data[2] = li.rent;
|
|
}
|
|
}
|
|
});
|
|
var chartsObj = _this.$echarts.init(document.getElementById('chartsrightcenter'));
|
|
chartsObj.setOption(charts, true);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-ecb2ccee","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/dataScreen/rightChartcenter.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"rightChartcenter"},[_c('div',{staticClass:"rightChartcenter-title"},[_vm._v("本月租金收入（元）")]),_vm._v(" "),_c('div',{style:({ height: '250px', width: '100%' }),attrs:{"id":"chartsrightcenter"}})])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_rightChartcenter = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/rightChartcenter.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("bmSL")
|
|
}
|
|
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-ecb2ccee"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
rightChartcenter,
|
|
dataScreen_rightChartcenter,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_rightChartcenter = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "KKTH":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// 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/babel-runtime/core-js/json/stringify.js
|
|
var stringify = __webpack_require__("mvHQ");
|
|
var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
|
|
|
|
// EXTERNAL MODULE: ./src/api/index.js + 5 modules
|
|
var api = __webpack_require__("gyMJ");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/centerChartBottom.vue
|
|
|
|
|
|
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
/* harmony default export */ var centerChartBottom = ({
|
|
name: 'centerChartBottom',
|
|
data: function data() {
|
|
return {
|
|
list: [{ title: '房间总数', total: 0, name: '(间)' }, { title: '人员总数', total: 0, name: '(人)' }, { title: '总收入', total: 0, name: '(万元)' }, { title: '开锁总数', total: 0, name: '(次)' }],
|
|
shebei: [{ title: '总设备', total: 0, name: '(个)' }, { title: '异常数', total: 0, name: '(个)' }, { title: '低电数', total: 0, name: '(个)' }, { title: '离线设备数', total: 0, name: '(个)' }],
|
|
statisticsDateDefault: {
|
|
"cdata": ["0", "0", "0", "0", "0"],
|
|
"seriesData": {
|
|
"abnormalTotal": 0,
|
|
"batteryLevel1": 0,
|
|
"batteryLevel2": 0,
|
|
"batteryLevel3": 0,
|
|
"batteryLevel4": 0,
|
|
"batteryLevel5": 0,
|
|
"closeTotal": 0,
|
|
"offlineTotal": 0,
|
|
"onlineTotal": 0,
|
|
"openTotal": 0,
|
|
"projects": 0,
|
|
"total": 0
|
|
},
|
|
"collectUS": {
|
|
"card300": 0,
|
|
"site200": 0,
|
|
"card200": 0,
|
|
"userCount": 0,
|
|
"site300": 0,
|
|
"lock300": 0,
|
|
"site400": 0,
|
|
"lock200": 0,
|
|
"houseSensor400": 0
|
|
},
|
|
"collectOpenLock": {
|
|
"week300": [{
|
|
"count": 0,
|
|
"order": "2022-05-15"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-16"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-17"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-18"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"week200": [{
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"allCount300": 0,
|
|
"allCount200": 0
|
|
},
|
|
"weekopenlock": [{
|
|
"order": "2022-05-19",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}],
|
|
"addDeviceWeek": [{
|
|
"order": "2022/05/20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}]
|
|
}
|
|
};
|
|
},
|
|
mounted: function mounted() {
|
|
var _this = this;
|
|
|
|
Object(api["d" /* httpGet */])('', this.$api.getCommunityrentStatistics).then(function (res) {});
|
|
this.$store.commit('setUser1');
|
|
if (!localStorage.getItem('statisticsDate')) {
|
|
var _data = this.statisticsDateDefault;
|
|
localStorage.setItem('statisticsDate', stringify_default()(_data));
|
|
this.reload();
|
|
}
|
|
var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
|
|
this.statisticsDate = statisticsDate;
|
|
this.statisticsDate.abnormalTotal = this.statisticsDate.seriesData.abnormalTotal || 0;
|
|
this.statisticsDate.offlineTotal = this.statisticsDate.seriesData.offlineTotal || 0;
|
|
this.statisticsDate.onlineTotal = this.statisticsDate.seriesData.onlineTotal || 0;
|
|
this.statisticsDate.isAppBind = this.statisticsDate.seriesData.isAppBind || 0;
|
|
this.statisticsDate.batteryLevel1 = this.statisticsDate.seriesData.batteryLevel1 || 0;
|
|
this.shebei[0].total = statisticsDate.seriesData.total;
|
|
this.shebei[1].total = statisticsDate.seriesData.isAppBind;
|
|
this.shebei[2].total = statisticsDate.seriesData.batteryLevel1;
|
|
this.shebei[3].total = statisticsDate.seriesData.offlineTotal;
|
|
// 总收入
|
|
Object(api["d" /* httpGet */])('', this.$api.getTotalRevenue).then(function (res) {
|
|
if (res.success) {
|
|
_this.list[2].total = (res.data / 1000000).toFixed(2);
|
|
}
|
|
});
|
|
for (var t in statisticsDate.collectUS) {
|
|
// 人员总数
|
|
var l = t.indexOf('card');
|
|
if (l != -1) {
|
|
this.list[1].total += statisticsDate.collectUS[t];
|
|
}
|
|
// 房间总数
|
|
var p = t.indexOf('site');
|
|
if (p != -1) {
|
|
this.list[0].total += statisticsDate.collectUS[t];
|
|
}
|
|
}
|
|
// 开锁总数
|
|
var data = { pageNum: 1, pageSize: 20, orderBy: "open_time desc", q: "{}" };
|
|
Object(api["d" /* httpGet */])(data, this.$api.orderLockOpen).then(function () {
|
|
var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee(res) {
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_this.list[3].total = res.data.total || 0;
|
|
|
|
case 1:
|
|
case 'end':
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee, _this);
|
|
}));
|
|
|
|
return function (_x) {
|
|
return _ref.apply(this, arguments);
|
|
};
|
|
}());
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-397380fa","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/dataScreen/centerChartBottom.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"centerChartBottom"},[_c('div',{staticClass:"datalist"},_vm._l((_vm.shebei),function(item,index){return _c('div',{key:index,staticClass:"datalist-item"},[_c('div',{staticClass:"item-middle"},[_c('span',{staticClass:"datalist-item-total"},[_vm._v(_vm._s(item.total))]),_vm._v(" "),_c('span',{staticClass:"datalist-item-title"},[_vm._v(_vm._s(item.title)),_c('span',{staticClass:"datalist-item-name"},[_vm._v(_vm._s(item.name))])])])])}),0),_vm._v(" "),_c('div',{staticClass:"datalist"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:"datalist-item"},[_c('div',{staticClass:"item-middle"},[_c('span',{staticClass:"datalist-item-total"},[_vm._v(_vm._s(item.total))]),_vm._v(" "),_c('span',{staticClass:"datalist-item-title"},[_vm._v(_vm._s(item.title)),_c('span',{staticClass:"datalist-item-name"},[_vm._v(_vm._s(item.name))])])])])}),0)])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_centerChartBottom = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/centerChartBottom.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("+b8P")
|
|
}
|
|
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-397380fa"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
centerChartBottom,
|
|
dataScreen_centerChartBottom,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_centerChartBottom = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "QqKr":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "ViwG":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "X9Mt":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
|
|
var stringify = __webpack_require__("mvHQ");
|
|
var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
|
|
|
|
// EXTERNAL MODULE: ./src/api/index.js + 5 modules
|
|
var api = __webpack_require__("gyMJ");
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/leftChartcenter.vue
|
|
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
/* harmony default export */ var leftChartcenter = ({
|
|
name: 'leftChartcenter',
|
|
data: function data() {
|
|
return {
|
|
list: [{ title: '总设备', total: 0 }, { title: '异常数', total: 0 }, { title: '低电数', total: 0 }, { title: '离线设备数', total: 0 }],
|
|
list2: [{ title: '合同数', total: 0 }, { title: '已签约', total: 0 }, { title: '已到期', total: 0 }, { title: '已欠费', total: 0 }],
|
|
statisticsDateDefault: {
|
|
"cdata": ["0", "0", "0", "0", "0"],
|
|
"seriesData": {
|
|
"abnormalTotal": 0,
|
|
"batteryLevel1": 0,
|
|
"batteryLevel2": 0,
|
|
"batteryLevel3": 0,
|
|
"batteryLevel4": 0,
|
|
"batteryLevel5": 0,
|
|
"closeTotal": 0,
|
|
"offlineTotal": 0,
|
|
"onlineTotal": 0,
|
|
"openTotal": 0,
|
|
"projects": 0,
|
|
"total": 0
|
|
},
|
|
"collectUS": {
|
|
"card300": 0,
|
|
"site200": 0,
|
|
"card200": 0,
|
|
"userCount": 0,
|
|
"site300": 0,
|
|
"lock300": 0,
|
|
"site400": 0,
|
|
"lock200": 0,
|
|
"houseSensor400": 0
|
|
},
|
|
"collectOpenLock": {
|
|
"week300": [{
|
|
"count": 0,
|
|
"order": "2022-05-15"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-16"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-17"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-18"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"week200": [{
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"allCount300": 0,
|
|
"allCount200": 0
|
|
},
|
|
"weekopenlock": [{
|
|
"order": "2022-05-19",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}],
|
|
"addDeviceWeek": [{
|
|
"order": "2022/05/20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}]
|
|
}
|
|
};
|
|
},
|
|
|
|
methods: {
|
|
// 获取合约
|
|
getLeasesList: function getLeasesList() {
|
|
var _this = this;
|
|
|
|
var data = {
|
|
pageNum: this.pageNum,
|
|
pageSize: this.pageSize,
|
|
orderBy: "create_time desc"
|
|
};
|
|
Object(api["g" /* httpPost */])(data, this.$api.postLeasesList).then(function (res) {
|
|
if (res.success) {
|
|
_this.list2[0].total = res.data.total;
|
|
} else {
|
|
_this.$message.error(res.message);
|
|
}
|
|
});
|
|
},
|
|
|
|
// 获取合约状态
|
|
getLeasesStatus: function getLeasesStatus() {
|
|
var _this2 = this;
|
|
|
|
Object(api["d" /* httpGet */])('', this.$api.getLeasesStatusstatistics).then(function (res) {
|
|
if (res.success) {
|
|
var list = res.data;
|
|
list.map(function (li) {
|
|
if (li.value === 1) {
|
|
_this2.list2[1].total += li.total;
|
|
} else if (li.value === 2) {
|
|
_this2.list2[3].total += li.total;
|
|
}
|
|
});
|
|
_this2.list2[2].total = _this2.list2[0].total - _this2.list2[1].total - _this2.list2[3].total;
|
|
}
|
|
});
|
|
}
|
|
},
|
|
mounted: function mounted() {
|
|
// 总设备等
|
|
Object(api["d" /* httpGet */])('', this.$api.getCommunityrentStatistics).then(function (res) {});
|
|
this.$store.commit('setUser1');
|
|
if (!localStorage.getItem('statisticsDate')) {
|
|
var data = this.statisticsDateDefault;
|
|
localStorage.setItem('statisticsDate', stringify_default()(data));
|
|
this.reload();
|
|
}
|
|
var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
|
|
this.statisticsDate = statisticsDate;
|
|
this.list[0].total = statisticsDate.seriesData.total;
|
|
this.list[1].total = statisticsDate.seriesData.isAppBind;
|
|
this.list[2].total = statisticsDate.seriesData.batteryLevel1;
|
|
this.list[3].total = statisticsDate.seriesData.offlineTotal;
|
|
// 合同等
|
|
this.getLeasesList();
|
|
this.getLeasesStatus();
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-ad19b5fe","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/dataScreen/leftChartcenter.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"title"},[_vm._v("数据统计分析")]),_vm._v(" "),_c('div',{staticClass:"leftChartcenter"},[_c('div',{staticClass:"leftChartcenterlistone"},_vm._l((_vm.list2),function(item,index){return _c('div',{key:index,staticClass:"leftchart-item"},[_c('div',{staticClass:"item-middle"},[_c('div',{staticClass:"item-title"},[_vm._v(_vm._s(item.title)+" (个)")]),_vm._v(" "),_c('div',{staticClass:"item-total"},[_vm._v(_vm._s(item.total))])])])}),0),_vm._v(" "),_c('div',{staticClass:"leftChartcenterlistone"},_vm._l((_vm.list),function(item,index){return _c('div',{key:index,staticClass:"leftchart-item"},[_c('div',{staticClass:"item-middle"},[_c('div',{staticClass:"item-title"},[_vm._v(_vm._s(item.title)+" (个)")]),_vm._v(" "),_c('div',{staticClass:"item-total"},[_vm._v(_vm._s(item.total))])])])}),0)])])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_leftChartcenter = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/leftChartcenter.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("rOXf")
|
|
}
|
|
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-ad19b5fe"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
leftChartcenter,
|
|
dataScreen_leftChartcenter,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_leftChartcenter = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "bmSL":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "boqQ":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
|
|
var stringify = __webpack_require__("mvHQ");
|
|
var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
|
|
|
|
// EXTERNAL MODULE: ./src/api/index.js + 5 modules
|
|
var api = __webpack_require__("gyMJ");
|
|
|
|
// EXTERNAL MODULE: ./node_modules/moment/moment.js
|
|
var moment = __webpack_require__("PJh5");
|
|
var moment_default = /*#__PURE__*/__webpack_require__.n(moment);
|
|
|
|
// EXTERNAL MODULE: ./node_modules/echarts/index.js
|
|
var echarts = __webpack_require__("XLwt");
|
|
var echarts_default = /*#__PURE__*/__webpack_require__.n(echarts);
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/leftChartBottom.vue
|
|
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
|
|
|
|
/* harmony default export */ var leftChartBottom = ({
|
|
name: 'leftChartBottom',
|
|
data: function data() {
|
|
return {
|
|
chartsBottom: {
|
|
tooltip: {
|
|
trigger: 'axis',
|
|
axisPointer: {
|
|
type: 'cross'
|
|
}
|
|
},
|
|
legend: {},
|
|
xAxis: [{
|
|
type: 'category',
|
|
boundaryGap: false,
|
|
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
|
splitLine: {
|
|
show: false
|
|
}
|
|
}],
|
|
yAxis: [{
|
|
type: 'value',
|
|
splitLine: {
|
|
show: false
|
|
}
|
|
}],
|
|
series: [{
|
|
type: 'line',
|
|
name: '签约数',
|
|
lineStyle: {
|
|
normal: {
|
|
width: 2,
|
|
color: "#0000ff" //设置实线的颜色
|
|
}
|
|
},
|
|
areaStyle: {
|
|
opacity: 0.8,
|
|
color: new echarts_default.a.graphic.LinearGradient(0, 0, 0, 1, [{
|
|
offset: 0,
|
|
color: 'rgb(128, 255, 165)'
|
|
}, {
|
|
offset: 1,
|
|
color: 'rgb(1, 191, 236)'
|
|
}])
|
|
},
|
|
smooth: true,
|
|
data: [10, 20, 54, 5, 35, 41, 18]
|
|
}]
|
|
}
|
|
};
|
|
},
|
|
mounted: function mounted() {
|
|
var _this = this;
|
|
|
|
var charts = this.chartsBottom;
|
|
var data = {
|
|
"orderBy": "create_time desc",
|
|
"q": stringify_default()({
|
|
status: '1'
|
|
})
|
|
};
|
|
var list = [];
|
|
for (var i = 1; i <= 7; i++) {
|
|
list.unshift(moment_default()().subtract(i, 'days').format('MM-DD'));
|
|
}
|
|
charts.xAxis[0].data = list;
|
|
Object(api["g" /* httpPost */])(data, this.$api.postLeasesList).then(function (res) {
|
|
console.log("111", res);
|
|
if (res.success) {
|
|
res.data.list.map(function (li) {
|
|
li.createTime = moment_default()().format("MM-DD");
|
|
for (var _i = 0; _i < 7; _i++) {
|
|
if (list[_i] == li.createTime) {
|
|
charts.series[0].data[_i] += 1;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
var chartsObj2 = _this.$echarts.init(document.getElementById('leftChartBottom'));
|
|
chartsObj2.setOption(charts, true);
|
|
});
|
|
// let chartsObj2 = this.$echarts.init(
|
|
// document.getElementById('leftChartBottom')
|
|
// )
|
|
// chartsObj2.setOption(charts, true)
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-6807bc62","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/dataScreen/leftChartBottom.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"leftChartBottom"},[_c('div',{staticClass:"leftchartbottom-title"},[_vm._v("近期新增签约")]),_vm._v(" "),_c('div',{style:({ height: '250px', width: '100%' }),attrs:{"id":"leftChartBottom"}})])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_leftChartBottom = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/leftChartBottom.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("QqKr")
|
|
}
|
|
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-6807bc62"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
leftChartBottom,
|
|
dataScreen_leftChartBottom,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_leftChartBottom = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "ehEW":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// 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: ./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/views/dataScreen/leftChartOne.vue
|
|
|
|
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
/* harmony default export */ var leftChartOne = ({
|
|
name: 'leftChartOne',
|
|
data: function data() {
|
|
return {
|
|
charts: {
|
|
title: {},
|
|
tooltip: {},
|
|
legend: {},
|
|
grud: {},
|
|
series: [{
|
|
type: 'pie',
|
|
radius: '50%',
|
|
center: ['50%', '50%'],
|
|
selectedMode: 'single',
|
|
data: []
|
|
}]
|
|
},
|
|
statisticsDateDefault: {
|
|
"cdata": ["0", "0", "0", "0", "0"],
|
|
"seriesData": {
|
|
"abnormalTotal": 0,
|
|
"batteryLevel1": 0,
|
|
"batteryLevel2": 0,
|
|
"batteryLevel3": 0,
|
|
"batteryLevel4": 0,
|
|
"batteryLevel5": 0,
|
|
"closeTotal": 0,
|
|
"offlineTotal": 0,
|
|
"onlineTotal": 0,
|
|
"openTotal": 0,
|
|
"projects": 0,
|
|
"total": 0
|
|
},
|
|
"collectUS": {
|
|
"card300": 0,
|
|
"site200": 0,
|
|
"card200": 0,
|
|
"userCount": 0,
|
|
"site300": 0,
|
|
"lock300": 0,
|
|
"site400": 0,
|
|
"lock200": 0,
|
|
"houseSensor400": 0
|
|
},
|
|
"collectOpenLock": {
|
|
"week300": [{
|
|
"count": 0,
|
|
"order": "2022-05-15"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-16"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-17"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-18"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"week200": [{
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"allCount300": 0,
|
|
"allCount200": 0
|
|
},
|
|
"weekopenlock": [{
|
|
"order": "2022-05-19",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}],
|
|
"addDeviceWeek": [{
|
|
"order": "2022/05/20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}]
|
|
},
|
|
sumRoom: 0, // 签约总数
|
|
sumCard: 0, // 已签约
|
|
sumTotal: 0, // 已退租
|
|
sumOpen: 0 // 已欠费
|
|
};
|
|
},
|
|
mounted: function mounted() {
|
|
var _this = this;
|
|
|
|
var sumRoom = 0,
|
|
sumCard = 0,
|
|
sumTotal = 0,
|
|
sumOpen = 0;
|
|
Object(api["d" /* httpGet */])('', this.$api.getCommonStatistics).then(function () {
|
|
var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee(res) {
|
|
var list, chartsone, chartsObj;
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
if (res.success) {
|
|
list = res.data;
|
|
|
|
list.map(function (li) {
|
|
if (li.status === 1) {
|
|
sumCard += li.total;
|
|
_this.sumCard += li.total;
|
|
} else if (li.status === 2) {
|
|
sumTotal += li.total;
|
|
_this.sumTotal += li.total;
|
|
} else if (li.status === 3) {
|
|
sumOpen += li.total;
|
|
_this.sumOpen += li.total;
|
|
}
|
|
});
|
|
_this.sumRoom = _this.sumCard + _this.sumOpen + _this.sumTotal;
|
|
sumRoom = sumCard + sumOpen + sumTotal;
|
|
chartsone = _this.charts;
|
|
|
|
chartsone.series[0].data[0] = { value: sumRoom, name: "签约总数" };
|
|
chartsone.series[0].data[1] = { value: sumCard, name: "已签约" };
|
|
chartsone.series[0].data[2] = { value: sumOpen, name: "已退租" };
|
|
chartsone.series[0].data[3] = { value: sumTotal, name: "已欠费" };
|
|
console.log(chartsone.series[0].data, sumRoom);
|
|
chartsObj = _this.$echarts.init(document.getElementById('chartsone'));
|
|
|
|
chartsObj.setOption(chartsone, true);
|
|
}
|
|
|
|
case 1:
|
|
case 'end':
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee, _this);
|
|
}));
|
|
|
|
return function (_x) {
|
|
return _ref.apply(this, arguments);
|
|
};
|
|
}());
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-11b8a6c7","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/dataScreen/leftChartOne.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"leftChartOne"},[_c('div',{staticClass:"chartstitle1"},[_vm._v("合同数")]),_vm._v(" "),_c('div',{style:({ height: '250px', width: '100%' }),attrs:{"id":"chartsone"}}),_vm._v(" "),_c('div',{staticClass:"tablist"},[_c('div',{staticClass:"tablist-item"},[_c('div',{staticClass:"item-middle"},[_c('span',{staticClass:"tablist-item-title"},[_vm._v("签约总数")]),_vm._v(" "),_c('span',{staticClass:"tablist-item-total"},[_vm._v(_vm._s(_vm.sumRoom))])])]),_vm._v(" "),_c('div',{staticClass:"tablist-item"},[_c('div',{staticClass:"item-middle"},[_c('span',{staticClass:"tablist-item-title"},[_vm._v("已签约")]),_vm._v(" "),_c('span',{staticClass:"tablist-item-total"},[_vm._v(_vm._s(_vm.sumCard))])])]),_vm._v(" "),_c('div',{staticClass:"tablist-item"},[_c('div',{staticClass:"item-middle"},[_c('span',{staticClass:"tablist-item-title"},[_vm._v("已退租")]),_vm._v(" "),_c('span',{staticClass:"tablist-item-total"},[_vm._v(_vm._s(_vm.sumTotal))])])]),_vm._v(" "),_c('div',{staticClass:"tablist-item"},[_c('div',{staticClass:"item-middle"},[_c('span',{staticClass:"tablist-item-title"},[_vm._v("已欠费")]),_vm._v(" "),_c('span',{staticClass:"tablist-item-total"},[_vm._v(_vm._s(_vm.sumOpen))])])])])])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_leftChartOne = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/leftChartOne.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("+YkT")
|
|
}
|
|
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-11b8a6c7"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
leftChartOne,
|
|
dataScreen_leftChartOne,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_leftChartOne = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "jDcs":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/rightChartTop.vue
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
/* harmony default export */ var rightChartTop = ({
|
|
name: 'rightChartTop',
|
|
data: function data() {
|
|
return {
|
|
animate: false,
|
|
intNum: null,
|
|
list: [{ namt: '测试01', number: '2023-06-15', momey: '800' }, { namt: '测试02', number: '2023-06-14', momey: '900' }, { namt: '测试03', number: '2023-06-13', momey: '1000' }, { namt: '测试04', number: '2023-06-12', momey: '1100' }, { namt: '测试05', number: '2023-06-11', momey: '1200' }, { namt: '测试06', number: '2023-06-10', momey: '1300' }, { namt: '测试07', number: '2023-06-09', momey: '1400' }, { namt: '测试08', number: '2023-06-08', momey: '1500' }]
|
|
};
|
|
},
|
|
created: function created() {
|
|
this.ScrollUp();
|
|
},
|
|
|
|
methods: {
|
|
ScrollUp: function ScrollUp() {
|
|
var _this = this;
|
|
|
|
this.intNum = setInterval(function () {
|
|
_this.animate = true; // 向上滚动时添加css过渡动画
|
|
setTimeout(function () {
|
|
_this.list.push(_this.list[0]);
|
|
_this.list.shift();
|
|
_this.animate = false;
|
|
}, 500);
|
|
}, 3000);
|
|
},
|
|
Stop: function Stop() {
|
|
clearInterval(this.intNum);
|
|
},
|
|
Up: function Up() {
|
|
this.ScrollUp();
|
|
}
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-55db652e","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/dataScreen/rightChartTop.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"rightChartTop"},[_vm._m(0),_vm._v(" "),_c('div',{staticClass:"one"},[_c('ul',{staticClass:"new-list",class:{ anim: _vm.animate },on:{"mouseenter":function($event){return _vm.Stop()},"mouseleave":function($event){return _vm.Up()}}},_vm._l((_vm.list),function(item,index){return _c('li',{key:index,staticClass:"liscroll"},[_c('span',[_vm._v(_vm._s(item.namt))]),_vm._v(" "),_c('span',[_vm._v(_vm._s(item.momey))]),_vm._v(" "),_c('span',[_vm._v(_vm._s(item.number))])])}),0)])])}
|
|
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"title"},[_c('div',{staticClass:"title1"},[_vm._v("人员")]),_vm._v(" "),_c('div',[_vm._v("租金（￥）")]),_vm._v(" "),_c('div',{staticClass:"date"},[_vm._v("签约时间")])])}]
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_rightChartTop = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/rightChartTop.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("ydAD")
|
|
}
|
|
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-55db652e"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
rightChartTop,
|
|
dataScreen_rightChartTop,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_rightChartTop = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "jHVQ":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/dataScreen/screenTop.vue
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
/* harmony default export */ var screenTop = ({
|
|
name: 'screenTop',
|
|
data: function data() {
|
|
return {};
|
|
},
|
|
mounted: function mounted() {},
|
|
|
|
methods: {}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-33a2a7ec","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/dataScreen/screenTop.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}
|
|
var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"top"},[_c('div',{staticClass:"title"},[_vm._v("智慧公寓平台")])])}]
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_screenTop = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/screenTop.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("FR5K")
|
|
}
|
|
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-33a2a7ec"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
screenTop,
|
|
dataScreen_screenTop,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_screenTop = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "q1EO":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "qJzB":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// EXTERNAL MODULE: ./node_modules/babel-runtime/core-js/json/stringify.js
|
|
var stringify = __webpack_require__("mvHQ");
|
|
var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
|
|
|
|
// EXTERNAL MODULE: ./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: ./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/views/dataScreen/Tourist.vue
|
|
|
|
|
|
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
|
|
/* harmony default export */ var Tourist = ({
|
|
name: 'Tourist',
|
|
data: function data() {
|
|
return {
|
|
chartsOne: {
|
|
// title: {
|
|
// text: '房屋入住率'
|
|
// },
|
|
tooltip: {},
|
|
//系列:决定你展示什么样的图形图标
|
|
series: {
|
|
type: 'liquidFill', //系列
|
|
data: [], //展示的数据
|
|
label: {
|
|
normal: {
|
|
formatter: "", //水球上显示文字，可以设置任意文字
|
|
show: true,
|
|
textStyle: {
|
|
// color: '#ffffff',
|
|
fontSize: '25',
|
|
fontFamily: 'serif',
|
|
fontWeight: 'bold'
|
|
}
|
|
}
|
|
},
|
|
waveAnimation: true, //动画
|
|
animationDuration: 3,
|
|
animationDurationUpdate: 0, // 控制波浪上升
|
|
radius: '70%', //半径
|
|
outline: { //外层边框颜色设置
|
|
show: true,
|
|
borderDistance: 8,
|
|
itemStyle: {
|
|
color: 'skyblue',
|
|
borderColor: '#294D99',
|
|
borderWidth: 8,
|
|
shadowBlur: 20,
|
|
shadowColor: 'rgba(0, 0, 0, 0.25)'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
// Occupancyrate: '',
|
|
statisticsDateDefault: {
|
|
"cdata": ["0", "0", "0", "0", "0"],
|
|
"seriesData": {
|
|
"abnormalTotal": 0,
|
|
"batteryLevel1": 0,
|
|
"batteryLevel2": 0,
|
|
"batteryLevel3": 0,
|
|
"batteryLevel4": 0,
|
|
"batteryLevel5": 0,
|
|
"closeTotal": 0,
|
|
"offlineTotal": 0,
|
|
"onlineTotal": 0,
|
|
"openTotal": 0,
|
|
"projects": 0,
|
|
"total": 0
|
|
},
|
|
"collectUS": {
|
|
"card300": 0,
|
|
"site200": 0,
|
|
"card200": 0,
|
|
"userCount": 0,
|
|
"site300": 0,
|
|
"lock300": 0,
|
|
"site400": 0,
|
|
"lock200": 0,
|
|
"houseSensor400": 0
|
|
},
|
|
"collectOpenLock": {
|
|
"week300": [{
|
|
"count": 0,
|
|
"order": "2022-05-15"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-16"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-17"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-18"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"week200": [{
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"allCount300": 0,
|
|
"allCount200": 0
|
|
},
|
|
"weekopenlock": [{
|
|
"order": "2022-05-19",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}],
|
|
"addDeviceWeek": [{
|
|
"order": "2022/05/20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}]
|
|
}
|
|
};
|
|
},
|
|
created: function created() {
|
|
var _this = this;
|
|
|
|
return asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee() {
|
|
return regenerator_default.a.wrap(function _callee$(_context) {
|
|
while (1) {
|
|
switch (_context.prev = _context.next) {
|
|
case 0:
|
|
case 'end':
|
|
return _context.stop();
|
|
}
|
|
}
|
|
}, _callee, _this);
|
|
}))();
|
|
},
|
|
mounted: function mounted() {
|
|
var _this2 = this;
|
|
|
|
// httpGet('', this.$api.getCommunityrentStatistics).then(res => { })
|
|
var sumRoom = '';
|
|
var Occupancyrate = '';
|
|
this.$store.commit('setUser1');
|
|
if (!localStorage.getItem('statisticsDate')) {
|
|
var data = this.statisticsDateDefault;
|
|
localStorage.setItem('statisticsDate', stringify_default()(data));
|
|
this.reload();
|
|
}
|
|
var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
|
|
this.statisticsDate = statisticsDate;
|
|
this.statisticsDate.abnormalTotal = this.statisticsDate.seriesData.abnormalTotal || 0;
|
|
this.statisticsDate.offlineTotal = this.statisticsDate.seriesData.offlineTotal || 0;
|
|
this.statisticsDate.onlineTotal = this.statisticsDate.seriesData.onlineTotal || 0;
|
|
this.statisticsDate.isAppBind = this.statisticsDate.seriesData.isAppBind || 0;
|
|
this.statisticsDate.batteryLevel1 = this.statisticsDate.seriesData.batteryLevel1 || 0;
|
|
// this.collectUS = statisticsDate.collectUS
|
|
// this.sumProjects = statisticsDate.seriesData.projects
|
|
for (var t in statisticsDate.collectUS) {
|
|
var p = t.indexOf('site');
|
|
if (p != -1) {
|
|
sumRoom += statisticsDate.collectUS[t];
|
|
}
|
|
}
|
|
Object(api["d" /* httpGet */])('', this.$api.getCommonStatistics).then(function () {
|
|
var _ref = asyncToGenerator_default()( /*#__PURE__*/regenerator_default.a.mark(function _callee2(res6) {
|
|
var list, occupied, chartsOne, chartsObjOne;
|
|
return regenerator_default.a.wrap(function _callee2$(_context2) {
|
|
while (1) {
|
|
switch (_context2.prev = _context2.next) {
|
|
case 0:
|
|
console.log('222', res6);
|
|
if (res6.success) {
|
|
list = res6.data;
|
|
occupied = 0;
|
|
|
|
list.map(function (li) {
|
|
if (li.status === 1) {
|
|
occupied += li.total;
|
|
}
|
|
});
|
|
Occupancyrate = (occupied / sumRoom).toFixed(2);
|
|
chartsOne = _this2.chartsOne;
|
|
// chartsOne.series.data[0] = Occupancyrate
|
|
|
|
chartsOne.series.data[0] = 0.4;
|
|
// chartsOne.series.label.normal.formatter = Occupancyrate + '%'
|
|
chartsOne.series.label.normal.formatter = '40' + '%';
|
|
chartsObjOne = _this2.$echarts.init(document.getElementById("charts"));
|
|
|
|
chartsObjOne.setOption(chartsOne, true);
|
|
}
|
|
|
|
case 2:
|
|
case 'end':
|
|
return _context2.stop();
|
|
}
|
|
}
|
|
}, _callee2, _this2);
|
|
}));
|
|
|
|
return function (_x) {
|
|
return _ref.apply(this, arguments);
|
|
};
|
|
}());
|
|
// let chartsOne = this.chartsOne
|
|
// chartsOne.series.data[0] = this.Occupancyrate
|
|
// chartsOne.series.label.normal.formatter = this.Occupancyrate + '%'
|
|
// let chartsObjOne = this.$echarts.init(
|
|
// document.getElementById("charts")
|
|
// );
|
|
// chartsObjOne.setOption(chartsOne, true);
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-4d3946e0","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/dataScreen/Tourist.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"Tourist"},[_c('div',{staticClass:"tourist-title"},[_vm._v("房屋入住率")]),_vm._v(" "),_c('div',{style:({ height: '250px', width: '100%' }),attrs:{"id":"charts"}})])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_Tourist = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/Tourist.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("+Vp8")
|
|
}
|
|
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-4d3946e0"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
Tourist,
|
|
dataScreen_Tourist,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_Tourist = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "rOXf":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ }),
|
|
|
|
/***/ "xyEF":
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
|
|
"use strict";
|
|
|
|
// 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/views/dataScreen/rightChartcentertwo.vue
|
|
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
//
|
|
|
|
/* harmony default export */ var rightChartcentertwo = ({
|
|
name: 'rightChartcentertwo',
|
|
data: function data() {
|
|
return {
|
|
charts: {
|
|
// title: {
|
|
// text: '设备电量占比',
|
|
// textStyle: {
|
|
// color: '#00BFFF',
|
|
|
|
// }
|
|
// },
|
|
tooltip: {},
|
|
series: [{
|
|
type: 'funnel',
|
|
top: 10,
|
|
// bottom: 60,
|
|
left: '10%',
|
|
width: '70%',
|
|
height: '80%',
|
|
// min: 0,
|
|
// max: 100,
|
|
minSize: '0%',
|
|
maxSize: '100%',
|
|
sort: 'ascending',
|
|
gap: 2,
|
|
label: {
|
|
show: true,
|
|
position: 'inside'
|
|
},
|
|
labelLine: {
|
|
length: 10,
|
|
lineStyle: {
|
|
width: 1,
|
|
type: 'solid'
|
|
}
|
|
},
|
|
itemStyle: {
|
|
borderColor: '#fff',
|
|
borderWidth: 1
|
|
},
|
|
emphasis: {
|
|
label: {
|
|
fontSize: 20
|
|
}
|
|
},
|
|
data: [{ 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%)' }]
|
|
}]
|
|
},
|
|
statisticsDateDefault: {
|
|
"cdata": ["0", "0", "0", "0", "0"],
|
|
"seriesData": {
|
|
"abnormalTotal": 0,
|
|
"batteryLevel1": 0,
|
|
"batteryLevel2": 0,
|
|
"batteryLevel3": 0,
|
|
"batteryLevel4": 0,
|
|
"batteryLevel5": 0,
|
|
"closeTotal": 0,
|
|
"offlineTotal": 0,
|
|
"onlineTotal": 0,
|
|
"openTotal": 0,
|
|
"projects": 0,
|
|
"total": 0
|
|
},
|
|
"collectUS": {
|
|
"card300": 0,
|
|
"site200": 0,
|
|
"card200": 0,
|
|
"userCount": 0,
|
|
"site300": 0,
|
|
"lock300": 0,
|
|
"site400": 0,
|
|
"lock200": 0,
|
|
"houseSensor400": 0
|
|
},
|
|
"collectOpenLock": {
|
|
"week300": [{
|
|
"count": 0,
|
|
"order": "2022-05-15"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-16"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-17"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-18"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"week200": [{
|
|
"count": 0,
|
|
"order": "2022-05-19"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-20"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-21"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-22"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-23"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-24"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-25"
|
|
}, {
|
|
"count": 0,
|
|
"order": "2022-05-26"
|
|
}],
|
|
"allCount300": 0,
|
|
"allCount200": 0
|
|
},
|
|
"weekopenlock": [{
|
|
"order": "2022-05-19",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}],
|
|
"addDeviceWeek": [{
|
|
"order": "2022/05/20",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/21",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/22",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/23",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/24",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022/05/25",
|
|
"count": 0
|
|
}, {
|
|
"order": "2022-05-26",
|
|
"count": 0
|
|
}]
|
|
},
|
|
batterylist: [{ title: '电量 (0~20%)', total: 0 }, { title: '电量 (20~40%)', total: 0 }, { title: '电量 (40~60%)', total: 0 }, { title: '电量 (60~80%)', total: 0 }, { title: '电量 (80~100%)', total: 0 }],
|
|
colors: ['one', 'two', 'three', 'four', 'five']
|
|
};
|
|
},
|
|
mounted: function mounted() {
|
|
var charts = this.charts;
|
|
this.$store.commit('setUser1');
|
|
if (!localStorage.getItem('statisticsDate')) {
|
|
var data = this.statisticsDateDefault;
|
|
localStorage.setItem('statisticsDate', stringify_default()(data));
|
|
this.reload();
|
|
}
|
|
var statisticsDate = JSON.parse(localStorage.getItem('statisticsDate'));
|
|
this.statisticsDate = statisticsDate;
|
|
this.batterylist[0].total = this.statisticsDate.seriesData.batteryLevel1;
|
|
this.batterylist[1].total = this.statisticsDate.seriesData.batteryLevel2;
|
|
this.batterylist[2].total = this.statisticsDate.seriesData.batteryLevel3;
|
|
this.batterylist[3].total = this.statisticsDate.seriesData.batteryLevel4;
|
|
this.batterylist[4].total = this.statisticsDate.seriesData.batteryLevel5;
|
|
charts.series[0].data[0].value = this.statisticsDate.seriesData.batteryLevel1;
|
|
charts.series[0].data[1].value = this.statisticsDate.seriesData.batteryLevel2;
|
|
charts.series[0].data[2].value = this.statisticsDate.seriesData.batteryLevel3;
|
|
charts.series[0].data[3].value = this.statisticsDate.seriesData.batteryLevel4;
|
|
charts.series[0].data[4].value = this.statisticsDate.seriesData.batteryLevel5;
|
|
console.log(charts);
|
|
var chartsObj = this.$echarts.init(document.getElementById('rightChartcentertwo'));
|
|
chartsObj.setOption(charts, true);
|
|
}
|
|
});
|
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-08b91280","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/dataScreen/rightChartcentertwo.vue
|
|
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"rightChartcenterthree"},[_c('div',{staticClass:"rightChartcentertwo-title"},[_vm._v("设备电量占比")]),_vm._v(" "),_c('div',{staticClass:"rightChartcentertwo"},[_c('div',{style:({ width: '100%', height: '250px' }),attrs:{"id":"rightChartcentertwo"}}),_vm._v(" "),_c('div',{staticClass:"battery"},_vm._l((_vm.batterylist),function(item,index){return _c('div',{key:index,staticClass:"battery-item"},[_c('span',{staticClass:"battery-item-title"},[_vm._v(_vm._s(item.title))]),_vm._v(" "),_c('span',{staticClass:"battery-item-number",class:index < 5 ? _vm.colors[index] : ''},[_vm._v(_vm._s(item.total)+" 个")])])}),0)])])}
|
|
var staticRenderFns = []
|
|
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
|
/* harmony default export */ var dataScreen_rightChartcentertwo = (esExports);
|
|
// CONCATENATED MODULE: ./src/views/dataScreen/rightChartcentertwo.vue
|
|
function injectStyle (ssrContext) {
|
|
__webpack_require__("6l9n")
|
|
}
|
|
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-08b91280"
|
|
/* moduleIdentifier (server only) */
|
|
var __vue_module_identifier__ = null
|
|
var Component = normalizeComponent(
|
|
rightChartcentertwo,
|
|
dataScreen_rightChartcentertwo,
|
|
__vue_template_functional__,
|
|
__vue_styles__,
|
|
__vue_scopeId__,
|
|
__vue_module_identifier__
|
|
)
|
|
|
|
/* harmony default export */ var views_dataScreen_rightChartcentertwo = __webpack_exports__["a"] = (Component.exports);
|
|
|
|
|
|
/***/ }),
|
|
|
|
/***/ "ydAD":
|
|
/***/ (function(module, exports) {
|
|
|
|
// removed by extract-text-webpack-plugin
|
|
|
|
/***/ })
|
|
|
|
});
|