diff --git a/src/views/doctor/application/index.vue b/src/views/doctor/application/index.vue index 1647e66..53f2c45 100644 --- a/src/views/doctor/application/index.vue +++ b/src/views/doctor/application/index.vue @@ -233,19 +233,19 @@
- - - - {{userList.find(item => item.value == xkTransfuseApply.check_medic)?.label}} - - - - - {{ xkTransfuseApply.medic_check_date }} - - - - +
+
+ +
+ {{ item.label }} +
+ + +
+
+
@@ -310,37 +310,7 @@
病人最近检查结果
- - - - - - - - - - - - - - - - - +
@@ -591,6 +561,7 @@ import { } from '@/api/doctor/application' import { queryOperation, getDeptType, checkLoginAffirm } from '@/api/common' import ReviewComments from './component/reviewComments.vue' +import PatientLisTable from '../components/PatientLisTable.vue' import CheckUser from '@/components/CheckUser/index.vue' import useUserStore from '@/store/modules/user' import router from '@/router/index.js' @@ -667,30 +638,13 @@ const dictList = ref([ const formData = ref({ apply_date: '', }) //申请单信息 -const xkPatientInfo = ref({ - transfuse_history: 'N', - reaction_history: 'N', - match_history: 'N', - gestation_history: 'N', - parturition_history: 'N', - nldw: '岁', -}) //病人信息 +const xkPatientInfo = ref({}) //病人信息 const xkTransfuseApply = ref({ agreement_ink: 'Y', bill_type: '正常', apply_type: '001' }) //输血申请信息 - -const sexChange = (val: string) => { - if (val == '男') { - xkPatientInfo.value.parturition_history = 'N' - xkPatientInfo.value.gestation_history = 'N' - } -} - - - // 根据单据状态获取单元格样式（背景色+白色文字） const cellStyle = ({ row, column, rowIndex, columnIndex }) => { if (column.label == '单据状态') { @@ -741,6 +695,37 @@ const bloodFormRules = reactive({ } ] }) + +//流程节点 +const processList = ref([ + { label: '开单', operateTime: '2026-06-01 10:10:10' }, + { label: '上级医生审核', operateTime: '2026-06-02 13:10:10' }, + { label: '科主任审核', operateTime: '2026-06-01 15:10:10' }, + { label: '医务部审核', operateTime: '' }, + { label: '输血科审核', operateTime: '' }, + { label: '血型复核', operateTime: '' }, + { label: '交叉配血', operateTime: '' }, + { label: '临床发血', operateTime: '' }, +]) +// 当前激活步骤下标 +const currentStepIndex = computed(() => { + const list = processList.value + for (let i = 0; i < list.length; i++) { + if (!list[i].operateTime) return i + } + return list.length - 1 +}) + +// 节点状态类名 +const getNodeStatusClass = (item: { operateTime: string }, index: number) => { + const currIdx = currentStepIndex.value + // 已完成：有时间 + if (item.operateTime) return 'finish' + // 当前待办节点 + if (index === currIdx) return 'active' + // 未开始 + return 'wait' +} const visible = ref(false) const searchForm = ref({ stime: dayjs().format('YYYY-MM-DD'), @@ -815,14 +800,7 @@ const rowClick = (row) => { } //新增申请单 const addHandle = () => { - xkPatientInfo.value = { - transfuse_history: 'N', - reaction_history: 'N', - match_history: 'N', - gestation_history: 'N', - parturition_history: 'N', - nldw: '岁', - } //病人信息 + xkPatientInfo.value = {} //病人信息 xkTransfuseApply.value = { agreement_ink: 'Y', bill_type: '正常', @@ -1228,20 +1206,6 @@ const getSxList = () => { }) } -// 计算属性：自动平分数组，分成两组 -const splitList = computed(() => { - const list = lisProject.value - console.log("🚀 ~ lisProject.value:", lisProject.value) - const midIndex = Math.ceil(list.length / 2) - const firstGroup = list.slice(0, midIndex) - const secondGroup = list.slice(midIndex) - console.log("🚀 ~ firstGroup, secondGroup:", firstGroup, secondGroup) - return { firstGroup, secondGroup } -}) - -// 拆分后两组数据 -const firstGroup = computed(() => splitList.value.firstGroup) -const secondGroup = computed(() => splitList.value.secondGroup) onMounted(() => { loadAllDict() @@ -1262,9 +1226,6 @@ onMounted(() => { const [a, b] = getParam('SQDSFKRLXGXX').split('/') aboFlag.value = b } - - - }) // 监听路由变化 @@ -1352,9 +1313,6 @@ onBeforeUnmount(() => { .tableBox { height: calc(100% - 30px); - display: flex; - gap: 10px; - overflow: auto; } } } @@ -1517,4 +1475,76 @@ onBeforeUnmount(() => { height: 1px; background-color: #ccc; } + +.flow-wrap { + display: flex; + align-items: center; + width: 100%; + overflow-x: auto; + margin-top: 5px; +} + +.flow-item { + display: flex; + align-items: center; + flex-shrink: 0; +} + +// 圆圈节点 +.circle-node { + font-size: 12px; + padding: 6px; + border: 2px solid; +} + +// 已完成（绿色） +.circle-node.finish { + background: #e6f9ef; + border-color: #00b42a; + color: #00b42a; +} + +// 当前节点（蓝色） +.circle-node.active { + background: #e8f3ff; + border-color: #409eff; + color: #409eff; + font-weight: bold; +} + +// 未操作（灰色） +.circle-node.wait { + background: #f5f7fa; + border-color: #dcdcdc; + color: #86909c; +} + +// 默认灰色箭头 +.arrow-line { + width: 40px; + height: 2px; + background: #c0c4cc; + position: relative; + margin: 0 8px; + flex-shrink: 0; + + &::after { + content: ''; + position: absolute; + right: 0; + top: -4px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-left: 8px solid #c0c4cc; + } +} + +// 已完成节点对应的绿色箭头 +.arrow-line.arrow_finish { + background: #00b42a; + + &::after { + border-left-color: #00b42a; + } +} \ No newline at end of file diff --git a/src/views/doctor/assessment/index.vue b/src/views/doctor/assessment/index.vue index 3c9d896..6956a20 100644 --- a/src/views/doctor/assessment/index.vue +++ b/src/views/doctor/assessment/index.vue @@ -20,7 +20,7 @@ - +
@@ -172,23 +172,12 @@
-
-
病人最近检查结果
+
+
病人最近检查结果
+
+ +
- - - - - - - - - {{ item.item_unit }} - - - - -
@@ -256,6 +245,7 @@ import { queryLisProject, getParameterOne } from '@/api/common' import { getDictData, formatDict, dictData } from '@/hooks' import router from '@/router' import { ElMessage, ElMessageBox } from 'element-plus' +import PatientLisTable from '../components/PatientLisTable.vue' import { printBase64PDF } from '@/utils/classCom' import useUserStore from '@/store/modules/user' import { useSysParam } from '@/hooks/useSysParam' @@ -517,11 +507,20 @@ onMounted(() => { \ No newline at end of file