smart-power-ui/node_modules/.cache/vue-loader/9f3b6b9aaa4171ab212215137dbc80cc.json

{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\deviceProportion.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\deviceProportion.vue","mtime":1620972842667},{"path":"G:\\project\\smart-power-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1592876569350},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1610504274351},{"path":"G:\\project\\smart-power-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1591751774425},{"path":"G:\\project\\smart-power-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1612140853844},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5iaWctZGV2aWNlLXByb3BvcnRpb24td3JhcCB7DQogIHdpZHRoOiAxMDAlOw0KICBoZWlnaHQ6IDMwMHB4Ow0KICAudGl0bGUtdCB7DQogICAgZm9udC1zaXplOiAxNnB4Ow0KICAgIGxldHRlci1zcGFjaW5nOiAxcHg7DQogICAgaGVpZ2h0OiA2MHB4Ow0KICAgIHdpZHRoOiAxMDAlOw0KICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGxlZnQ7DQogICAgcGFkZGluZy1sZWZ0OiA0NXB4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgcGFkZGluZy1ib3R0b206IDEwcHg7DQogICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi8uLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2JpZy9iLnBuZyIpOw0KICB9DQp9DQo="},{"version":3,"sources":["deviceProportion.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"deviceProportion.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\r\n  <div class=\"big-device-proportion-wrap\">\r\n    <div class=\"title-t\">{{title}}</div>\r\n    <echarts-radar-wrap :styles=\"'width: 100%; height: 230px;'\" eId=\"echartsGaugeDP\" :option=\"radarOption\"></echarts-radar-wrap>\r\n  </div>\r\n</template>\r\n<script>\r\nimport titleImg from \"@/assets/images/big/b.png\";\r\nimport EchartsRadarWrap from \"./echartsRadar\";\r\nimport { appDeviceStatistics } from '@/api/app'\r\nexport default {\r\n  name: \"DeviceProportionWrap\",\r\n  components: {\r\n    EchartsRadarWrap\r\n  },\r\n  props: ['projectId'],\r\n  data() {\r\n    return {\r\n      list: [],\r\n      titleImg,\r\n      title: \"所有设备占比分析\",\r\n      radarOption: {\r\n        indicator: [\r\n          { name: \"物联网断路器\", max: 100 },\r\n          { name: \"智能摄像机\", max: 100 },\r\n          { name: \"智能电表\", max: 100 },\r\n          { name: \"烟雾传感器\", max: 100 },\r\n          { name: \"智能气表\", max: 100 },\r\n          { name: \"智能电表\", max: 100 },\r\n          { name: \"智能电表\", max: 100 },\r\n          { name: \"智能水表\", max: 100 }\r\n        ],\r\n        seriesList: [\r\n          {\r\n            value: [],\r\n            name: \"预算分配（Allocated Budget）\"\r\n          }\r\n        ]\r\n      }\r\n    };\r\n  },\r\n  watch: {\r\n    projectId(val) {\r\n      this.getDeviceProportionList()\r\n    }\r\n  },\r\n  created() {\r\n    this.getDeviceProportionList()\r\n  },\r\n  methods: {\r\n    getDeviceProportionList() {\r\n      appDeviceStatistics({ projectId: this.projectId }).then(res => {\r\n        const list = res.data;\r\n        this.radarOption.indicator = [];\r\n        this.radarOption.seriesList = [];\r\n        var _this = this;\r\n        for (var i = 0; i < list.length; i++) {\r\n          _this.radarOption.indicator.push({\r\n            name: list[i].deviceTypeName,\r\n            max: list[i].total <= 0 ? 1 : list[i].total\r\n          });\r\n          _this.radarOption.seriesList.push(list[i].thisTotal);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.big-device-proportion-wrap {\r\n  width: 100%;\r\n  height: 300px;\r\n  .title-t {\r\n    font-size: 16px;\r\n    letter-spacing: 1px;\r\n    height: 60px;\r\n    width: 100%;\r\n    background-size: cover;\r\n    display: flex;\r\n    justify-content: left;\r\n    padding-left: 45px;\r\n    align-items: center;\r\n    padding-bottom: 10px;\r\n    background-image: url(\"../../../../assets/images/big/b.png\");\r\n  }\r\n}\r\n</style>\r\n"]}]}