{"version":3,"sources":["webpack:///./src/views/school/bigData/v1/safetyMap.vue?7f56","webpack:///./src/views/school/bigData/v1/safetyMap.vue","webpack:///src/views/school/bigData/v1/safetyMap.vue","webpack:///./src/views/school/bigData/v1/safetyMap.vue?9dda","webpack:///./src/views/school/bigData/v1/safetyMap.vue?24d0"],"names":["render","_vm","this","_c","_self","staticClass","mapData","tdmUrl","_v","_m","attrs","staticRenderFns","name","components","data","userInfo","JSON","parse","sessionStorage","getItem","created","getSafetyMap","mounted","computed","watch","methods","req","schoolId","parseInt","res","$Http","getSchoolThreeDPicture","code","$message","showClose","type","message","messsage","destroyed","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,WAAW,CAAwB,IAAtBJ,EAAIK,QAAQC,OAAcJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACF,EAAIO,GAAG,iBAAiBP,EAAIQ,GAAG,GAAGN,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIO,GAAG,kHAAkHL,EAAG,IAAI,CAACE,YAAY,SAASK,MAAM,CAAC,KAAO,6BAA6B,OAAS,WAAW,CAACT,EAAIO,GAAG,gBAAgBL,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,SAAS,CAACO,MAAM,CAAC,IAAMT,EAAIK,QAAQC,OAAO,MAAQ,OAAO,OAAS,OAAO,YAAc,YAE5lBI,EAAkB,CAAC,WAAY,IAAIV,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,KAAK,CAACF,EAAIO,GAAG,WAAWL,EAAG,OAAO,CAACF,EAAIO,GAAG,uBCsBrG,GACfI,KAAA,YACAC,WAAA,GACAC,OACA,OACAC,SAAAC,KAAAC,MAAAC,eAAAC,QAAA,aACAb,QAAA,CACAC,OAAA,MAIAa,UACA,KAAAC,gBAEAC,YACAC,SAAA,GACAC,MAAA,GACAC,QAAA,CACA,qBACA,IAAAC,EAAA,CACAC,SAAAC,SAAA,KAAAb,SAAAY,WAEAE,QAAA,KAAAC,MAAAC,uBAAAL,GAAA,GACA,QAAAG,EAAAG,KAAA,CACA,IAAAlB,EAAAe,EAAAf,MAAA,GACA,KAAAR,QAAAQ,OAEA,KAAAR,QAAA,CACAC,OAAA,IAEA,KAAA0B,SAAA,CACAC,WAAA,EACAC,KAAA,QACAC,QAAAP,EAAAQ,UAAA,eAKAC,eC9D+X,I,wBCQ3XC,EAAY,eACd,EACAvC,EACAW,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E","file":"js/chunk-4cc35350.0d6c767a.js","sourcesContent":["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!./safetyMap.vue?vue&type=style&index=0&id=636bb0f6&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"map-box\"},[(_vm.mapData.tdmUrl == '')?_c('div',{staticClass:\"not_3d_map\"},[_c('h3',[_vm._v(\"该学校暂未开通3D地图\")]),_vm._m(0),_c('div',{staticClass:\"disp_text\"},[_vm._v(\" 通过对校园环境进行建模，建立校园电子三维地图，利用网络通信技术，形象展示校园安防设施部署情况，基建和安防信息完整呈现在云管理平台上，系统具备立体性，方位性，直观性，真实性等特点，有效实现对校园安防的直观，动态监管 \")]),_c('a',{staticClass:\"button\",attrs:{\"href\":\"http://119.3.205.252:9123/\",\"target\":\"_blank\"}},[_vm._v(\"进入3D地图演示\")])]):_c('div',{staticClass:\"iframe-box\"},[_c('iframe',{attrs:{\"src\":_vm.mapData.tdmUrl,\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\"}})])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h3',[_vm._v(\"如有需要请咨询\"),_c('span',[_vm._v(\"0371-88056789\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"map-box\">\r\n    <div class=\"not_3d_map\" v-if=\"mapData.tdmUrl == ''\">\r\n      <h3>该学校暂未开通3D地图</h3>\r\n      <h3>如有需要请咨询<span>0371-88056789</span></h3>\r\n      <div class=\"disp_text\">\r\n        通过对校园环境进行建模，建立校园电子三维地图，利用网络通信技术，形象展示校园安防设施部署情况，基建和安防信息完整呈现在云管理平台上，系统具备立体性，方位性，直观性，真实性等特点，有效实现对校园安防的直观，动态监管\r\n      </div>\r\n      <a class=\"button\" href=\"http://119.3.205.252:9123/\" target=\"_blank\"\r\n        >进入3D地图演示</a\r\n      >\r\n    </div>\r\n    <div class=\"iframe-box\" v-else>\r\n      <iframe :src=\"mapData.tdmUrl\" width=\"100%\" height=\"100%\" frameborder=\"0\">\r\n      </iframe>\r\n      <!-- <iframe src=\"http://119.3.205.252:9097/\"\r\n        width=\"100%\"\r\n        height=\"100%\"\r\n        frameborder=\"0\">\r\n      </iframe> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  name: \"safetyMap\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      userInfo: JSON.parse(sessionStorage.getItem(\"userInfo\")),\r\n      mapData: {\r\n        tdmUrl: \"\"\r\n      } //地图信息\r\n    };\r\n  },\r\n  created() {\r\n    this.getSafetyMap();\r\n  },\r\n  mounted() {},\r\n  computed: {},\r\n  watch: {},\r\n  methods: {\r\n    async getSafetyMap() {\r\n      let req = {\r\n        schoolId: parseInt(this.userInfo.schoolId)\r\n      };\r\n      let res = await this.$Http.getSchoolThreeDPicture(req, true);\r\n      if (res.code == 200) {\r\n        let data = res.data || {};\r\n        this.mapData = data;\r\n      } else {\r\n        this.mapData = {\r\n          tdmUrl: \"\"\r\n        };\r\n        this.$message({\r\n          showClose: true,\r\n          type: \"error\",\r\n          message: res.messsage || \"安全地图获取失败\"\r\n        });\r\n      }\r\n    }\r\n  },\r\n  destroyed() {}\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.corner {\r\n  background: #58a;\r\n  background: linear-gradient(-45deg, transparent 20px, #58a 0);\r\n}\r\n.map-box {\r\n  height: 870px;\r\n  width: 1920px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  // background-size: 100% 100%;\r\n  .iframe-box {\r\n    //   background: linear-gradient(-45deg,transparent 20px,#58a 0);\r\n    background: url(\"~@/assets/img/schoolBigData/safety-map-bg.png\") center\r\n      center no-repeat;\r\n    width: 1726px;\r\n    height: 762px;\r\n    scrollbar-width: none;\r\n    // background-color:#DCDCDC;\r\n  }\r\n}\r\n.not_3d_map {\r\n  width: 100%;\r\n  height: 100%;\r\n  text-align: center;\r\n  color: #fff;\r\n  padding: 250px 30%;\r\n}\r\n.disp_text {\r\n  display: block;\r\n  text-align: left;\r\n  text-indent: 30px;\r\n  margin-top: 2rem;\r\n}\r\n.button {\r\n  width: 130px;\r\n  height: 50px;\r\n  display: inline-block;\r\n  background: #337ab7;\r\n  color: #fff;\r\n  line-height: 50px;\r\n  border-radius: 5px;\r\n  &:hover {\r\n    background: #23527c;\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!./safetyMap.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!./safetyMap.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./safetyMap.vue?vue&type=template&id=636bb0f6&scoped=true\"\nimport script from \"./safetyMap.vue?vue&type=script&lang=js\"\nexport * from \"./safetyMap.vue?vue&type=script&lang=js\"\nimport style0 from \"./safetyMap.vue?vue&type=style&index=0&id=636bb0f6&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  \"636bb0f6\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}