From 2ccb88af1a9965d2cdd7eca77eb15fa055cbdf18 Mon Sep 17 00:00:00 2001
From: xingyu4j <xingyu4j@vip.qq.com>
Date: Wed, 30 Apr 2025 11:39:53 +0800
Subject: [PATCH] feat: add report

---
 apps/web-antd/.env                            |  3 ++
 .../src/views/report/goview/index.vue         | 38 ++++++++---------
 .../src/views/report/jmreport/index.vue       | 41 +++++++++----------
 3 files changed, 38 insertions(+), 44 deletions(-)

diff --git a/apps/web-antd/.env b/apps/web-antd/.env
index 7cb02127..6b960186 100644
--- a/apps/web-antd/.env
+++ b/apps/web-antd/.env
@@ -21,3 +21,6 @@ VITE_APP_DOCALERT_ENABLE=true
 
 # 百度统计
 VITE_APP_BAIDU_CODE = e98f2eab6ceb8688bc6d8fc5332ff093
+
+# GoView域名
+VITE_GOVIEW_URL='http://127.0.0.1:3000'
diff --git a/apps/web-antd/src/views/report/goview/index.vue b/apps/web-antd/src/views/report/goview/index.vue
index 20e518c1..8f9d991f 100644
--- a/apps/web-antd/src/views/report/goview/index.vue
+++ b/apps/web-antd/src/views/report/goview/index.vue
@@ -1,31 +1,25 @@
 <script lang="ts" setup>
+import { ref } from 'vue';
+
 import { Page } from '@vben/common-ui';
 
-import { Button } from 'ant-design-vue';
-
 import { DocAlert } from '#/components/doc-alert';
+import { IFrame } from '#/components/iframe';
+
+defineOptions({ name: 'GoView' });
+
+const src = ref(import.meta.env.VITE_GOVIEW_URL);
 </script>
 
 <template>
-  <Page>
-    <DocAlert title="大屏设计器" url="https://doc.iocoder.cn/report/screen/" />
-    <Button
-      danger
-      type="link"
-      target="_blank"
-      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
-    >
-      该功能支持 Vue3 + element-plus 版本！
-    </Button>
-    <br />
-    <Button
-      type="link"
-      target="_blank"
-      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/goview/index"
-    >
-      可参考
-      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/goview/index
-      代码，pull request 贡献给我们！
-    </Button>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert
+        title="大屏设计器"
+        url="https://doc.iocoder.cn/report/screen/"
+      />
+    </template>
+
+    <IFrame :src="src" />
   </Page>
 </template>
diff --git a/apps/web-antd/src/views/report/jmreport/index.vue b/apps/web-antd/src/views/report/jmreport/index.vue
index a720940c..55acf56b 100644
--- a/apps/web-antd/src/views/report/jmreport/index.vue
+++ b/apps/web-antd/src/views/report/jmreport/index.vue
@@ -1,31 +1,28 @@
 <script lang="ts" setup>
-import { Page } from '@vben/common-ui';
+import { ref } from 'vue';
 
-import { Button } from 'ant-design-vue';
+import { Page } from '@vben/common-ui';
+import { useAccessStore } from '@vben/stores';
 
 import { DocAlert } from '#/components/doc-alert';
+import { IFrame } from '#/components/iframe';
+
+defineOptions({ name: 'JimuReport' });
+const accessStore = useAccessStore();
+
+const src = ref(
+  `${import.meta.env.VITE_BASE_URL}/jmreport/list?token=${
+    accessStore.refreshToken
+  }`,
+);
 </script>
 
 <template>
-  <Page>
-    <DocAlert title="报表设计器" url="https://doc.iocoder.cn/report/" />
-    <Button
-      danger
-      type="link"
-      target="_blank"
-      href="https://github.com/yudaocode/yudao-ui-admin-vue3"
-    >
-      该功能支持 Vue3 + element-plus 版本！
-    </Button>
-    <br />
-    <Button
-      type="link"
-      target="_blank"
-      href="https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/jmreport/index"
-    >
-      可参考
-      https://github.com/yudaocode/yudao-ui-admin-vue3/blob/master/src/views/report/jmreport/index
-      代码，pull request 贡献给我们！
-    </Button>
+  <Page auto-content-height>
+    <template #doc>
+      <DocAlert title="报表设计器" url="https://doc.iocoder.cn/report/" />
+    </template>
+
+    <IFrame :src="src" />
   </Page>
 </template>