更新

admin/src/components/chat-dialog/index.vue

@@ -11,7 +11,10 @@
         class="chat-window-header"
         @mousedown="onHeaderMouseDown"
       >
-        <span class="chat-window-title" :title="patientName">与 {{ patientName }} 通讯</span>
+        <div class="chat-window-heading">
+          <span class="chat-window-title" :title="patientName">与 {{ patientName }} 通讯</span>
+          <el-tag size="small" type="info" class="chat-appointment-type">{{ appointmentTypeLabel }}</el-tag>
+        </div>
         <div class="chat-header-actions" @mousedown.stop>
           <el-button type="danger" link class="chat-close-btn" @click="handleClose">
             <el-icon><Close /></el-icon>
@@ -140,6 +143,7 @@ import {
 import { CallLocalRecorder } from '@/utils/call-local-recorder'
 import { captureVideoFrameFromElement } from '@/utils/call-video-screenshot'
 import feedback from '@/utils/feedback'
+import { appointmentTypeDescription } from '@/utils/appointment-type'
 import {
   formatTUICallUserError,
   getTUICallPackageArrearsMessage,
@@ -180,6 +184,8 @@ const visible = ref(false)
 const isReady = ref(false)
 const error = ref('')
 const patientName = ref('')
+const appointmentType = ref<string | null | undefined>('video')
+const appointmentTypeLabel = computed(() => appointmentTypeDescription(appointmentType.value))
 const patientId = ref<number | null>(null)
 const diagnosisId = ref<number | null>(null)
 const loadingText = ref('正在初始化...')
@@ -1010,13 +1016,14 @@ watch(() => activeConversation.value, async (newConversation) => {
   }
 })
 
-const open = async (data: { patientId: number; patientName: string; diagnosisId?: number }) => {
+const open = async (data: { patientId: number; patientName: string; diagnosisId?: number; appointmentType?: string | null }) => {
   visible.value = true
   isMinimized.value = false
   posX.value = 100
   posY.value = 80
   resetCallKitPositionToLeft()
   patientName.value = data.patientName
+  appointmentType.value = data.appointmentType
   patientId.value = data.patientId
   diagnosisId.value = data.diagnosisId || null
   error.value = ''
@@ -1426,6 +1433,18 @@ defineExpose({ open })
   justify-content: space-between;
   flex-shrink: 0;
 
+  .chat-window-heading {
+    display: flex;
+    align-items: center;
+    min-width: 0;
+    gap: 4px;
+  }
+
+  .chat-appointment-type {
+    flex-shrink: 0;
+    margin-right: 8px;
+  }
+
   .chat-window-title {
     font-size: 16px;
     font-weight: 500;