Fix Bug #584: AI修复

openhis-ui-vue3/src/views/inpatient/doctorstation/components/SurgeryApplyHistory.vue

@@ -54,15 +54,27 @@
           <el-tag :type="getStatusType(row.status)" effect="light">{{ getStatusText(row.status) }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="150" fixed="right" align="center">
-        <template #default="scope">
-          <el-button link type="primary" @click="handleView(scope.row)">查看</el-button>
-          <el-button v-if="scope.row.status === 1" link type="warning" @click="handleSign(scope.row)">签发</el-button>
-          <el-button v-if="scope.row.status === 1" link type="danger" @click="handleRevoke(scope.row)">撤销</el-button>
+      <el-table-column label="操作" width="220" fixed="right" align="center">
+        <template #default="{ row }">
+          <el-button link type="primary" @click="handleView(row)">详情</el-button>
+          <!-- 待签发 (1) -->
+          <template v-if="row.status === 1">
+            <el-button link type="primary" @click="handleEdit(row)">编辑</el-button>
+            <el-button link type="danger" @click="handleDelete(row)">删除</el-button>
+          </template>
+          <!-- 已签发 (2) -->
+          <template v-else-if="row.status === 2">
+            <el-button link type="warning" @click="handleRevoke(row)">撤回</el-button>
+          </template>
+          <!-- 已校对/已执行/已安排/已完成 (3,4,5,6) -->
+          <template v-else-if="[3, 4, 5, 6].includes(row.status)">
+            <el-button link type="info" @click="handlePrint(row)">打印</el-button>
+          </template>
         </template>
       </el-table-column>
     </el-table>
-    
+
+    <!-- 分页 -->
     <el-pagination
       v-model:current-page="queryParams.pageNum"
       v-model:page-size="queryParams.pageSize"
@@ -73,85 +85,135 @@
       @current-change="handleQuery"
       style="margin-top: 15px; justify-content: flex-end;"
     />
+
+    <!-- 编辑弹窗 (复用临床医嘱-手术界面) -->
+    <el-dialog v-model="editDialogVisible" title="编辑手术申请单" width="800px" destroy-on-close>
+      <AdviceForm ref="editFormRef" :is-edit="true" :initial-data="currentEditData" @confirm="onEditConfirm" @cancel="editDialogVisible = false" />
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
-import { ref, reactive, onMounted } from 'vue';
-import { ElMessage, ElMessageBox } from 'element-plus';
-// import { getSurgeryApplyList, signSurgeryApply, revokeSurgeryApply } from '@/api/doctorstation'; // 假设API路径
+import { ref, reactive, onMounted } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import AdviceForm from './AdviceForm.vue'
+// 假设 API 模块路径，实际项目请根据路由调整
+import { getSurgeryApplyList, deleteSurgeryApply, revokeSurgeryApply, printSurgeryApply, updateSurgeryApply } from '@/api/surgery'
 
-const loading = ref(false);
-const tableData = ref([]);
-const total = ref(0);
+const loading = ref(false)
+const tableData = ref([])
+const total = ref(0)
+const editDialogVisible = ref(false)
+const currentEditData = ref({})
+const editFormRef = ref(null)
 
 const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
   dateRange: [],
   status: '',
-  keyword: '',
-  pageNum: 1,
-  pageSize: 10
-});
+  keyword: ''
+})
 
 const dateShortcuts = [
-  { text: '最近一周', value: () => { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); return [start, end]; } },
-  { text: '最近一个月', value: () => { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); return [start, end]; } }
-];
-
-// 状态映射逻辑 (严格对应需求)
-const getStatusType = (status) => {
-  const map = { 1: 'info', 2: 'primary', 3: 'primary', 4: 'primary', 5: 'warning', 6: 'success', 10: 'danger' };
-  return map[status] || 'info';
-};
+  { text: '最近一周', value: () => { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); return [start, end] } },
+  { text: '最近一个月', value: () => { const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 * 24 * 30); return [start, end] } }
+]
 
 const getStatusText = (status) => {
-  const map = { 1: '待签发', 2: '已签发', 3: '已校对', 4: '已执行', 5: '已安排', 6: '已完成', 10: '已撤销' };
-  return map[status] || '未知';
-};
+  const map = { 1: '待签发', 2: '已签发', 3: '已校对', 4: '已执行', 5: '已安排', 6: '已完成', 10: '已撤销' }
+  return map[status] || '未知'
+}
 
-const handleQuery = () => {
-  loading.value = true;
-  // 模拟API调用替换为实际接口
-  setTimeout(() => {
-    // tableData.value = res.data.list;
-    // total.value = res.data.total;
-    loading.value = false;
-  }, 300);
-};
+const getStatusType = (status) => {
+  const map = { 1: 'info', 2: 'primary', 3: 'success', 4: 'success', 5: 'warning', 6: 'success', 10: 'danger' }
+  return map[status] || 'info'
+}
+
+const handleQuery = async () => {
+  loading.value = true
+  try {
+    const res = await getSurgeryApplyList(queryParams)
+    tableData.value = res.data.list || []
+    total.value = res.data.total || 0
+  } catch (e) {
+    ElMessage.error('查询失败')
+  } finally {
+    loading.value = false
+  }
+}
 
 const handleReset = () => {
-  queryParams.dateRange = [];
-  queryParams.status = '';
-  queryParams.keyword = '';
-  queryParams.pageNum = 1;
-  handleQuery();
-};
+  queryParams.dateRange = []
+  queryParams.status = ''
+  queryParams.keyword = ''
+  queryParams.pageNum = 1
+  handleQuery()
+}
 
 const handleView = (row) => {
-  ElMessage.info(`查看手术单: ${row.applyNo}`);
-};
+  // 打开详情弹窗或路由跳转
+  ElMessage.info(`查看手术申请单详情: ${row.applyNo}`)
+}
 
-const handleSign = async (row) => {
+const handleEdit = (row) => {
+  currentEditData.value = { ...row }
+  editDialogVisible.value = true
+}
+
+const onEditConfirm = async (formData) => {
   try {
-    await ElMessageBox.confirm('确认签发该手术申请？签发后将流转至护士站。', '提示', { type: 'warning' });
-    // await signSurgeryApply(row.id);
-    ElMessage.success('签发成功');
-    handleQuery();
-  } catch {}
-};
+    await updateSurgeryApply(formData)
+    ElMessage.success('修改成功')
+    editDialogVisible.value = false
+    handleQuery()
+  } catch (e) {
+    ElMessage.error('修改失败')
+  }
+}
+
+const handleDelete = async (row) => {
+  try {
+    await ElMessageBox.confirm('确认删除该笔手术申请单吗？删除后数据还原将无法恢复。', '提示', {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      confirmButtonClass: 'el-button--danger',
+      type: 'warning'
+    })
+    await deleteSurgeryApply(row.id)
+    ElMessage.success('删除成功，状态已更新为已作废')
+    handleQuery()
+  } catch (e) {
+    if (e !== 'cancel') ElMessage.error('删除失败')
+  }
+}
 
 const handleRevoke = async (row) => {
   try {
-    await ElMessageBox.confirm('确认撤销该手术申请？撤销后将无法恢复。', '警告', { type: 'error' });
-    // await revokeSurgeryApply(row.id);
-    ElMessage.success('撤销成功');
-    handleQuery();
-  } catch {}
-};
+    await ElMessageBox.confirm('确认撤回该手术申请吗？', '提示', { type: 'warning' })
+    const res = await revokeSurgeryApply(row.id)
+    if (res.code === 200) {
+      ElMessage.success('撤回成功，单据已回滚至待签发状态')
+      handleQuery()
+    } else {
+      ElMessage.error(res.msg || '撤回失败！该手术申请已由病区护士已校对，请致电病区护士处理。')
+    }
+  } catch (e) {
+    if (e !== 'cancel') {
+      const errMsg = e.response?.data?.msg || e.message || '撤回失败！该手术申请已由病区护士已校对，请致电病区护士处理。'
+      ElMessage.error(errMsg)
+    }
+  }
+}
+
+const handlePrint = (row) => {
+  ElMessage.success('正在调用打印服务...')
+  printSurgeryApply(row.id)
+}
 
 onMounted(() => {
-  handleQuery();
-});
+  handleQuery()
+})
 </script>
 
 <style scoped>