From e00cf26e79ea6c36a64331f793c7c8db70cd0a62 Mon Sep 17 00:00:00 2001
From: zpzgiser <45806316+zpzgiser@users.noreply.github.com>
Date: Sun, 18 Jul 2021 00:20:27 +0800
Subject: [PATCH] Merge branch 'master' of http://s16s652780.51mypc.cn:49896/r/zhba_regulatory
---
src/components/iframe/main.vue | 225 ++++++++++++++++++++++++++++----------------------------
1 files changed, 113 insertions(+), 112 deletions(-)
diff --git a/src/components/iframe/main.vue b/src/components/iframe/main.vue
index 4d421bc..e158add 100644
--- a/src/components/iframe/main.vue
+++ b/src/components/iframe/main.vue
@@ -1,129 +1,130 @@
<template>
<basic-container>
- <iframe :src="src"
- class="iframe"
- ref="iframe"></iframe>
+ <iframe :src="src" class="iframe" ref="iframe"></iframe>
</basic-container>
</template>
<script>
- import {mapGetters} from "vuex";
- import NProgress from "nprogress"; // progress bar
- import "nprogress/nprogress.css"; // progress bar style
- export default {
- name: "AvueIframe",
- data() {
- return {
- urlPath: this.getUrlPath() //iframe src 路径
+import { mapGetters } from "vuex";
+import NProgress from "nprogress"; // progress bar
+import "nprogress/nprogress.css"; // progress bar style
+export default {
+ name: "AvueIframe",
+ data() {
+ return {
+ urlPath: this.getUrlPath(), //iframe src 路径
+ };
+ },
+ created() {
+ NProgress.configure({ showSpinner: false });
+ },
+ mounted() {
+ this.load();
+ this.resize();
+ },
+ props: ["routerPath"],
+ watch: {
+ $route: function () {
+ this.load();
+ },
+ routerPath: function () {
+ // 监听routerPath变化，改变src路径
+ this.urlPath = this.getUrlPath();
+ },
+ },
+ computed: {
+ ...mapGetters(["screen"]),
+ src() {
+ return this.$route.query.src
+ ? this.$route.query.src.replace("$", "#")
+ : this.urlPath;
+ },
+ },
+ methods: {
+ // 显示等待框
+ show() {
+ NProgress.start();
+ },
+ // 隐藏等待狂
+ hide() {
+ NProgress.done();
+ },
+ // 加载浏览器窗口变化自适应
+ resize() {
+ window.onresize = () => {
+ this.iframeInit();
};
},
- created() {
- NProgress.configure({showSpinner: false});
- },
- mounted() {
- this.load();
- this.resize();
- },
- props: ["routerPath"],
- watch: {
- $route: function () {
- this.load();
- },
- routerPath: function () {
- // 监听routerPath变化，改变src路径
- this.urlPath = this.getUrlPath();
+ // 加载组件
+ load() {
+ this.show();
+ var flag = true; //URL是否包含问号
+ if (
+ this.$route.query.src !== undefined &&
+ this.$route.query.src.indexOf("?") === -1
+ ) {
+ flag = false;
}
- },
- computed: {
- ...mapGetters(["screen"]),
- src() {
- return this.$route.query.src
- ? this.$route.query.src.replace("$", "#")
- : this.urlPath;
+ var list = [];
+ for (var key in this.$route.query) {
+ if (key !== "src" && key !== "name" && key !== "i18n") {
+ list.push(`${key}= this.$route.query[key]`);
+ }
}
+ list = list.join("&").toString();
+ if (flag) {
+ this.$route.query.src = `${this.$route.query.src}${
+ list.length > 0 ? `&list` : ""
+ }`;
+ } else {
+ this.$route.query.src = `${this.$route.query.src}${
+ list.length > 0 ? `?list` : ""
+ }`;
+ }
+ //超时3s自动隐藏等待狂，加强用户体验
+ let time = 3;
+ const timeFunc = setInterval(() => {
+ time--;
+ if (time === 0) {
+ this.hide();
+ clearInterval(timeFunc);
+ }
+ }, 1000);
+ this.iframeInit();
},
- methods: {
- // 显示等待框
- show() {
- NProgress.start();
- },
- // 隐藏等待狂
- hide() {
- NProgress.done();
- },
- // 加载浏览器窗口变化自适应
- resize() {
- window.onresize = () => {
- this.iframeInit();
+ //iframe窗口初始化
+ iframeInit() {
+ const iframe = this.$refs.iframe;
+ const clientHeight =
+ document.documentElement.clientHeight - (screen > 1 ? 200 : 130);
+ if (!iframe) return;
+ iframe.style.height = `${clientHeight}px`;
+ if (iframe.attachEvent) {
+ iframe.attachEvent("onload", () => {
+ this.hide();
+ });
+ } else {
+ iframe.onload = () => {
+ this.hide();
};
- },
- // 加载组件
- load() {
- this.show();
- var flag = true; //URL是否包含问号
- if (this.$route.query.src !== undefined && this.$route.query.src.indexOf("?") === -1) {
- flag = false;
- }
- var list = [];
- for (var key in this.$route.query) {
- if (key !== "src" && key !== "name" && key !== "i18n") {
- list.push(`${key}= this.$route.query[key]`);
- }
- }
- list = list.join("&").toString();
- if (flag) {
- this.$route.query.src = `${this.$route.query.src}${
- list.length > 0 ? `&list` : ""
- }`;
- } else {
- this.$route.query.src = `${this.$route.query.src}${
- list.length > 0 ? `?list` : ""
- }`;
- }
- //超时3s自动隐藏等待狂，加强用户体验
- let time = 3;
- const timeFunc = setInterval(() => {
- time--;
- if (time === 0) {
- this.hide();
- clearInterval(timeFunc);
- }
- }, 1000);
- this.iframeInit();
- },
- //iframe窗口初始化
- iframeInit() {
- const iframe = this.$refs.iframe;
- const clientHeight =
- document.documentElement.clientHeight - (screen > 1 ? 200 : 130);
- if (!iframe) return;
- iframe.style.height = `${clientHeight}px`;
- if (iframe.attachEvent) {
- iframe.attachEvent("onload", () => {
- this.hide();
- });
- } else {
- iframe.onload = () => {
- this.hide();
- };
- }
- },
- getUrlPath: function () {
- //获取 iframe src 路径
- let url = window.location.href;
- url = url.replace("/myiframe", "");
- return url;
}
- }
- };
+ },
+ getUrlPath: function () {
+ //获取 iframe src 路径
+ let url = window.location.href;
+ url = url.replace("/myiframe", "");
+ return url;
+ },
+ },
+};
</script>
<style lang="scss">
- .iframe {
- width: 100%;
- height: 100%;
- border: 0;
- overflow: hidden;
- box-sizing: border-box;
- }
+.iframe {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ overflow: hidden;
+ box-sizing: border-box;
+}
</style>
--
Gitblit v1.9.3