From 4214bb94be05819b59ae99b5926b9ed0e62662a3 Mon Sep 17 00:00:00 2001
From: guanyu <guanyu@gentronhealth.com>
Date: Wed, 27 May 2026 01:23:53 +0800
Subject: [PATCH] =?UTF-8?q?Fix=20Bug=20#544:=20AI=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/outpatient/triage/TriageQueue.vue   | 83 +++++++++++++++++++
 1 file changed, 83 insertions(+)
 create mode 100644 openhis-ui-vue3/src/views/outpatient/triage/TriageQueue.vue

diff --git a/openhis-ui-vue3/src/views/outpatient/triage/TriageQueue.vue b/openhis-ui-vue3/src/views/outpatient/triage/TriageQueue.vue
new file mode 100644
index 000000000..d4ec62ca6
--- /dev/null
+++ b/openhis-ui-vue3/src/views/outpatient/triage/TriageQueue.vue
@@ -0,0 +1,83 @@
+<template>
+  <div class="triage-queue-container">
+    <el-card class="header-card">
+      <el-form :inline="true" class="query-form">
+        <el-form-item label="历史队列查询">
+          <el-date-picker
+            v-model="dateRange"
+            type="daterange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            format="YYYY-MM-DD"
+            value-format="YYYY-MM-DD"
+            class="date-range-picker"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="handleQuery" class="query-btn">查询</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+
+    <el-card class="table-card">
+      <el-table :data="queueList" style="width: 100%" class="queue-table" v-loading="loading">
+        <el-table-column prop="queue_no" label="排队号" width="100" />
+        <el-table-column prop="patient_name" label="患者姓名" />
+        <el-table-column prop="status" label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getStatusType(row.status)">{{ row.status }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column prop="triage_time" label="分诊时间" width="180" />
+        <el-table-column prop="dept_name" label="科室" />
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue';
+import { ElMessage } from 'element-plus';
+import axios from 'axios';
+
+const dateRange = ref([]);
+const queueList = ref([]);
+const loading = ref(false);
+
+const fetchQueueData = async () => {
+  loading.value = true;
+  try {
+    const [start, end] = dateRange.value || [];
+    const res = await axios.get('/api/outpatient/triage/queue', {
+      params: { startDate: start, endDate: end }
+    });
+    queueList.value = res.data.data || [];
+  } catch (err) {
+    ElMessage.error('获取队列数据失败');
+  } finally {
+    loading.value = false;
+  }
+};
+
+const handleQuery = () => {
+  fetchQueueData();
+};
+
+const getStatusType = (status) => {
+  const map = { '候诊': 'info', '就诊中': 'warning', '完诊': 'success' };
+  return map[status] || 'info';
+};
+
+onMounted(() => {
+  const today = new Date().toISOString().slice(0, 10);
+  dateRange.value = [today, today];
+  fetchQueueData();
+});
+</script>
+
+<style scoped>
+.triage-queue-container { padding: 20px; }
+.header-card { margin-bottom: 16px; }
+.query-form { display: flex; align-items: center; }
+</style>