Fix Bug #544: AI修复

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

@@ -0,0 +1,110 @@
+<template>
+  <div class="queue-management">
+    <el-card shadow="never">
+      <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>
+      </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">
+          <template #default="{ row }">
+            <el-tag :type="getStatusType(row.status)">{{ row.status === 'COMPLETED' ? '完诊' : 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>
+    </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'
+
+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 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
+  }
+}
+
+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)
+</script>
+
+<style scoped>
+.header-actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>