更新

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

@@ -7,12 +7,20 @@
                     <span
                         v-for="tab in dateTabs"
                         :key="tab.value"
-                        :class="['chip', { active: formData.appointment_date === tab.value }]"
+                        :class="['chip', { active: formData.pending_assign !== '1' && formData.appointment_date === tab.value }]"
                         @click="handleDateTabClick(tab.value)"
                     >
                         {{ tab.label }}
                         <em v-if="tab.value && dateCounts[tab.value] !== undefined">{{ dateCounts[tab.value] }}</em>
                     </span>
+                    <span
+                        :class="['chip', 'chip-pending', { active: formData.pending_assign === '1' }]"
+                        @click="handlePendingAssignTabClick"
+                         v-perms="['tcm.diagnosis/assign']"
+                    >
+                        待分配医助
+                        <em v-if="pendingAssignCount !== undefined">{{ pendingAssignCount }}</em>
+                    </span>
                 </div>
                 <div class="search-row">
                     <el-input v-model="formData.keyword" placeholder="患者姓名 / 手机号" clearable class="search-input" @keyup.enter="doSearch" />
@@ -575,7 +583,8 @@ const formData = reactive({
     end_time: '',
     diagnosis_confirmed: '' as '' | '0' | '1',
     appointment_date: '' as string,
-    has_appointment: '' as '' | '0' | '1'
+    has_appointment: '' as '' | '0' | '1',
+    pending_assign: '' as '' | '1'
 })
 
 const activeTab = ref('all')
@@ -621,27 +630,39 @@ const dateTabs = computed(() => [
 ])
 
 const dateCounts = ref<Record<string, number>>({})
+const pendingAssignCount = ref<number | undefined>(undefined)
 
 const handleDateTabClick = async (value: string) => {
+    formData.pending_assign = ''
     formData.appointment_date = value
     pager.page = 1
     await getLists()
     fetchDateCounts()
 }
 
-// 获取各日期挂号数量
+const handlePendingAssignTabClick = async () => {
+    formData.pending_assign = '1'
+    formData.appointment_date = ''
+    pager.page = 1
+    await getLists()
+    fetchDateCounts()
+}
+
+// 获取各日期挂号数量 + 待分配医助数量
 const fetchDateCounts = async () => {
     try {
-        const [today, tomorrow, dayAfter] = await Promise.all([
+        const [today, tomorrow, dayAfter, pending] = await Promise.all([
             tcmDiagnosisLists({ appointment_date: todayStr.value, page_no: 1, page_size: 1 }),
             tcmDiagnosisLists({ appointment_date: tomorrowStr.value, page_no: 1, page_size: 1 }),
-            tcmDiagnosisLists({ appointment_date: dayAfterStr.value, page_no: 1, page_size: 1 })
+            tcmDiagnosisLists({ appointment_date: dayAfterStr.value, page_no: 1, page_size: 1 }),
+            tcmDiagnosisLists({ pending_assign: 1, page_no: 1, page_size: 1 })
         ])
         dateCounts.value = {
             [todayStr.value]: today?.count ?? 0,
             [tomorrowStr.value]: tomorrow?.count ?? 0,
             [dayAfterStr.value]: dayAfter?.count ?? 0
         }
+        pendingAssignCount.value = pending?.count ?? 0
     } catch (e) {
         console.error('获取日期数量失败', e)
     }
@@ -768,6 +789,7 @@ const handleReset = () => {
     formData.diagnosis_confirmed = ''
     formData.appointment_date = ''
     formData.has_appointment = ''
+    formData.pending_assign = ''
     pager.page = 1
     getLists()
     fetchDateCounts()
@@ -1494,6 +1516,21 @@ onUnmounted(() => {
             background: var(--el-color-primary);
         }
     }
+
+    .chip-pending {
+        margin-left: 8px;
+        color: var(--el-color-warning);
+        background: var(--el-color-warning-light-9);
+
+        &:hover {
+            background: var(--el-color-warning-light-8);
+        }
+
+        &.active {
+            color: #fff;
+            background: var(--el-color-warning);
+        }
+    }
 }
 
 .search-row {