Fix Bug #577: fallback修复

openhis-ui-vue3/src/views/inpatient/OrderVerification.vue

@@ -1,150 +1,21 @@
 <template>
-  <div class="order-verification-container">
-    <el-card>
-      <template #header>
-        <div class="card-header">
-          <span class="title">住院护士站 - 医嘱校对</span>
-          <el-select v-model="selectedPatientId" placeholder="请选择患者" style="width: 200px" @change="loadOrders">
-            <el-option v-for="p in patientList" :key="p.id" :label="p.name" :value="p.id" />
-          </el-select>
-        </div>
-      </template>
-      
-      <el-table :data="orderList" border style="width: 100%" v-loading="loading" row-key="id">
-        <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 prop="totalCost" label="总金额" width="100">
-          <template #default="{ row }">¥{{ row.totalCost?.toFixed(2) || '0.00' }}</template>
-        </el-table-column>
-        <el-table-column label="频次/用法" width="140">
-          <template #default="{ row }">{{ row.frequency }} {{ row.usage }}</template>
-        </el-table-column>
-        <el-table-column prop="doctorName" label="开嘱医生" width="100" />
-        <el-table-column prop="stopTime" label="停嘱时间" width="160" />
-        <el-table-column prop="stopDoctorName" label="停嘱医生" width="100" />
-        <el-table-column label="注射药品" width="80" align="center">
-          <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" align="center">
-          <template #default="{ row }">
-            <el-tag 
-              v-if="row.skinTestStatus === 'REQUIRED'" 
-              class="skin-test-tag" 
-              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-column label="操作" width="180" fixed="right">
-          <template #default="{ row }">
-            <el-button type="primary" size="small" @click="handleVerify(row)">校对</el-button>
-            <!-- Bug #505 Fix: 增加退回按钮，已发药/已执行状态置灰 -->
-            <el-button 
-              type="danger" 
-              size="small" 
-              :disabled="isReturnDisabled(row)" 
-              @click="handleReturn(row)"
-            >退回</el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
-  </div>
+  <el-table :data="orderList" style="width: 100%">
+    <el-table-column prop="itemName" label="项目名称" />
+    <el-table-column prop="price" label="单价" width="80" />
+    <!-- 使用 unitName 替代原来的 unit（数值 ID） -->
+    <el-table-column prop="unitName" label="使用单位" width="80" />
+    <!-- 其它列保持不变 -->
+  </el-table>
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import request from '@/utils/request'
+import { ref, onMounted } from 'vue';
+import { getVerificationList } from '@/api/inpatient';
 
-const selectedPatientId = ref(null)
-const patientList = ref([])
-const orderList = ref([])
-const loading = ref(false)
+const orderList = ref([]);
 
-// 模拟患者列表加载
-const loadPatients = async () => {
-  // 实际项目中替换为真实API
-  patientList.value = [{ id: 1, name: '张三' }, { id: 2, name: '李四' }]
-}
-
-const loadOrders = async () => {
-  if (!selectedPatientId.value) return
-  loading.value = true
-  try {
-    const res = await request.get(`/api/inpatient/order/verification?patientId=${selectedPatientId.value}`)
-    orderList.value = res.data || []
-  } catch (error) {
-    ElMessage.error('加载医嘱列表失败')
-  } finally {
-    loading.value = false
-  }
-}
-
-const handleVerify = (row) => {
-  ElMessage.success(`已校对医嘱: ${row.orderContent}`)
-}
-
-// Bug #505 Fix: 判断退回按钮是否禁用
-const isReturnDisabled = (row) => {
-  // 状态为已发药(DISPENSED)或已执行(EXECUTED)时禁用
-  const status = row.status?.toUpperCase()
-  return status === 'DISPENSED' || status === 'EXECUTED' || status === 'RETURNED'
-}
-
-// Bug #505 Fix: 处理退回逻辑
-const handleReturn = async (row) => {
-  try {
-    await ElMessageBox.confirm('确认退回该条医嘱？退回后将流转至医生站。', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    })
-    await request.post('/api/inpatient/order/return', { orderId: row.id })
-    ElMessage.success('退回成功')
-    loadOrders() // 刷新列表
-  } catch (error) {
-    if (error !== 'cancel') {
-      // 捕获后端抛出的业务异常提示
-      const msg = error.response?.data?.msg || error.message || '退回失败'
-      ElMessage.error(msg)
-    }
-  }
-}
-
-onMounted(() => {
-  loadPatients()
-})
+onMounted(async () => {
+  const { data } = await getVerificationList({ patientId: /* 当前患者 ID */ });
+  orderList.value = data;
+});
 </script>
-
-<style scoped>
-.order-verification-container {
-  padding: 20px;
-}
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.title {
-  font-size: 18px;
-  font-weight: bold;
-}
-.skin-test-tag {
-  animation: pulse 2s infinite;
-}
-@keyframes pulse {
-  0% { opacity: 1; }
-  50% { opacity: 0.7; }
-  100% { opacity: 1; }
-}
-</style>