Fix Bug #584: fallback修复
This commit is contained in:
221
openhis-ui-vue3/src/views/inpatient/SurgeryApplyHistory.vue
Normal file
221
openhis-ui-vue3/src/views/inpatient/SurgeryApplyHistory.vue
Normal file
@@ -0,0 +1,221 @@
|
|||||||
|
<template>
|
||||||
|
<div class="surgery-apply-history">
|
||||||
|
<el-card class="box-card">
|
||||||
|
<template #header>
|
||||||
|
<div class="card-header">
|
||||||
|
<span>手术申请历史</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="applyList"
|
||||||
|
border
|
||||||
|
stripe
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column prop="applyNo" label="申请单号" width="150" />
|
||||||
|
<el-table-column prop="patientName" label="患者姓名" width="120" />
|
||||||
|
<el-table-column prop="deptName" label="科室" width="120" />
|
||||||
|
<el-table-column prop="surgeryName" label="手术名称" min-width="180" show-overflow-tooltip />
|
||||||
|
<el-table-column prop="applyDate" label="申请日期" width="160">
|
||||||
|
<template #default="{ row }">
|
||||||
|
{{ formatDate(row.applyDate) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="status" label="状态" width="120">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<el-tag :type="statusTagType(row.status)">{{ statusText(row.status) }}</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<!-- 新增操作列 -->
|
||||||
|
<el-table-column label="操作" fixed="right" width="260">
|
||||||
|
<template #default="{ row }">
|
||||||
|
<!-- 详情按钮（原有） -->
|
||||||
|
<el-button type="primary" size="small" @click="viewDetail(row)">
|
||||||
|
详情
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<!-- 根据状态动态显示业务按钮 -->
|
||||||
|
<el-button
|
||||||
|
v-if="row.status === 'PENDING'"
|
||||||
|
type="warning"
|
||||||
|
size="small"
|
||||||
|
@click="handleEdit(row)"
|
||||||
|
>
|
||||||
|
修改
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
v-if="row.status === 'PENDING'"
|
||||||
|
type="danger"
|
||||||
|
size="small"
|
||||||
|
@click="handleDelete(row)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
v-if="row.status === 'APPROVED'"
|
||||||
|
type="info"
|
||||||
|
size="small"
|
||||||
|
@click="handleWithdraw(row)"
|
||||||
|
>
|
||||||
|
撤回
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
v-if="row.status !== 'CANCELLED'"
|
||||||
|
type="success"
|
||||||
|
size="small"
|
||||||
|
@click="handlePrint(row)"
|
||||||
|
>
|
||||||
|
打印
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!-- 详情弹窗 -->
|
||||||
|
<el-dialog
|
||||||
|
v-model="detailVisible"
|
||||||
|
title="手术申请详情"
|
||||||
|
width="800px"
|
||||||
|
destroy-on-close
|
||||||
|
>
|
||||||
|
<SurgeryApplyDetail :apply-id="currentApplyId" />
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="detailVisible = false">关闭</el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!-- 编辑弹窗 -->
|
||||||
|
<el-dialog
|
||||||
|
v-model="editVisible"
|
||||||
|
title="修改手术申请"
|
||||||
|
width="800px"
|
||||||
|
destroy-on-close
|
||||||
|
>
|
||||||
|
<SurgeryApplyForm :apply-id="currentApplyId" @saved="refreshList" />
|
||||||
|
<template #footer>
|
||||||
|
<el-button @click="editVisible = false">取消</el-button>
|
||||||
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</el-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, onMounted } from 'vue';
|
||||||
|
import { getSurgeryApplyHistory, deleteSurgeryApply, withdrawSurgeryApply } from '@/api/inpatient/surgery';
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||||||
|
import SurgeryApplyDetail from '@/components/SurgeryApplyDetail.vue';
|
||||||
|
import SurgeryApplyForm from '@/components/SurgeryApplyForm.vue';
|
||||||
|
|
||||||
|
// 表格数据及状态
|
||||||
|
const loading = ref(false);
|
||||||
|
const applyList = ref([]);
|
||||||
|
const detailVisible = ref(false);
|
||||||
|
const editVisible = ref(false);
|
||||||
|
const currentApplyId = ref(null);
|
||||||
|
|
||||||
|
// 初始化加载
|
||||||
|
const fetchData = async () => {
|
||||||
|
loading.value = true;
|
||||||
|
try {
|
||||||
|
const res = await getSurgeryApplyHistory();
|
||||||
|
applyList.value = res.data || [];
|
||||||
|
} catch (e) {
|
||||||
|
ElMessage.error('加载手术申请历史失败');
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
onMounted(fetchData);
|
||||||
|
|
||||||
|
// 刷新列表
|
||||||
|
const refreshList = () => {
|
||||||
|
fetchData();
|
||||||
|
};
|
||||||
|
|
||||||
|
// 操作按钮实现
|
||||||
|
const viewDetail = (row) => {
|
||||||
|
currentApplyId.value = row.id;
|
||||||
|
detailVisible.value = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleEdit = (row) => {
|
||||||
|
currentApplyId.value = row.id;
|
||||||
|
editVisible.value = true;
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleDelete = async (row) => {
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm('确定要删除该手术申请吗？', '删除确认', {
|
||||||
|
type: 'warning',
|
||||||
|
});
|
||||||
|
await deleteSurgeryApply(row.id);
|
||||||
|
ElMessage.success('删除成功');
|
||||||
|
refreshList();
|
||||||
|
} catch (e) {
|
||||||
|
// 用户取消或接口错误均不做处理
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handleWithdraw = async (row) => {
|
||||||
|
try {
|
||||||
|
await ElMessageBox.confirm('撤回后将重新进入审批流程，是否继续？', '撤回确认', {
|
||||||
|
type: 'info',
|
||||||
|
});
|
||||||
|
await withdrawSurgeryApply(row.id);
|
||||||
|
ElMessage.success('撤回成功');
|
||||||
|
refreshList();
|
||||||
|
} catch (e) {
|
||||||
|
// 取消或错误
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const handlePrint = (row) => {
|
||||||
|
// 这里调用后端打印接口或打开打印模板
|
||||||
|
window.open(`/api/inpatient/surgery/print/${row.id}`, '_blank');
|
||||||
|
};
|
||||||
|
|
||||||
|
// 状态文字与标签颜色映射
|
||||||
|
const statusText = (code) => {
|
||||||
|
const map = {
|
||||||
|
PENDING: '待审批',
|
||||||
|
APPROVED: '已批准',
|
||||||
|
REJECTED: '已驳回',
|
||||||
|
CANCELLED: '已作废',
|
||||||
|
};
|
||||||
|
return map[code] || code;
|
||||||
|
};
|
||||||
|
|
||||||
|
const statusTagType = (code) => {
|
||||||
|
const map = {
|
||||||
|
PENDING: 'warning',
|
||||||
|
APPROVED: 'success',
|
||||||
|
REJECTED: 'danger',
|
||||||
|
CANCELLED: 'info',
|
||||||
|
};
|
||||||
|
return map[code] || 'default';
|
||||||
|
};
|
||||||
|
|
||||||
|
const formatDate = (dateStr) => {
|
||||||
|
if (!dateStr) return '-';
|
||||||
|
const d = new Date(dateStr);
|
||||||
|
return d.toLocaleString();
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.surgery-apply-history {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.card-header {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user