Fix Bug #505: AI修复

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

@@ -0,0 +1,139 @@
+<template>
+  <div class="order-verify-container">
+    <el-card class="header-card">
+      <el-tabs v-model="activeTab" @tab-click="handleTabChange">
+        <el-tab-pane label="待校对" name="pending" />
+        <el-tab-pane label="已校对" name="verified" />
+        <el-tab-pane label="已退回" name="returned" />
+      </el-tabs>
+    </el-card>
+
+    <el-card class="table-card">
+      <el-table
+        :data="orderList"
+        style="width: 100%"
+        @selection-change="handleSelectionChange"
+        v-loading="loading"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column prop="order_no" label="医嘱号" width="120" />
+        <el-table-column prop="drug_name" label="药品名称" />
+        <el-table-column prop="exec_status" label="执行状态" width="100" />
+        <el-table-column prop="dispensing_status" label="发药状态" width="100">
+          <template #default="{ row }">
+            <el-tag :type="getDispensingTagType(row.dispensing_status)">
+              {{ formatDispensingStatus(row.dispensing_status) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="action-bar">
+        <el-button
+          type="primary"
+          :disabled="isReturnBtnDisabled"
+          @click="handleReturn"
+        >
+          退回
+        </el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import axios from 'axios';
+
+const activeTab = ref('verified');
+const orderList = ref([]);
+const selectedOrders = ref([]);
+const loading = ref(false);
+
+// Bug #505 修复：计算退回按钮是否置灰
+const isReturnBtnDisabled = computed(() => {
+  if (selectedOrders.value.length === 0) return true;
+  // 若任意选中项已发药，则禁用按钮
+  return selectedOrders.value.some(
+    (order) => order.dispensing_status === 'DISPENSED'
+  );
+});
+
+const handleSelectionChange = (selection) => {
+  selectedOrders.value = selection;
+};
+
+const handleReturn = async () => {
+  if (selectedOrders.value.length === 0) {
+    ElMessage.warning('请至少选择一条医嘱');
+    return;
+  }
+
+  // 二次防御：若前端置灰逻辑被绕过，拦截并提示
+  const hasDispensed = selectedOrders.value.some(
+    (order) => order.dispensing_status === 'DISPENSED'
+  );
+  if (hasDispensed) {
+    ElMessage.error('该药品已由药房发放，请先执行退药处理，不可直接退回');
+    return;
+  }
+
+  try {
+    await ElMessageBox.confirm('确认将选中医嘱退回至医生站？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    });
+
+    loading.value = true;
+    const orderIds = selectedOrders.value.map((o) => o.id);
+    await axios.post('/api/nurse/order/return', { orderIds });
+    ElMessage.success('退回成功');
+    fetchOrders();
+  } catch (err) {
+    if (err.response?.data?.message) {
+      ElMessage.error(err.response.data.message);
+    } else if (err !== 'cancel') {
+      ElMessage.error('退回失败，请重试');
+    }
+  } finally {
+    loading.value = false;
+  }
+};
+
+const fetchOrders = async () => {
+  loading.value = true;
+  try {
+    const res = await axios.get('/api/nurse/order/list', {
+      params: { tab: activeTab.value },
+    });
+    orderList.value = res.data.data || [];
+  } catch {
+    ElMessage.error('获取医嘱列表失败');
+  } finally {
+    loading.value = false;
+  }
+};
+
+const handleTabChange = () => fetchOrders();
+
+const getDispensingTagType = (status) => {
+  const map = { PENDING: 'info', DISPENSED: 'success', RETURNED: 'warning' };
+  return map[status] || 'info';
+};
+
+const formatDispensingStatus = (status) => {
+  const map = { PENDING: '未发药', DISPENSED: '已发药', RETURNED: '已退药' };
+  return map[status] || status;
+};
+
+// 初始化加载
+fetchOrders();
+</script>
+
+<style scoped>
+.order-verify-container { padding: 16px; }
+.header-card { margin-bottom: 16px; }
+.action-bar { margin-top: 16px; display: flex; justify-content: flex-end; }
+</style>