{"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\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\bigScreen\\v1\\index.vue","mtime":1620979109221},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouYmlnLXYxLXdyYXAgewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogY2FsYygxMDB2aCAtIDg1cHgpOwogIGRpc3BsYXk6IGZsZXg7CiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7CiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2JpZy9iaWdwZ192MS5qcGciKTsKICBjdXJzb3I6IGRlZmF1bHQ7CiAgLm1haW4tYmxvY2sgewogICAgd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICBkaXNwbGF5OiBmbGV4OwogICAgZmxleC13cmFwOiB3cmFwOwogICAgLmNvdW50LXdyYXAgewogICAgICB3aWR0aDogMTAwJTsKICAgICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSA2NXB4KTsKICAgICAgZGlzcGxheTogZmxleDsKICAgICAgZmxleC13cmFwOiB3cmFwOwogICAgICBjb2xvcjogI2ZmZjsKICAgICAgYmFja2dyb3VuZDogIzE1MzFmNTA4OwogICAgICAuY291bnQtbGVmdCB7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBmbGV4LXdyYXA6IHdyYXA7CiAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtIDQwMHB4KTsKICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSk7CiAgICAgICAgLmxlZnQtYmxvY2stMSB7CiAgICAgICAgICB3aWR0aDogNDAwcHg7CiAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDI3MHB4KTsKICAgICAgICB9CiAgICAgICAgLm1hcC1ibG9jay0xIHsKICAgICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSA0MDBweCk7CiAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtIDI3MHB4KTsKICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICMwNzkwYjk7CiAgICAgICAgfQoKICAgICAgICAuYm90dG9tLWJsb2NrLTEgewogICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICBoZWlnaHQ6IDI3MHB4OwogICAgICAgIH0KICAgICAgfQogICAgICAucmlnaHQtYmxvY2stMSB7CiAgICAgICAgd2lkdGg6IDQwMHB4OwogICAgICAgIGhlaWdodDogY2FsYygxMDAlKTsKICAgICAgfQogICAgfQogIH0KfQouYXBwLW1haW4gewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogY2FsYygxMDB2aCAtIDEwMHB4KTsKICAvLyBiYWNrZ3JvdW5kOiAjMDIxYzgwOwp9Ci5iaWctdjEtd3JhcCB7CiAgd2lkdGg6IDE5MjBweDsKICBoZWlnaHQ6IDEwODBweDsKICB0cmFuc2Zvcm0tb3JpZ2luOiBjZW50ZXIgdG9wIDBweDsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgbGVmdDogNTAlOwogIG1hcmdpbi1sZWZ0OiAtOTYwcHg7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKA;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;;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","file":"index.vue","sourceRoot":"src/views/bigScreen/v1","sourcesContent":["<template>\n  <div\n    class=\"big-v1-wrap\"\n    id=\"big-v1-wrap-id\"\n    :style=\"{\n          'transformOrigin':'center top',\n          'transform':`scale(${scalseNum},${scalseNum})`,\n          '-webkit-transform':`scale(${scalseNum},${scalseNum})`,\n          '-moz-transform':`scale(${scalseNum},${scalseNum})`,\n          '-o-transform':`scale(${scalseNum},${scalseNum})`,\n          '-ms-transform':`scale(${scalseNum},${scalseNum})`\n      }\"\n  >\n    <div class=\"main-block\">\n      <head-wrap\n        ref=\"mainHead\"\n        :handelTile=\"title\"\n        :projectList=\"projectList\"\n        @eventFullscreen=\"eventFullscreen\"\n        @eventProjectId=\"eventProjectId\"\n        @eventRegionalismId=\"eventRegionalismId\"\n      ></head-wrap>\n      <div class=\"count-wrap\">\n        <div class=\"count-left\">\n          <div class=\"left-block-1\">\n            <device-proportion-wrap :projectId=\"projectId\"></device-proportion-wrap>\n            <wraring-info-wrap :result=\"alarmInfoResult\"></wraring-info-wrap>\n          </div>\n          <div class=\"map-block-1\">\n            <map-wrap :fullscreen=\"fullscreen\" :countResult=\"alarmInfoResult\" @eventFullscreen=\"eventFullscreenMap\" :projectList=\"projectList\"></map-wrap>\n          </div>\n          <div class=\"bottom-block-1\">\n            <alarm-table-list-wrap :projectId=\"projectId\"></alarm-table-list-wrap>\n          </div>\n        </div>\n        <div class=\"right-block-1\">\n          <today-ratio-wrap :result=\"resultInfo.warningAnalysisStatisticsVo || []\"></today-ratio-wrap>\n          <type-distribution-wrap :result=\"resultInfo.alarmCategoriesList || []\"></type-distribution-wrap>\n          <trend-wrap :result=\"resultInfo.alarmChartDataVo || []\"></trend-wrap>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport HeadWrap from \"./profile/head\";\nimport DeviceProportionWrap from \"./profile/deviceProportion\";\nimport WraringInfoWrap from \"./profile/wraringInfo\";\nimport AlarmTableListWrap from \"./profile/alarmTableList\";\nimport TodayRatioWrap from \"./profile/todayRatio\";\nimport TypeDistributionWrap from \"./profile/typeDistribution\";\nimport trendWrap from \"./profile/trend\";\nimport MapWrap from \"./profile/mapWrap\";\n\nimport { getWarningAnalysis, homeCount, appProjectList } from \"@/api/app\";\nexport default {\n  name: \"BigScreenWraps\",\n  components: {\n    HeadWrap,\n    DeviceProportionWrap,\n    WraringInfoWrap,\n    AlarmTableListWrap,\n    TodayRatioWrap,\n    TypeDistributionWrap,\n    trendWrap,\n    MapWrap\n  },\n  data() {\n    return {\n      title: \"智慧能源综合管理系统\",\n      scalseNum: 1,\n      resultInfo: {},\n      alarmInfoResult: {},\n      projectList: [],\n      projectId: null,\n      regionalismId: null,\n      fullscreen: false\n    };\n  },\n  mounted() {\n    // 计算缩放比例\n    this.resize_window();\n    window.addEventListener(\"resize\", () => {\n      this.resize_window();\n    });\n  },\n  created() {\n    document.getElementById(\"app\").style.background = \"#021c80\";\n    document.getElementById(\"con_lf_top_div\").style.background = \"#021c80\";\n    document.getElementById(\"con_lf_top_div\").style.height =\n      \"calc(100vh - 84px)\";\n    document.getElementById(\"con_lf_top_div\").style.overflow = \"hidden\";\n    document.getElementById(\"con_lf_top_div\").scrollTop = 0;\n    this.getProjectList();\n    this.warningAnalysisList();\n    this.homeCount();\n  },\n\n  methods: {\n    // 跳转路由是关闭全屏状态\n    eventFullscreenMap(data) {\n      this.fullscreen = data.value\n      this.$refs.mainHead[\"fullscreen\"] = data.value\n    },\n    // 全屏或者关闭 返回状态\n    eventFullscreen(data) {\n      this.fullscreen = data.value\n    },\n    eventProjectId(data) {\n      this.projectId = data;\n      this.homeCount();\n      this.warningAnalysisList();\n    },\n    eventRegionalismId(data) {\n      this.regionalismId = data;\n      this.getProjectList();\n    },\n    resize_window() {\n      var w_height = 0;\n      if (this.fullscreen) {\n        w_height = Number(document.documentElement.clientHeight / 1080);\n      } else {\n        w_height = Number(document.documentElement.clientHeight / 1186);\n      }\n      this.scalseNum = w_height;\n    },\n    // 查询项目列表\n    getProjectList() {\n      appProjectList({\n        regionalismId: this.regionalismId\n      }).then(response => {\n        this.projectList = response.rows;\n      });\n    },\n    // 查询警情信息\n    homeCount() {\n      homeCount({\n        alarmDivide: \"ALARM\",\n        projectId: this.projectId\n      }).then(res => {\n        this.alarmInfoResult = res.data;\n      });\n    },\n    // 查询获取告警分析等数据\n    warningAnalysisList() {\n      getWarningAnalysis({\n        projectId: this.projectId\n      }).then(res => {\n        this.resultInfo = res.data;\n      });\n    }\n  },\n  destroyed() {\n    document.getElementById(\"app\").style.background = \"#fff\";\n    document.getElementById(\"con_lf_top_div\").style.background = \"#fff0\";\n    document.getElementById(\"con_lf_top_div\").style.overflow = \"auto\";\n  }\n};\n</script>\n<style lang=\"scss\">\n.big-v1-wrap {\n  width: 100%;\n  height: calc(100vh - 85px);\n  display: flex;\n  justify-content: center;\n  background-image: url(\"../../../assets/images/big/bigpg_v1.jpg\");\n  cursor: default;\n  .main-block {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    .count-wrap {\n      width: 100%;\n      height: calc(100% - 65px);\n      display: flex;\n      flex-wrap: wrap;\n      color: #fff;\n      background: #1531f508;\n      .count-left {\n        display: flex;\n        flex-wrap: wrap;\n        width: calc(100% - 400px);\n        height: calc(100%);\n        .left-block-1 {\n          width: 400px;\n          height: calc(100% - 270px);\n        }\n        .map-block-1 {\n          width: calc(100% - 400px);\n          height: calc(100% - 270px);\n          border: 1px solid #0790b9;\n        }\n\n        .bottom-block-1 {\n          width: 100%;\n          height: 270px;\n        }\n      }\n      .right-block-1 {\n        width: 400px;\n        height: calc(100%);\n      }\n    }\n  }\n}\n.app-main {\n  width: 100%;\n  height: calc(100vh - 100px);\n  // background: #021c80;\n}\n.big-v1-wrap {\n  width: 1920px;\n  height: 1080px;\n  transform-origin: center top 0px;\n  position: relative;\n  left: 50%;\n  margin-left: -960px;\n}\n</style>\n\n"]}]}