Fix Bug #562: AI修复

openhis-ui-vue3/src/views/clinic/outpatient/medicalrecord/PendingMedicalRecord.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="pending-medical-record-container">
+    <el-card shadow="never">
+      <template #header>
+        <div class="card-header">
+          <span>待写病历</span>
+          <el-button type="primary" @click="handleRefresh" :loading="loading">刷新</el-button>
+        </div>
+      </template>
+
+      <!-- 修复：使用 v-loading 指令，确保状态受控 -->
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        class="pending-record-table"
+        style="width: 100%"
+        @row-click="handleRowClick"
+      >
+        <el-table-column prop="patientName" label="患者姓名" width="120" />
+        <el-table-column prop="visitDate" label="就诊日期" width="150" />
+        <el-table-column prop="diagnosis" label="初步诊断" show-overflow-tooltip />
+        <el-table-column prop="status" label="状态" width="100">
+          <template #default="{ row }">
+            <el-tag type="warning">{{ row.status === 'PENDING' ? '待写' : row.status }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="100" fixed="right">
+          <template #default="{ row }">
+            <el-button type="primary" link @click.stop="handleWrite(row)">书写</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="pagination-wrapper">
+        <el-pagination
+          v-model:current-page="queryParams.pageNum"
+          v-model:page-size="queryParams.pageSize"
+          :total="total"
+          layout="total, prev, pager, next"
+          @current-change="fetchData"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { getPendingMedicalRecords } from '@/api/clinic/medicalRecord';
+import { ElMessage } from 'element-plus';
+
+const router = useRouter();
+const loading = ref(false);
+const tableData = ref([]);
+const total = ref(0);
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 20
+});
+
+// 修复：使用 try-finally 确保 loading 状态在任何情况下都能正确重置
+const fetchData = async () => {
+  loading.value = true;
+  try {
+    const res = await getPendingMedicalRecords(queryParams);
+    tableData.value = res.data.list || [];
+    total.value = res.data.total || 0;
+  } catch (error) {
+    console.error('加载待写病历失败:', error);
+    ElMessage.error('数据加载失败，请重试');
+    tableData.value = [];
+    total.value = 0;
+  } finally {
+    loading.value = false;
+  }
+};
+
+const handleRefresh = () => {
+  queryParams.pageNum = 1;
+  fetchData();
+};
+
+const handleRowClick = (row) => {
+  handleWrite(row);
+};
+
+const handleWrite = (row) => {
+  router.push({ path: '/clinic/outpatient/medicalrecord/write', query: { id: row.id } });
+};
+
+onMounted(fetchData);
+</script>
+
+<style scoped>
+.pending-medical-record-container {
+  padding: 16px;
+}
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.pagination-wrapper {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+</style>