web打包修改

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

@@ -214,5 +214,5 @@ watch(
 </script>
 
 <style lang="scss" scoped>
-    @import url("./SidebarLayout.scss");
+    @import "./SidebarLayout.scss";
 </style>

urbanLifelineWeb/packages/workcase/src/main.ts

@@ -5,6 +5,9 @@ import 'element-plus/dist/index.css'
 
 import './assets/css/common.scss'
 
+// 导入 shared 的全局样式（Module Federation 远程模块样式）
+import 'shared/styles'
+
 import App from './App.vue'
 import router from './router/'
 import { AES_SECRET_KEY } from './config/index'

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

@@ -11,7 +11,7 @@
 
 import type { RouteRecordRaw } from 'vue-router'
 import router from './index'
-import { SidebarLayout, BlankLayout, SubSidebarLayout } from '@/layouts'
+import { SidebarLayout } from '@/layouts'
 
 // 动态导入 shared 模块（避免顶层 import 阻塞）
 async function loadSharedModules() {
@@ -25,10 +25,11 @@ async function loadSharedModules() {
 // Workcase 布局组件映射
 const workcaseLayoutMap: Record<string, () => Promise<any>> = {
     'SidebarLayout': () => Promise.resolve({ default: SidebarLayout }),
-    'BlankLayout': () => Promise.resolve({ default: BlankLayout }),
     'NavigationLayout': () => Promise.resolve({ default: SidebarLayout }),
     'BasicLayout': () => Promise.resolve({ default: SidebarLayout }),
-    'SubSidebarLayout': () => Promise.resolve({ default: SubSidebarLayout })
+    // 动态导入 shared 的布局组件，避免静态导入阻塞
+    'BlankLayout': () => import('shared/layouts').then(m => ({ default: m.BlankLayout })),
+    'SubSidebarLayout': () => import('shared/layouts').then(m => ({ default: m.SubSidebarLayout }))
 }
 
 // 视图组件加载器

urbanLifelineWeb/packages/workcase/src/views/admin/agent/AgentView.vue

@@ -163,7 +163,7 @@ const testAgent = () => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./AgentView.scss");
+@import "./AgentView.scss";
 
 .agent-container {
     display: flex;

urbanLifelineWeb/packages/workcase/src/views/admin/customerChat/CustomerChatView.vue

@@ -184,7 +184,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./CustomerChatView.scss");
+@import "./CustomerChatView.scss";
 
 .chat-container {
     display: flex;

urbanLifelineWeb/packages/workcase/src/views/admin/knowledge/KnowLedgeView.vue

@@ -417,5 +417,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./KnowLedgeView.scss");
+@import "./KnowLedgeView.scss";
 </style>

urbanLifelineWeb/packages/workcase/src/views/admin/log/knowledgeLog/KnowledgeLogView.vue

@@ -267,7 +267,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./KnowledgeLogView.scss");
+@import "./KnowledgeLogView.scss";
 
 .log-container {
     display: flex;

urbanLifelineWeb/packages/workcase/src/views/admin/log/systemLog/SystemLogView.vue

@@ -155,7 +155,7 @@ const exportLogs = () => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./SystemLogView.scss");
+@import "./SystemLogView.scss";
 
 .log-container {
     display: flex;

urbanLifelineWeb/packages/workcase/src/views/admin/log/workcaseLog/WorkcaseLogView.vue

@@ -216,7 +216,7 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./WorkcaseLogView.scss");
+@import "./WorkcaseLogView.scss";
 
 .log-container {
     display: flex;

urbanLifelineWeb/packages/workcase/src/views/admin/overview/OverviewView.vue

@@ -346,7 +346,7 @@ const goToAgent = () => {
 </script>
 
 <style lang="scss" scoped>
-@import url("./OverviewView.scss");
+@import "./OverviewView.scss";
 
 .overview-container {
     display: flex;

urbanLifelineWeb/packages/workcase/src/views/public/AIChat/AIChatView.vue

@@ -846,5 +846,5 @@ onMounted(async () => {
 </script>
 
 <style scoped lang="scss">
-@import url("./AIChatView.scss");
+@import "./AIChatView.scss";
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/AIChat/components/ChatHistory.vue

@@ -48,5 +48,5 @@ const handleLoadChat = (chatId: number) => {
 </script>
 
 <style scoped lang="scss">
-@import url("./ChatHistory.scss");
+@import "./ChatHistory.scss";
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.vue

@@ -351,7 +351,7 @@ watch(activeTab, async (newVal) => {
 })
 </script>
 <style scoped lang="scss">
-@import url("./ChatMessage.scss");
+@import "./ChatMessage.scss";
 
 .loading-more,
 .no-more {

urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatRoomView.vue

@@ -730,5 +730,5 @@ onUnmounted(() => {
 })
 </script>
 <style scoped lang="scss">
-@import url("./ChatRoomView.scss");
+@import "./ChatRoomView.scss";
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/MeetingCard/MeetingCard.vue

@@ -270,5 +270,5 @@ async function handleJoinMeeting() {
 }
 </script>
 <style scoped lang="scss">
-@import url('./MeetingCard.scss');
+@import './MeetingCard.scss';
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/chatRoom/ChatRoom.vue

@@ -459,5 +459,5 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
-@import url("./ChatRoom.scss");
+@import "./ChatRoom.scss";
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/chatRoom/CommentMessageCard/CommentMessageCard.vue

@@ -130,5 +130,5 @@ const handleSubmit = async () => {
 </script>
 
 <style scoped lang="scss">
-    @import url('./CommentMessageCard.scss');
+    @import './CommentMessageCard.scss';
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/JitsiMeeting/JitsiMeetingView.vue

@@ -316,5 +316,5 @@ onUnmounted(() => {
 </script>
 
 <style scoped lang="scss">
-@import url('./JitsiMeetingView.scss')
+@import './JitsiMeetingView.scss'
 </style>

urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.vue

@@ -747,5 +747,5 @@ const submitProcessRecord = async () => {
 </script>
 
 <style scoped lang="scss">
-@import url("./WorkcaseDetail.scss");
+@import "./WorkcaseDetail.scss";
 </style>