temp jitsi

urbanLifelineWeb/packages/workcase/src/views/admin/workcase/WorkcaseView.vue

@@ -148,6 +148,16 @@
                 <el-button type="primary" @click="createTicket">创建</el-button>
             </template>
         </el-dialog>
+
+        <!-- 工单详情弹窗 -->
+        <el-dialog v-model="showDetailDialog" title="工单详情" width="900px" destroy-on-close>
+            <WorkcaseDetail 
+                v-if="showDetailDialog"
+                :workcase="currentWorkcase"
+                mode="view"
+                @cancel="showDetailDialog = false"
+            />
+        </el-dialog>
     </AdminLayout>
 </template>
 
@@ -157,8 +167,9 @@ import AdminLayout from '@/views/admin/AdminLayout.vue'
 import { Plus, Search } from 'lucide-vue-next'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { workcaseAPI } from '@/api/workcase'
+import WorkcaseDetail from '@/views/public/workcase/WorkcaseDetail/WorkcaseDetail.vue'
 import type { TbWorkcaseDTO, TbWorkcaseProcessDTO } from '@/types/workcase'
-import type { PageRequest, PageParam, ResultDomain } from 'shared/types'
+import type { PageRequest, PageParam } from 'shared/types'
 
 const statusFilter = ref('all')
 const typeFilter = ref('')
@@ -168,11 +179,11 @@ const currentPage = ref(1)
 const pageSize = ref(10)
 const total = ref(0)
 const showCreateDialog = ref(false)
+const showDetailDialog = ref(false)
+const currentWorkcase = ref<TbWorkcaseDTO>({})
 const loading = ref(false)
 
 const formData = ref<TbWorkcaseDTO>({
-    roomId: '',
-    deviceNamePlateImg: '',
     username: '',
     phone: '',
     device: '',
@@ -215,7 +226,7 @@ const loadWorkcases = async () => {
     const res = await workcaseAPI.getWorkcasePage(pageRequest)
     if (res.success) {
         workcaseList.value = res.dataList || res.pageDomain?.dataList || []
-        total.value = res.pageParam?.totalElements || 0
+        total.value = res.pageDomain?.pageParam?.total || 0
     } else {
         ElMessage.error(res.message || '加载失败')
     }
@@ -365,8 +376,8 @@ const handlePageChange = (page: number) => {
 }
 
 const viewDetail = (row: TbWorkcaseDTO) => {
-    ElMessage.info(`查看工单详情: ${row.workcaseId}`)
-    // TODO: 跳转到工单详情页面
+    currentWorkcase.value = { ...row }
+    showDetailDialog.value = true
 }
 
 const assignTicket = (row: TbWorkcaseDTO) => {