Fix Bug #595: AI修复

openhis-ui-vue3/src/views/inpatient/nurse/OrderVerify.vue

@@ -1,115 +1,136 @@
 <template>
   <div class="order-verify-container">
-    <el-card>
+    <el-card shadow="never">
       <template #header>
         <div class="card-header">
-          <span>医嘱校对 - 已校对</span>
+          <span>医嘱校对</span>
+          <el-button type="primary" @click="handleVerify" :disabled="!selectedOrders.length">
+            批量校对
+          </el-button>
         </div>
       </template>
 
       <el-table
-        :data="orderList"
-        @selection-change="handleSelectionChange"
         v-loading="loading"
+        :data="orderList"
         border
+        stripe
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
       >
         <el-table-column type="selection" width="55" />
-        <el-table-column prop="orderNo" label="医嘱号" width="120" />
-        <el-table-column prop="itemName" label="药品名称" />
-        <el-table-column prop="executeStatus" label="执行状态" width="100">
+        <el-table-column prop="startTime" label="开始时间" width="160" />
+        <el-table-column prop="singleDose" label="单次剂量" width="100" />
+        <el-table-column prop="totalAmount" label="总量" width="100" />
+        <el-table-column label="频次/用法" width="140">
           <template #default="{ row }">
-            <el-tag :type="row.executeStatus === 1 ? 'success' : 'info'">
-              {{ row.executeStatus === 1 ? '已执行' : '未执行' }}
-            </el-tag>
+            {{ row.frequency }} / {{ row.usage }}
           </template>
         </el-table-column>
-        <el-table-column prop="dispenseStatus" label="发药状态" width="100">
+        <el-table-column prop="prescribingDoctor" label="开嘱医生" width="100" />
+        <el-table-column prop="stopTime" label="停嘱时间" width="160">
           <template #default="{ row }">
-            <el-tag :type="row.dispenseStatus === 1 ? 'warning' : 'info'">
-              {{ row.dispenseStatus === 1 ? '已发药' : '未发药' }}
-            </el-tag>
+            {{ row.stopTime || '-' }}
           </template>
         </el-table-column>
+        <el-table-column prop="stoppingDoctor" label="停嘱医生" width="100">
+          <template #default="{ row }">
+            {{ row.stoppingDoctor || '-' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="注射药品" width="100">
+          <template #default="{ row }">
+            <el-tag v-if="row.isInjection" type="warning" size="small">是</el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="皮试" width="100">
+          <template #default="{ row }">
+            <el-tag v-if="row.skinTestRequired" type="danger" effect="dark" size="small">
+              需皮试
+            </el-tag>
+            <el-tag v-else-if="row.skinTestStatus === 'PASSED'" type="success" size="small">
+              已过关
+            </el-tag>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="diagnosis" label="诊断" min-width="150" show-overflow-tooltip />
+        <el-table-column prop="orderContent" label="医嘱内容" min-width="200" show-overflow-tooltip />
       </el-table>
 
-      <div class="toolbar mt-4">
-        <!-- Bug #505 修复：动态绑定 disabled，阻断已发药/已执行医嘱的退回操作 -->
-        <el-button
-          type="warning"
-          :disabled="isReturnDisabled"
-          @click="handleReturn"
-        >
-          退回
-        </el-button>
-      </div>
+      <el-pagination
+        class="pagination"
+        v-model:current-page="queryParams.pageNum"
+        v-model:page-size="queryParams.pageSize"
+        :total="total"
+        layout="total, prev, pager, next"
+        @current-change="fetchOrderList"
+      />
     </el-card>
   </div>
 </template>
 
-<script setup>
-import { ref, computed, onMounted } from 'vue';
-import { ElMessage, ElMessageBox } from 'element-plus';
-import { getVerifiedOrders, returnOrdersApi } from '@/api/inpatient/order';
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import { getOrderVerifyList, verifyOrders } from '@/api/inpatient/nurse'
 
-const loading = ref(false);
-const orderList = ref([]);
-const selectedOrders = ref([]);
+const loading = ref(false)
+const orderList = ref<any[]>([])
+const selectedOrders = ref<any[]>([])
+const total = ref(0)
 
-// Bug #505 核心修复：计算属性控制按钮状态
-const isReturnDisabled = computed(() => {
-  if (selectedOrders.value.length === 0) return true;
-  // 若选中项中存在已发药或已执行的医嘱，则禁用退回按钮
-  return selectedOrders.value.some(order =>
-    order.dispenseStatus === 1 || order.executeStatus === 1
-  );
-});
-
-const handleSelectionChange = (selection) => {
-  selectedOrders.value = selection;
-};
-
-const handleReturn = async () => {
-  // 二次校验（防御性编程，防止绕过 disabled 属性）
-  const hasDispensed = selectedOrders.value.some(o => o.dispenseStatus === 1);
-  const hasExecuted = selectedOrders.value.some(o => o.executeStatus === 1);
-
-  if (hasDispensed) {
-    ElMessage.warning('该药品已由药房发放，请先执行退药处理，不可直接退回');
-    return;
-  }
-  if (hasExecuted) {
-    ElMessage.warning('该医嘱已执行，请先取消执行后再操作退回');
-    return;
-  }
+const queryParams = reactive({
+  patientId: 11, // 示例：实际应从路由或患者选择组件获取
+  pageNum: 1,
+  pageSize: 20
+})
 
+const fetchOrderList = async () => {
+  loading.value = true
   try {
-    await ElMessageBox.confirm('确定要退回选中的医嘱吗？', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    });
-    const ids = selectedOrders.value.map(o => o.id);
-    await returnOrdersApi(ids);
-    ElMessage.success('退回成功');
-    fetchOrders();
+    const res = await getOrderVerifyList(queryParams)
+    orderList.value = res.data.records
+    total.value = res.data.total
   } catch (error) {
-    if (error !== 'cancel') {
-      ElMessage.error('退回失败');
-    }
-  }
-};
-
-const fetchOrders = async () => {
-  loading.value = true;
-  try {
-    const res = await getVerifiedOrders();
-    orderList.value = res.data || [];
+    ElMessage.error('获取医嘱列表失败')
   } finally {
-    loading.value = false;
+    loading.value = false
   }
-};
+}
+
+const handleSelectionChange = (selection: any[]) => {
+  selectedOrders.value = selection
+}
+
+const handleVerify = async () => {
+  try {
+    await verifyOrders(selectedOrders.value.map(o => o.id))
+    ElMessage.success('校对成功')
+    fetchOrderList()
+  } catch (error) {
+    ElMessage.error('校对失败')
+  }
+}
 
 onMounted(() => {
-  fetchOrders();
-});
+  fetchOrderList()
+})
 </script>
+
+<style scoped>
+.order-verify-container {
+  padding: 16px;
+}
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.pagination {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+</style>