{"version":3,"sources":["webpack:///./src/views/edu/universityBigData/index.vue","webpack:///src/views/edu/universityBigData/index.vue","webpack:///./src/views/edu/universityBigData/index.vue?aa04","webpack:///./src/views/edu/universityBigData/index.vue?17c2","webpack:///./src/views/edu/universityBigData/index.vue?d1ef"],"names":["targetHeightScale","render","_vm","this","_c","_self","staticClass","style","$store","state","config","fileUrl","on","$event","backHome","_v","_s","name","eduBuresuName","staticRenderFns","components","props","data","JSON","parse","sessionStorage","getItem","select","created","sel","mounted","computed","watch","$route","val","methods","num","path","$Common","pageJump","$router","push","destroyed","autoResize","resize","docWidth","docHeight","targetSelector","docScale","designWidth","els","document","querySelectorAll","scale","_this","convertArray","forEach","el","extend","width","height","position","top","left","transformOrigin","webkitTransformOrigin","transform","webkitTransform","overflow","webkitOverflowScrolling","arrayLike","Array","prototype","slice","call","args","arguments","reduce","prev","now","key","hasOwnProperty","scaleResize","clientWidth","clientHeight","window","addEventListener","setElementSize","setSize","target","target1","target2","target3","targetHeight","targetScale","innerHeight","querySelector","is_fullScreen","changeHeight","cancelChangeHeight","onresize","innerWidth","component"],"mappings":"8IAAA,ICsIAA,EDtIIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,KAAKC,MAAO,mBAAoBL,EAAIM,OAAOC,MAAMC,OAAOC,QAAS,kEAAmE,CAACP,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOM,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,cAAc,CAACV,EAAG,OAAO,CAACF,EAAIa,GAAGb,EAAIc,GAAGd,EAAIe,KAAKC,sBAAsBd,EAAG,MAAM,GAAG,CAACA,EAAG,gBAAgB,MAErae,EAAkB,GCgFP,G,oBAAA,CACfF,KAAA,oBACAG,WAAA,GACAC,MAAA,GACAC,OACA,OACAL,KAAAM,KAAAC,MAAAC,eAAAC,QAAA,gBACAC,OAAA,KAGAC,UACA,KAAAC,IAAA,IAEAC,YACAC,SAAA,GACAC,MAAA,CACAC,OAAA,SAAAC,GACA,uBAAAA,EAAAjB,OACA,KAAAU,OAAA,GAEA,KAAAV,KAAAM,KAAAC,MAAAC,eAAAC,QAAA,cAGAS,QAAA,CACAN,IAAAO,GAEA,IAAAC,EACA,OAFA,KAAAV,OAAAS,EAEAA,GACA,OACAC,EAAA,uBACA,MACA,OACAA,EAAA,oBACA,MACA,OACAA,EAAA,4BACA,MACA,OACAA,EAAA,qBACA,MACA,QACA,MAEA,KAAAC,QAAAC,SAAAF,EAAA,OAGAvB,WACA,KAAA0B,QAAAC,KAAA,uBAGAC,gBAGAC,EAAA,CACAC,OAAA,SAAAC,EAAAC,EAAAC,GACA,IAAAC,EAAAF,EAAAD,EACAI,EAAA,KAEAC,EAAAC,SAAAC,iBAAAL,GACAM,EAAAR,EAAAI,EAGAK,EAAA,KACAtD,EAAAqD,EACA,KAAAE,aAAAL,GAAAM,SAAA,SAAAC,GACAH,EAAAI,OAAAD,EAAAlD,MAAA,CACAoD,MAAAV,EAAA,KACAW,OAAAZ,EAAAC,EAAA,KACAY,SAAA,WACAC,IAAA,EACAC,KAAA,EACAC,gBAAA,MACAC,sBAAA,MACAC,UAAA,SAAAb,EAAA,IACAc,gBAAA,SAAAd,EAAA,IACAe,SAAA,SACAC,wBAAA,cAIAd,aAAA,SAAAe,GACA,OAAAC,MAAAC,UAAAC,MAAAC,KAAAJ,EAAA,IAEAZ,OAAA,WACA,IAAAiB,EAAAJ,MAAAC,UAAAC,MAAAC,KAAAE,UAAA,GACA,OAAAD,EAAAE,QAAA,SAAAC,EAAAC,GACA,QAAAC,KAAAD,EACAA,EAAAE,gBAAAF,EAAAE,eAAAD,KACAF,EAAAE,GAAAD,EAAAC,IAGA,OAAAF,MAGAI,YAAA,SAAAC,EAAAC,EAAArC,GACAsC,OAAAC,iBACA,SACA,KAAA1C,OAAAuC,EAAAC,EAAArC,MAIAwC,EAAA,CAEAC,QAAA,SAAAC,EAAApC,EAAAqC,EAAAC,EAAAC,GACA,IACAC,EADAC,EAAAzC,GAAA,EAEAoC,IACAI,EAAAE,YAAAD,GAaA3C,SAAA6C,cAAA,iBAAAzF,MAAAqD,OAAAiC,IAiBAI,GAAA,EAiBA,SAAAC,IACAD,GAAA,EAIA,SAAAE,IACAF,GAAA,EArBAZ,OAAAe,SAAA,WACAH,EACAC,IAEAC,IAEAxD,EAAAuC,YAAAmB,WAAAN,YAAA,iBACAR,EAAAC,QAAA,gBAAAxF,IAKA2C,EAAAuC,YAAAmB,WAAAN,YAAA,iBACAR,EAAAC,QAAA,gBAAAxF,GC1O4W,Q,wBCQxWsG,EAAY,eACd,EACArG,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAmF,E,2CCnBf","file":"js/chunk-0746fad4.0c5475e4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg\",style:('background: url('+ _vm.$store.state.config.fileUrl +'icon/pc/big-data-situation-bg.gif);background-size: 100% 100%;')},[_c('div',{staticClass:\"head\"},[_c('div',{staticClass:\"name\",on:{\"click\":function($event){return _vm.backHome()}}},[_c('span',[_vm._v(_vm._s(_vm.name.eduBuresuName))])])]),_c('div',{},[_c('router-view')],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bg\" :style=\"'background: url('+ $store.state.config.fileUrl +'icon/pc/big-data-situation-bg.gif);background-size: 100% 100%;'\">\r\n    <div class=\"head\">\r\n      <!-- <div class=\"left\">\r\n        <div class=\"sel\" :class=\"{ active: select == 1 }\" @click=\"sel(1)\">\r\n          <img\r\n            class=\"active-img\"\r\n            src=\"@/assets/img/eduBigData/btn-shadow.png\"\r\n            alt=\"选中亮光\"\r\n          />\r\n          <img\r\n            class=\"txt\"\r\n            :src=\"\r\n              select == 1\r\n                ? require('@/assets/img/eduBigData/sel-1-active.png')\r\n                : require('@/assets/img/eduBigData/sel-1.png')\r\n            \"\r\n            alt=\"安全态势\"\r\n          />\r\n        </div>\r\n        <div class=\"sel\" :class=\"{ active: select == 2 }\" @click=\"sel(2)\">\r\n          <img\r\n            class=\"active-img\"\r\n            src=\"@/assets/img/eduBigData/btn-shadow.png\"\r\n            alt=\"选中亮光\"\r\n          />\r\n          <img\r\n            class=\"txt\"\r\n            :src=\"\r\n              select == 2\r\n                ? require('@/assets/img/eduBigData/sel-2-active.png')\r\n                : require('@/assets/img/eduBigData/sel-2.png')\r\n            \"\r\n            alt=\"风险统计\"\r\n          />\r\n        </div>\r\n      </div> -->\r\n      <div class=\"name\" @click=\"backHome()\">\r\n        <span>{{ name.eduBuresuName }}</span>\r\n      </div>\r\n      <!-- <div class=\"right\">\r\n        <div class=\"sel\" :class=\"{ active: select == 3 }\" @click=\"sel(3)\">\r\n          <img\r\n            class=\"active-img\"\r\n            src=\"@/assets/img/eduBigData/btn-shadow.png\"\r\n            alt=\"选中亮光\"\r\n          />\r\n          <img\r\n            class=\"txt\"\r\n            :src=\"\r\n              select == 3\r\n                ? require('@/assets/img/eduBigData/sel-3-active.png')\r\n                : require('@/assets/img/eduBigData/sel-3.png')\r\n            \"\r\n            alt=\"隐患统计\"\r\n          />\r\n        </div>\r\n        <div class=\"sel\" :class=\"{ active: select == 4 }\" @click=\"sel(4)\">\r\n          <img\r\n            class=\"active-img\"\r\n            src=\"@/assets/img/eduBigData/btn-shadow.png\"\r\n            alt=\"选中亮光\"\r\n          />\r\n          <img\r\n            class=\"txt\"\r\n            :src=\"\r\n              select == 4\r\n                ? require('@/assets/img/eduBigData/sel-4-active.png')\r\n                : require('@/assets/img/eduBigData/sel-4.png')\r\n            \"\r\n            alt=\"档案统计\"\r\n          />\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n    <div class=\"\">\r\n      <router-view />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"universityBigData\",\r\n  components: {},\r\n  props: {},\r\n  data() {\r\n    return {\r\n      name: JSON.parse(sessionStorage.getItem(\"eduInfo\")) || \"\",\r\n      select: \"\"\r\n    };\r\n  },\r\n  created() {\r\n    this.sel(1);\r\n  },\r\n  mounted() {},\r\n  computed: {},\r\n  watch: {\r\n    $route: function(val) {\r\n      if (val.name == \"unSecuritySituation\") {\r\n        this.select = 1;\r\n      }\r\n      this.name = JSON.parse(sessionStorage.getItem(\"eduInfo\"));\r\n    }\r\n  },\r\n  methods: {\r\n    sel(num) {\r\n      this.select = num;\r\n      let path;\r\n      switch (num) {\r\n        case 1:\r\n          path = \"/unSecuritySituation\";\r\n          break;\r\n        case 2:\r\n          path = \"/unRiskStatistics\";\r\n          break;\r\n        case 3:\r\n          path = \"/unHiddenDangerStatistics\";\r\n          break;\r\n        case 4:\r\n          path = \"/unFilesStatistics\";\r\n          break;\r\n        default:\r\n          break;\r\n      }\r\n      this.$Common.pageJump(path, \"\", 0);\r\n    },\r\n    // 返回首页\r\n    backHome() {\r\n      this.$router.push(\"/group_basic_info\");\r\n    }\r\n  },\r\n  destroyed() {}\r\n};\r\nvar targetHeightScale; //存放缩放的比例\r\nvar autoResize = {\r\n  resize: function(docWidth, docHeight, targetSelector) {\r\n    var docScale = docHeight / docWidth,\r\n      designWidth = 1920,\r\n      designHeight = 940,\r\n      els = document.querySelectorAll(targetSelector),\r\n      scale = docWidth / designWidth,\r\n      scaleX = docWidth / designWidth,\r\n      scaleY = docHeight / designHeight,\r\n      _this = this;\r\n    (targetHeightScale = scale), //将缩放比例保存，动态计算宽高时需要使用\r\n      this.convertArray(els).forEach(function(el) {\r\n        _this.extend(el.style, {\r\n          width: designWidth + \"px\",\r\n          height: docScale * designWidth + \"px\",\r\n          position: \"absolute\",\r\n          top: 0,\r\n          left: 0,\r\n          transformOrigin: \"0 0\",\r\n          webkitTransformOrigin: \"0 0\",\r\n          transform: \"scale(\" + scale + \")\",\r\n          webkitTransform: \"scale(\" + scale + \")\",\r\n          overflow: \"hidden\",\r\n          webkitOverflowScrolling: \"touch\"\r\n        });\r\n      });\r\n  },\r\n  convertArray: function(arrayLike) {\r\n    return Array.prototype.slice.call(arrayLike, 0);\r\n  },\r\n  extend: function() {\r\n    var args = Array.prototype.slice.call(arguments, 0);\r\n    return args.reduce(function(prev, now) {\r\n      for (var key in now) {\r\n        if (now.hasOwnProperty && now.hasOwnProperty(key)) {\r\n          prev[key] = now[key];\r\n        }\r\n      }\r\n      return prev;\r\n    });\r\n  },\r\n  scaleResize: function(clientWidth, clientHeight, targetSelector) {\r\n    window.addEventListener(\r\n      \"resize\",\r\n      this.resize(clientWidth, clientHeight, targetSelector)\r\n    ); //监听窗口的变化\r\n  }\r\n};\r\nvar setElementSize = {\r\n  //参数可选，最多选择5个参数。参数按序赋值，如果不需缩放，scale需传入1\r\n  setSize: function(target, scale, target1, target2, target3) {\r\n    var targetScale = scale || 1; //不传scale，不缩放，默认为1\r\n    var targetHeight;\r\n    if (target) {\r\n      targetHeight = innerHeight / targetScale;\r\n    }\r\n    // console.log(targetHeight)\r\n    // if (target1) {\r\n    //     targetHeight = window.height() / targetScale -  document.querySelector(target1).height();\r\n    // }\r\n    // if (target1 && target2 && target3) {\r\n    //     targetHeight = window.height() / targetScale -  document.querySelector(target1).height() -  document.querySelector(target2).height() -  document.querySelector(target3).height();\r\n    // } else if (target1 && target2) {\r\n    //     targetHeight = window.height() / targetScale -  document.querySelector(target1).height() -  document.querySelector(target2).height();\r\n    // } else if (target1) {\r\n    //     targetHeight = window.height() / targetScale -  document.querySelector(target1).height();\r\n    // }\r\n    document.querySelector(\".bigdata_page\").style.height = targetHeight;\r\n\r\n    // var cancas =  document.getElementsByTagName('canvas')\r\n    // var ss = document.getElementsByTagName('canvas')\r\n\r\n    // console.log(ss)\r\n\r\n    // document.getElementsByTagName('canvas').setAttribute('height','100%')\r\n    // document.getElementsByTagName('canvas').setAttribute('width','100%')\r\n    // console.log(cancas)\r\n    // cancas.width = '100px'\r\n    // cancas.height = '100px'\r\n\r\n    // console.log(123)\r\n    // console.log(document.querySelector('.bigdata_page').offsetHeight)\r\n  }\r\n};\r\nvar is_fullScreen = false;\r\n\r\nwindow.onresize = function() {\r\n  if (is_fullScreen) {\r\n    changeHeight();\r\n  } else {\r\n    cancelChangeHeight();\r\n  }\r\n  autoResize.scaleResize(innerWidth, innerHeight, \".bigdata_page\");\r\n  setElementSize.setSize(\".bigdata_page\", targetHeightScale);\r\n  // setElementSize.setSize('.left_top', targetHeightScale, '.top')\r\n  // setElementSize.setSize('.map', targetHeightScale, '.top', '.left_bottom');\r\n  // setElementSize.setSize('.right_body', targetHeightScale, '.top');\r\n};\r\nautoResize.scaleResize(innerWidth, innerHeight, \".bigdata_page\");\r\nsetElementSize.setSize(\".bigdata_page\", targetHeightScale);\r\n// 全屏状态时更改高度\r\nfunction changeHeight() {\r\n  is_fullScreen = true;\r\n}\r\n\r\n// 取消全屏时恢复\r\nfunction cancelChangeHeight() {\r\n  is_fullScreen = false;\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bg {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url(\"https://school.zzsasoft.com/uploads/icon/pc/big-data-situation-bg.gif\")\r\n    center center no-repeat;\r\n  background-size: 100% 100%;\r\n  min-width: 1200px;\r\n  min-height: 768px;\r\n}\r\n.head {\r\n  height: 108px;\r\n  display: flex;\r\n  justify-content: space-around;\r\n  background: url(\"~@/assets/img/eduBigData/top-line.png\") bottom center\r\n    no-repeat;\r\n  background-size: 100% 50%;\r\n  .left {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    width: 40%;\r\n  }\r\n  .name {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    min-width: 356px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: transform 0.3s;\r\n    &:hover {\r\n      transform: scale(1.03);\r\n    }\r\n    span {\r\n      font-size: 24px;\r\n      font-family: PingFangSC-Medium, PingFang SC;\r\n      font-weight: 500;\r\n      color: #a6e4f9;\r\n      line-height: 37px;\r\n      text-shadow: 0px 2px 4px rgba(255, 161, 161, 0.45);\r\n      background: linear-gradient(180deg, #ffffff 0%, #ffeb9d 100%);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      position: relative;\r\n      bottom: 5px;\r\n    }\r\n  }\r\n  .right {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    width: 40%;\r\n  }\r\n  .sel {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    width: 121px;\r\n    height: 80px;\r\n    position: relative;\r\n    bottom: 10px;\r\n    &.active {\r\n      .active-img {\r\n        transform: scale(1.2);\r\n        display: block;\r\n        position: absolute;\r\n        top: -5px;\r\n        left: 12px;\r\n      }\r\n    }\r\n    .txt {\r\n      width: 121px;\r\n      height: 30px;\r\n      position: relative;\r\n      transition: transform 0.3s;\r\n      &:hover {\r\n        transform: scale(1.1);\r\n      }\r\n    }\r\n    .active-img {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=42b194b4&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=42b194b4&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"42b194b4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=42b194b4&prod&lang=scss&scoped=true\""],"sourceRoot":""}