更新

admin/src/views/tcm/diagnosis/appointment.vue

@@ -49,6 +49,7 @@
             v-model="form.channel_source"
             placeholder="请选择渠道来源"
             class="channel-source-select"
+            @change="onChannelSourceChange"
           >
             <el-option
               v-for="item in channelOptions"
@@ -58,6 +59,20 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item
+          v-if="needsChannelSourceDetail"
+          label="自媒体补充:"
+          required
+        >
+          <el-input
+            v-model="form.channel_source_detail"
+            clearable
+            maxlength="128"
+            show-word-limit
+            placeholder="请输入自媒体相关补充内容"
+            class="channel-source-select"
+          />
+        </el-form-item>
         <!-- 预约医生 -->
         <el-form-item label="预约医生:">
           <div class="doctor-list">
@@ -233,9 +248,44 @@ const form = reactive({
   date: '',
   appointmentTime: '',
   remark: '',
-  channel_source: '' as string
+  channel_source: '' as string,
+  channel_source_detail: '' as string
 })
 
+/** 仅这些渠道字典 name 需填「自媒体补充」（与后台字典名称完全一致） */
+const CHANNEL_NAMES_REQUIRING_SELF_MEDIA_DETAIL = new Set([
+  '自媒体4H',
+  '自媒体3Q',
+  '自媒体3H',
+  '自媒体2H',
+  '自媒体2Q'
+])
+
+function channelNameRequiresSelfMediaDetail(name: string) {
+  return CHANNEL_NAMES_REQUIRING_SELF_MEDIA_DETAIL.has(String(name ?? '').trim())
+}
+
+/** 当前选中渠道字典名称（用于判断是否需填「自媒体补充」） */
+const selectedChannelDictName = computed(() => {
+  const v = form.channel_source
+  if (v === '' || v == null) return ''
+  const row = channelOptions.value.find((item: any) => String(item.value) === String(v))
+  return row ? String(row.name ?? '').trim() : ''
+})
+
+/** 仅白名单内字典项需填写补充说明 */
+const needsChannelSourceDetail = computed(() =>
+  channelNameRequiresSelfMediaDetail(selectedChannelDictName.value)
+)
+
+const onChannelSourceChange = (val: string) => {
+  const row = channelOptions.value.find((item: any) => String(item.value) === String(val))
+  const name = row ? String(row.name ?? '').trim() : ''
+  if (!channelNameRequiresSelfMediaDetail(name)) {
+    form.channel_source_detail = ''
+  }
+}
+
 // 生成未来7天的日期选项（只显示有排班的日期，且大于等于今天）
 const dateOptions = computed<DateOption[]>(() => {
   if (!selectedDoctorId.value || doctorRosterDates.value.length === 0) {
@@ -321,7 +371,8 @@ const canSubmit = computed(() => {
     selectedDoctorId.value &&
     form.date &&
     form.appointmentTime &&
-    !!form.channel_source
+    !!form.channel_source &&
+    (!needsChannelSourceDetail.value || form.channel_source_detail.trim() !== '')
   )
 })
 
@@ -344,6 +395,7 @@ const open = async (patient: any) => {
   form.appointmentTime = ''
   form.remark = ''
   form.channel_source = ''
+  form.channel_source_detail = ''
   timeSlots.value = []
   doctorRosterDates.value = []
   lastVisit.value = ''
@@ -412,7 +464,13 @@ const loadLastVisit = async () => {
 const loadChannelOptions = async () => {
   try {
     const data = await getDictData({ type: 'channels' })
-    channelOptions.value = (data?.channels || []).filter((row: any) => row.status !== 0)
+    const rows = (data?.channels || []).filter((row: any) => row.status !== 0)
+    rows.sort((a: any, b: any) => {
+      const ds = Number(b?.sort ?? 0) - Number(a?.sort ?? 0)
+      if (ds !== 0) return ds
+      return Number(b?.id ?? 0) - Number(a?.id ?? 0)
+    })
+    channelOptions.value = rows
   } catch (e) {
     console.error('加载渠道来源失败:', e)
     channelOptions.value = []
@@ -612,6 +670,10 @@ const handleConfirm = async () => {
     feedback.msgWarning('请选择渠道来源')
     return
   }
+  if (needsChannelSourceDetail.value && !form.channel_source_detail.trim()) {
+    feedback.msgWarning('请填写自媒体渠道补充信息')
+    return
+  }
   if (blockedByTodayDuplicate.value) {
     feedback.msgWarning(
       '该患者今日已有挂号（已预约或已过号），不能重复预约今天，请改选其他日期。'
@@ -631,7 +693,8 @@ const handleConfirm = async () => {
       appointment_time: form.appointmentTime,
       appointment_type: form.appointmentType,
       remark: form.remark,
-      channel_source: form.channel_source
+      channel_source: form.channel_source,
+      channel_source_detail: form.channel_source_detail.trim()
     }
     
     console.log('提交预约参数:', params)

admin/src/views/tcm/diagnosis/components/AppointmentRecordPanel.vue

@@ -105,7 +105,9 @@ function channelLabel(row: Record<string, any>) {
     const raw = row.channel_source ?? row.channels ?? ''
     if (raw === '' || raw === null || raw === undefined) return '—'
     const key = String(raw)
-    return channelMap.value[key] || key
+    const base = channelMap.value[key] || key
+    const extra = String(row.channel_source_detail ?? '').trim()
+    return extra !== '' ? `${base}（${extra}）` : base
 }
 
 function sortRows(list: any[]) {