样式修改

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

@@ -8,10 +8,8 @@
                     <span v-if="!collapsed" class="logo-text">城市生命线</span>
                 </div>
                 <div class="collapse-btn" @click="toggleSidebar">
-                    <el-icon>
-                        <DArrowLeft v-if="!collapsed" />
-                        <DArrowRight v-else />
-                    </el-icon>
+                    <ChevronLeft v-if="!collapsed" :size="18" />
+                    <ChevronRight v-else :size="18" />
                 </div>
             </div>
 
@@ -24,7 +22,7 @@
                         :class="{ active: activeMenu === item.key }"
                         @click="handleMenuClick(item)"
                     >
-                        <el-icon><component :is="item.icon" /></el-icon>
+                        <component :is="item.icon" :size="18" />
                         <span v-if="!collapsed">{{ item.label }}</span>
                     </div>
                 </div>
@@ -41,15 +39,15 @@
                 <template #dropdown>
                     <el-dropdown-menu>
                         <el-dropdown-item command="profile">
-                            <el-icon><User /></el-icon>
+                            <User :size="16" />
                             个人中心
                         </el-dropdown-item>
                         <el-dropdown-item command="settings" divided>
-                            <el-icon><Setting /></el-icon>
+                            <Settings :size="16" />
                             系统设置
                         </el-dropdown-item>
                         <el-dropdown-item command="logout" divided>
-                            <el-icon><SwitchButton /></el-icon>
+                            <LogOut :size="16" />
                             退出登录
                         </el-dropdown-item>
                     </el-dropdown-menu>
@@ -79,7 +77,7 @@
                     @load="handleIframeLoad"
                 />
                 <div v-if="iframeLoading" class="iframe-loading">
-                    <el-icon class="is-loading"><Loading /></el-icon>
+                    <Loader :size="20" class="is-loading" />
                     <span>加载中...</span>
                 </div>
             </div>
@@ -94,19 +92,22 @@
 import { ref, computed, watch } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import {
-    ChatDotRound,
-    Grid,
-    Connection,
-    Document,
-    Service,
-    DArrowLeft,
-    DArrowRight,
+    MessageCircle,
+    LayoutGrid,
+    Workflow,
+    FileText,
+    Headphones,
+    ChevronLeft,
+    ChevronRight,
     User,
-    Setting,
-    SwitchButton,
-    Refresh,
-    Loading
-} from '@element-plus/icons-vue'
+    Settings,
+    LogOut,
+    RefreshCw,
+    Loader
+} from 'lucide-vue-next'
+
+// el-button 图标需要传入组件
+const Refresh = RefreshCw
 import { ElMessage } from 'element-plus'
 import type { MenuItem } from 'shared/types'
 

urbanLifelineWeb/packages/bidding/src/layouts/index.ts

@@ -1,3 +1,3 @@
 export { default as SidebarLayout } from './SidebarLayout/SidebarLayout.vue'
-// BlankLayout从shared导入
-export { BlankLayout } from 'shared/layouts'
+// BlankLayout、SubSidebarLayout 从 shared 导入
+export { BlankLayout, SubSidebarLayout } from 'shared/layouts'

urbanLifelineWeb/packages/bidding/src/router/dynamicRoute.ts

@@ -18,14 +18,15 @@ import {
 import type { TbSysViewDTO } from 'shared/types'
 import type { RouteRecordRaw } from 'vue-router'
 import router from './index'
-import { SidebarLayout, BlankLayout } from '@/layouts'
+import { SidebarLayout, BlankLayout, SubSidebarLayout } from '@/layouts'
 
 // Bidding 布局组件映射
 const biddingLayoutMap: Record<string, () => Promise<any>> = {
     'SidebarLayout': () => Promise.resolve({ default: SidebarLayout }),
     'BlankLayout': () => Promise.resolve({ default: BlankLayout }),
     'NavigationLayout': () => Promise.resolve({ default: SidebarLayout }),
-    'BasicLayout': () => Promise.resolve({ default: SidebarLayout })
+    'BasicLayout': () => Promise.resolve({ default: SidebarLayout }),
+    'SubSidebarLayout': () => Promise.resolve({ default: SubSidebarLayout })
 }
 
 // 视图组件加载器

urbanLifelineWeb/packages/bidding/src/types/shared.d.ts

@@ -194,5 +194,5 @@ declare module 'shared/layouts' {
     import { DefineComponent } from 'vue'
     
     export const BlankLayout: DefineComponent<{}, {}, any>
-    export const AdminSidebarLayout: DefineComponent<{}, {}, any>
+    export const SubSidebarLayout: DefineComponent<{}, {}, any>
 }