metabase: embed iframe

.env.development

@@ -16,3 +16,4 @@ VITE_DEFAULT_AI_AGENT = '5bd9b0e9-d3f4-4089-670a-880009e925a8'
 VITE_REGUL_AI_AGENT = 'e3be1378-3915-4e5c-b526-9f5447df39ea' 
 VITE_APP_SM4_APP_KEY = '04TzMuvkHm_EZnHm'
 VITE_AI_API_TOKEN = '7551e976-d154-44a2-7569-204277f5123a'
+VITE_METABASE_URL= 'http://localhost:3000/embed/dashboard/'

.env.production

@@ -12,3 +12,4 @@ VITE_DEFAULT_AI_AGENT = '74938263-ffe5-43c5-90af-25e62d34a51f'
 VITE_REGUL_AI_AGENT = 'e3be1378-3915-4e5c-b526-9f5447df39ea' 
 VITE_APP_SM4_APP_KEY = '04TzMuvkHm_EZnHm'
 VITE_AI_API_TOKEN = '7551e976-d154-44a2-7569-204277f5123a'
+VITE_METABASE_URL= 'https://gyhlw.hxgk.group/metabase/embed/dashboard/'

src/api/date/metabase.ts

@@ -0,0 +1,14 @@
+import request from '@/utils/request';
+export const apptoken: string = import.meta.env.VITE_AI_API_TOKEN;
+/**
+ * 获取metabase 服务的jwt token
+ */
+export function getMetabaseToken() {
+	return request({
+		url: "/aibot/metabase/token",
+		method: "get",
+        // headers: {
+        // 'App-Api-Token': apptoken
+        // }
+	});
+}

src/views/date/metabase.vue

@@ -0,0 +1,32 @@
+<!--
+@ 时间: 2025-12-30 
+@ 备注: chatbi 服务配置界面
+-->
+
+<script setup lang="ts">
+import {getMetabaseToken} from '@/api/date/metabase'
+
+const metabaseUrl= ref("")
+
+onMounted(()=>{
+  getMetabaseToken().then(resp=>{
+		metabaseUrl.value=import.meta.env.VITE_METABASE_URL+ resp.data+"#titled=true&refresh=300"
+	})
+})
+
+</script>
+
+<template>
+    <iframe :src="metabaseUrl" frameborder="0" width="100%" height="100%" 
+      allowtransparency="true" ></iframe> 
+</template>
+
+<style lang="scss" scoped>
+
+</style>
+
+<style>
+.chatbi-new-dialog {
+  width: 800px !important;
+}
+</style>