smart-power-ui/node_modules/.cache/vue-loader/e243d32406421f3c918422240947ba80.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\\wraringInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\profile\\wraringInfo.vue","mtime":1620972909922},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgRWNoYXJ0c0JhcldyYXAgZnJvbSAiLi9lY2hhcnRzQmFyIjsNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIndyYXJpbmdJbmZvV3JhcCIsDQogIGNvbXBvbmVudHM6IHsNCiAgICBFY2hhcnRzQmFyV3JhcA0KICB9LA0KICBwcm9wczogWyJyZXN1bHQiXSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgdGl0bGU6ICLorabmg4Xkv6Hmga/lpITnkIbmg4XlhrUiLA0KICAgICAgcmFkYXJPcHRpb246IFtdDQogICAgfTsNCiAgfSwNCiAgY3JlYXRlZCgpIHsNCiAgICB0aGlzLnJhZGFyT3B0aW9uID0gWzAsMCwwXTsNCiAgfSwNCiAgd2F0Y2g6IHsNCiAgICByZXN1bHQ6IHsNCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uIChvYmosIG9sZFZhbCkgew0KICAgICAgICB0aGlzLnJhZGFyT3B0aW9uID0gW107DQogICAgICAgIGlmIChvYmopIHsNCiAgICAgICAgICB0aGlzLnJhZGFyT3B0aW9uLnB1c2gob2JqLmFsYXJtVG90YWwpDQogICAgICAgICAgdGhpcy5yYWRhck9wdGlvbi5wdXNoKG9iai51blByb2Nlc3NlZCkNCiAgICAgICAgICB0aGlzLnJhZGFyT3B0aW9uLnB1c2gob2JqLnByb2Nlc3NlZCkNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLnJhZGFyT3B0aW9uID0gWzAsMCwwXTsNCiAgICAgICAgfQ0KICAgICAgfSwNCiAgICAgIGRlZXA6IHRydWUNCiAgICB9DQogIH0NCn07DQo="},{"version":3,"sources":["wraringInfo.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;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":"wraringInfo.vue","sourceRoot":"src/views/bigScreen/v1/profile","sourcesContent":["<template>\r\n  <div class=\"big-wraring-info-wrap\">\r\n    <div class=\"title-t\">{{title}}</div>\r\n    <div class=\"count-block\">\r\n      <div class=\"info-block-div\">\r\n        <div>报警总数</div>\r\n        <div>{{result.alarmTotal}}</div>\r\n      </div>\r\n      <div class=\"info-block-div\">\r\n        <div>已处理率</div>\r\n        <div>{{result.processedRate}}%</div>\r\n      </div>\r\n      <div class=\"info-block-div\">\r\n        <div>未处理</div>\r\n        <div style=\"color: rgba(255, 47, 96, 1);\">{{result.unProcessed}}</div>\r\n      </div>\r\n      <div class=\"info-block-div\">\r\n        <div>已处理</div>\r\n        <div style=\"color: rgba(40, 255, 155, 1);\">{{result.processed}}</div>\r\n      </div>\r\n      <div class=\"alarm-icon-block\">\r\n        <i class=\"iconfont iconbaojing\"></i>\r\n      </div>\r\n    </div>\r\n    <echarts-bar-wrap :styles=\"'width: 100%; height: 220px;'\" :option=\"radarOption\"></echarts-bar-wrap>\r\n  </div>\r\n</template>\r\n<script>\r\nimport EchartsBarWrap from \"./echartsBar\";\r\nexport default {\r\n  name: \"wraringInfoWrap\",\r\n  components: {\r\n    EchartsBarWrap\r\n  },\r\n  props: [\"result\"],\r\n  data() {\r\n    return {\r\n      title: \"警情信息处理情况\",\r\n      radarOption: []\r\n    };\r\n  },\r\n  created() {\r\n    this.radarOption = [0,0,0];\r\n  },\r\n  watch: {\r\n    result: {\r\n      handler: function (obj, oldVal) {\r\n        this.radarOption = [];\r\n        if (obj) {\r\n          this.radarOption.push(obj.alarmTotal)\r\n          this.radarOption.push(obj.unProcessed)\r\n          this.radarOption.push(obj.processed)\r\n        } else {\r\n          this.radarOption = [0,0,0];\r\n        }\r\n      },\r\n      deep: true\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.big-wraring-info-wrap {\r\n  width: 100%;\r\n  height: calc(100% - 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    width: 410px;\r\n  }\r\n  .count-block {\r\n    width: calc(100% - 40px);\r\n    height: 180px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    margin: 5px 20px;\r\n    .info-block-div {\r\n      height: calc((180px - 20px) / 2);\r\n      width: calc((100% - 10px) / 2);\r\n      border: 1px solid #03a9f4;\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      padding: 8px 0;\r\n      justify-content: center;\r\n      align-items: center;\r\n      margin-bottom: 10px;\r\n      > div {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        font-family: \"Source Han Sans CN\";\r\n        font-weight: 500;\r\n      }\r\n      > div:nth-child(1) {\r\n        font-size: 14px;\r\n        color: #ffffff;\r\n      }\r\n      > div:nth-child(2) {\r\n        font-size: 16px;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n    .alarm-icon-block {\r\n      position: relative;\r\n      width: 49px;\r\n      height: 49px;\r\n      z-index: 1;\r\n      border: 2px solid #21ffff;\r\n      border-radius: 50%;\r\n      display: flex;\r\n      justify-content: center;\r\n      top: -120px;\r\n      left: 155px;\r\n      background: #042fb4;\r\n      box-shadow: 0px 0px 60px 15px #012c9e;\r\n      > i {\r\n        color: #21ffff;\r\n        font-size: 30px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}