smart-power-ui/node_modules/.cache/vue-loader/67b34b80d872e79a0b65bb638e788a2b.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\\trend.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\trend.vue","mtime":1620956915075},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1610504270305},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBlY2hhcnRzTGluZVdyYXAgZnJvbSAiLi9lY2hhcnRzTGluZVQiOwppbXBvcnQgKiBhcyBlY2hhcnRzIGZyb20gImVjaGFydHMiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogInR5cGVEaXN0cmlidXRpb24iLAogIGNvbXBvbmVudHM6IHsKICAgIGVjaGFydHNMaW5lV3JhcAogIH0sCiAgcHJvcHM6IFsncmVzdWx0J10sCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGVjaGFydHNPcHRpb246IHsKICAgICAgICBzdHlsZXM6ICJ3aWR0aDogMTAwJTsgaGVpZ2h0OiAxMDAlOyIsCiAgICAgICAgY29sb3JMaXN0OiBbXSwKICAgICAgICBlSWQ6ICJ0cmVuZEVjaGFydHNMaW5lIgogICAgICB9LAogICAgICB0aXRsZTogIuaKpeitpumihOitpui2i+WKvyIsCiAgICAgIHR5cGVOYW1lOiAiYWxhcm0iLAogICAgICByZXN1bHRPcHRpb246IHsKICAgICAgICB0aXRsZTogewogICAgICAgICAgdGV4dDogIiIsCiAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgIH0sCiAgICAgICAgdG9vbHRpcDogewogICAgICAgICAgdHJpZ2dlcjogImF4aXMiCiAgICAgICAgfSwKICAgICAgICBsZWdlbmQ6IHsKICAgICAgICAgIHRvcDogNSwKICAgICAgICAgIHJpZ2h0OiA1LAogICAgICAgICAgZGF0YTogWyLmiqXoraYiLCAi6aKE6K2mIl0sCiAgICAgICAgICBpY29uOiAiY2lyY2xlIiwKICAgICAgICAgIHRleHRTdHlsZTogewogICAgICAgICAgICBjb2xvcjogIiNmZmYiLAogICAgICAgICAgICBmb250U2l6ZTogMTYKICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIGdyaWQ6IHsKICAgICAgICAgIGxlZnQ6ICIyMCIsCiAgICAgICAgICByaWdodDogIjIwIiwKICAgICAgICAgIGJvdHRvbTogIjUiLAogICAgICAgICAgdG9wOiAzMCwKICAgICAgICAgIGNvbnRhaW5MYWJlbDogdHJ1ZQogICAgICAgIH0sCiAgICAgICAgeEF4aXM6IHsKICAgICAgICAgIHR5cGU6ICJjYXRlZ29yeSIsCiAgICAgICAgICBib3VuZGFyeUdhcDogZmFsc2UsCiAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgZGF0YTogW10sCiAgICAgICAgICBzcGxpdExpbmU6IHsKICAgICAgICAgICAgc2hvdzogZmFsc2UKICAgICAgICAgIH0sCiAgICAgICAgICBheGlzTGFiZWw6IHsKICAgICAgICAgICAgc2hvdzogdHJ1ZSwKICAgICAgICAgICAgdGV4dFN0eWxlOiB7CiAgICAgICAgICAgICAgY29sb3I6ICIjZmZmIgogICAgICAgICAgICB9CiAgICAgICAgICB9CiAgICAgICAgfSwKICAgICAgICB5QXhpczogewogICAgICAgICAgdHlwZTogInZhbHVlIiwKICAgICAgICAgIHNwbGl0TGluZTogewogICAgICAgICAgICBzaG93OiBmYWxzZQogICAgICAgICAgfSwKICAgICAgICAgIGF4aXNMYWJlbDogewogICAgICAgICAgICBzaG93OiB0cnVlLAogICAgICAgICAgICB0ZXh0U3R5bGU6IHsKICAgICAgICAgICAgICBjb2xvcjogIiNmZmYiCiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9LAogICAgICAgIHNlcmllczogWwogICAgICAgICAgewogICAgICAgICAgICBuYW1lOiAi5oql6K2mIiwKICAgICAgICAgICAgdHlwZTogImxpbmUiLAogICAgICAgICAgICBzbW9vdGg6IHRydWUsCiAgICAgICAgICAgIHN5bWJvbFNpemU6IDEyLAogICAgICAgICAgICBhcmVhU3R5bGU6IHsKICAgICAgICAgICAgICBjb2xvcjogbmV3IGVjaGFydHMuZ3JhcGhpYy5MaW5lYXJHcmFkaWVudCgwLCAwLCAwLCAxLCBbCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgIG9mZnNldDogMCwKICAgICAgICAgICAgICAgICAgY29sb3I6ICJyZ2JhKDU4LDc3LDIzMywwLjgpIgogICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgIHsKICAgICAgICAgICAgICAgICAgb2Zmc2V0OiAxLAogICAgICAgICAgICAgICAgICBjb2xvcjogInJnYmEoNTgsNzcsMjMzLDAuMSkiCiAgICAgICAgICAgICAgICB9CiAgICAgICAgICAgICAgXSkKICAgICAgICAgICAgfSwKICAgICAgICAgICAgbGFiZWw6IHsKICAgICAgICAgICAgICBzaG93OiBmYWxzZSwKICAgICAgICAgICAgICBmb3JtYXR0ZXI6IGZ1bmN0aW9uKHBhcmFtcykgewogICAgICAgICAgICAgICAgcmV0dXJuIGVjaGFydHMuZm9ybWF0LmZvcm1hdFRpbWUoInl5eXktTU0tZGQiLCBwYXJhbXMudmFsdWUpOwogICAgICAgICAgICAgIH0sCiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAiIzc1ODFCRCIKICAgICAgICAgICAgfSwKICAgICAgICAgICAgZGF0YTogW10KICAgICAgICAgIH0sCiAgICAgICAgICB7CiAgICAgICAgICAgIG5hbWU6ICLpooToraYiLAogICAgICAgICAgICB0eXBlOiAibGluZSIsCiAgICAgICAgICAgIHNtb290aDogZmFsc2UsCiAgICAgICAgICAgIHN5bWJvbFNpemU6IDEyLAogICAgICAgICAgICBkYXRhOiBbXQogICAgICAgICAgfQogICAgICAgIF0KICAgICAgfQogICAgfTsKICB9LAogIHdhdGNoOiB7CiAgICByZXN1bHQ6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24odmFsLCBvbGRWYWwpIHsKICAgICAgICB0aGlzLnJlc3VsdE9wdGlvbi54QXhpcy5kYXRhID0gdmFsWyduYW1lJ10KICAgICAgICB0aGlzLnJlc3VsdE9wdGlvbi5zZXJpZXNbMF0uZGF0YSA9IHZhbFsnYWxhcm0nXQogICAgICAgIHRoaXMucmVzdWx0T3B0aW9uLnNlcmllc1sxXS5kYXRhID0gdmFsWyd3YXJuaW5nJ10KICAgICAgICB0aGlzLnVwZGF0ZUVjaGFydHMoKQogICAgICB9LAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICAvLyDnsbvlnovlj5HnlJ/lj5jljJbmoLnmja7mlrDmlbDmja7liLfmlrAg5Zu+6KGo5L+h5oGvCiAgICB1cGRhdGVFY2hhcnRzKCkgewogICAgICB0aGlzLiRyZWZzLmVjaGFydHNMaW5lVHJlbmQudXBkYXRlRWNoYXJ0KCkKICAgIH0KICB9Cn07Cg=="},{"version":3,"sources":["trend.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"trend.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\n  <div class=\"big-trend-wrap\">\n    <div class=\"title-t\">{{title}}</div>\n    <div class=\"count-echarts-wrap\">\n      <echarts-line-wrap\n        ref=\"echartsLineTrend\"\n        :styles=\"echartsOption.styles\"\n        :colorList=\"echartsOption.colorList\"\n        :eId=\"echartsOption.eId\"\n        :option=\"resultOption\"\n      ></echarts-line-wrap>\n    </div>\n  </div>\n</template>\n<script>\nimport echartsLineWrap from \"./echartsLineT\";\nimport * as echarts from \"echarts\";\nexport default {\n  name: \"typeDistribution\",\n  components: {\n    echartsLineWrap\n  },\n  props: ['result'],\n  data() {\n    return {\n      echartsOption: {\n        styles: \"width: 100%; height: 100%;\",\n        colorList: [],\n        eId: \"trendEchartsLine\"\n      },\n      title: \"报警预警趋势\",\n      typeName: \"alarm\",\n      resultOption: {\n        title: {\n          text: \"\",\n          show: false\n        },\n        tooltip: {\n          trigger: \"axis\"\n        },\n        legend: {\n          top: 5,\n          right: 5,\n          data: [\"报警\", \"预警\"],\n          icon: \"circle\",\n          textStyle: {\n            color: \"#fff\",\n            fontSize: 16\n          }\n        },\n        grid: {\n          left: \"20\",\n          right: \"20\",\n          bottom: \"5\",\n          top: 30,\n          containLabel: true\n        },\n        xAxis: {\n          type: \"category\",\n          boundaryGap: false,\n          show: true,\n          data: [],\n          splitLine: {\n            show: false\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: \"#fff\"\n            }\n          }\n        },\n        yAxis: {\n          type: \"value\",\n          splitLine: {\n            show: false\n          },\n          axisLabel: {\n            show: true,\n            textStyle: {\n              color: \"#fff\"\n            }\n          }\n        },\n        series: [\n          {\n            name: \"报警\",\n            type: \"line\",\n            smooth: true,\n            symbolSize: 12,\n            areaStyle: {\n              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n                {\n                  offset: 0,\n                  color: \"rgba(58,77,233,0.8)\"\n                },\n                {\n                  offset: 1,\n                  color: \"rgba(58,77,233,0.1)\"\n                }\n              ])\n            },\n            label: {\n              show: false,\n              formatter: function(params) {\n                return echarts.format.formatTime(\"yyyy-MM-dd\", params.value);\n              },\n              backgroundColor: \"#7581BD\"\n            },\n            data: []\n          },\n          {\n            name: \"预警\",\n            type: \"line\",\n            smooth: false,\n            symbolSize: 12,\n            data: []\n          }\n        ]\n      }\n    };\n  },\n  watch: {\n    result: {\n      handler: function(val, oldVal) {\n        this.resultOption.xAxis.data = val['name']\n        this.resultOption.series[0].data = val['alarm']\n        this.resultOption.series[1].data = val['warning']\n        this.updateEcharts()\n      },\n      deep: true\n    }\n  },\n  methods: {\n    // 类型发生变化根据新数据刷新 图表信息\n    updateEcharts() {\n      this.$refs.echartsLineTrend.updateEchart()\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.big-trend-wrap {\n  width: 100%;\n  height: 220px;\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 20px;\n  .title-t {\n    font-size: 16px;\n    letter-spacing: 1px;\n    height: 60px;\n    width: 100%;\n    background-size: cover;\n    display: flex;\n    justify-content: left;\n    padding-left: 45px;\n    align-items: center;\n    padding-bottom: 10px;\n    background-image: url(\"../../../../assets/images/big/b.png\");\n  }\n  .count-echarts-wrap {\n    width: 100%;\n    height: calc(100% - 60px);\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    padding-top: 10px;\n    .tabs-block {\n      width: 305px;\n      height: 38px;\n      background: #bfbfbf94;\n      display: flex;\n      color: #fff;\n      > div {\n        width: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 18px;\n        letter-spacing: 7px;\n        cursor: default;\n      }\n      .div-select {\n        background: #0010ff;\n      }\n    }\n  }\n}\n</style>\n"]}]}