Fix Bug #544: AI修复

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

@@ -1,8 +1,8 @@
 <template>
-  <div class="queue-management-container">
-    <el-card class="search-card">
-      <el-form :inline="true" :model="queryParams" class="search-form">
-        <el-form-item label="查询日期">
+  <div class="queue-management">
+    <el-card class="header-card history-query-section">
+      <el-form :inline="true" :model="queryParams" class="query-form">
+        <el-form-item label="队列日期">
           <el-date-picker
             v-model="queryParams.dateRange"
             type="daterange"
@@ -10,113 +10,93 @@
             start-placeholder="开始日期"
             end-placeholder="结束日期"
             value-format="YYYY-MM-DD"
+            :default-value="[today, today]"
             @change="handleDateChange"
           />
         </el-form-item>
+        <el-form-item label="状态">
+          <el-select v-model="queryParams.status" placeholder="全部" clearable>
+            <el-option label="候诊" value="WAITING" />
+            <el-option label="就诊中" value="IN_PROGRESS" />
+            <el-option label="完诊" value="COMPLETED" />
+            <el-option label="取消" value="CANCELLED" />
+          </el-select>
+        </el-form-item>
         <el-form-item>
-          <el-button type="primary" @click="handleQuery">查询</el-button>
-          <el-button @click="resetQuery">重置</el-button>
+          <el-button type="primary" @click="fetchQueueList">查询</el-button>
         </el-form-item>
       </el-form>
     </el-card>
 
     <el-card class="table-card">
-      <el-table :data="queueList" v-loading="loading" border stripe>
+      <el-table :data="tableData" v-loading="loading" border class="queue-table">
         <el-table-column prop="queueNo" label="排队号" width="100" />
-        <el-table-column prop="patientName" label="患者姓名" width="120" />
+        <el-table-column prop="patientName" label="患者姓名" />
         <el-table-column prop="status" label="状态" width="100">
           <template #default="{ row }">
-            <el-tag :type="getStatusType(row.status)">{{ getStatusText(row.status) }}</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="createTime" label="入队时间" width="180" />
-        <el-table-column prop="updateTime" label="状态更新时间" width="180" />
-        <el-table-column label="操作" fixed="right">
-          <template #default="{ row }">
-            <el-button link type="primary" @click="viewDetail(row)">详情</el-button>
+            <el-tag :type="getStatusType(row.status)">{{ getStatusLabel(row.status) }}</el-tag>
           </template>
         </el-table-column>
+        <el-table-column prop="triageTime" label="分诊时间" />
       </el-table>
       <el-pagination
         v-model:current-page="queryParams.pageNum"
         v-model:page-size="queryParams.pageSize"
         :total="total"
-        layout="total, sizes, prev, pager, next"
-        @size-change="handleQuery"
-        @current-change="handleQuery"
+        layout="total, prev, pager, next"
+        @current-change="fetchQueueList"
       />
     </el-card>
   </div>
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue';
-import { getQueueList } from '@/api/triage';
-import dayjs from 'dayjs';
+import { ref, reactive, onMounted } from 'vue';
+import { getQueueList } from '@/api/triage/queue';
 
+const today = new Date().toISOString().split('T')[0];
 const loading = ref(false);
-const queueList = ref([]);
+const tableData = ref([]);
 const total = ref(0);
 
-const queryParams = ref({
-  dateRange: [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
+const queryParams = reactive({
   pageNum: 1,
-  pageSize: 20
+  pageSize: 20,
+  dateRange: [today, today],
+  startDate: today,
+  endDate: today,
+  status: ''
 });
 
 const handleDateChange = (val) => {
-  queryParams.value.dateRange = val;
-};
-
-const handleQuery = () => {
-  queryParams.value.pageNum = 1;
-  fetchQueueList();
-};
-
-const resetQuery = () => {
-  queryParams.value.dateRange = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')];
-  handleQuery();
+  if (val && val.length === 2) {
+    queryParams.startDate = val[0];
+    queryParams.endDate = val[1];
+  }
 };
 
 const fetchQueueList = async () => {
   loading.value = true;
   try {
-    const [start, end] = queryParams.value.dateRange || [];
-    const res = await getQueueList({
-      pageNum: queryParams.value.pageNum,
-      pageSize: queryParams.value.pageSize,
-      startDate: start ? `${start} 00:00:00` : null,
-      endDate: end ? `${end} 23:59:59` : null
-    });
-    queueList.value = res.data.records || [];
-    total.value = res.data.total || 0;
+    const res = await getQueueList(queryParams);
+    tableData.value = res.data.list;
+    total.value = res.data.total;
   } finally {
     loading.value = false;
   }
 };
 
-const getStatusText = (status) => {
-  const map = { 0: '待诊', 1: '就诊中', 2: '过号', 3: '完诊' };
-  return map[status] || '未知';
+const getStatusLabel = (status) => {
+  const map = { WAITING: '候诊', IN_PROGRESS: '就诊中', COMPLETED: '完诊', CANCELLED: '取消' };
+  return map[status] || status;
 };
 
 const getStatusType = (status) => {
-  const map = { 0: 'info', 1: 'warning', 2: 'danger', 3: 'success' };
+  const map = { WAITING: 'info', IN_PROGRESS: 'warning', COMPLETED: 'success', CANCELLED: 'danger' };
   return map[status] || 'info';
 };
 
-const viewDetail = (row) => {
-  // 预留详情跳转逻辑
-  console.log('查看队列详情:', row);
-};
-
 onMounted(() => {
   fetchQueueList();
 });
 </script>
-
-<style scoped>
-.queue-management-container { padding: 20px; }
-.search-card { margin-bottom: 20px; }
-.table-card { margin-bottom: 20px; }
-</style>