Fix Bug #576: AI修复

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

@@ -0,0 +1,124 @@
+<template>
+  <div class="inspection-apply-container">
+    <el-tabs v-model="activeTab">
+      <el-tab-pane label="检验申请" name="apply">
+        <el-table :data="applyList" border style="width: 100%" v-loading="loading">
+          <el-table-column prop="applyNo" label="申请单号" width="150" />
+          <el-table-column prop="patientName" label="患者姓名" width="120" />
+          <el-table-column prop="status" label="状态" width="100">
+            <template #default="{ row }">
+              <el-tag :type="row.status === 'PENDING_SIGN' ? 'warning' : 'success'">{{ row.status === 'PENDING_SIGN' ? '待签发' : '已签发' }}</el-tag>
+            </template>
+          </el-table-column>
+          <el-table-column prop="createTime" label="申请时间" width="180" />
+          <el-table-column label="操作" width="120" fixed="right">
+            <template #default="{ row }">
+              <el-button type="primary" size="small" @click="handleEdit(row)" :disabled="row.status !== 'PENDING_SIGN'">修改</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+
+    <!-- 编辑检验申请单弹窗 -->
+    <el-dialog v-model="editDialogVisible" title="编辑检验申请单" width="900px" destroy-on-close>
+      <el-row :gutter="20">
+        <el-col :span="14">
+          <el-form :model="form" label-width="100px">
+            <el-form-item label="症状"><el-input v-model="form.symptoms" name="symptoms" placeholder="请输入症状" /></el-form-item>
+            <el-form-item label="体征"><el-input v-model="form.signs" name="signs" placeholder="请输入体征" /></el-form-item>
+            <el-form-item label="相关结果"><el-input v-model="form.relatedResults" type="textarea" rows="3" /></el-form-item>
+          </el-form>
+        </el-col>
+        <el-col :span="10">
+          <div class="selected-items-panel">
+            <h4>已选择</h4>
+            <el-table :data="selectedItems" border height="300" v-if="selectedItems.length > 0">
+              <el-table-column prop="itemName" label="检验项目" />
+              <el-table-column prop="price" label="单价(元)" width="90" align="right">
+                <template #default="{ row }">¥{{ row.price?.toFixed(2) || '0.00' }}</template>
+              </el-table-column>
+            </el-table>
+            <el-empty v-else description="无数据" :image-size="80" />
+          </div>
+        </el-col>
+      </el-row>
+      <template #footer>
+        <el-button @click="editDialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="handleSave">保存</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue'
+import request from '@/utils/request'
+
+const activeTab = ref('apply')
+const loading = ref(false)
+const applyList = ref([])
+const editDialogVisible = ref(false)
+const form = reactive({ symptoms: '', signs: '', relatedResults: '' })
+const selectedItems = ref([])
+
+const loadApplyList = async () => {
+  loading.value = true
+  try {
+    const res = await request.get('/inpatient/inspection-apply/list')
+    if (res.code === 200) applyList.value = res.data
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleEdit = async (row) => {
+  try {
+    const res = await request.get(`/inpatient/inspection-apply/${row.id}`)
+    if (res.code === 200) {
+      form.symptoms = res.data.symptoms || ''
+      form.signs = res.data.signs || ''
+      form.relatedResults = res.data.relatedResults || ''
+      // Bug #576 Fix: 正确回显已选项目列表，避免右侧面板显示为空
+      selectedItems.value = res.data.items || []
+    }
+    editDialogVisible.value = true
+  } catch (error) {
+    console.error('获取检验申请详情失败:', error)
+  }
+}
+
+const handleSave = async () => {
+  try {
+    await request.put('/inpatient/inspection-apply', {
+      id: form.id,
+      symptoms: form.symptoms,
+      signs: form.signs,
+      relatedResults: form.relatedResults,
+      items: selectedItems.value
+    })
+    editDialogVisible.value = false
+    loadApplyList()
+  } catch (error) {
+    console.error('保存检验申请失败:', error)
+  }
+}
+
+onMounted(() => {
+  loadApplyList()
+})
+</script>
+
+<style scoped>
+.selected-items-panel {
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  padding: 10px;
+  background: #fafafa;
+}
+.selected-items-panel h4 {
+  margin: 0 0 10px 0;
+  font-size: 14px;
+  color: #606266;
+}
+</style>