From b437a3c675b257fb7e702d6635d2c57f7a517f1f Mon Sep 17 00:00:00 2001
From: wangys <3401275564@qq.com>
Date: Wed, 24 Dec 2025 16:37:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/public/ChatRoom/ChatRoomView.vue    | 40 +++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatRoomView.vue b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatRoomView.vue
index ff17c9ff..177c3c19 100644
--- a/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatRoomView.vue
+++ b/urbanLifelineWeb/packages/workcase/src/views/public/ChatRoom/ChatRoomView.vue
@@ -124,9 +124,9 @@
                     </template>
 
                     <template #action-area>
-                        <ElButton type="primary" @click="showWorkcaseDetail = true">
+                        <ElButton type="primary" @click="handleWorkcaseAction">
                             <FileText :size="16" />
-                            查看工单
+                            {{ currentWorkcaseId ? '查看工单' : '创建工单' }}
                         </ElButton>
                     </template>
                 </ChatRoom>
@@ -154,6 +154,17 @@
         >
             <WorkcaseDetail :workcase-id="currentWorkcaseId" />
         </ElDialog>
+        
+        <!-- 工单创建对话框 -->
+        <ElDialog
+            v-model="showWorkcaseCreator"
+            title="创建工单"
+            width="800px"
+            class="workcase-dialog"
+        >
+            <!-- TODO: 添加工单创建组件 -->
+            <div>工单创建表单</div>
+        </ElDialog>
     </div>
 </template>
 <script setup lang="ts">
@@ -205,7 +216,7 @@ const loadingMore = ref(false)
 const autoFilling = ref(false)
 
 // 分页状态
-const PAGE_SIZE = 5
+const PAGE_SIZE = 20
 const currentPage = ref(1)
 const hasMore = ref(true)
 
@@ -239,6 +250,8 @@ const messages = ref<ChatRoomMessageVO[]>([])
 
 // 工单详情对话框
 const showWorkcaseDetail = ref(false)
+// 工单创建对话框
+const showWorkcaseCreator = ref(false)
 
 // Jitsi Meet会议相关
 const currentMeetingUrl = ref('')
@@ -480,6 +493,27 @@ const downloadFile = (fileId: string) => {
     window.open(`${FILE_DOWNLOAD_URL}/${fileId}`, '_blank')
 }
 
+// 处理工单操作（创建或查看）
+const handleWorkcaseAction = () => {
+    if (currentWorkcaseId.value) {
+        // 已有工单，查看详情
+        showWorkcaseDetail.value = true
+    } else {
+        // 无工单，创建新工单
+        showWorkcaseCreator.value = true
+    }
+}
+
+// 工单创建成功
+const onWorkcaseCreated = (workcaseId: string) => {
+    showWorkcaseCreator.value = false
+    // 更新当前聊天室的工单ID
+    if (currentRoom.value) {
+        currentRoom.value.workcaseId = workcaseId
+    }
+    ElMessage.success('工单创建成功')
+}
+
 // 发起会议
 const startMeeting = async () => {
     if (!currentRoomId.value) return