Fix Bug #544: AI修复

openhis-ui-vue3/src/views/outpatient/triage/QueueManagement.vue

@@ -1,110 +1,104 @@
 <template>
-  <div class="queue-management">
-    <el-card shadow="never">
+  <div class="triage-queue-container">
+    <el-card>
       <template #header>
-        <div class="header-actions">
-          <el-select v-model="query.status" placeholder="状态筛选" clearable style="width: 150px" @change="fetchData">
-            <el-option label="全部" value="" />
-            <el-option label="候诊" value="WAITING" />
-            <el-option label="就诊中" value="IN_PROGRESS" />
-            <el-option label="完诊" value="COMPLETED" />
-          </el-select>
-          <el-button type="primary" @click="showHistoryDialog = true">历史队列查询</el-button>
+        <div class="card-header">
+          <span>智能分诊排队管理</span>
+          <div class="toolbar">
+            <el-date-picker
+              v-model="dateRange"
+              type="daterange"
+              range-separator="至"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              format="YYYY-MM-DD"
+              value-format="YYYY-MM-DD"
+              class="history-date-picker"
+              @change="handleDateChange"
+            />
+            <el-button type="primary" @click="fetchQueueList">查询</el-button>
+          </div>
         </div>
       </template>
-      
-      <el-table :data="tableData" border style="width: 100%" v-loading="loading">
-        <el-table-column prop="patient_name" label="患者姓名" min-width="120" />
-        <el-table-column prop="status" label="排队状态" width="120">
+
+      <el-table
+        :data="queueList"
+        v-loading="loading"
+        border
+        style="width: 100%"
+      >
+        <el-table-column prop="queueNo" label="排队号" width="100" />
+        <el-table-column prop="patientName" label="患者姓名" />
+        <el-table-column prop="status" label="状态" width="100">
           <template #default="{ row }">
-            <el-tag :type="getStatusType(row.status)">{{ row.status === 'COMPLETED' ? '完诊' : row.status }}</el-tag>
+            <el-tag :type="getStatusType(row.status)">{{ row.status }}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="queue_time" label="排队时间" width="180" />
-        <el-table-column prop="doctor_name" label="接诊医生" min-width="120" />
+        <el-table-column prop="deptName" label="科室" width="120" />
+        <el-table-column prop="doctorName" label="接诊医生" width="120" />
+        <el-table-column prop="triageTime" label="分诊时间" width="180" />
       </el-table>
     </el-card>
-
-    <el-dialog v-model="showHistoryDialog" title="历史队列查询" width="450px" destroy-on-close>
-      <el-form :model="historyForm" label-width="80px">
-        <el-form-item label="查询日期">
-          <el-date-picker 
-            v-model="historyForm.date" 
-            type="date" 
-            placeholder="选择日期" 
-            format="YYYY-MM-DD" 
-            value-format="YYYY-MM-DD" 
-            style="width: 100%" 
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="showHistoryDialog = false">取消</el-button>
-        <el-button type="primary" @click="queryHistory">查询</el-button>
-      </template>
-    </el-dialog>
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import { ElMessage } from 'element-plus'
-import request from '@/utils/request'
+import { ref, onMounted } from 'vue';
+import { getQueueListApi } from '@/api/outpatient/triage';
 
-const query = ref({ status: '' })
-const tableData = ref([])
-const loading = ref(false)
-const showHistoryDialog = ref(false)
-const historyForm = ref({ date: new Date().toISOString().split('T')[0] })
+const loading = ref(false);
+const queueList = ref([]);
+const dateRange = ref([]);
+
+// 默认当天时间
+const initDate = () => {
+  const today = new Date().toISOString().split('T')[0];
+  dateRange.value = [today, today];
+};
+
+const fetchQueueList = async () => {
+  loading.value = true;
+  try {
+    const [start, end] = dateRange.value || [];
+    const res = await getQueueListApi({ startDate: start, endDate: end });
+    queueList.value = res.data || [];
+  } catch (error) {
+    console.error('获取队列列表失败:', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+const handleDateChange = () => {
+  fetchQueueList();
+};
 
 const getStatusType = (status) => {
-  if (status === 'COMPLETED') return 'success'
-  if (status === 'IN_PROGRESS') return 'warning'
-  return 'info'
-}
-
-const fetchData = async () => {
-  loading.value = true
-  try {
-    const res = await request.get('/api/outpatient/triage/queue/list', {
-      params: { deptId: 1, status: query.value.status }
-    })
-    tableData.value = res.data || []
-  } catch (e) {
-    ElMessage.error('获取队列数据失败')
-  } finally {
-    loading.value = false
+  switch (status) {
+    case '完诊': return 'success';
+    case '就诊中': return 'warning';
+    case '候诊': return 'info';
+    default: return 'default';
   }
-}
+};
 
-const queryHistory = async () => {
-  if (!historyForm.value.date) return ElMessage.warning('请选择查询日期')
-  loading.value = true
-  try {
-    const res = await request.get('/api/outpatient/triage/queue/list', {
-      params: { 
-        deptId: 1, 
-        startDate: historyForm.value.date + ' 00:00:00', 
-        endDate: historyForm.value.date + ' 23:59:59' 
-      }
-    })
-    tableData.value = res.data || []
-    showHistoryDialog.value = false
-    ElMessage.success('历史数据加载成功')
-  } catch (e) {
-    ElMessage.error('查询失败')
-  } finally {
-    loading.value = false
-  }
-}
-
-onMounted(fetchData)
+onMounted(() => {
+  initDate();
+  fetchQueueList();
+});
 </script>
 
 <style scoped>
-.header-actions {
+.triage-queue-container {
+  padding: 20px;
+}
+.card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
+.toolbar {
+  display: flex;
+  gap: 10px;
+}
 </style>