From cb30deea865b87b63382cca3c57fee483da40e13 Mon Sep 17 00:00:00 2001
From: duanliangtao <48194157+duanliangtao@users.noreply.github.com>
Date: Fri, 27 Sep 2024 14:11:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=97=E6=84=BF=E5=95=86=E5=9F=8E=E7=9A=84if?=
 =?UTF-8?q?rame=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/volunteer/mall/index.vue | 71 ++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 src/views/modules/volunteer/mall/index.vue

diff --git a/src/views/modules/volunteer/mall/index.vue b/src/views/modules/volunteer/mall/index.vue
new file mode 100644
index 000000000..8ef16ac3d
--- /dev/null
+++ b/src/views/modules/volunteer/mall/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <div>
+    <!-- 隐藏 iframe，等子页面加载完成并修改后再显示 -->
+    <iframe
+      id="childIframe"
+      ref="childIframe"
+      :src="iframeSrc"
+      width="100%"
+      height="1000px"
+      frameborder="0"
+      style="display: none;"
+      @load="onIframeLoad"
+    ></iframe>
+  </div>
+</template>
+
+<script>
+import http from "@/utils/request";
+export default {
+  data() {
+    return {
+      // 嵌入的网页地址
+      iframeSrc: '', // 初始时 iframeSrc 为空，等接口获取到地址后再赋值
+    };
+  },
+  created() {
+    // 此处请求后端,获取一个ticket票据
+    http.get("/auth/sso/getTicket")
+        .then(({data: res}) => {
+        let ticket = res.data
+        console.log('ticket:', ticket)
+        this.iframeSrc = "../../../epmet-voluntary-mall-admin/pms/product?target=_blank&ticket=" + ticket
+      })
+  },
+  methods: {
+    // 监听 iframe 加载完成事件
+    onIframeLoad() {
+      // 获取 iframe 的内容窗口
+      const iframe = this.$refs.childIframe;
+      const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
+      
+      if (iframeDocument) {
+        const styleElement = iframeDocument.createElement('style');
+        styleElement.type = 'text/css';
+        
+        const newStyles = `
+          #app .main-container {
+            margin-left: 0px !important;
+          }
+          #app .sidebar-container {
+              display: none !important;
+          }
+          .navbar {
+              display: none !important;
+          }
+        `;
+        
+        styleElement.appendChild(iframeDocument.createTextNode(newStyles));
+        
+        iframeDocument.head.appendChild(styleElement);
+
+        // 显示 iframe
+        iframe.style.display = 'block';
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+</style>