Fix Bug #561: AI修复

openhis-ui-vue3/src/views/outpatient/doctor-workstation/OrderList.vue

@@ -0,0 +1,91 @@
+<template>
+  <div class="order-list-container">
+    <el-card shadow="never">
+      <template #header>
+        <div class="card-header">
+          <span>门诊医嘱</span>
+          <el-button type="primary" @click="handleAddOrder">新增医嘱</el-button>
+        </div>
+      </template>
+
+      <el-table
+        :data="orderList"
+        border
+        style="width: 100%"
+        data-cy="order-list"
+        v-loading="loading"
+      >
+        <el-table-column prop="itemName" label="项目名称" min-width="150" />
+        <el-table-column label="总量" width="120" align="center">
+          <template #default="{ row }">
+            <span data-cy="total-quantity">
+              {{ row.quantity ?? 0 }} {{ row.unit || '' }}
+            </span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="status" label="状态" width="100" align="center">
+          <template #default="{ row }">
+            <el-tag :type="row.status === 'PENDING' ? 'warning' : 'success'">
+              {{ row.status === 'PENDING' ? '待执行' : '已完成' }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="100" fixed="right" align="center">
+          <template #default="{ row }">
+            <el-button type="danger" link @click="handleCancel(row)">撤销</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { ElMessage } from 'element-plus'
+import { getOrderDetails } from '@/api/outpatient/order'
+
+const props = defineProps({
+  patientId: { type: String, required: true }
+})
+
+const loading = ref(false)
+const orderList = ref([])
+
+const fetchOrders = async () => {
+  loading.value = true
+  try {
+    const res = await getOrderDetails(props.patientId)
+    orderList.value = res.data || []
+  } catch (e) {
+    console.error('Failed to fetch orders:', e)
+    ElMessage.error('获取医嘱列表失败')
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleAddOrder = () => {
+  // 触发新增医嘱逻辑
+  ElMessage.info('打开新增医嘱弹窗')
+}
+
+const handleCancel = (row) => {
+  ElMessage.warning(`撤销医嘱: ${row.itemName}`)
+}
+
+onMounted(() => {
+  fetchOrders()
+})
+</script>
+
+<style scoped>
+.order-list-container {
+  padding: 16px;
+}
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+</style>