ZYT/zyt
2
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
Your Name
2026-03-23 18:02:16 +08:00
parent 18fee2e8f8
commit 250d173c2f
525 changed files with 10659 additions and 793 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/src/views/tcm/diagnosis/components/CallRecordPanel.vue
+149
View File
@@ -0,0 +1,149 @@
<template>
<div class="call-record-panel">
<el-alert
type="info"
show-icon
:closable="false"
class="mb-4"
title="视频通话与云端录制"
>
<p class="call-record-tip">
下列为与本诊单关联的通话记录。若在腾讯云 TRTC
控制台开启了云端录制并填写回调地址，录制生成后会自动写入「录制回放」。
</p>
<p class="call-record-tip muted">
回调 URL 示例：<code>{{ callbackHint }}</code>
（若配置了 <code>trtc.recording_callback_token</code>，请在 URL 后附加
<code>?token=你的密钥</code>）
</p>
</el-alert>
<el-table v-loading="loading" :data="rows" border stripe empty-text="暂无通话记录">
<el-table-column label="开始时间" width="170" prop="start_time_text" />
<el-table-column label="结束时间" width="170" prop="end_time_text" />
<el-table-column label="通话类型" width="100">
<template #default="{ row }">
{{ row.call_type === 1 ? '语音' : '视频' }}
</template>
</el-table-column>
<el-table-column label="时长" width="110" prop="duration_text" />
<el-table-column label="状态" width="90">
<template #default="{ row }">
{{ statusText(row.status) }}
</template>
</el-table-column>
<el-table-column label="录制" width="100">
<template #default="{ row }">
{{ row.recording_status_text || '—' }}
</template>
</el-table-column>
<el-table-column label="录制回放" min-width="280">
<template #default="{ row }">
<div v-if="(row.recording_urls_list || []).length" class="recording-list">
<div
v-for="(url, idx) in row.recording_urls_list"
:key="idx"
class="recording-item"
>
<video
v-if="isPlayableVideo(url)"
:src="url"
controls
preload="metadata"
class="recording-video"
/>
<el-link v-else :href="url" target="_blank" type="primary">
打开链接 {{ idx + 1 }}
</el-link>
</div>
</div>
<span v-else class="text-gray-400">暂无</span>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script setup lang="ts">
import { ref, watch, computed } from 'vue'
import { getCallRecords } from '@/api/tcm'
const props = defineProps<{
diagnosisId: number
}>()
const loading = ref(false)
const rows = ref<any[]>([])
const callbackHint = computed(() => {
const origin = typeof window !== 'undefined' ? window.location.origin : ''
return `${origin}/api/trtc/recording-notify`
})
const load = async () => {
if (!props.diagnosisId) return
loading.value = true
try {
rows.value = (await getCallRecords({ diagnosis_id: props.diagnosisId })) || []
} catch (e) {
console.error(e)
rows.value = []
} finally {
loading.value = false
}
}
watch(
() => props.diagnosisId,
() => {
load()
},
{ immediate: true }
)
defineExpose({ refresh: load })
function statusText(status: number) {
const m: Record<number, string> = {
1: '进行中',
2: '已结束',
3: '未接听',
4: '已取消'
}
return m[status] ?? '—'
}
function isPlayableVideo(url: string) {
if (!url || typeof url !== 'string') return false
return /\.(mp4|webm|ogg)(\?|$)/i.test(url)
}
</script>
<style scoped lang="scss">
.call-record-panel {
.call-record-tip {
margin: 0 0 8px;
line-height: 1.5;
font-size: 13px;
&.muted {
color: var(--el-text-color-secondary);
}
code {
font-size: 12px;
word-break: break-all;
}
}
.recording-list {
display: flex;
flex-direction: column;
gap: 4px;
}
.recording-video {
max-width: 100%;
max-height: 180px;
border-radius: 4px;
background: #000;
}
}
</style>
admin/src/views/tcm/diagnosis/components/ImChatRecordPanel.vue
+355
View File
@@ -0,0 +1,355 @@
<template>
<div class="im-chat-record-panel">
<el-alert type="info" show-icon :closable="false" class="mb-4" title="说明">
<p class="panel-tip">
展示腾讯云 IM 单聊记录：已合并患者 <code>{{ patientImHint }}</code> 与
<strong>所有医生 / 医助账号</strong>（<code>doctor_*</code>）分别产生的会话，按时间排序。
数据来自 IM 漫游；若未开通漫游或某账号与该患者无会话，对应侧无消息。
</p>
</el-alert>
<div class="toolbar mb-3">
<el-button type="primary" link :loading="loading" @click="load">
<el-icon class="mr-1"><Refresh /></el-icon>
刷新
</el-button>
</div>
<div v-loading="loading" class="chat-wrap">
<template v-if="!loading && rows.length">
<div class="chat-list">
<div
v-for="row in rows"
:key="row.msg_id"
class="chat-row"
:class="row.is_from_doctor ? 'from-doctor' : 'from-patient'"
>
<div class="meta">
<span class="name">{{ senderLabel(row) }}</span>
<span class="time">{{ formatTime(row.time) }}</span>
<el-tag v-if="typeLabel(row)" size="small" type="info" class="ml-2">
{{ typeLabel(row) }}
</el-tag>
</div>
<div class="bubble">
<template v-if="row.msg_type === 'image' && row.image_url">
<el-image
:src="row.image_url"
:preview-src-list="[row.image_url]"
fit="contain"
class="chat-img"
/>
</template>
<template v-else-if="(row.msg_type === 'file' || row.msg_type === 'sound' || row.msg_type === 'video') && row.file_url">
<el-link :href="row.file_url" target="_blank" type="primary">
{{ row.file_name || '打开文件' }}
</el-link>
</template>
<template v-else>
<template v-for="fr in [parseImFriendly(row)]" :key="row.msg_id + '-body'">
<div v-if="fr" class="friendly-text">
<div class="friendly-main">{{ fr.main }}</div>
<div v-if="fr.sub" class="friendly-sub">{{ fr.sub }}</div>
</div>
<div v-else-if="row.msg_type === 'text' && row.text" class="text-content">
{{ row.text }}
</div>
<div v-else-if="row.text" class="text-content">{{ row.text }}</div>
<span v-else class="muted">（无法展示该消息类型）</span>
</template>
</template>
</div>
</div>
</div>
</template>
<el-empty v-else-if="!loading" description="暂无 IM 聊天记录" />
</div>
</div>
</template>
<script setup lang="ts">
import { ref, watch, computed } from 'vue'
import dayjs from 'dayjs'
import { Refresh } from '@element-plus/icons-vue'
import { getImChatMessages } from '@/api/tcm'
const props = defineProps<{
diagnosisId: number
}>()
const loading = ref(false)
const rows = ref<any[]>([])
const patientImId = ref('')
const patientName = ref('')
const patientImHint = computed(() => patientImId.value || 'patient_*')
function formatTime(ts: number | undefined) {
if (ts == null || !ts) return '—'
const sec = ts > 1e12 ? Math.floor(ts / 1000) : ts
return dayjs.unix(sec).format('YYYY-MM-DD HH:mm:ss')
}
type FriendlyParse = { main: string; sub?: string; tag?: string }
/** 业务时间：支持秒级时间戳或毫秒（字符串数字） */
function formatBizTime(t: unknown): string | undefined {
if (t == null || t === '') return undefined
const n =
typeof t === 'string' && /^\d+$/.test(t.trim())
? parseInt(t.trim(), 10)
: Number(t)
if (!Number.isFinite(n) || n <= 0) return undefined
return n > 1e12
? dayjs(n).format('YYYY-MM-DD HH:mm:ss')
: dayjs.unix(n).format('YYYY-MM-DD HH:mm:ss')
}
/** 将 IM 自定义 / 信令 JSON 解析为可读文案（医生进诊室、音视频通话等） */
function parseImBusinessPayload(raw: string): FriendlyParse | null {
const s = raw.trim()
if (!s.startsWith('{')) return null
let o: any
try {
o = JSON.parse(s)
} catch {
return null
}
if (!('businessID' in o) && !('cmd' in o)) {
return null
}
if (o.businessID === 'doctor_entered_consult_room') {
const t = formatBizTime(o.time)
return { main: '医生已进入诊室', sub: t, tag: '诊室' }
}
/** 小程序端：患者打开与医生的会话时发送（与 TUIKit/chat.vue 一致） */
if (o.businessID === 'patient_opened_chat') {
const parts: string[] = []
if (o.patientName) parts.push(`患者：${o.patientName}`)
if (o.patientId != null && o.patientId !== '') parts.push(`患者 ID：${o.patientId}`)
if (o.doctorId != null && o.doctorId !== '') parts.push(`关联医生：${o.doctorId}`)
const t = formatBizTime(o.time)
if (t) parts.push(t)
return { main: '患者进入聊天', sub: parts.length ? parts.join(' · ') : undefined, tag: '诊室' }
}
if (o.businessID === 'user_typing_status') {
return { main: '对方正在输入…', tag: '状态' }
}
if (o.businessID === 'consultation_complete') {
return { main: '问诊已完成', sub: formatBizTime(o.time), tag: '诊室' }
}
if (o.businessID === 1 || o.businessID === '1') {
let inner: any = o.data
if (typeof inner === 'string') {
try {
inner = JSON.parse(inner)
} catch {
return { main: '通话信令', sub: '内层数据解析失败', tag: '通话' }
}
}
if (inner && typeof inner === 'object') {
return parseRtcInner(inner)
}
return null
}
if (o.businessID === 'rtc_call' || o.cmd) {
return parseRtcInner(o)
}
return null
}
function parseRtcInner(inner: any): FriendlyParse {
const callType = inner.call_type
const callTypeLabel =
callType === 2 ? '视频通话' : callType === 1 ? '语音通话' : '通话'
const cmd = String(inner.cmd || '')
const cmdMap: Record<string, string> = {
hangup: '已结束',
invite: '发起通话',
linebusy: '对方忙线',
cancel: '已取消',
reject: '已拒绝',
accept: '已接听',
timeout: '无人接听'
}
const action = cmdMap[cmd] || (cmd ? `状态：${cmd}` : '')
const main = action ? `${callTypeLabel} · ${action}` : callTypeLabel
const parts: string[] = []
if (inner.inviter) parts.push(`发起方 ${inner.inviter}`)
if (inner.invitee) parts.push(`对方 ${inner.invitee}`)
if (inner.groupID) parts.push(`群组 ${inner.groupID}`)
return {
main,
sub: parts.length ? parts.join('，') : undefined,
tag: '通话'
}
}
function parseImFriendly(row: any): FriendlyParse | null {
const raw = (row.text || '').trim()
if (!raw) return null
const looksLikeBizJson =
raw.startsWith('{') && (/\bbusinessID\b/.test(raw) || /\bcmd\b/.test(raw))
if (row.msg_type === 'custom' || looksLikeBizJson) {
return parseImBusinessPayload(raw)
}
return null
}
function typeLabel(row: any) {
const fr = parseImFriendly(row)
if (fr?.tag) return fr.tag
const m: Record<string, string> = {
text: '',
image: '图片',
file: '文件',
sound: '语音',
video: '视频',
location: '位置',
custom: '自定义',
face: '表情',
other: ''
}
return m[row.msg_type] || (row.msg_type !== 'other' ? row.msg_type : '')
}
function senderLabel(row: any) {
if (row.is_from_doctor) {
return row.from_staff_name ? `医生（${row.from_staff_name}）` : '医生/员工'
}
return patientName.value ? `患者（${patientName.value}）` : '患者'
}
async function load() {
if (!props.diagnosisId) return
loading.value = true
try {
const res = (await getImChatMessages({ diagnosis_id: props.diagnosisId })) as {
lists?: any[]
patient_im_id?: string
patient_name?: string
}
rows.value = res?.lists || []
patientImId.value = res?.patient_im_id || ''
patientName.value = res?.patient_name || ''
} catch (e) {
console.error(e)
rows.value = []
} finally {
loading.value = false
}
}
watch(
() => props.diagnosisId,
() => {
load()
},
{ immediate: true }
)
defineExpose({ refresh: load })
</script>
<style scoped lang="scss">
.im-chat-record-panel {
min-height: 200px;
}
.panel-tip {
margin: 0;
line-height: 1.55;
font-size: 13px;
code {
font-size: 12px;
}
}
.toolbar {
display: flex;
align-items: center;
}
.chat-wrap {
min-height: 120px;
}
.chat-list {
display: flex;
flex-direction: column;
gap: 16px;
max-height: min(60vh, 520px);
overflow-y: auto;
padding: 4px 8px 12px;
}
.chat-row {
display: flex;
flex-direction: column;
max-width: 88%;
&.from-patient {
align-self: flex-start;
.bubble {
background: var(--el-fill-color-light);
border: 1px solid var(--el-border-color-lighter);
}
}
&.from-doctor {
align-self: flex-end;
align-items: flex-end;
.meta {
flex-direction: row-reverse;
}
.bubble {
background: var(--el-color-primary-light-9);
border: 1px solid var(--el-color-primary-light-7);
}
}
}
.meta {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
color: var(--el-text-color-secondary);
margin-bottom: 6px;
.name {
font-weight: 500;
color: var(--el-text-color-regular);
}
}
.bubble {
border-radius: 8px;
padding: 10px 12px;
word-break: break-word;
font-size: 14px;
line-height: 1.5;
}
.text-content {
white-space: pre-wrap;
}
.chat-img {
max-width: 240px;
max-height: 200px;
border-radius: 4px;
}
.muted {
color: var(--el-text-color-placeholder);
}
.friendly-text {
.friendly-main {
font-size: 14px;
line-height: 1.5;
color: var(--el-text-color-primary);
}
.friendly-sub {
margin-top: 6px;
font-size: 12px;
line-height: 1.4;
color: var(--el-text-color-secondary);
}
}
</style>