{"remainingRequest":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\cloud\\template\\demo-ui\\src\\components\\iframe\\main.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"D:\\cloud\\template\\demo-ui\\src\\components\\iframe\\main.vue","mtime":1619070292868},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\cloud\\template\\demo-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n",{"version":3,"sources":["main.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyHA;AACA;AACA;AACA;AACA;AACA;AACA","file":"main.vue","sourceRoot":"src/components/iframe","sourcesContent":["<template>\r\n  <div>\r\n    <basic-container>\r\n      <iframe v-if=\"$route.query.src\"\r\n              :src='$route.query.src'\r\n              class=\"iframe\"\r\n              ref=\"iframe\"></iframe>\r\n      <iframe v-else\r\n              :src=\"urlPath\"\r\n              class=\"iframe\"\r\n              ref=\"iframe\"></iframe>\r\n    </basic-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport NProgress from 'nprogress' // progress bar\r\nimport 'nprogress/nprogress.css' // progress bar style\r\nexport default {\r\n  name: 'AvueIframe',\r\n  data () {\r\n    return {\r\n      urlPath: this.getUrlPath() //iframe src 路径\r\n    }\r\n  },\r\n  created () {\r\n    NProgress.configure({ showSpinner: false })\r\n  },\r\n  mounted () {\r\n    this.load()\r\n    this.resize()\r\n  },\r\n  props: ['routerPath'],\r\n  watch: {\r\n    $route: function () {\r\n      this.load()\r\n    },\r\n    routerPath: function () {\r\n      // 监听routerPath变化，改变src路径\r\n      this.urlPath = this.getUrlPath()\r\n    }\r\n  },\r\n  components: {\r\n    ...mapGetters(['screen']),\r\n  },\r\n  methods: {\r\n    // 显示等待框\r\n    show () {\r\n      NProgress.start()\r\n    },\r\n    // 隐藏等待狂\r\n    hide () {\r\n      NProgress.done()\r\n    },\r\n    // 加载浏览器窗口变化自适应\r\n    resize () {\r\n      window.onresize = () => {\r\n        this.iframeInit()\r\n      }\r\n    },\r\n    // 加载组件\r\n    load () {\r\n      this.show()\r\n      var flag = true //URL是否包含问号\r\n      if (this.$route.query.src.indexOf('?') == -1) {\r\n        flag = false\r\n      }\r\n      var list = []\r\n      for (var key in this.$route.query) {\r\n        if (key != 'src' && key != 'name') {\r\n          list.push(`${key}= this.$route.query[key]`)\r\n        }\r\n      }\r\n      list = list.join('&').toString()\r\n      if (flag) {\r\n        this.$route.query.src = `${this.$route.query.src}${\r\n          list.length > 0 ? `&list` : ''\r\n          }`\r\n      } else {\r\n        this.$route.query.src = `${this.$route.query.src}${\r\n          list.length > 0 ? `?list` : ''\r\n          }`\r\n      }\r\n      //超时5s自动隐藏等待框，加强用户体验\r\n      let time = 5\r\n      const timeFunc = setInterval(() => {\r\n        time--\r\n        if (time == 0) {\r\n          this.hide()\r\n          clearInterval(timeFunc)\r\n        }\r\n      }, 1000)\r\n      this.iframeInit()\r\n    },\r\n    //iframe窗口初始化\r\n    iframeInit () {\r\n      const iframe = this.$refs.iframe\r\n      const clientHeight = document.documentElement.clientHeight - (screen > 1 ? 200 : 130);\r\n      iframe.style.height = `${clientHeight}px`\r\n      if (iframe.attachEvent) {\r\n        iframe.attachEvent('onload', () => {\r\n          this.hide()\r\n        })\r\n      } else {\r\n        iframe.onload = () => {\r\n          this.hide()\r\n        }\r\n      }\r\n    },\r\n    getUrlPath: function () {\r\n      //获取 iframe src 路径\r\n      let url = window.location.href\r\n      url = url.replace('/myiframe', '')\r\n      return url\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.iframe {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n</style>"]}]}