diff --git a/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.scss b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.scss
new file mode 100644
index 00000000..df291511
--- /dev/null
+++ b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.scss
@@ -0,0 +1,199 @@
+.chat-message-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: #f8fafc;
+}
+
+.chat-header {
+    padding: 20px 24px;
+    border-bottom: 1px solid #e5e7eb;
+    background: #fff;
+}
+
+.header-content {
+    .header-title {
+        font-size: 18px;
+        font-weight: 700;
+        color: #4b87ff;
+        margin-bottom: 4px;
+    }
+
+    .header-subtitle {
+        font-size: 12px;
+        color: #9ca3af;
+
+        .separator {
+            color: #d1d5db;
+        }
+    }
+}
+
+.tabs-container {
+    padding: 0 24px;
+    background: #fff;
+}
+
+.tabs-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 32px;
+    border-bottom: 1px solid #e5e7eb;
+}
+
+.tab-button {
+    padding: 12px 0;
+    font-size: 14px;
+    font-weight: 500;
+    color: #6b7280;
+    background: none;
+    border: none;
+    border-bottom: 2px solid transparent;
+    cursor: pointer;
+    transition: all 0.2s;
+    position: relative;
+    bottom: -1px;
+
+    &:hover {
+        color: #111827;
+    }
+
+    &.active {
+        color: #4b87ff;
+        border-bottom-color: #4b87ff;
+    }
+}
+
+.chat-main {
+    flex: 1;
+    overflow: hidden;
+    padding: 24px;
+}
+
+.messages-container {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 16px;
+    height: 420px;
+    overflow-y: auto;
+}
+
+.messages-list {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.message-item {
+    display: flex;
+    gap: 12px;
+}
+
+.message-left {
+    justify-content: flex-start;
+}
+
+.message-right {
+    justify-content: flex-end;
+}
+
+.avatar {
+    width: 36px;
+    height: 36px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    font-size: 14px;
+    font-weight: 500;
+    flex-shrink: 0;
+}
+
+.avatar-ai {
+    background: #a855f7;
+}
+
+.avatar-guest {
+    background: #d1d5db;
+}
+
+.message-content {
+    display: flex;
+    flex-direction: column;
+    max-width: 70%;
+}
+
+.message-meta {
+    font-size: 12px;
+    color: #9ca3af;
+    margin-bottom: 4px;
+}
+
+.message-meta-right {
+    text-align: right;
+}
+
+.message-bubble {
+    padding: 12px 16px;
+    border-radius: 16px;
+    font-size: 14px;
+    line-height: 1.5;
+    word-break: break-word;
+    white-space: pre-wrap;
+}
+
+.message-bubble-left {
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    color: #374151;
+    border-top-left-radius: 4px;
+}
+
+.message-bubble-right {
+    background: #4b87ff;
+    color: #fff;
+    border-top-right-radius: 4px;
+}
+
+.empty-state {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    min-height: 200px;
+}
+
+.empty-text {
+    font-size: 14px;
+    color: #9ca3af;
+}
+
+.summary-container {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 20px;
+}
+
+.summary-content {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.summary-section {
+    .summary-title {
+        font-size: 14px;
+        font-weight: 700;
+        color: #111827;
+        margin-bottom: 8px;
+    }
+
+    .summary-text {
+        font-size: 14px;
+        color: #374151;
+        line-height: 1.6;
+    }
+}
diff --git a/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.vue b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.vue
new file mode 100644
index 00000000..f1fde134
--- /dev/null
+++ b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatMessage/ChatMessage.vue
@@ -0,0 +1,181 @@
+<template>
+    <div class="chat-message-container">
+        <!-- 头部信息 -->
+        <header class="chat-header">
+            <div class="header-content">
+                <div class="header-title">{{ chatRoom?.workcaseId || '' }} 对话详情</div>
+                <div class="header-subtitle">
+                    <span>客户：{{ chatRoom?.guestName || '未知' }}</span>
+                    <span class="separator">　</span>
+                    <span>聊天室：{{ chatRoom?.roomName || '未知' }}</span>
+                </div>
+            </div>
+        </header>
+
+        <!-- Tab 切换 -->
+        <div class="tabs-container">
+            <div class="tabs-wrapper">
+                <button 
+                    class="tab-button"
+                    :class="{ active: activeTab === 'record' }"
+                    @click="activeTab = 'record'"
+                >
+                    对话记录
+                </button>
+                <button 
+                    class="tab-button"
+                    :class="{ active: activeTab === 'summary' }"
+                    @click="activeTab = 'summary'"
+                >
+                    对话纪要
+                </button>
+            </div>
+        </div>
+
+        <!-- 内容区域 -->
+        <main class="chat-main">
+            <!-- 对话记录 -->
+            <div v-if="activeTab === 'record'" class="messages-container">
+                <div class="messages-list">
+                    <div v-for="message in messages" :key="message.messageId" 
+                         class="message-item"
+                         :class="message.senderType === 'guest' ? 'message-right' : 'message-left'"
+                    >
+                        <!-- 客服/AI消息（左侧） -->
+                        <template v-if="message.senderType !== 'guest'">
+                            <div class="avatar avatar-ai">{{ getAvatarText(message) }}</div>
+                            <div class="message-content">
+                                <div class="message-meta">{{ message.senderName || '小电' }} {{ formatTime(message.sendTime) }}</div>
+                                <div class="message-bubble message-bubble-left">
+                                    {{ message.content }}
+                                </div>
+                            </div>
+                        </template>
+
+                        <!-- 客户消息（右侧） -->
+                        <template v-else>
+                            <div class="message-content">
+                                <div class="message-meta message-meta-right">{{ message.senderName || '客户' }} {{ formatTime(message.sendTime) }}</div>
+                                <div class="message-bubble message-bubble-right">
+                                    {{ message.content }}
+                                </div>
+                            </div>
+                            <div class="avatar avatar-guest">{{ getAvatarText(message) }}</div>
+                        </template>
+                    </div>
+
+                    <!-- 空状态 -->
+                    <div v-if="messages.length === 0" class="empty-state">
+                        <div class="empty-text">暂无对话记录</div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 对话纪要 -->
+            <div v-else class="summary-container">
+                <div class="summary-content">
+                    <div class="summary-section">
+                        <div class="summary-title">问题概述</div>
+                        <div class="summary-text">
+                            {{ summary.overview || '暂无概述' }}
+                        </div>
+                    </div>
+                    <div class="summary-section">
+                        <div class="summary-title">客户诉求</div>
+                        <div class="summary-text">
+                            {{ summary.demand || '暂无诉求' }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import type { ChatRoomVO, ChatRoomMessageVO } from '@/types/workcase/chatRoom'
+import { workcaseChatAPI } from '@/api/workcase/workcaseChat'
+
+interface Summary {
+    overview?: string
+    demand?: string
+}
+
+interface Props {
+    chatRoom?: ChatRoomVO
+    roomId?: string
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    chatRoom: undefined,
+    roomId: ''
+})
+
+const activeTab = ref<'record' | 'summary'>('record')
+const messages = ref<ChatRoomMessageVO[]>([])
+const summary = ref<Summary>({
+    overview: '',
+    demand: ''
+})
+
+// 格式化时间
+const formatTime = (timeStr?: string) => {
+    if (!timeStr) return ''
+    try {
+        const date = new Date(timeStr)
+        return date.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit', second: '2-digit' })
+    } catch {
+        return timeStr
+    }
+}
+
+// 获取头像文本
+const getAvatarText = (message: ChatRoomMessageVO) => {
+    if (message.senderType === 'guest') {
+        return message.senderName?.charAt(0) || '客'
+    }
+    return message.senderName?.charAt(0) || '电'
+}
+
+// 加载消息数据
+const loadMessages = async () => {
+    const targetRoomId = props.roomId || props.chatRoom?.roomId
+    if (!targetRoomId) return
+
+    try {
+        const res = await workcaseChatAPI.getChatMessagePage({
+            filter: { roomId: targetRoomId },
+            pageParam: { page: 1, pageSize: 100 }
+        })
+        
+        if (res.success && res.dataList) {
+            // 后端降序返回，需要反转
+            messages.value = [...res.dataList].reverse()
+        }
+    } catch (error) {
+        console.error('加载消息失败:', error)
+    }
+}
+
+// 生成对话纪要（可以后续接入AI生成）
+const generateSummary = () => {
+    if (messages.value.length === 0) return
+    
+    // 简单提取第一条和最后一条消息作为概述
+    const firstMsg = messages.value[0]
+    const lastMsg = messages.value[messages.value.length - 1]
+    
+    summary.value = {
+        overview: `客户反馈：${firstMsg.content?.substring(0, 50) || ''}`,
+        demand: lastMsg.content?.substring(0, 100) || ''
+    }
+}
+
+onMounted(async () => {
+    await loadMessages()
+    generateSummary()
+})
+</script>
+<style scoped lang="scss">
+@import url("./ChatMessage.scss");
+</style>
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/index.ts b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/index.ts
new file mode 100644
index 00000000..f62359f6
--- /dev/null
+++ b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/index.ts
@@ -0,0 +1 @@
+export {default as ChatMessage} from './ChatMessage/ChatMessage.vue'
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.scss b/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.scss
index e69de29b..b174d843 100644
--- a/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.scss
+++ b/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.scss
@@ -0,0 +1,325 @@
+.workcase-detail {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background: #f8fafc;
+}
+
+.detail-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 24px;
+    background: #fff;
+    border-bottom: 1px solid #e5e7eb;
+    flex-shrink: 0;
+}
+
+.header-left {
+    flex: 1;
+}
+
+.workcase-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.workcase-id {
+    font-size: 24px;
+    font-weight: 700;
+    color: #4b87ff;
+}
+
+.status-badge,
+.urgency-badge {
+    padding: 4px 8px;
+    font-size: 12px;
+    border-radius: 4px;
+    font-weight: 500;
+}
+
+.status-pending {
+    background: #fef3c7;
+    color: #92400e;
+}
+
+.status-processing {
+    background: #dbeafe;
+    color: #1e40af;
+}
+
+.status-done {
+    background: #d1fae5;
+    color: #065f46;
+}
+
+.urgency-normal {
+    background: #fed7aa;
+    color: #9a3412;
+}
+
+.urgency-emergency {
+    background: #fecaca;
+    color: #991b1b;
+}
+
+.header-right {
+    display: flex;
+    gap: 12px;
+}
+
+.view-chat-btn {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 12px;
+    background: #4b87ff;
+    color: #fff;
+    border: none;
+    border-radius: 4px;
+    font-size: 14px;
+    cursor: pointer;
+    transition: background 0.2s;
+
+    &:hover {
+        background: #3b77ef;
+    }
+}
+
+.detail-main {
+    flex: 1;
+    overflow-y: auto;
+    padding: 24px;
+}
+
+.info-table {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    overflow: hidden;
+    margin-bottom: 32px;
+}
+
+.table-row {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr) minmax(0, 3fr);
+    border-bottom: 1px solid #e5e7eb;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.table-label {
+    padding: 12px;
+    background: #f9fafb;
+    color: #4b5563;
+    font-weight: 500;
+    font-size: 14px;
+    border-right: 1px solid #e5e7eb;
+}
+
+.table-value {
+    padding: 12px;
+    color: #111827;
+    font-size: 14px;
+    border-right: 1px solid #e5e7eb;
+    
+    &:last-child {
+        border-right: none;
+    }
+    
+    span {
+        display: block;
+        line-height: 1.5;
+    }
+}
+
+.table-value-full {
+    grid-column: 2 / 5;
+}
+
+// 铭牌照片
+.nameplate-photo {
+    max-width: 400px;
+    height: 200px;
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid #e5e7eb;
+    cursor: pointer;
+    transition: transform 0.2s;
+
+    &:hover {
+        transform: scale(1.02);
+    }
+
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: contain;
+        background: #f9fafb;
+    }
+}
+
+.photos-section,
+.timeline-section {
+    margin-bottom: 32px;
+}
+
+.section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+    color: #111827;
+    font-weight: 700;
+    font-size: 16px;
+}
+
+.title-icon {
+    color: #a855f7;
+}
+
+.title-bar {
+    width: 4px;
+    height: 16px;
+    background: #a855f7;
+    border-radius: 2px;
+}
+
+.photos-grid {
+    display: flex;
+    gap: 16px;
+    flex-wrap: wrap;
+}
+
+.photo-item {
+    width: 128px;
+    height: 96px;
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid #e5e7eb;
+    
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
+}
+
+.photo-upload {
+    width: 128px;
+    height: 96px;
+    border: 2px dashed #d1d5db;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #9ca3af;
+    cursor: pointer;
+    transition: all 0.2s;
+
+    &:hover {
+        border-color: #4b87ff;
+        color: #4b87ff;
+    }
+}
+
+.timeline-content {
+    position: relative;
+    padding-left: 8px;
+}
+
+.timeline-line {
+    position: absolute;
+    left: 8px;
+    top: 8px;
+    bottom: 16px;
+    width: 2px;
+    background: #f3f4f6;
+}
+
+.timeline-item {
+    position: relative;
+    padding-left: 32px;
+    padding-bottom: 32px;
+
+    &:last-child {
+        padding-bottom: 0;
+    }
+}
+
+.timeline-dot {
+    position: absolute;
+    left: 0;
+    top: 6px;
+    width: 16px;
+    height: 16px;
+    border-radius: 50%;
+    border: 2px solid #fff;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    z-index: 10;
+}
+
+.timeline-dot-system {
+    background: #60a5fa;
+}
+
+.timeline-dot-manager {
+    background: #fb923c;
+}
+
+.timeline-dot-engineer {
+    background: #34d399;
+}
+
+.timeline-body {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 12px 16px;
+}
+
+.timeline-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 4px;
+}
+
+.timeline-actor {
+    font-weight: 700;
+    color: #111827;
+}
+
+.timeline-action {
+    color: #4b5563;
+}
+
+.timeline-desc {
+    font-size: 14px;
+    color: #6b7280;
+    margin-bottom: 4px;
+}
+
+.timeline-time {
+    font-size: 12px;
+    color: #9ca3af;
+}
+
+.detail-footer {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    padding: 16px 24px;
+    background: #fff;
+    border-top: 1px solid #e5e7eb;
+    flex-shrink: 0;
+}
+
+.chat-dialog {
+    :deep(.el-dialog__body) {
+        padding: 0;
+    }
+}
diff --git a/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.vue b/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.vue
index 62ea0194..3b3d9105 100644
--- a/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.vue
+++ b/urbanLifelineWeb/packages/workcase/src/views/public/workcase/WorkcaseDetail/WorkcaseDetail.vue
@@ -1,11 +1,319 @@
 <template>
-    <div>
-        
+    <div class="workcase-detail">
+        <!-- Header -->
+        <header class="detail-header">
+            <!-- Left Part -->
+            <div class="header-left">
+                <div class="workcase-info">
+                    <span class="workcase-id">{{ formData.workcaseId || '新建工单' }}</span>
+                    <span v-if="mode === 'view' && formData.status" class="status-badge" :class="statusClass(formData.status)">
+                        {{ statusLabel(formData.status) }}
+                    </span>
+                    <span v-if="mode === 'view' && formData.emergency" class="urgency-badge" :class="urgencyClass(formData.emergency)">
+                        {{ urgencyLabel(formData.emergency) }}
+                    </span>
+                </div>
+            </div>
+
+            <!-- Right Part -->
+            <div class="header-right">
+                <button v-if="mode === 'view' && formData.workcaseId" class="view-chat-btn" @click="handleViewChat">
+                    <MessageSquare :size="14" />
+                    查看对话
+                </button>
+            </div>
+        </header>
+
+        <!-- Main Content -->
+        <main class="detail-main">
+            <!-- 工单信息表格 -->
+            <div class="info-table">
+                <!-- 客户姓名 & 联系电话 -->
+                <div class="table-row">
+                    <div class="table-label">客户姓名</div>
+                    <div class="table-value">
+                        <ElInput v-if="mode !== 'view'" v-model="formData.username" placeholder="请输入客户姓名" size="small" />
+                        <span v-else>{{ formData.username || '-' }}</span>
+                    </div>
+                    <div class="table-label">联系电话</div>
+                    <div class="table-value">
+                        <ElInput v-if="mode !== 'view'" v-model="formData.phone" placeholder="请输入联系电话" size="small" />
+                        <span v-else>{{ formData.phone || '-' }}</span>
+                    </div>
+                </div>
+
+                <!-- 设备名称 & 故障类型 -->
+                <div class="table-row">
+                    <div class="table-label">设备名称</div>
+                    <div class="table-value">
+                        <ElInput v-if="mode !== 'view'" v-model="formData.device" placeholder="请输入设备名称" size="small" />
+                        <span v-else>{{ formData.device || '-' }}</span>
+                    </div>
+                    <div class="table-label">故障类型</div>
+                    <div class="table-value">
+                        <ElInput v-if="mode !== 'view'" v-model="formData.type" placeholder="请输入故障类型" size="small" />
+                        <span v-else>{{ formData.type || '-' }}</span>
+                    </div>
+                </div>
+
+                <!-- 现场地址 -->
+                <div class="table-row">
+                    <div class="table-label">现场地址</div>
+                    <div class="table-value table-value-full">
+                        <ElInput v-if="mode !== 'view'" v-model="formData.address" placeholder="请输入现场地址" size="small" />
+                        <span v-else>{{ formData.address || '-' }}</span>
+                    </div>
+                </div>
+
+                <!-- 故障描述 -->
+                <div class="table-row">
+                    <div class="table-label">故障描述</div>
+                    <div class="table-value table-value-full">
+                        <ElInput 
+                            v-if="mode !== 'view'" 
+                            v-model="formData.description" 
+                            type="textarea" 
+                            :rows="3"
+                            placeholder="请详细描述故障现象"
+                            size="small" 
+                        />
+                        <span v-else>{{ formData.description || '-' }}</span>
+                    </div>
+                </div>
+
+                <!-- 设备铭牌 -->
+                <div class="table-row">
+                    <div class="table-label">设备铭牌</div>
+                    <div class="table-value table-value-full">
+                        <ElInput v-if="mode !== 'view'" v-model="formData.deviceNamePlate" placeholder="请输入设备铭牌" size="small" />
+                        <span v-else>{{ formData.deviceNamePlate || '-' }}</span>
+                    </div>
+                </div>
+
+                <!-- 铭牌照片 -->
+                <div class="table-row" v-if="formData.deviceNamePlateImg">
+                    <div class="table-label">铭牌照片</div>
+                    <div class="table-value table-value-full">
+                        <div class="nameplate-photo" @click="previewNameplateImage">
+                            <img :src="formData.deviceNamePlateImg" alt="设备铭牌" />
+                        </div>
+                    </div>
+                </div>
+
+                <!-- 紧急程度 -->
+                <div class="table-row" v-if="mode !== 'view'">
+                    <div class="table-label">紧急程度</div>
+                    <div class="table-value table-value-full">
+                        <ElSelect v-model="formData.emergency" placeholder="请选择紧急程度" size="small">
+                            <ElOption label="普通" value="normal" />
+                            <ElOption label="紧急" value="emergency" />
+                        </ElSelect>
+                    </div>
+                </div>
+
+                <!-- 处理人 (仅查看模式) -->
+                <div class="table-row" v-if="mode === 'view'">
+                    <div class="table-label">处理人</div>
+                    <div class="table-value">
+                        <span>{{ formData.processorName || '未指派' }}</span>
+                    </div>
+                    <div class="table-label">创建时间</div>
+                    <div class="table-value">
+                        <span>{{ formData.createTime || '-' }}</span>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 故障照片 -->
+            <div class="photos-section" v-if="mode !== 'create' || formData.imgs?.length">
+                <div class="section-title">
+                    <ImageIcon :size="18" class="title-icon" />
+                    故障照片
+                </div>
+                <div class="photos-grid">
+                    <div v-for="(img, index) in formData.imgs" :key="index" class="photo-item">
+                        <img :src="img" alt="故障照片" />
+                    </div>
+                    <div v-if="mode !== 'view'" class="photo-upload">
+                        <Plus :size="32" />
+                    </div>
+                </div>
+            </div>
+
+            <!-- 处理记录 (仅查看模式) -->
+            <div class="timeline-section" v-if="mode === 'view' && timeline.length">
+                <div class="section-title">
+                    <div class="title-bar"></div>
+                    处理记录
+                </div>
+                <div class="timeline-content">
+                    <div class="timeline-line"></div>
+                    <div v-for="(item, index) in timeline" :key="index" class="timeline-item">
+                        <div class="timeline-dot" :class="`timeline-dot-${item.status}`"></div>
+                        <div class="timeline-body">
+                            <div class="timeline-header">
+                                <span class="timeline-actor">{{ item.title.split(' ')[0] }}</span>
+                                <span class="timeline-action">{{ item.title.split(' ').slice(1).join(' ') }}</span>
+                            </div>
+                            <div class="timeline-desc">{{ item.desc }}</div>
+                            <div class="timeline-time">{{ item.time }}</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+
+        <!-- Footer Actions -->
+        <footer class="detail-footer">
+            <ElButton @click="handleCancel">{{ mode === 'view' ? '关闭' : '取消' }}</ElButton>
+            <ElButton v-if="mode === 'create'" type="primary" @click="handleSubmit">创建工单</ElButton>
+            <ElButton v-if="mode === 'edit'" type="primary" @click="handleSubmit">保存修改</ElButton>
+            <ElButton v-if="mode === 'view' && formData.status === 'pending'" type="warning" @click="handleAssign">指派工程师</ElButton>
+            <ElButton v-if="mode === 'view' && formData.status === 'processing'" type="success" @click="handleComplete">完成工单</ElButton>
+        </footer>
+
+        <!-- ChatMessage Dialog -->
+        <ElDialog v-model="showChatMessage" title="对话详情" width="800px" class="chat-dialog">
+            <ChatMessage v-if="showChatMessage" :room-id="currentRoomId" />
+        </ElDialog>
     </div>
 </template>
+
 <script setup lang="ts">
+import { ref, computed, watch } from 'vue'
+import { ChatMessage } from '@/views/public/ChatRoom/'
+import { ElButton, ElInput, ElSelect, ElOption, ElDialog, ElMessage } from 'element-plus'
+import { MessageSquare, ImageIcon as ImageIcon, Plus } from 'lucide-vue-next'
+import type { TbWorkcaseDTO } from '@/types/workcase/workcase'
+
+interface TimelineItem {
+    status: 'system' | 'manager' | 'engineer'
+    title: string
+    desc: string
+    time: string
+}
+
+interface Props {
+    mode?: 'view' | 'edit' | 'create'
+    workcase?: TbWorkcaseDTO
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    mode: 'view',
+    workcase: () => ({} as TbWorkcaseDTO)
+})
+
+const emit = defineEmits<{
+    cancel: []
+    submit: [data: TbWorkcaseDTO]
+    assign: [workcaseId: string]
+    complete: [workcaseId: string]
+}>()
+
+const formData = ref<TbWorkcaseDTO>({
+    ...props.workcase
+})
+
+const showChatMessage = ref(false)
+const currentRoomId = ref<string>('')
+const timeline = ref<TimelineItem[]>([
+    {
+        status: 'system',
+        title: '系统 工单创建',
+        desc: '客户通过小电对话提交',
+        time: ''
+    }
+])
+
+// 根据 workcaseId 获取聊天室ID
+const loadChatRoom = async () => {
+    if (!formData.value.workcaseId) return
     
+    try {
+        // TODO: 调用 API 根据 workcaseId 查询聊天室
+        // const res = await workcaseChatAPI.getChatRoomByWorkcaseId(formData.value.workcaseId)
+        // if (res.success && res.data) {
+        //     currentRoomId.value = res.data.roomId || ''
+        // }
+        
+        // 临时：假设 roomId 和 workcaseId 相关联
+        console.log('需要根据 workcaseId 查询聊天室:', formData.value.workcaseId)
+    } catch (error) {
+        console.error('加载聊天室失败:', error)
+    }
+}
+
+watch(() => props.workcase, (newVal) => {
+    formData.value = { ...newVal }
+}, { deep: true })
+
+const statusLabel = (status: string) => {
+    const map: Record<string, string> = {
+        pending: '待处理',
+        processing: '处理中',
+        done: '已完成'
+    }
+    return map[status] || status
+}
+
+const statusClass = (status: string) => {
+    const map: Record<string, string> = {
+        pending: 'status-pending',
+        processing: 'status-processing',
+        done: 'status-done'
+    }
+    return map[status] || ''
+}
+
+const urgencyLabel = (urgency: string) => {
+    const map: Record<string, string> = {
+        normal: '普通',
+        emergency: '紧急'
+    }
+    return map[urgency] || urgency
+}
+
+const urgencyClass = (urgency: string) => {
+    const map: Record<string, string> = {
+        normal: 'urgency-normal',
+        emergency: 'urgency-emergency'
+    }
+    return map[urgency] || ''
+}
+
+const handleViewChat = () => {
+    showChatMessage.value = true
+}
+
+const previewNameplateImage = () => {
+    if (!formData.value.deviceNamePlateImg) return
+    // TODO: 使用图片预览组件
+    window.open(formData.value.deviceNamePlateImg, '_blank')
+}
+
+const handleCancel = () => {
+    emit('cancel')
+}
+
+const handleSubmit = () => {
+    if (props.mode === 'create' || props.mode === 'edit') {
+        if (!formData.value.username || !formData.value.phone) {
+            ElMessage.warning('请填写必填项')
+            return
+        }
+        emit('submit', formData.value)
+    }
+}
+
+const handleAssign = () => {
+    emit('assign', formData.value.workcaseId!)
+}
+
+const handleComplete = () => {
+    emit('complete', formData.value.workcaseId!)
+}
 </script>
+
 <style scoped lang="scss">
 @import url("./WorkcaseDetail.scss");
 </style>
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/workcase_wechat/components/WorkcaseCreator/WorkcaseCreator.scss b/urbanLifelineWeb/packages/workcase_wechat/components/WorkcaseCreator/WorkcaseCreator.scss
deleted file mode 100644
index 36e932b0..00000000
--- a/urbanLifelineWeb/packages/workcase_wechat/components/WorkcaseCreator/WorkcaseCreator.scss
+++ /dev/null
@@ -1,248 +0,0 @@
-.workcase-creator-mask {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    z-index: 999;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-end;
-    animation: fadeIn 0.3s ease;
-}
-
-@keyframes fadeIn {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
-.workcase-creator {
-    max-height: 85vh;
-    background-color: #FFFFFF;
-    border-top-left-radius: 16px;
-    border-top-right-radius: 16px;
-    display: flex;
-    flex-direction: column;
-    animation: slideUp 0.3s ease;
-}
-
-@keyframes slideUp {
-    from {
-        transform: translateY(100%);
-    }
-    to {
-        transform: translateY(0);
-    }
-}
-
-.creator-header {
-    background-color: #FFFFFF;
-    padding: 20px 16px 16px;
-    border-bottom: 1px solid #F0F0F0;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: relative;
-}
-
-.creator-header::before {
-    content: '';
-    position: absolute;
-    top: 8px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 36px;
-    height: 4px;
-    background-color: #E0E0E0;
-    border-radius: 2px;
-}
-
-.header-title {
-    color: #1F2329;
-    font-size: 18px;
-    font-weight: 600;
-}
-
-.close-btn {
-    width: 28px;
-    height: 28px;
-    border-radius: 14px;
-    background-color: #F5F5F5;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.close-icon {
-    color: #8F959E;
-    font-size: 20px;
-    line-height: 1;
-}
-
-.creator-content {
-    flex: 1;
-    background-color: #FFFFFF;
-    padding: 16px;
-}
-
-.form-item {
-    margin-bottom: 24px;
-}
-
-.label {
-    display: block;
-    color: #333333;
-    font-size: 16px;
-    font-weight: 500;
-    margin-bottom: 8px;
-}
-
-.input, .textarea {
-    width: 100%;
-    padding: 12px 16px;
-    border: 1px solid #E0E0E0;
-    border-radius: 8px;
-    font-size: 16px;
-    background-color: #FAFAFA;
-}
-
-.textarea {
-    min-height: 100px;
-    resize: none;
-}
-
-.char-count {
-    color: #999999;
-    font-size: 12px;
-    text-align: right;
-    margin-top: 4px;
-}
-
-.picker {
-    width: 100%;
-}
-
-.picker-content {
-    padding: 12px 16px;
-    border: 1px solid #E0E0E0;
-    border-radius: 8px;
-    background-color: #FAFAFA;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.picker-text {
-    color: #333333;
-    font-size: 16px;
-}
-
-.picker-arrow {
-    color: #999999;
-    font-size: 18px;
-}
-
-.upload-area {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 12px;
-}
-
-.upload-item {
-    position: relative;
-    width: 80px;
-    height: 80px;
-}
-
-.upload-image {
-    width: 100%;
-    height: 100%;
-    border-radius: 8px;
-}
-
-.delete-btn {
-    position: absolute;
-    top: -6px;
-    right: -6px;
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
-    background-color: #FF5722;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.delete-icon {
-    color: #FFFFFF;
-    font-size: 14px;
-    line-height: 1;
-}
-
-.upload-btn {
-    width: 80px;
-    height: 80px;
-    border: 1px dashed #CCCCCC;
-    border-radius: 8px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    background-color: #FAFAFA;
-}
-
-.upload-plus {
-    color: #999999;
-    font-size: 24px;
-    line-height: 1;
-}
-
-.upload-text {
-    color: #999999;
-    font-size: 12px;
-    margin-top: 4px;
-}
-
-.upload-tip {
-    color: #999999;
-    font-size: 12px;
-    margin-top: 8px;
-}
-
-.creator-footer {
-    background-color: #FFFFFF;
-    padding: 16px;
-    padding-bottom: calc(16px + env(safe-area-inset-bottom));
-    border-top: 1px solid #F0F0F0;
-    display: flex;
-    gap: 12px;
-}
-
-.cancel-btn, .submit-btn {
-    flex: 1;
-    height: 44px;
-    border-radius: 22px;
-    font-size: 16px;
-    font-weight: 500;
-    border: none;
-}
-
-.cancel-btn {
-    background-color: #F5F5F5;
-    color: #666666;
-}
-
-.submit-btn {
-background-color: #5B8FF9;
-color: #FFFFFF;
-}
-
-.submit-btn.is-disabled {
-background-color: #CCCCCC;
-color: #999999;
-}
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/workcase_wechat/components/WorkcaseCreator/WorkcaseCreator.uvue b/urbanLifelineWeb/packages/workcase_wechat/components/WorkcaseCreator/WorkcaseCreator.uvue
deleted file mode 100644
index fcc69ab5..00000000
--- a/urbanLifelineWeb/packages/workcase_wechat/components/WorkcaseCreator/WorkcaseCreator.uvue
+++ /dev/null
@@ -1,206 +0,0 @@
-<template>
-	<view class="workcase-creator-mask" @tap="onClose" v-if="show">
-		<view class="workcase-creator" @tap.stop>
-			<view class="creator-header">
-				<text class="header-title">创建工单</text>
-			</view>
-
-			<scroll-view class="creator-content" scroll-y="true">
-				<view class="form-item">
-					<text class="label">工单标题</text>
-					<input class="input" v-model="form.title" placeholder="请输入工单标题" maxlength="50" />
-				</view>
-
-				<view class="form-item">
-					<text class="label">问题分类</text>
-					<picker class="picker" :value="categoryIndex" :range="categories" @change="onCategoryChange">
-						<view class="picker-content">
-							<text class="picker-text">{{categories[categoryIndex]}}</text>
-							<text class="picker-arrow">></text>
-						</view>
-					</picker>
-				</view>
-
-				<view class="form-item">
-					<text class="label">紧急程度</text>
-					<picker class="picker" :value="priorityIndex" :range="priorities" @change="onPriorityChange">
-						<view class="picker-content">
-							<text class="picker-text">{{priorities[priorityIndex]}}</text>
-							<text class="picker-arrow">></text>
-						</view>
-					</picker>
-				</view>
-
-				<view class="form-item">
-					<text class="label">问题描述</text>
-					<textarea class="textarea" v-model="form.description" placeholder="请详细描述遇到的问题..." maxlength="500" />
-					<text class="char-count">{{form.description.length}}/500</text>
-				</view>
-
-				<view class="form-item">
-					<text class="label">联系方式</text>
-					<input class="input" v-model="form.contact" placeholder="请输入您的联系方式" />
-				</view>
-
-				<view class="form-item">
-					<text class="label">上传图片</text>
-					<view class="upload-area">
-						<view class="upload-item" v-for="(item, index) in form.images" :key="index">
-							<image class="upload-image" :src="item" mode="aspectFill" />
-							<view class="delete-btn" @tap="deleteImage(index)">
-								<text class="delete-icon">×</text>
-							</view>
-						</view>
-						<view class="upload-btn" v-if="form.images.length < 3" @tap="chooseImage">
-							<text class="upload-plus">+</text>
-							<text class="upload-text">添加图片</text>
-						</view>
-					</view>
-					<text class="upload-tip">最多上传3张图片</text>
-				</view>
-			</scroll-view>
-
-			<view class="creator-footer">
-				<button class="cancel-btn" @tap="onCancel">取消</button>
-				<button class="submit-btn" :class="{ 'is-disabled': !canSubmit }" @tap="onSubmit" :disabled="!canSubmit">提交工单</button>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script setup lang="ts">
-	import { ref, computed, defineProps, defineEmits } from 'vue'
-
-	// 接口定义
-	interface WorkcaseForm {
-		title : string
-		description : string
-		contact : string
-		images : string[]
-	}
-
-	interface WorkcaseData extends WorkcaseForm {
-		category : string
-		priority : string
-	}
-
-	// Props 定义
-	interface Props {
-		show ?: boolean
-	}
-
-	const props = withDefaults(defineProps<Props>(), {
-		show: false
-	})
-
-	// Emits 定义
-	const emits = defineEmits<{
-		close : []
-		success : [data: WorkcaseData]
-	}>()
-
-	// 响应式数据
-	const form = ref<WorkcaseForm>({
-		title: '',
-		description: '',
-		contact: '',
-		images: []
-	})
-
-	const categories = ref<string[]>(['设施报修', '环境卫生', '交通问题', '安全隐患', '其他问题'])
-	const categoryIndex = ref<number>(0)
-	const priorities = ref<string[]>(['一般', '紧急', '非常紧急'])
-	const priorityIndex = ref<number>(0)
-
-	// 计算属性
-	const canSubmit = computed(() => {
-		return form.value.title.trim() &&
-			form.value.description.trim() &&
-			form.value.contact.trim()
-	})
-
-	// 方法定义
-	function onClose() {
-		emits('close')
-	}
-
-	function onCancel() {
-		resetForm()
-		emits('close')
-	}
-
-	function onCategoryChange(e : any) {
-		categoryIndex.value = e.detail.value
-	}
-
-	function onPriorityChange(e : any) {
-		priorityIndex.value = e.detail.value
-	}
-
-	function chooseImage() {
-		uni.chooseImage({
-			count: 3 - form.value.images.length,
-			sizeType: ['compressed'],
-			sourceType: ['camera', 'album'],
-			success: (res) => {
-				form.value.images.push(...res.tempFilePaths)
-			},
-			fail: (err) => {
-				console.log('选择图片失败:', err)
-			}
-		})
-	}
-
-	function deleteImage(index : number) {
-		form.value.images.splice(index, 1)
-	}
-
-	function onSubmit() {
-		if (!canSubmit.value) {
-			uni.showToast({
-				title: '请完善必填信息',
-				icon: 'none'
-			})
-			return
-		}
-
-		const workcaseData : WorkcaseData = {
-			title: form.value.title.trim(),
-			category: categories.value[categoryIndex.value],
-			priority: priorities.value[priorityIndex.value],
-			description: form.value.description.trim(),
-			contact: form.value.contact.trim(),
-			images: form.value.images
-		}
-
-		uni.showLoading({
-			title: '提交中...'
-		})
-
-		// 模拟提交
-		setTimeout(() => {
-			uni.hideLoading()
-			uni.showToast({
-				title: '工单提交成功',
-				icon: 'success'
-			})
-			resetForm()
-			emits('success', workcaseData)
-		}, 1500)
-	}
-
-	function resetForm() {
-		form.value = {
-			title: '',
-			description: '',
-			contact: '',
-			images: []
-		}
-		categoryIndex.value = 0
-		priorityIndex.value = 0
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import './WorkcaseCreator.scss';
-</style>
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoom/chatRoom.uvue b/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoom/chatRoom.uvue
index a33a313b..8ca3a57f 100644
--- a/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoom/chatRoom.uvue
+++ b/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoom/chatRoom.uvue
@@ -98,9 +98,6 @@
 			</view>
 		</view>
 
-		<!-- 工单创建弹窗 -->
-		<WorkcaseCreator v-if="showWorkcaseCreator" :show="showWorkcaseCreator" 
-			@close="hideCreator" @success="onWorkcaseCreated" />
 	</view>
 	<!-- #ifdef APP -->
 	</scroll-view>
@@ -109,7 +106,6 @@
 
 <script setup lang="ts">
 import { ref, reactive, computed, nextTick, onMounted, onUnmounted, watch } from 'vue'
-import WorkcaseCreator from '@/components/WorkcaseCreator/WorkcaseCreator.uvue'
 import type { ChatRoomMessageVO, CustomerVO, ChatMemberVO, TbChatRoomMessageDTO } from '@/types/workcase'
 import { workcaseChatAPI } from '@/api/workcase'
 import { wsClient } from '@/utils/websocket'
@@ -122,7 +118,6 @@ const workcaseId = ref<string>('')
 const roomName = ref<string>('聊天室')
 const inputText = ref<string>('')
 const scrollTop = ref<number>(0)
-const showWorkcaseCreator = ref<boolean>(false)
 const loading = ref<boolean>(false)
 const sending = ref<boolean>(false)
 const loadingMore = ref<boolean>(false)
@@ -204,24 +199,23 @@ const totalMembers = computed<MemberDisplay[]>(() => {
 
 // 生命周期
 onMounted(() => {
-	uni.getSystemInfo({
-		success: (res) => {
-			// #ifdef MP-WEIXIN
-			try {
-				const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
-				headerPaddingTop.value = menuButtonInfo.top
-				headerTotalHeight.value = menuButtonInfo.bottom + 8
-			} catch (e) {
-				headerPaddingTop.value = res.statusBarHeight || 44
-				headerTotalHeight.value = (res.statusBarHeight || 44) + 44
-			}
-			// #endif
-			// #ifndef MP-WEIXIN
-			headerPaddingTop.value = res.statusBarHeight || 44
-			headerTotalHeight.value = (res.statusBarHeight || 44) + 44
-			// #endif
-		}
-	})
+	const windowInfo = uni.getWindowInfo()
+	const statusBarHeight = windowInfo.statusBarHeight || 44
+	
+	// #ifdef MP-WEIXIN
+	try {
+		const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+		headerPaddingTop.value = menuButtonInfo.top
+		headerTotalHeight.value = menuButtonInfo.bottom + 8
+	} catch (e) {
+		headerPaddingTop.value = statusBarHeight
+		headerTotalHeight.value = statusBarHeight + 44
+	}
+	// #endif
+	// #ifndef MP-WEIXIN
+	headerPaddingTop.value = statusBarHeight
+	headerTotalHeight.value = statusBarHeight + 44
+	// #endif
 
 	// 获取页面参数
 	const pages = getCurrentPages()
@@ -448,30 +442,38 @@ function scrollToBottom() {
 
 // 处理工单操作
 function handleWorkcaseAction() {
+	console.log('[handleWorkcaseAction] 开始执行')
+	console.log('[handleWorkcaseAction] workcaseId:', workcaseId.value)
+	console.log('[handleWorkcaseAction] roomId:', roomId.value)
+	
 	if (workcaseId.value) {
+		const url = `/pages/workcase/workcaseDetail/workcaseDetail?workcaseId=${workcaseId.value}`
+		console.log('[handleWorkcaseAction] 查看工单，跳转URL:', url)
 		uni.navigateTo({
-			url: `/pages/workcase/workcaseDetail/workcaseDetail?workcaseId=${workcaseId.value}`
+			url: url,
+			success: () => {
+				console.log('[handleWorkcaseAction] 跳转成功')
+			},
+			fail: (err) => {
+				console.error('[handleWorkcaseAction] 跳转失败:', err)
+			}
 		})
 	} else {
-		showWorkcaseCreator.value = true
+		// 跳转到创建工单页面
+		const url = `/pages/workcase/workcaseDetail/workcaseDetail?mode=create&roomId=${roomId.value}`
+		console.log('[handleWorkcaseAction] 创建工单，跳转URL:', url)
+		uni.navigateTo({
+			url: url,
+			success: () => {
+				console.log('[handleWorkcaseAction] 跳转成功')
+			},
+			fail: (err) => {
+				console.error('[handleWorkcaseAction] 跳转失败:', err)
+			}
+		})
 	}
 }
 
-// 隐藏工单创建器
-function hideCreator() {
-	showWorkcaseCreator.value = false
-}
-
-// 工单创建成功
-function onWorkcaseCreated(data: any) {
-	hideCreator()
-	workcaseId.value = data.workcaseId || 'new-workcase'
-	uni.showToast({
-		title: '工单创建成功',
-		icon: 'success'
-	})
-}
-
 // 发起会议
 function startMeeting() {
 	uni.navigateTo({
diff --git a/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoomList/chatRoomList.uvue b/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoomList/chatRoomList.uvue
index 1863ba25..9fd6e41a 100644
--- a/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoomList/chatRoomList.uvue
+++ b/urbanLifelineWeb/packages/workcase_wechat/pages/chatRoom/chatRoomList/chatRoomList.uvue
@@ -69,6 +69,9 @@ const chatRooms = ref<ChatRoomVO[]>([])
 
 // 生命周期
 onMounted(() => {
+	const windowInfo = uni.getWindowInfo()
+	const statusBarHeight = windowInfo.statusBarHeight || 20
+	
 	// #ifdef MP-WEIXIN
 	try {
 		const menuButton = uni.getMenuButtonBoundingClientRect()
@@ -76,14 +79,12 @@ onMounted(() => {
 		capsuleHeight.value = menuButton.height
 		navHeight.value = menuButton.bottom + 8
 	} catch (e) {
-		const sysInfo = uni.getSystemInfoSync()
-		navPaddingTop.value = sysInfo.statusBarHeight || 20
+		navPaddingTop.value = statusBarHeight
 		navHeight.value = navPaddingTop.value + 44
 	}
 	// #endif
 	// #ifndef MP-WEIXIN
-	const sysInfo = uni.getSystemInfoSync()
-	navPaddingTop.value = sysInfo.statusBarHeight || 20
+	navPaddingTop.value = statusBarHeight
 	navHeight.value = navPaddingTop.value + 44
 	// #endif
 	
diff --git a/urbanLifelineWeb/packages/workcase_wechat/pages/index/index.uvue b/urbanLifelineWeb/packages/workcase_wechat/pages/index/index.uvue
index 272e8cd2..ae949ee6 100644
--- a/urbanLifelineWeb/packages/workcase_wechat/pages/index/index.uvue
+++ b/urbanLifelineWeb/packages/workcase_wechat/pages/index/index.uvue
@@ -109,15 +109,12 @@
 				</view>
 			</view>
 		</view>
-		<!-- 工单创建弹窗 -->
-		<WorkcaseCreator v-if="showWorkcaseCreator" :show="showWorkcaseCreator" @close="hideCreator"
-			@success="onWorkcaseCreated" />
+
 	</view>
 </template>
 
 <script setup lang="ts">
 	import { ref, nextTick, onMounted } from 'vue'
-	import WorkcaseCreator from '@/components/WorkcaseCreator/WorkcaseCreator.uvue'
 	import { guestAPI, aiChatAPI, workcaseChatAPI } from '@/api'
 	import type { TbWorkcaseDTO } from '@/types'
 	import { AGENT_ID } from '@/config'
@@ -233,38 +230,22 @@
 			title: '智能助手'
 		})
 
-		// 获取系统信息和安全区域
-		uni.getSystemInfo({
-			success: (res) => {
-				console.log('系统信息:', res)
-				console.log('状态栏高度:', res.statusBarHeight)
-				statusBarHeight.value = res.statusBarHeight || 0
-				console.log('安全区域:', res.safeArea)
-				console.log('安全区域insets:', res.safeAreaInsets)
-
-				// #ifdef MP-WEIXIN
-				// 获取胶囊按钮信息（仅小程序），计算header位置
-				try {
-					const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
-					console.log('胶囊按钮信息:', menuButtonInfo)
-
-					// 计算header的paddingTop和总高度
-					// paddingTop = 胶囊按钮的top值
-					// 总高度 = 胶囊按钮bottom值
-					headerPaddingTop.value = menuButtonInfo.top
-					headerTotalHeight.value = menuButtonInfo.bottom
-
-					console.log('header paddingTop:', headerPaddingTop.value)
-					console.log('header totalHeight:', headerTotalHeight.value)
-				} catch (e) {
-					console.log('获取胶囊按钮信息失败:', e)
-					// 使用默认值
-					headerPaddingTop.value = 44
-					headerTotalHeight.value = 76
-				}
-				// #endif
-			}
-		})
+		// 获取窗口信息
+		const windowInfo = uni.getWindowInfo()
+		statusBarHeight.value = windowInfo.statusBarHeight || 0
+		
+		// #ifdef MP-WEIXIN
+		// 获取胶囊按钮信息（仅小程序），计算header位置
+		try {
+			const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+			headerPaddingTop.value = menuButtonInfo.top
+			headerTotalHeight.value = menuButtonInfo.bottom
+		} catch (e) {
+			// 使用默认值
+			headerPaddingTop.value = 44
+			headerTotalHeight.value = 76
+		}
+		// #endif
 	})
 
 	// 发送消息
diff --git a/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.scss b/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.scss
index 935c7729..85c3ce85 100644
--- a/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.scss
+++ b/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.scss
@@ -1,6 +1,6 @@
 .page {
     min-height: 100vh;
-    background: #f4f5f7;
+    background: #f8fafc;
 }
 
 .nav {
@@ -17,6 +17,7 @@
     padding-bottom: 16rpx;
     box-sizing: border-box;
     z-index: 100;
+    border-bottom: 1rpx solid #e5e7eb;
 }
 
 .nav-back {
@@ -50,11 +51,64 @@
 }
 
 .content {
-    margin-top: 176rpx;
-    padding: 20rpx 24rpx;
-    padding-bottom: 60rpx;
-    min-height: calc(100vh - 176rpx);
-    box-sizing: border-box;
+    padding: 24rpx;
+    padding-bottom: 140rpx;
+}
+
+// 工单头部卡片
+.header-card {
+    background: #fff;
+    border-radius: 16rpx;
+    padding: 32rpx 24rpx;
+    margin-bottom: 24rpx;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.header-info {
+    flex: 1;
+}
+
+.workcase-id {
+    font-size: 40rpx;
+    font-weight: 700;
+    color: #4b87ff;
+    margin-bottom: 16rpx;
+    display: block;
+}
+
+.header-tags {
+    display: flex;
+    flex-direction: row;
+    gap: 16rpx;
+}
+
+.status-badge,
+.urgency-badge {
+    padding: 8rpx 16rpx;
+    border-radius: 8rpx;
+    font-size: 24rpx;
+    font-weight: 500;
+}
+
+.badge-text {
+    font-size: 24rpx;
+}
+
+.header-action {
+    flex-shrink: 0;
+    margin-left: 24rpx;
+}
+
+.action-btn {
+    padding: 12rpx 24rpx;
+    background: #4b87ff;
+    color: #fff;
+    border-radius: 8rpx;
+    font-size: 26rpx;
+    font-weight: 500;
 }
 
 .section {
@@ -88,43 +142,102 @@
     color: #222;
 }
 
-.info-card {
-    display: flex;
-    flex-direction: column;
+// 表单容器
+.form-container {
+    background: #fff;
+    border-radius: 16rpx;
+    overflow: hidden;
 }
 
-.info-item {
+.form-item {
+    padding: 24rpx;
+    border-bottom: 1rpx solid #f3f4f6;
+    
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.form-label {
+    display: block;
+    font-size: 26rpx;
+    color: #6b7280;
+    margin-bottom: 16rpx;
+    font-weight: 500;
+}
+
+.form-input {
+    width: 100%;
+    height: 68rpx;
+    padding: 0 24rpx;
+    background: #f9fafb;
+    border: 1rpx solid #e5e7eb;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #111827;
+}
+
+.form-textarea {
+    width: 100%;
+    min-height: 200rpx;
+    padding: 16rpx 24rpx;
+    background: #f9fafb;
+    border: 1rpx solid #e5e7eb;
+    border-radius: 8rpx;
+    font-size: 28rpx;
+    color: #111827;
+    line-height: 1.5;
+}
+
+.form-value {
+    display: block;
+    font-size: 28rpx;
+    color: #111827;
+    line-height: 1.5;
+}
+
+.form-picker {
+    width: 100%;
+}
+
+.picker-content {
     display: flex;
     flex-direction: row;
     align-items: center;
-    padding: 16rpx 0;
+    justify-content: space-between;
+    height: 68rpx;
+    padding: 0 24rpx;
+    background: #f9fafb;
+    border: 1rpx solid #e5e7eb;
+    border-radius: 8rpx;
 }
 
-.info-item.column {
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.info-label {
-    width: 160rpx;
-    font-size: 26rpx;
-    color: #999;
-    flex-shrink: 0;
-}
-
-.info-value {
+.picker-text {
     flex: 1;
-    font-size: 26rpx;
-    color: #222;
-    text-align: right;
+    font-size: 28rpx;
+    color: #111827;
 }
 
-.info-desc {
-    font-size: 26rpx;
-    color: #222;
-    line-height: 1.6;
-    margin-top: 8rpx;
-    text-align: left;
+.picker-arrow {
+    font-size: 32rpx;
+    color: #9ca3af;
+    margin-left: 16rpx;
+}
+
+// 铭牌照片
+.nameplate-photo {
+    width: 100%;
+    max-width: 400rpx;
+    height: 300rpx;
+    border-radius: 12rpx;
+    overflow: hidden;
+    border: 1rpx solid #e5e7eb;
+    background: #f9fafb;
+}
+
+.nameplate-image {
+    width: 100%;
+    height: 100%;
 }
 
 .status-tag {
@@ -192,25 +305,88 @@
     font-size: 24rpx;
 }
 
-.photo-list {
+.section-title {
     display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 30rpx;
+    font-weight: 600;
+    color: #222;
+    margin-bottom: 24rpx;
+}
+
+.title-icon {
+    font-size: 32rpx;
+    margin-right: 12rpx;
+}
+
+// 照片网格
+.photos-grid {
+    display: flex;
+    flex-direction: row;
     flex-wrap: wrap;
     gap: 16rpx;
 }
 
 .photo-item {
-    width: 160rpx;
-    height: 160rpx;
+    position: relative;
+    width: 200rpx;
+    height: 200rpx;
     border-radius: 12rpx;
     overflow: hidden;
-    background: #f5f5f5;
+    border: 1rpx solid #e5e7eb;
 }
 
-.photo-item image {
+.photo-image {
     width: 100%;
     height: 100%;
 }
 
+.photo-upload {
+    width: 200rpx;
+    height: 200rpx;
+    border: 2rpx dashed #d1d5db;
+    border-radius: 12rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: #f9fafb;
+}
+
+.upload-plus {
+    font-size: 60rpx;
+    color: #9ca3af;
+    line-height: 1;
+    margin-bottom: 8rpx;
+}
+
+.upload-text {
+    font-size: 24rpx;
+    color: #9ca3af;
+}
+
+.upload-tip {
+    display: block;
+    font-size: 24rpx;
+    color: #9ca3af;
+    margin-top: 16rpx;
+}
+
+// 图片删除按钮
+.photo-delete {
+    position: absolute;
+    top: 4rpx;
+    right: 4rpx;
+    width: 44rpx;
+    height: 44rpx;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
 .timeline {
     position: relative;
 }
@@ -227,63 +403,129 @@
 }
 
 .timeline-dot {
-    width: 16rpx;
-    height: 16rpx;
-    background: #d0d5dd;
+    width: 32rpx;
+    height: 32rpx;
     border-radius: 50%;
-    margin-right: 20rpx;
+    border: 4rpx solid #fff;
+    box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+    margin-right: 24rpx;
     margin-top: 8rpx;
     flex-shrink: 0;
 }
 
-.timeline-dot.active {
-    background: #173294;
+.dot-system {
+    background: #60a5fa;
+}
+
+.dot-manager {
+    background: #fb923c;
+}
+
+.dot-engineer {
+    background: #34d399;
 }
 
 .timeline-line {
     position: absolute;
-    left: 6rpx;
-    top: 28rpx;
+    left: 14rpx;
+    top: 44rpx;
     width: 4rpx;
-    height: calc(100% - 20rpx);
-    background: #e5ebff;
+    height: calc(100% - 32rpx);
+    background: #f3f4f6;
 }
 
-.timeline-content {
+.timeline-body {
     flex: 1;
-    flex-direction: column;
+    background: #fff;
+    border: 1rpx solid #e5e7eb;
+    border-radius: 12rpx;
+    padding: 20rpx 24rpx;
 }
 
 .timeline-header {
     display: flex;
     flex-direction: row;
     align-items: center;
+    gap: 12rpx;
     margin-bottom: 8rpx;
 }
 
-.timeline-time {
-    font-size: 26rpx;
-    color: #173294;
-    font-weight: 600;
-    margin-right: 16rpx;
-}
-
-.timeline-date {
-    font-size: 24rpx;
-    color: #999;
-}
-
-.timeline-title {
-    display: block;
+.timeline-actor {
     font-size: 28rpx;
-    color: #222;
-    font-weight: 500;
-    margin-bottom: 6rpx;
+    font-weight: 700;
+    color: #111827;
+}
+
+.timeline-action {
+    font-size: 28rpx;
+    color: #6b7280;
 }
 
 .timeline-desc {
     display: block;
-    font-size: 24rpx;
-    color: #666;
+    font-size: 26rpx;
+    color: #6b7280;
     line-height: 1.5;
+    margin-bottom: 8rpx;
+}
+
+.timeline-time {
+    display: block;
+    font-size: 24rpx;
+    color: #9ca3af;
+}
+
+// 底部占位
+.footer-placeholder {
+    height: 120rpx;
+}
+
+// 底部操作栏
+.footer-actions {
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #fff;
+    border-top: 1rpx solid #e5e7eb;
+    padding: 24rpx;
+    display: flex;
+    flex-direction: row;
+    gap: 24rpx;
+    z-index: 99;
+}
+
+.action-button {
+    flex: 1;
+    height: 80rpx;
+    border-radius: 8rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1rpx solid #e5e7eb;
+    background: #fff;
+    
+    &.primary {
+        background: #f59e0b;
+        border-color: #f59e0b;
+        
+        .button-text {
+            color: #fff;
+        }
+    }
+    
+    &.success {
+        background: #10b981;
+        border-color: #10b981;
+        
+        .button-text {
+            color: #fff;
+        }
+    }
+}
+
+.button-text {
+    font-size: 28rpx;
+    color: #6b7280;
+    font-weight: 500;
 }
\ No newline at end of file
diff --git a/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.uvue b/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.uvue
index 9d5b52ed..2e22ff84 100644
--- a/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.uvue
+++ b/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.uvue
@@ -3,120 +3,186 @@
 	<scroll-view style="flex:1">
 	<!-- #endif -->
 	<view class="page">
-		<!-- 自定义导航栏 -->
+		<!-- 导航栏 -->
 		<view class="nav" :style="{ paddingTop: headerPaddingTop + 'px', height: headerTotalHeight + 'px' }">
 			<view class="nav-back" @tap="goBack">
 				<view class="nav-back-icon"></view>
 			</view>
-			<text class="nav-title">工单详情</text>
+			<text class="nav-title">{{ mode === 'create' ? '创建工单' : '工单详情' }}</text>
 			<view class="nav-capsule"></view>
 		</view>
 
 		<!-- 内容区域 -->
 		<scroll-view class="content" scroll-y="true" :style="{ marginTop: headerTotalHeight + 'px' }">
-			<!-- 工单信息 -->
-			<view class="section">
-				<view class="section-title">
-					<view class="title-bar"></view>
-					<text class="title-text">工单信息</text>
+			<!-- 工单头部 -->
+			<view class="header-card">
+				<view class="header-info">
+					<text class="workcase-id">{{ workcase.workcaseId }}</text>
+					<view class="header-tags">
+						<view class="status-badge" :class="getStatusClass(workcase.status)">
+							<text class="badge-text">{{ getStatusText(workcase.status) }}</text>
+						</view>
+						<view class="urgency-badge" :class="workcase.emergency === 'emergency' ? 'urgent' : 'normal'">
+							<text class="badge-text">{{ workcase.emergency === 'emergency' ? '紧急' : '普通' }}</text>
+						</view>
+					</view>
 				</view>
-				<view class="info-card">
-					<view class="info-item">
-						<text class="info-label">工单号</text>
-						<text class="info-value">{{ workcase.workcaseId }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">工单状态</text>
-						<view class="status-tag" :class="getStatusClass(workcase.status)">
-							<text class="tag-text">{{ getStatusText(workcase.status) }}</text>
-						</view>
-					</view>
-					<view class="info-item">
-						<text class="info-label">客户姓名</text>
-						<text class="info-value">{{ workcase.username || '-' }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">联系电话</text>
-						<text class="info-value">{{ workcase.phone || '-' }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">紧急程度</text>
-						<view class="level-tag" :class="workcase.emergency === 'emergency' ? 'urgent' : 'normal'">
-							<text class="level-text">{{ workcase.emergency === 'emergency' ? '紧急' : '普通' }}</text>
-						</view>
-					</view>
-					<view class="info-item">
-						<text class="info-label">设备型号</text>
-						<text class="info-value">{{ workcase.device || '-' }}</text>
-					</view>
-					<view class="info-item">
-						<text class="info-label">设备序列号</text>
-						<text class="info-value">{{ workcase.deviceCode || '-' }}</text>
-					</view>
+				<view class="header-action" v-if="workcase.workcaseId" @tap="handleViewChat">
+					<text class="action-btn">查看对话</text>
 				</view>
 			</view>
 
-			<!-- 故障信息 -->
+			<!-- 工单信息表单 -->
 			<view class="section">
-				<view class="section-title">
-					<view class="title-bar"></view>
-					<text class="title-text">故障信息</text>
-				</view>
-				<view class="info-card">
-					<view class="info-item">
-						<text class="info-label">故障类型</text>
-						<text class="info-value">{{ workcase.type || '-' }}</text>
+				<view class="form-container">
+					<!-- 客户姓名 -->
+					<view class="form-item">
+						<text class="form-label">客户姓名</text>
+						<input v-if="mode === 'create'" class="form-input" v-model="workcase.username" placeholder="请输入客户姓名" />
+						<text v-else class="form-value">{{ workcase.username || '-' }}</text>
 					</view>
-					<view class="info-item column">
-						<text class="info-label">故障描述</text>
-						<text class="info-desc">{{ workcase.remark || '暂无描述' }}</text>
+
+					<!-- 联系电话 -->
+					<view class="form-item">
+						<text class="form-label">联系电话</text>
+						<input v-if="mode === 'create'" class="form-input" v-model="workcase.phone" placeholder="请输入联系电话" />
+						<text v-else class="form-value">{{ workcase.phone || '-' }}</text>
 					</view>
-					<view class="info-item">
-						<text class="info-label">创建时间</text>
-						<text class="info-value">{{ workcase.createTime || '-' }}</text>
+
+					<!-- 设备名称 -->
+					<view class="form-item">
+						<text class="form-label">设备名称</text>
+						<input v-if="mode === 'create'" class="form-input" v-model="workcase.device" placeholder="请输入设备名称" />
+						<text v-else class="form-value">{{ workcase.device || '-' }}</text>
 					</view>
-					<view class="info-item">
-						<text class="info-label">处理人</text>
-						<text class="info-value">{{ workcase.processor || '待分配' }}</text>
+
+					<!-- 故障类型 -->
+					<view class="form-item">
+						<text class="form-label">故障类型</text>
+						<picker v-if="mode === 'create'" class="form-picker" :value="typeIndex" :range="faultTypes" @change="onTypeChange">
+							<view class="picker-content">
+								<text class="picker-text">{{ workcase.type || '请选择故障类型' }}</text>
+								<text class="picker-arrow">></text>
+							</view>
+						</picker>
+						<text v-else class="form-value">{{ workcase.type || '-' }}</text>
+					</view>
+
+					<!-- 紧急程度 -->
+					<view class="form-item" v-if="mode === 'create'">
+						<text class="form-label">紧急程度</text>
+						<picker class="form-picker" :value="emergencyIndex" :range="emergencies" @change="onEmergencyChange">
+							<view class="picker-content">
+								<text class="picker-text">{{ emergencies[emergencyIndex] }}</text>
+								<text class="picker-arrow">></text>
+							</view>
+						</picker>
+					</view>
+
+					<!-- 现场地址 -->
+					<view class="form-item">
+						<text class="form-label">现场地址</text>
+						<input v-if="mode === 'create'" class="form-input" v-model="workcase.address" placeholder="请输入现场地址" />
+						<text v-else class="form-value">{{ workcase.address || '-' }}</text>
+					</view>
+
+					<!-- 故障描述 -->
+					<view class="form-item">
+						<text class="form-label">故障描述</text>
+						<textarea v-if="mode === 'create'" class="form-textarea" v-model="workcase.description" placeholder="请详细描述故障现象..." maxlength="500" />
+						<text v-else class="form-value">{{ workcase.description || '-' }}</text>
+					</view>
+
+					<!-- 设备铭牌 -->
+					<view class="form-item" v-if="mode !== 'create'">
+						<text class="form-label">设备铭牌</text>
+						<text class="form-value">{{ workcase.deviceNamePlate || '-' }}</text>
+					</view>
+
+					<!-- 铭牌照片 -->
+					<view class="form-item" v-if="mode !== 'create' && workcase.deviceNamePlateImg">
+						<text class="form-label">铭牌照片</text>
+						<view class="nameplate-photo" @tap="previewNameplateImage">
+							<image class="nameplate-image" :src="workcase.deviceNamePlateImg" mode="aspectFit" />
+						</view>
+					</view>
+
+					<!-- 处理人 -->
+					<view class="form-item" v-if="mode !== 'create'">
+						<text class="form-label">处理人</text>
+						<text class="form-value">{{ workcase.processorName || '未指派' }}</text>
+					</view>
+
+					<!-- 创建时间 -->
+					<view class="form-item" v-if="mode !== 'create'">
+						<text class="form-label">创建时间</text>
+						<text class="form-value">{{ workcase.createTime || '-' }}</text>
 					</view>
 				</view>
 			</view>
 
 			<!-- 故障图片 -->
-			<view class="section" v-if="workcase.imgs && workcase.imgs.length > 0">
+			<view class="section">
 				<view class="section-title">
-					<view class="title-bar"></view>
+					<view class="title-icon">📷</view>
 					<text class="title-text">故障图片</text>
 				</view>
-				<view class="photo-list">
-					<view class="photo-item" v-for="(img, index) in workcase.imgs" :key="index">
-						<image :src="img" mode="aspectFill" @tap="previewImage(img)" />
+				<view class="photos-grid">
+					<view class="photo-item" v-for="(img, index) in workcase.imgs" :key="index" @tap="previewFaultImages(index)">
+						<image class="photo-image" :src="img" mode="aspectFill" />
+						<view v-if="mode === 'create'" class="photo-delete" @tap.stop="deleteFaultImage(index)">
+							<text class="delete-icon">×</text>
+						</view>
+					</view>
+					<view v-if="mode === 'create' && workcase.imgs.length < 9" class="photo-upload" @tap="chooseFaultImages">
+						<text class="upload-plus">+</text>
+						<text class="upload-text">添加图片</text>
 					</view>
 				</view>
+				<text v-if="mode === 'create'" class="upload-tip">最多上传9张图片，支持拍照或从相册选择</text>
 			</view>
 
 			<!-- 处理记录 -->
-			<view class="section">
+			<view class="section" v-if="mode !== 'create' && processList.length > 0">
 				<view class="section-title">
 					<view class="title-bar"></view>
 					<text class="title-text">处理记录</text>
 				</view>
 				<view class="timeline">
 					<view class="timeline-item" v-for="(item, index) in processList" :key="index">
-						<view class="timeline-dot" :class="{ active: index === 0 }"></view>
+						<view class="timeline-dot" :class="getTimelineDotClass(item.status)"></view>
 						<view class="timeline-line" v-if="index < processList.length - 1"></view>
-						<view class="timeline-content">
+						<view class="timeline-body">
 							<view class="timeline-header">
-								<text class="timeline-time">{{ item.time }}</text>
-								<text class="timeline-date">{{ item.date }}</text>
+								<text class="timeline-actor">{{ item.actor }}</text>
+								<text class="timeline-action">{{ item.action }}</text>
 							</view>
-							<text class="timeline-title">{{ item.title }}</text>
 							<text class="timeline-desc" v-if="item.desc">{{ item.desc }}</text>
+							<text class="timeline-time">{{ item.time }}</text>
 						</view>
 					</view>
 				</view>
 			</view>
+
+			<!-- 底部占位 -->
+			<view class="footer-placeholder"></view>
 		</scroll-view>
+
+		<!-- 底部操作栏 -->
+		<view class="footer-actions">
+			<view class="action-button" @tap="goBack">
+				<text class="button-text">{{ mode === 'create' ? '取消' : '关闭' }}</text>
+			</view>
+			<view class="action-button primary" v-if="mode === 'create'" @tap="submitWorkcase">
+				<text class="button-text">提交工单</text>
+			</view>
+			<view class="action-button primary" v-if="mode === 'view' && workcase.status === 'pending'" @tap="handleAssign">
+				<text class="button-text">指派工程师</text>
+			</view>
+			<view class="action-button success" v-if="mode === 'view' && workcase.status === 'processing'" @tap="handleComplete">
+				<text class="button-text">完成工单</text>
+			</view>
+		</view>
 	</view>
 	<!-- #ifdef APP -->
 	</scroll-view>
@@ -125,80 +191,165 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
 import type { TbWorkcaseDTO } from '@/types/workcase'
 
 // 接口定义
 interface ProcessItem {
-	time: string
-	date: string
-	title: string
+	status: 'system' | 'manager' | 'engineer'
+	actor: string
+	action: string
 	desc?: string
+	time: string
 }
 
 // 响应式数据
 const headerPaddingTop = ref<number>(44)
 const headerTotalHeight = ref<number>(88)
 const workcaseId = ref<string>('')
+const mode = ref<'view' | 'create'>('view')
+
+// 表单选项
+const faultTypes = ref<string[]>(['电气系统故障', '机械故障', '控制系统故障', '油路系统故障', '其他故障'])
+const typeIndex = ref<number>(0)
+const emergencies = ref<string[]>(['普通', '紧急'])
+const emergencyIndex = ref<number>(0)
 
 // 工单数据
 const workcase = ref<TbWorkcaseDTO>({
-	workcaseId: 'TH20241217001',
+	workcaseId: 'W0202501130001',
 	userId: '1',
-	username: '李经理',
-	phone: '13800138001',
-	type: '控制系统故障',
+	username: '张伟',
+	phone: '138****5678',
+	type: '电气系统故障',
 	device: 'TH-500GF',
-	deviceCode: 'TH20230501001',
+	deviceCode: 'TH-500GF-2023-001',
+	deviceNamePlate: 'TH-500GF',
+	deviceNamePlateImg: 'https://via.placeholder.com/400x300?text=设备铭牌',
+	address: '江西省南昌市红谷滩区xxx路xxx号',
+	description: '发电机启动后电压不稳定，波动范围较大，影响正常使用',
 	emergency: 'emergency',
 	status: 'processing',
-	processor: '张三',
-	remark: '发电机组无法启动，控制面板显示E03错误代码',
-	createTime: '2024-12-17 15:30:00',
+	processorName: '小李',
+	createTime: '2025-01-13 09:30:00',
 	imgs: []
 })
 
 // 处理记录
 const processList = ref<ProcessItem[]>([
-	{ time: '16:45', date: '2024-12-17', title: '更换控制器主板', desc: '' },
-	{ time: '16:30', date: '2024-12-17', title: '发现控制器主板故障', desc: '经检测，主板供电模块损坏' },
-	{ time: '16:15', date: '2024-12-17', title: '到达现场，开始检查设备', desc: '' },
-	{ time: '15:45', date: '2024-12-17', title: '工程师张三已接单', desc: '' },
-	{ time: '15:30', date: '2024-12-17', title: '工单已创建', desc: '' }
+	{
+		status: 'engineer',
+		actor: '小李',
+		action: '开始处理',
+		desc: '已联系客户，计划今日上门检修',
+		time: '2025-01-13 08:15:00'
+	},
+	{
+		status: 'manager',
+		actor: '管理员',
+		action: '指派工程师',
+		desc: '指派给小李工程师处理',
+		time: '2025-01-12 15:00:00'
+	},
+	{
+		status: 'system',
+		actor: '系统',
+		action: '工单创建',
+		desc: '客户通过小电对话提交',
+		time: '2025-01-12 14:20:00'
+	}
 ])
 
 // 生命周期
-onMounted(() => {
-	uni.getSystemInfo({
-		success: (res) => {
-			// #ifdef MP-WEIXIN
-			try {
-				const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
-				headerPaddingTop.value = menuButtonInfo.top
-				headerTotalHeight.value = menuButtonInfo.bottom + 8
-			} catch (e) {
-				headerPaddingTop.value = res.statusBarHeight || 44
-				headerTotalHeight.value = (res.statusBarHeight || 44) + 44
+onLoad((options: any) => {
+	
+	// 处理 mode 参数
+	if (options.mode === 'create') {
+		mode.value = 'create'
+		
+		// 从 storage 读取登录信息
+		try {
+			let loginDomainRaw = uni.getStorageSync('loginDomain')
+			
+			let username = ''
+			let phone = ''
+			
+			if (loginDomainRaw) {
+				// 如果是字符串，需要先解析
+				let loginDomain = loginDomainRaw
+				if (typeof loginDomainRaw === 'string') {
+					loginDomain = JSON.parse(loginDomainRaw)
+				}
+				
+				// 尝试多种可能的字段路径
+				username = loginDomain.userInfo?.username || 
+				          loginDomain.user?.username || 
+				          loginDomain.username || ''
+				          
+				phone = loginDomain.user?.phone || 
+				       loginDomain.userInfo?.phone || 
+				       loginDomain.phone || ''
+			}
+			
+			// 创建模式，初始化表单并填充用户信息
+			workcase.value = {
+				username: username,
+				phone: phone,
+				device: '',
+				type: '',
+				address: '',
+				description: '',
+				emergency: 'normal',
+				imgs: []
+			}
+		} catch (error) {
+			console.error('读取用户信息失败:', error)
+			// 初始化空表单
+			workcase.value = {
+				username: '',
+				phone: '',
+				device: '',
+				type: '',
+				address: '',
+				description: '',
+				emergency: 'normal',
+				imgs: []
 			}
-			// #endif
-			// #ifndef MP-WEIXIN
-			headerPaddingTop.value = res.statusBarHeight || 44
-			headerTotalHeight.value = (res.statusBarHeight || 44) + 44
-			// #endif
 		}
-	})
-
-	// 获取页面参数
-	const pages = getCurrentPages()
-	const currentPage = pages[pages.length - 1] as any
-	if (currentPage && currentPage.options && currentPage.options.workcaseId) {
-		workcaseId.value = currentPage.options.workcaseId
+	} else if (options.workcaseId) {
+		// 查看模式
+		workcaseId.value = options.workcaseId
 		loadWorkcaseDetail(workcaseId.value)
 	}
+	
+	// 处理 roomId 参数
+	if (options.roomId) {
+		// TODO: 可以将 roomId 关联到工单
+	}
+})
+
+onMounted(() => {
+	const windowInfo = uni.getWindowInfo()
+	const statusBarHeight = windowInfo.statusBarHeight || 44
+	
+	// #ifdef MP-WEIXIN
+	try {
+		const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+		headerPaddingTop.value = menuButtonInfo.top
+		headerTotalHeight.value = menuButtonInfo.bottom + 8
+	} catch (e) {
+		headerPaddingTop.value = statusBarHeight
+		headerTotalHeight.value = statusBarHeight + 44
+	}
+	// #endif
+	// #ifndef MP-WEIXIN
+	headerPaddingTop.value = statusBarHeight
+	headerTotalHeight.value = statusBarHeight + 44
+	// #endif
 })
 
 // 加载工单详情
 function loadWorkcaseDetail(id: string) {
-	console.log('加载工单详情:', id)
 	// TODO: 调用 workcaseAPI.getWorkcaseById(id) 获取数据
 }
 
@@ -222,14 +373,131 @@ function getStatusText(status?: string): string {
 	}
 }
 
-// 预览图片
-function previewImage(url: string) {
-	uni.previewImage({
-		urls: workcase.value.imgs || [],
-		current: url
+// 获取时间线圆点样式类
+function getTimelineDotClass(status: string): string {
+	switch (status) {
+		case 'system': return 'dot-system'
+		case 'manager': return 'dot-manager'
+		case 'engineer': return 'dot-engineer'
+		default: return 'dot-system'
+	}
+}
+
+// 查看对话
+function handleViewChat() {
+	uni.navigateTo({
+		url: `/pages/chatRoom/chatRoom/chatRoom?roomId=${workcase.value.workcaseId}`
 	})
 }
 
+// 指派工程师
+function handleAssign() {
+	uni.showToast({
+		title: '指派工程师',
+		icon: 'none'
+	})
+	// TODO: 实现指派逻辑
+}
+
+// 完成工单
+function handleComplete() {
+	uni.showModal({
+		title: '完成确认',
+		content: '确认完成该工单？',
+		success: (res) => {
+			if (res.confirm) {
+				// TODO: 调用 API 完成工单
+				uni.showToast({
+					title: '工单已完成',
+					icon: 'success'
+				})
+			}
+		}
+	})
+}
+
+// 表单选择器事件
+function onTypeChange(e: any) {
+	typeIndex.value = e.detail.value
+	workcase.value.type = faultTypes.value[e.detail.value]
+}
+
+function onEmergencyChange(e: any) {
+	emergencyIndex.value = e.detail.value
+	workcase.value.emergency = emergencyIndex.value === 0 ? 'normal' : 'emergency'
+}
+
+// 选择故障图片
+function chooseFaultImages() {
+	uni.chooseImage({
+		count: 9 - (workcase.value.imgs?.length || 0),
+		sizeType: ['compressed'],
+		sourceType: ['camera', 'album'],
+		success: (res) => {
+			if (!workcase.value.imgs) {
+				workcase.value.imgs = []
+			}
+			workcase.value.imgs.push(...res.tempFilePaths)
+		},
+		fail: (err) => {
+			console.log('选择图片失败:', err)
+		}
+	})
+}
+
+// 删除故障图片
+function deleteFaultImage(index: number) {
+	if (workcase.value.imgs) {
+		workcase.value.imgs.splice(index, 1)
+	}
+}
+
+// 预览铭牌照片
+function previewNameplateImage() {
+	if (!workcase.value.deviceNamePlateImg) return
+	uni.previewImage({
+		urls: [workcase.value.deviceNamePlateImg],
+		current: 0
+	})
+}
+
+// 预览故障图片
+function previewFaultImages(index: number) {
+	if (!workcase.value.imgs || workcase.value.imgs.length === 0) return
+	uni.previewImage({
+		urls: workcase.value.imgs,
+		current: index
+	})
+}
+
+// 提交工单
+function submitWorkcase() {
+	// 校验必填项
+	if (!workcase.value.username || !workcase.value.phone || !workcase.value.description) {
+		uni.showToast({
+			title: '请填写必填项',
+			icon: 'none'
+		})
+		return
+	}
+
+	uni.showLoading({
+		title: '提交中...'
+	})
+
+	// TODO: 调用 API 提交工单
+	setTimeout(() => {
+		uni.hideLoading()
+		uni.showToast({
+			title: '工单创建成功',
+			icon: 'success'
+		})
+		setTimeout(() => {
+			uni.navigateBack()
+		}, 1500)
+	}, 1000)
+}
+
 // 返回上一页
 function goBack() {
 	uni.navigateBack()
diff --git a/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseList/workcaseList.uvue b/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseList/workcaseList.uvue
index fabc5f03..3950fbb2 100644
--- a/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseList/workcaseList.uvue
+++ b/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseList/workcaseList.uvue
@@ -140,24 +140,23 @@ const filteredOrders = computed(() => {
 
 // 生命周期
 onMounted(() => {
-	uni.getSystemInfo({
-		success: (res) => {
-			// #ifdef MP-WEIXIN
-			try {
-				const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
-				headerPaddingTop.value = menuButtonInfo.top
-				headerTotalHeight.value = menuButtonInfo.bottom + 8
-			} catch (e) {
-				headerPaddingTop.value = res.statusBarHeight || 44
-				headerTotalHeight.value = (res.statusBarHeight || 44) + 44
-			}
-			// #endif
-			// #ifndef MP-WEIXIN
-			headerPaddingTop.value = res.statusBarHeight || 44
-			headerTotalHeight.value = (res.statusBarHeight || 44) + 44
-			// #endif
-		}
-	})
+	const windowInfo = uni.getWindowInfo()
+	const statusBarHeight = windowInfo.statusBarHeight || 44
+	
+	// #ifdef MP-WEIXIN
+	try {
+		const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
+		headerPaddingTop.value = menuButtonInfo.top
+		headerTotalHeight.value = menuButtonInfo.bottom + 8
+	} catch (e) {
+		headerPaddingTop.value = statusBarHeight
+		headerTotalHeight.value = statusBarHeight + 44
+	}
+	// #endif
+	// #ifndef MP-WEIXIN
+	headerPaddingTop.value = statusBarHeight
+	headerTotalHeight.value = statusBarHeight + 44
+	// #endif
 	
 	// TODO: 实际调用API获取工单列表
 	loadWorkcaseList()
diff --git a/urbanLifelineWeb/packages/workcase_wechat/unpackage/cache/.mp-weixin/.uts2js/cache/uts_601c3a05cc232ee487c6924d81c2b4b5dbd72e3f/code/cache/2c0d1ccec15f6097082db4e2cd9b9b1c932de566 b/urbanLifelineWeb/packages/workcase_wechat/unpackage/cache/.mp-weixin/.uts2js/cache/uts_601c3a05cc232ee487c6924d81c2b4b5dbd72e3f/code/cache/2c0d1ccec15f6097082db4e2cd9b9b1c932de566
deleted file mode 100644
index 22a8991d..00000000
--- a/urbanLifelineWeb/packages/workcase_wechat/unpackage/cache/.mp-weixin/.uts2js/cache/uts_601c3a05cc232ee487c6924d81c2b4b5dbd72e3f/code/cache/2c0d1ccec15f6097082db4e2cd9b9b1c932de566
+++ /dev/null
@@ -1 +0,0 @@
-{"code":"import { defineComponent as _defineComponent } from 'vue';\nimport { o as _o, toDisplayString as _toDisplayString, t as _t, n as _n, f as _f, gei as _gei, sei as _sei, e as _e } from \"vue\";\nimport { ref, computed, onMounted } from 'vue';\nimport {} from '@/types/workcase';\n// 响应式数据\nexport default /*#__PURE__*/ _defineComponent({\n    __name: 'workcaseList',\n    setup(__props) {\n        const headerPaddingTop = ref(44);\n        const headerTotalHeight = ref(88);\n        const activeTab = ref('all');\n        // 模拟工单数据\n        const orders = ref([\n            {\n                workcaseId: 'TH20241217001',\n                userId: '1',\n                username: '李经理',\n                phone: '13800138001',\n                type: '控制系统故障',\n                device: 'TH-500GF',\n                deviceCode: 'TH20230501001',\n                emergency: 'emergency',\n                status: 'processing',\n                createTime: '2024-12-17 15:30:00'\n            },\n            {\n                workcaseId: 'TH20241217002',\n                userId: '2',\n                username: '王工',\n                phone: '13800138002',\n                type: '发动机故障',\n                device: 'TH-300GF',\n                deviceCode: 'TH20230502001',\n                emergency: 'normal',\n                status: 'pending',\n                createTime: '2024-12-17 14:20:00'\n            },\n            {\n                workcaseId: 'TH20241216001',\n                userId: '3',\n                username: '张总',\n                phone: '13800138003',\n                type: '电气系统故障',\n                device: 'TH-800GF',\n                deviceCode: 'TH20230503001',\n                emergency: 'normal',\n                status: 'done',\n                createTime: '2024-12-16 09:15:00'\n            }\n        ]);\n        // 计算属性：根据tab筛选工单\n        const filteredOrders = computed(() => {\n            if (activeTab.value === 'all') {\n                return orders.value;\n            }\n            return orders.value.filter(o => { return o.status === activeTab.value; });\n        });\n        // 生命周期\n        onMounted(() => {\n            uni.getSystemInfo(new UTSJSONObject({\n                success: (res) => {\n                    try {\n                        const menuButtonInfo = uni.getMenuButtonBoundingClientRect();\n                        headerPaddingTop.value = menuButtonInfo.top;\n                        headerTotalHeight.value = menuButtonInfo.bottom + 8;\n                    }\n                    catch (e) {\n                        headerPaddingTop.value = res.statusBarHeight || 44;\n                        headerTotalHeight.value = (res.statusBarHeight || 44) + 44;\n                    }\n                }\n            }));\n            // TODO: 实际调用API获取工单列表\n            loadWorkcaseList();\n        });\n        // 加载工单列表\n        function loadWorkcaseList() {\n            // TODO: 调用 workcaseAPI.getWorkcaseList() 获取数据\n            uni.__f__('log', 'at pages/workcase/workcaseList/workcaseList.uvue:169', '加载工单列表');\n        }\n        // 切换Tab\n        function changeTab(tab) {\n            activeTab.value = tab;\n        }\n        // 获取状态样式类\n        function getStatusClass(status = null) {\n            switch (status) {\n                case 'pending': return 'status-pending';\n                case 'processing': return 'status-processing';\n                case 'done': return 'status-done';\n                default: return 'status-pending';\n            }\n        }\n        // 获取状态文本\n        function getStatusText(status = null) {\n            switch (status) {\n                case 'pending': return '待处理';\n                case 'processing': return '处理中';\n                case 'done': return '已完成';\n                default: return '未知';\n            }\n        }\n        // 返回上一页\n        function goBack() {\n            uni.navigateBack();\n        }\n        // 跳转到工单详情\n        function goDetail(workcaseId = null) {\n            if (!workcaseId)\n                return null;\n            uni.navigateTo({\n                url: `/pages/workcase/workcaseDetail/workcaseDetail?workcaseId=${workcaseId}`\n            });\n        }\n        return (_ctx, _cache) => {\n            \"raw js\";\n            const __returned__ = _e({\n                a: _o(goBack),\n                b: headerPaddingTop.value + 'px',\n                c: headerTotalHeight.value + 'px',\n                d: activeTab.value === 'all' ? 1 : '',\n                e: _o($event => { return changeTab('all'); }),\n                f: activeTab.value === 'pending' ? 1 : '',\n                g: _o($event => { return changeTab('pending'); }),\n                h: activeTab.value === 'processing' ? 1 : '',\n                i: _o($event => { return changeTab('processing'); }),\n                j: activeTab.value === 'done' ? 1 : '',\n                k: _o($event => { return changeTab('done'); }),\n                l: headerTotalHeight.value + 'px',\n                m: _f(filteredOrders.value, (item, index, i0) => {\n                    return {\n                        a: _t(item.workcaseId),\n                        b: _t(getStatusText(item.status)),\n                        c: _n(getStatusClass(item.status)),\n                        d: _t(item.type || '故障报修'),\n                        e: _t(item.emergency === 'emergency' ? '紧急' : '普通'),\n                        f: _n(item.emergency === 'emergency' ? 'urgent' : 'normal'),\n                        g: _t(item.device || '-'),\n                        h: _t(item.username || '-'),\n                        i: _t(item.phone || '-'),\n                        j: _t(item.createTime || ''),\n                        k: _o($event => { return goDetail(item.workcaseId); }, index),\n                        l: index\n                    };\n                }),\n                n: filteredOrders.value.length === 0\n            }, filteredOrders.value.length === 0 ? {} : {}, {\n                o: _sei(_gei(_ctx, ''), 'view')\n            });\n            return __returned__;\n        };\n    }\n});\n//# sourceMappingURL=F:/Project/urbanLifeline/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseList/workcaseList.uvue?vue&type=script&setup=true&lang.uts.js.map","references":["F:/IDE/HBuilderX/plugins/uniapp-cli-vite/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","F:/IDE/HBuilderX/plugins/uniapp-cli-vite/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","F:/IDE/HBuilderX/plugins/uniapp-cli-vite/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","F:/Project/urbanLifeline/urbanLifelineWeb/packages/workcase_wechat/types/workcase/index.ts"],"uniExtApis":["uni.getMenuButtonBoundingClientRect","uni.getSystemInfo","uni.__f__","uni.navigateBack","uni.navigateTo"],"map":"{\"version\":3,\"file\":\"workcaseList.uvue?vue&type=script&setup=true&lang.uts.js\",\"sourceRoot\":\"\",\"sources\":[\"workcaseList.uvue?vue&type=script&setup=true&lang.uts\"],\"names\":[],\"mappings\":\"AAAA,OAAO,EAAE,eAAe,IAAI,gBAAgB,EAAE,MAAM,KAAK,CAAA;AACzD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,IAAI,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,MAAM,KAAK,CAAA;AAEhI,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAC9C,OAAY,EAAiB,MAAM,kBAAkB,CAAA;AAErD,QAAQ;AAER,eAAe,aAAa,CAAA,gBAAgB,CAAC;IAC3C,MAAM,EAAE,cAAc;IACtB,KAAK,CAAC,OAAO;QAEf,MAAM,gBAAgB,GAAG,GAAG,CAAS,EAAE,CAAC,CAAA;QACxC,MAAM,iBAAiB,GAAG,GAAG,CAAS,EAAE,CAAC,CAAA;QACzC,MAAM,SAAS,GAAG,GAAG,CAAS,KAAK,CAAC,CAAA;QAEpC,SAAS;QACT,MAAM,MAAM,GAAG,GAAG,CAAkB;YACnC;gBACC,UAAU,EAAE,eAAe;gBAC3B,MAAM,EAAE,GAAG;gBACX,QAAQ,EAAE,KAAK;gBACf,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,UAAU;gBAClB,UAAU,EAAE,eAAe;gBAC3B,SAAS,EAAE,WAAW;gBACtB,MAAM,EAAE,YAAY;gBACpB,UAAU,EAAE,qBAAqB;aACjC;YACD;gBACC,UAAU,EAAE,eAAe;gBAC3B,MAAM,EAAE,GAAG;gBACX,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,UAAU;gBAClB,UAAU,EAAE,eAAe;gBAC3B,SAAS,EAAE,QAAQ;gBACnB,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,qBAAqB;aACjC;YACD;gBACC,UAAU,EAAE,eAAe;gBAC3B,MAAM,EAAE,GAAG;gBACX,QAAQ,EAAE,IAAI;gBACd,KAAK,EAAE,aAAa;gBACpB,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,UAAU;gBAClB,UAAU,EAAE,eAAe;gBAC3B,SAAS,EAAE,QAAQ;gBACnB,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,qBAAqB;aACjC;SACD,CAAC,CAAA;QAEF,iBAAiB;QACjB,MAAM,cAAc,GAAG,QAAQ,CAAC;YAC/B,IAAI,SAAS,CAAC,KAAK,KAAK,KAAK,EAAE;gBAC9B,OAAO,MAAM,CAAC,KAAK,CAAA;aACnB;YACD,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,MAAI,OAAA,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,KAAK,EAA5B,CAA4B,CAAC,CAAA;QAC9D,CAAC,CAAC,CAAA;QAEF,OAAO;QACP,SAAS,CAAC;YACT,GAAG,CAAC,aAAa,mBAAC;gBACjB,OAAO,EAAE,CAAC,GAAG;oBAEZ,IAAI;wBACH,MAAM,cAAc,GAAG,GAAG,CAAC,+BAA+B,EAAE,CAAA;wBAC5D,gBAAgB,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,CAAA;wBAC3C,iBAAiB,CAAC,KAAK,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAA;qBACnD;oBAAC,OAAO,CAAC,EAAE;wBACX,gBAAgB,CAAC,KAAK,GAAG,GAAG,CAAC,eAAe,IAAI,EAAE,CAAA;wBAClD,iBAAiB,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,eAAe,IAAI,EAAE,CAAC,GAAG,EAAE,CAAA;qBAC1D;gBAMF,CAAC;aACD,EAAC,CAAA;YAEF,sBAAsB;YACtB,gBAAgB,EAAE,CAAA;QACnB,CAAC,CAAC,CAAA;QAEF,SAAS;QACT,SAAS,gBAAgB;YACxB,8CAA8C;YAC9C,GAAG,CAAC,KAAK,CAAC,KAAK,EAAC,sDAAsD,EAAC,QAAQ,CAAC,CAAA;QACjF,CAAC;QAED,QAAQ;QACR,SAAS,SAAS,CAAC,GAAW;YAC7B,SAAS,CAAC,KAAK,GAAG,GAAG,CAAA;QACtB,CAAC;QAED,UAAU;QACV,SAAS,cAAc,CAAC,aAAe;YACtC,QAAQ,MAAM,EAAE;gBACf,KAAK,SAAS,CAAC,CAAC,OAAO,gBAAgB,CAAA;gBACvC,KAAK,YAAY,CAAC,CAAC,OAAO,mBAAmB,CAAA;gBAC7C,KAAK,MAAM,CAAC,CAAC,OAAO,aAAa,CAAA;gBACjC,OAAO,CAAC,CAAC,OAAO,gBAAgB,CAAA;aAChC;QACF,CAAC;QAED,SAAS;QACT,SAAS,aAAa,CAAC,aAAe;YACrC,QAAQ,MAAM,EAAE;gBACf,KAAK,SAAS,CAAC,CAAC,OAAO,KAAK,CAAA;gBAC5B,KAAK,YAAY,CAAC,CAAC,OAAO,KAAK,CAAA;gBAC/B,KAAK,MAAM,CAAC,CAAC,OAAO,KAAK,CAAA;gBACzB,OAAO,CAAC,CAAC,OAAO,IAAI,CAAA;aACpB;QACF,CAAC;QAED,QAAQ;QACR,SAAS,MAAM;YACd,GAAG,CAAC,YAAY,EAAE,CAAA;QACnB,CAAC;QAED,UAAU;QACV,SAAS,QAAQ,CAAC,iBAAmB;YACpC,IAAI,CAAC,UAAU;gBAAE,YAAM;YACvB,GAAG,CAAC,UAAU,CAAC;gBACd,GAAG,EAAE,4DAA4D,UAAU,EAAE;aAC7E,CAAC,CAAA;QACH,CAAC;QAED,OAAO,CAAC,IAAI,EAAE,MAAM;YAAO,QAAQ,CAAA;YACjC,MAAM,YAAY,GAAG,EAAE,CAAC;gBACxB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC;gBACb,CAAC,EAAE,gBAAgB,CAAC,KAAK,GAAG,IAAI;gBAChC,CAAC,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI;gBACjC,CAAC,EAAE,SAAS,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBACrC,CAAC,EAAE,EAAE,CAAC,MAAM,MAAI,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB,CAAC;gBACjC,CAAC,EAAE,SAAS,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBACzC,CAAC,EAAE,EAAE,CAAC,MAAM,MAAI,OAAA,SAAS,CAAC,SAAS,CAAC,EAApB,CAAoB,CAAC;gBACrC,CAAC,EAAE,SAAS,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC5C,CAAC,EAAE,EAAE,CAAC,MAAM,MAAI,OAAA,SAAS,CAAC,YAAY,CAAC,EAAvB,CAAuB,CAAC;gBACxC,CAAC,EAAE,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBACtC,CAAC,EAAE,EAAE,CAAC,MAAM,MAAI,OAAA,SAAS,CAAC,MAAM,CAAC,EAAjB,CAAiB,CAAC;gBAClC,CAAC,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI;gBACjC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC1C,OAAO;wBACL,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC;wBACtB,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;wBACjC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;wBAClC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;wBAC1B,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;wBACnD,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;wBAC3D,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,GAAG,CAAC;wBACzB,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAC;wBAC3B,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC;wBACxB,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;wBAC5B,CAAC,EAAE,EAAE,CAAC,MAAM,MAAI,OAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAzB,CAAyB,EAAE,KAAK,CAAC;wBACjD,CAAC,EAAE,KAAK;qBACT,CAAC;gBACJ,CAAC,CAAC;gBACF,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;aACrC,EAAE,cAAc,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC9C,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,MAAM,CAAC;aAChC,CAAC,CAAA;YACA,OAAO,YAAY,CAAA;QACrB,CAAC,CAAA;IACD,CAAC;CAEA,CAAC,CAAA\"}"}
diff --git a/urbanLifelineWeb/packages/workcase_wechat/unpackage/cache/.mp-weixin/.uts2js/cache/uts_601c3a05cc232ee487c6924d81c2b4b5dbd72e3f/code/cache/f000765fecabee386b5db8a4d168359069708871 b/urbanLifelineWeb/packages/workcase_wechat/unpackage/cache/.mp-weixin/.uts2js/cache/uts_601c3a05cc232ee487c6924d81c2b4b5dbd72e3f/code/cache/f000765fecabee386b5db8a4d168359069708871
deleted file mode 100644
index 90489624..00000000
--- a/urbanLifelineWeb/packages/workcase_wechat/unpackage/cache/.mp-weixin/.uts2js/cache/uts_601c3a05cc232ee487c6924d81c2b4b5dbd72e3f/code/cache/f000765fecabee386b5db8a4d168359069708871
+++ /dev/null
@@ -1 +0,0 @@
-{"code":"import { defineComponent as _defineComponent } from 'vue';\nimport { o as _o, toDisplayString as _toDisplayString, t as _t, n as _n, f as _f, gei as _gei, sei as _sei, e as _e } from \"vue\";\nimport { ref, onMounted } from 'vue';\nimport {} from '@/types/workcase';\n// 响应式数据\nexport default /*#__PURE__*/ _defineComponent({\n    __name: 'workcaseDetail',\n    setup(__props) {\n        const headerPaddingTop = ref(44);\n        const headerTotalHeight = ref(88);\n        const workcaseId = ref('');\n        // 工单数据\n        const workcase = ref({\n            workcaseId: 'TH20241217001',\n            userId: '1',\n            username: '李经理',\n            phone: '13800138001',\n            type: '控制系统故障',\n            device: 'TH-500GF',\n            deviceCode: 'TH20230501001',\n            emergency: 'emergency',\n            status: 'processing',\n            processor: '张三',\n            remark: '发电机组无法启动，控制面板显示E03错误代码',\n            createTime: '2024-12-17 15:30:00',\n            imgs: []\n        });\n        // 处理记录\n        const processList = ref([\n            { time: '16:45', date: '2024-12-17', title: '更换控制器主板', desc: '' },\n            { time: '16:30', date: '2024-12-17', title: '发现控制器主板故障', desc: '经检测，主板供电模块损坏' },\n            { time: '16:15', date: '2024-12-17', title: '到达现场，开始检查设备', desc: '' },\n            { time: '15:45', date: '2024-12-17', title: '工程师张三已接单', desc: '' },\n            { time: '15:30', date: '2024-12-17', title: '工单已创建', desc: '' }\n        ]);\n        // 生命周期\n        onMounted(() => {\n            uni.getSystemInfo(new UTSJSONObject({\n                success: (res) => {\n                    try {\n                        const menuButtonInfo = uni.getMenuButtonBoundingClientRect();\n                        headerPaddingTop.value = menuButtonInfo.top;\n                        headerTotalHeight.value = menuButtonInfo.bottom + 8;\n                    }\n                    catch (e) {\n                        headerPaddingTop.value = res.statusBarHeight || 44;\n                        headerTotalHeight.value = (res.statusBarHeight || 44) + 44;\n                    }\n                }\n            }));\n            // 获取页面参数\n            const pages = getCurrentPages();\n            const currentPage = pages[pages.length - 1];\n            if (currentPage && currentPage.options && currentPage.options.workcaseId) {\n                workcaseId.value = currentPage.options.workcaseId;\n                loadWorkcaseDetail(workcaseId.value);\n            }\n        });\n        // 加载工单详情\n        function loadWorkcaseDetail(id) {\n            uni.__f__('log', 'at pages/workcase/workcaseDetail/workcaseDetail.uvue:201', '加载工单详情:', id);\n            // TODO: 调用 workcaseAPI.getWorkcaseById(id) 获取数据\n        }\n        // 获取状态样式类\n        function getStatusClass(status = null) {\n            switch (status) {\n                case 'pending': return 'status-pending';\n                case 'processing': return 'status-processing';\n                case 'done': return 'status-done';\n                default: return 'status-pending';\n            }\n        }\n        // 获取状态文本\n        function getStatusText(status = null) {\n            switch (status) {\n                case 'pending': return '待处理';\n                case 'processing': return '处理中';\n                case 'done': return '已完成';\n                default: return '未知';\n            }\n        }\n        // 预览图片\n        function previewImage(url) {\n            uni.previewImage({\n                urls: workcase.value.imgs || [],\n                current: url\n            });\n        }\n        // 返回上一页\n        function goBack() {\n            uni.navigateBack();\n        }\n        return (_ctx, _cache) => {\n            \"raw js\";\n            const __returned__ = _e({\n                a: _o(goBack),\n                b: headerPaddingTop.value + 'px',\n                c: headerTotalHeight.value + 'px',\n                d: _t(workcase.value.workcaseId),\n                e: _t(getStatusText(workcase.value.status)),\n                f: _n(getStatusClass(workcase.value.status)),\n                g: _t(workcase.value.username || '-'),\n                h: _t(workcase.value.phone || '-'),\n                i: _t(workcase.value.emergency === 'emergency' ? '紧急' : '普通'),\n                j: _n(workcase.value.emergency === 'emergency' ? 'urgent' : 'normal'),\n                k: _t(workcase.value.device || '-'),\n                l: _t(workcase.value.deviceCode || '-'),\n                m: _t(workcase.value.type || '-'),\n                n: _t(workcase.value.remark || '暂无描述'),\n                o: _t(workcase.value.createTime || '-'),\n                p: _t(workcase.value.processor || '待分配'),\n                q: workcase.value.imgs && workcase.value.imgs.length > 0\n            }, workcase.value.imgs && workcase.value.imgs.length > 0 ? {\n                r: _f(workcase.value.imgs, (img, index, i0) => {\n                    return {\n                        a: img,\n                        b: _o($event => { return previewImage(img); }, index),\n                        c: index\n                    };\n                })\n            } : {}, {\n                s: _f(processList.value, (item, index, i0) => {\n                    return _e({\n                        a: index === 0 ? 1 : '',\n                        b: index < processList.value.length - 1\n                    }, index < processList.value.length - 1 ? {} : {}, {\n                        c: _t(item.time),\n                        d: _t(item.date),\n                        e: _t(item.title),\n                        f: item.desc\n                    }, item.desc ? {\n                        g: _t(item.desc)\n                    } : {}, {\n                        h: index\n                    });\n                }),\n                t: headerTotalHeight.value + 'px',\n                v: _sei(_gei(_ctx, ''), 'view')\n            });\n            return __returned__;\n        };\n    }\n});\n//# sourceMappingURL=F:/Project/urbanLifeline/urbanLifelineWeb/packages/workcase_wechat/pages/workcase/workcaseDetail/workcaseDetail.uvue?vue&type=script&setup=true&lang.uts.js.map","references":["F:/IDE/HBuilderX/plugins/uniapp-cli-vite/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","F:/IDE/HBuilderX/plugins/uniapp-cli-vite/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","F:/IDE/HBuilderX/plugins/uniapp-cli-vite/node_modules/@vue/runtime-core/dist/runtime-core.d.ts","F:/Project/urbanLifeline/urbanLifelineWeb/packages/workcase_wechat/types/workcase/index.ts"],"uniExtApis":["uni.getMenuButtonBoundingClientRect","uni.getSystemInfo","uni.__f__","uni.previewImage","uni.navigateBack"],"map":"{\"version\":3,\"file\":\"workcaseDetail.uvue?vue&type=script&setup=true&lang.uts.js\",\"sourceRoot\":\"\",\"sources\":[\"workcaseDetail.uvue?vue&type=script&setup=true&lang.uts\"],\"names\":[],\"mappings\":\"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\"}"}