From 3f05ed6ffa5428f44d8ee89233a21561c7e3be8f Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: 星期四, 17 六月 2021 20:17:42 +0800
Subject: [PATCH] 封装iframe组件
---
ruoyi-ui/src/views/monitor/druid/index.vue | 19 ++-------
ruoyi-ui/src/components/iFrame/index.vue | 36 ++++++++++++++++++
ruoyi-ui/src/views/tool/swagger/index.vue | 19 ++-------
3 files changed, 44 insertions(+), 30 deletions(-)
diff --git a/ruoyi-ui/src/components/iFrame/index.vue b/ruoyi-ui/src/components/iFrame/index.vue
new file mode 100644
index 0000000..4b85f36
--- /dev/null
+++ b/ruoyi-ui/src/components/iFrame/index.vue
@@ -0,0 +1,36 @@
+<template>
+ <div v-loading="loading" :style="'height:' + height">
+ <iframe
+ :src="src"
+ frameborder="no"
+ style="width: 100%; height: 100%"
+ scrolling="auto"
+ />
+ </div>
+</template>
+<script>
+export default {
+ props: {
+ src: {
+ type: String,
+ required: true
+ },
+ },
+ data() {
+ return {
+ height: document.documentElement.clientHeight - 94.5 + "px;",
+ loading: true,
+ url: this.src
+ };
+ },
+ mounted: function () {
+ setTimeout(() => {
+ this.loading = false;
+ }, 300);
+ const that = this;
+ window.onresize = function temp() {
+ that.height = document.documentElement.clientHeight - 94.5 + "px;";
+ };
+ }
+};
+</script>
diff --git a/ruoyi-ui/src/views/monitor/druid/index.vue b/ruoyi-ui/src/views/monitor/druid/index.vue
index fcfa946..ef915d9 100644
--- a/ruoyi-ui/src/views/monitor/druid/index.vue
+++ b/ruoyi-ui/src/views/monitor/druid/index.vue
@@ -1,26 +1,15 @@
<template>
- <div v-loading="loading" :style="'height:'+ height">
- <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
- </div>
+ <i-frame :src="url" />
</template>
<script>
+import iFrame from "@/components/iFrame/index";
export default {
name: "Druid",
+ components: { iFrame },
data() {
return {
- src: process.env.VUE_APP_BASE_API + "/druid/login.html",
- height: document.documentElement.clientHeight - 94.5 + "px;",
- loading: true
+ url: process.env.VUE_APP_BASE_API + "/druid/login.html"
};
},
- mounted: function() {
- setTimeout(() => {
- this.loading = false;
- }, 230);
- const that = this;
- window.onresize = function temp() {
- that.height = document.documentElement.clientHeight - 94.5 + "px;";
- };
- }
};
</script>
diff --git a/ruoyi-ui/src/views/tool/swagger/index.vue b/ruoyi-ui/src/views/tool/swagger/index.vue
index 8db3180..7501891 100644
--- a/ruoyi-ui/src/views/tool/swagger/index.vue
+++ b/ruoyi-ui/src/views/tool/swagger/index.vue
@@ -1,26 +1,15 @@
<template>
- <div v-loading="loading" :style="'height:'+ height">
- <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
- </div>
+ <i-frame :src="url" />
</template>
<script>
+import iFrame from "@/components/iFrame/index";
export default {
name: "Swagger",
+ components: { iFrame },
data() {
return {
- src: process.env.VUE_APP_BASE_API + "/swagger-ui/index.html",
- height: document.documentElement.clientHeight - 94.5 + "px;",
- loading: true
+ url: process.env.VUE_APP_BASE_API + "/swagger-ui/index.html"
};
},
- mounted: function() {
- setTimeout(() => {
- this.loading = false;
- }, 230);
- const that = this;
- window.onresize = function temp() {
- that.height = document.documentElement.clientHeight - 94.5 + "px;";
- };
- }
};
</script>
--
Gitblit v1.9.3