组件修改

urbanLifelineWeb/packages/platform/src/layouts/AdminSidebarLayout/AdminSidebarLayout.vue

@@ -51,19 +51,12 @@
         <!-- 主内容区 -->
         <main class="main-content">
             <!-- iframe 模式 -->
-            <div v-if="currentIframeUrl" class="iframe-container">
-                <iframe
-                    ref="iframeRef"
-                    :src="currentIframeUrl"
-                    class="content-iframe"
-                    frameborder="0"
-                    @load="handleIframeLoad"
-                />
-                <div v-if="iframeLoading" class="iframe-loading">
-                    <el-icon class="is-loading"><Loading /></el-icon>
-                    <span>加载中...</span>
-                </div>
-            </div>
+            <IframeView
+                v-if="currentIframeUrl"
+                :url="currentIframeUrl"
+                :title="currentMenuItem?.label"
+                :show-header="false"
+            />
 
             <!-- 路由模式 -->
             <router-view v-else />
@@ -86,9 +79,9 @@ import {
     Setting,
     SwitchButton,
     Refresh,
-    Loading,
     Back
 } from '@element-plus/icons-vue'
+import { IframeView } from 'shared/components'
 import { PanelLeftClose, PanelLeftOpen } from 'lucide-vue-next'
 import { ElMessage } from 'element-plus'
 import type { MenuItem } from 'shared/types'
@@ -99,8 +92,6 @@ const route = useRoute()
 // 状态管理
 const collapsed = ref(false)
 const activeMenu = ref('home')
-const iframeLoading = ref(false)
-const iframeRef = ref<HTMLIFrameElement>()
 
 // 从 LocalStorage 获取用户名
 function getUserName(): string {
@@ -174,7 +165,7 @@ const menuItems = ref<MenuItem[]>(loadMenuFromStorage())
 
 // 当前菜单项
 const currentMenuItem = computed(() => {
-    return menuItems.value.find(item => item.key === activeMenu.value)
+    return menuItems.value.find((item: MenuItem) => item.key === activeMenu.value)
 })
 
 // 当前 iframe URL（从路由 meta 读取）
@@ -195,22 +186,6 @@ const handleMenuClick = (item: MenuItem) => {
     // 所有菜单都通过路由跳转
     if (item.url) {
         router.push(item.url)
-        if (item.viewType === 'iframe') {
-            iframeLoading.value = true
-        }
-    }
-}
-
-// iframe 加载完成
-const handleIframeLoad = () => {
-    iframeLoading.value = false
-}
-
-// 刷新 iframe
-const handleRefreshIframe = () => {
-    if (iframeRef.value) {
-        iframeLoading.value = true
-        iframeRef.value.src = iframeRef.value.src
     }
 }
 

urbanLifelineWeb/packages/platform/src/layouts/SidebarLayout/SidebarLayout.vue

@@ -69,19 +69,12 @@
         <!-- 主内容区 -->
         <main class="main-content">
             <!-- iframe 模式 -->
-            <div v-if="currentIframeUrl" class="iframe-container">
-                <iframe
-                    ref="iframeRef"
-                    :src="currentIframeUrl"
-                    class="content-iframe"
-                    frameborder="0"
-                    @load="handleIframeLoad"
-                />
-                <div v-if="iframeLoading" class="iframe-loading">
-                    <Loader :size="20" class="is-loading" />
-                    <span>加载中...</span>
-                </div>
-            </div>
+            <IframeView
+                v-if="currentIframeUrl"
+                :url="currentIframeUrl"
+                :title="currentMenuItem?.label"
+                :show-header="false"
+            />
 
             <!-- 路由模式 -->
             <router-view v-else />
@@ -101,10 +94,9 @@ import {
     Headphones,
     User,
     Settings,
-    LogOut,
-    RefreshCw,
-    Loader
+    LogOut
 } from 'lucide-vue-next'
+import { IframeView } from 'shared/components'
 import { ElMessage } from 'element-plus'
 import type { MenuItem } from 'shared/types'
 
@@ -114,8 +106,6 @@ const route = useRoute()
 // 状态管理
 const collapsed = ref(false)
 const activeMenu = ref('home')
-const iframeLoading = ref(false)
-const iframeRef = ref<HTMLIFrameElement>()
 const hasAdmin = ref(false)
 
 // 从 LocalStorage 获取用户名
@@ -198,7 +188,7 @@ const menuItems = ref<MenuItem[]>(loadMenuFromStorage())
 
 // 当前菜单项
 const currentMenuItem = computed(() => {
-    return menuItems.value.find(item => item.key === activeMenu.value)
+    return menuItems.value.find((item: MenuItem) => item.key === activeMenu.value)
 })
 
 // 当前 iframe URL（从路由 meta 读取）
@@ -219,22 +209,6 @@ const handleMenuClick = (item: MenuItem) => {
     // 所有菜单都通过路由跳转
     if (item.url) {
         router.push(item.url)
-        if (item.viewType === 'iframe') {
-            iframeLoading.value = true
-        }
-    }
-}
-
-// iframe 加载完成
-const handleIframeLoad = () => {
-    iframeLoading.value = false
-}
-
-// 刷新 iframe
-const handleRefreshIframe = () => {
-    if (iframeRef.value) {
-        iframeLoading.value = true
-        iframeRef.value.src = iframeRef.value.src
     }
 }
 

urbanLifelineWeb/packages/platform/src/views/public/Chat/AIChatView.vue

@@ -127,7 +127,7 @@
                         v-model="inputText"
                         placeholder="请输入内容..."
                         @keydown.enter.prevent="handleSend"
-                        rows="1"
+                        :rows="1"
                         ref="textareaRef"
                     ></textarea>
                     <div class="input-actions">