wangyizhe/his
3
3
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

解决合并冲突

Browse Source
This commit is contained in:
chenqi
2025-12-10 14:20:24 +08:00
parent e1385cb3e6
commit 18f6a845e6
804 changed files with 61881 additions and 13577 deletions
Download Patch File Download Diff File Expand all files Collapse all files

897
openhis-ui-vue3/src/template/FallBedFallAssessment.vue Normal file
View File

@@ -0,0 +1,897 @@
<template>
<div>
<div class="business">
<el-table
:data="tableDataSource"
border
stripe
fit
:header-cell-style="{ background: '#f2f2f2', color: 'black' }"
>
<el-table-column prop="content.recordTime" label="记录时间" />
<el-table-column prop="content.totalScore" label="评估分数" />
<el-table-column prop="content.patientCareSessionsTableList" label="护理措施" />
<el-table-column prop="content.nurseSignature" label="责任护士" />
<el-table-column label="操作" align="center">
<template #default="scope">
<el-button
plain
type="primary"
size="small"
@click="handleUpdate(scope.row)"
:disabled="admissionDataForm !== undefined"
>
编辑
</el-button>
<el-button
plain
type="danger"
size="small"
@click="handleDelete(scope.row)"
:disabled="admissionDataForm !== undefined"
>
删除
</el-button>
</template>
</el-table-column>
</el-table>
<div name="跌倒/坠床评估护理记录单" class="changeMajor" style="width: 99.9%">
<div>
<el-form ref="formRef" :model="form" style="width: 99.9%">
<el-form-item style="text-align: center">
<div
style="
width: 100%;
font-size: 14pt;
color: black;
text-align: center;
font-weight: 600;
line-height: 36px;
"
>
<span class="space">跌倒/坠床评估护理记录单</span>
</div>
</el-form-item>
<el-form-item label="日期：" class="changeMajorFromItem" style="width: 100%">
<el-row :span="20">
<el-col :span="8" style="padding-left: 0px !important">
<el-form-item>
<el-date-picker
v-model="form.ZKDATE"
type="datetime"
placeholder="选择日期"
value-format="YYYY-MM-DD HH:mm:ss"
format="YYYY-MM-DD HH:mm:ss"
style="width: 800px"
:disabled="admissionDataForm !== undefined"
/>
<!-- <span style="margin-left: 5px">时间：</span>
<el-time-picker
v-model="form.ZKTIME"
placeholder="选择时间"
value-format="HH:mm:ss"
style="width: 40%"
:disabled="admissionDataForm !== undefined"
/> -->
</el-form-item>
</el-col>
<el-col :span="5">
<el-button
v-if="!updateFlag"
type="primary"
size="medium"
style="margin-left: 25px"
@click="onSubmit"
>
新增记录
</el-button>
<el-button
v-else
type="primary"
size="small"
style="margin-left: 5px"
@click="onSubmit"
>
保存记录
</el-button>
</el-col>
</el-row>
</el-form-item>
<el-form-item style="padding-top: 10px; margin: 0px !important">
<el-table
:data="dangerData"
border
:span-method="handleSpan"
style="text-align: center"
>
<el-table-column
v-for="column in dangerColumns"
:key="column.key"
:prop="column.key"
:width="column.width"
:label="column.title"
align="center"
/>
<el-table-column prop="id" label="选择" width="80" align="center">
<template #default="{ row }">
<el-checkbox v-model="row.checked" @change="handleDangerChange(row)" />
</template>
</el-table-column>
</el-table>
</el-form-item>
<el-form-item
style="text-align: center; margin-bottom: 0px; padding: 0px"
class="changeMajorFromItem"
>
<el-row :span="24">
<el-col :span="24">
<span style="font-size: large">总分：</span>
<span>{{ totalScore }}</span>
</el-col>
</el-row>
</el-form-item>
<el-form-item style="padding-top: 10px">
<el-table
:data="nursingData"
border
:span-method="arraySpanMethod"
style="width: 100%"
>
<el-table-column
v-for="column in nursingColumns"
:key="column.key"
:prop="column.key"
:width="column.width"
:label="column.title"
align="center"
/>
<el-table-column prop="id" label="选择" width="80" align="center">
<template #default="{ row }">
<el-checkbox v-model="row.checked" @change="handleNursingChange(row)" />
</template>
</el-table-column>
</el-table>
</el-form-item>
<el-form-item
style="text-align: center; margin-bottom: 0px; padding: 0px"
class="changeMajorFromItem"
>
<el-row
:span="24"
style="display: flex; justify-content: center; align-items: center"
>
<div style="display: flex; align-items: center; gap: 10px">
<span style="font-size: large; margin-left: 10vh">护士签字：</span>
<el-input
v-model="form.nurseSignature"
style="width: 300px; padding: 8px"
disabled
/>
</div>
</el-row>
</el-form-item>
<el-form-item>
<el-row :span="20">
<el-col :span="5">
<span>备注：</span>
</el-col>
</el-row>
<el-form-item label-width="15px">
<ul class="instructions-list">
<li v-for="(item, index) in instructions" :key="index">{{ item }}</li>
</ul>
</el-form-item>
</el-form-item>
</el-form>
</div>
</div>
</div>
</div>
</template>
<script setup>
defineOptions({
name: 'FallBedFallAssessment',
});
import { ref, reactive, computed, onMounted } from 'vue';
import { ElMessage } from 'element-plus';
// import { webapp_ws_ajax_run, urlAddRandomNo } from '@/utils/grwebapp';
// import { useRoute, useRouter } from 'vue-router';
// 响应式数据
const route = useRoute();
const router = useRouter();
const queryRef = ref();
const formRef = ref();
const wardCode = ref('');
const patientId = ref('');
const visitId = ref('');
const type = '跌倒/坠床评估护理记录单';
const updateFlag = ref(false);
const info = ref('返回信息');
const updateId = ref('');
const tableDataSource = ref([]);
const content = ref({});
const totalScore = ref(0);
const lastSubmit = ref('');
const admissionDataForm = ref(route.params.admissionData);
const form = reactive({
ZKDATE: '',
ZKTIME: '',
recordTime: '',
totalScore: 0,
bedFallRiskAssessmentList: [],
nurseSignature: '',
patientCareSessionsCheckedList: [],
});
// 危险因素表格列
const dangerColumns = [
{
key: 'content',
title: '内容',
width: '100',
},
{
key: 'project',
title: '项目',
},
{
key: 'evalContent',
title: '评定内容',
},
{
key: 'score',
title: '分数',
},
];
// 危险因素数据 - 使用ref确保响应性
const dangerData = ref([
{
id: '1',
content: '危险因素',
project: '年龄',
evalContent: '≥80周岁',
score: 5,
checked: false,
},
{ id: '2', content: '', evalContent: '≤3周岁，≥3个月', score: 5, checked: false },
{ id: '3', content: '', evalContent: '>70周岁', score: 3, checked: false },
{ id: '4', content: '', evalContent: '≤5周岁', score: 5, checked: false },
{ id: '5', project: '既往史', evalContent: '跌倒史', score: 1, checked: false },
{ id: '6', evalContent: '坠床史', score: 2, checked: false },
{ id: '7', evalContent: '癫痫史', score: 2, checked: false },
{ id: '8', project: '意识状态', evalContent: '嗜睡', score: 2, checked: false },
{ id: '9', evalContent: '意识模糊', score: 2, checked: false },
{ id: '10', evalContent: '谵妄', score: 3, checked: false },
{ id: '11', evalContent: '躁动', score: 3, checked: false },
{ id: '12', project: '感官因素', evalContent: '头晕', score: 4, checked: false },
{ id: '13', evalContent: '听力障碍', score: 2, checked: false },
{ id: '14', evalContent: '视力障碍', score: 2, checked: false },
{
id: '15',
project: '肢体活动',
evalContent: '关节僵硬、变形、疼痛',
score: 1,
checked: false,
},
{ id: '16', evalContent: '借助器械', score: 2, checked: false },
{ id: '17', evalContent: '肢体偏瘫', score: 3, checked: false },
{ id: '18', evalContent: '肌肉震颤麻痹', score: 3, checked: false },
{ id: '19', evalContent: '体质虚弱、乏力', score: 1, checked: false },
{ id: '20', evalContent: '尿频、尿急', score: 1, checked: false },
{ id: '21', evalContent: '腹泻、便秘', score: 2, checked: false },
{ id: '22', project: '药物因素', evalContent: '散瞳剂', score: 1, checked: false },
{ id: '23', evalContent: '降压药', score: 1, checked: false },
{ id: '24', evalContent: '降糖药', score: 1, checked: false },
{ id: '25', evalContent: '镇静安眠药', score: 2, checked: false },
{ id: '26', evalContent: '镇痛抗癫痫', score: 2, checked: false },
{ id: '27', evalContent: '麻醉止痛剂', score: 2, checked: false },
]);
// 护理措施表格列
const nursingColumns = [
{
key: 'content',
width: '100',
title: '',
},
{
key: 'project',
title: '内容',
},
];
// 护理措施数据 - 使用ref确保响应性
const nursingData = ref([
{
id: '1',
content: '护理措施',
project: '告知患者及家属可能导致跌倒、坠床的原因，并采取相应防范措施',
checked: false,
},
{ id: '2', project: '悬挂预防跌倒、坠床标识，必要时班班交接', checked: false },
{ id: '3', project: '患者日常用物放于可及处', checked: false },
{ id: '4', project: '将呼叫器放于可及处，提醒患者下床时若有必要寻求帮助', checked: false },
{ id: '5', project: '依据风险程度，必要时专人陪住', checked: false },
{ id: '6', project: '保持地面无水渍、障碍物，病室及活动区域灯光充足', checked: false },
{ id: '7', project: '指导患者穿长短合适的衣裤及防滑鞋', checked: false },
{ id: '8', project: '适当使用床栏或约束带', checked: false },
]);
// 说明信息
const instructions = [
'1.评估对象：新入患者、术后患者、有病情变化时必须评估；',
'2.评分<5分，低度风险，无需连续评估，无需采取预防措施；',
'3.评分≥5，高度风险，每周至少评估一次，需采取适宜的预防措施，同时填写《预防患者跌倒/坠床知情告知书》',
];
// 计算属性
const calculate = computed(() => {
return dangerData.value
.filter((option) => option.checked)
.reduce((total, option) => total + option.score, 0);
});
const isFormEmpty = computed(() => {
return (
form.ZKDATE === '' && form.ZKTIME === '' && form.recordTime === '' && form.nurseSignature === ''
);
});
// 方法 - 不再需要handleData方法，通过表单输入和按钮加载数据
const handleDangerChange = (row) => {
totalScore.value = calculate.value;
form.bedFallRiskAssessmentList = dangerData.value
.filter((item) => item.checked)
.map((item) => item.id);
};
const handleNursingChange = (row) => {
form.patientCareSessionsCheckedList = nursingData.value
.filter((item) => item.checked)
.map((item) => item.id);
};
const init = async () => {
// 使用模拟数据，不再调用后端API
try {
console.log('使用模拟数据初始化表格');
// 生成一些模拟数据
const mockData = [
{
id: '1',
content: {
ZKDATE: '2023-01-15',
ZKTIME: '09:30:00',
recordTime: '2023-01-15 09:30:00',
totalScore: 8,
bedFallRiskAssessmentList: ['1', '5', '12'],
nurseSignature: '张护士',
patientCareSessionsCheckedList: ['1', '2', '3'],
patientCareSessionsTableList: '1,2,3',
},
},
{
id: '2',
content: {
ZKDATE: '2023-01-20',
ZKTIME: '14:20:00',
recordTime: '2023-01-20 14:20:00',
totalScore: 5,
bedFallRiskAssessmentList: ['3', '11'],
nurseSignature: '李护士',
patientCareSessionsCheckedList: ['1', '4'],
patientCareSessionsTableList: '1,4',
},
},
];
tableDataSource.value = [];
if (mockData && mockData.length > 0) {
mockData.forEach((item) => {
tableDataSource.value.push(item);
});
if (admissionDataForm.value !== undefined) {
const rowData = tableDataSource.value.filter(
(item) => item.content.recordTime === JSON.parse(admissionDataForm.value).assessmentDate
);
if (rowData.length > 0) {
handleUpdate(rowData[0]);
}
}
} else {
tableDataSource.value = [];
reset();
}
ElMessage.success('模拟数据加载成功');
} catch (error) {
console.error('初始化失败:', error);
}
};
const handleSpan = ({ row, column, rowIndex, columnIndex }) => {
if (columnIndex === 0) {
if (rowIndex === 0) {
return [dangerData.value.length, 1];
} else if (rowIndex > 0 && rowIndex < 27) {
return [0, 0];
}
if (rowIndex === 27) {
return [1, 4];
}
}
if (columnIndex === 1) {
if (rowIndex === 0) {
return [4, 1];
} else if (rowIndex > 0 && rowIndex < 4) {
return [0, 0];
}
if (rowIndex === 4) {
return [3, 1];
} else if (rowIndex > 0 && rowIndex < 7) {
return [0, 0];
}
if (rowIndex === 7) {
return [4, 1];
} else if (rowIndex > 0 && rowIndex < 11) {
return [0, 0];
}
if (rowIndex === 11) {
return [3, 1];
} else if (rowIndex > 0 && rowIndex < 14) {
return [0, 0];
}
if (rowIndex === 14) {
return [7, 1];
} else if (rowIndex > 0 && rowIndex < 21) {
return [0, 0];
}
if (rowIndex === 21) {
return [6, 1];
} else if (rowIndex > 0 && rowIndex < 27) {
return [0, 0];
}
}
return [1, 1];
};
const arraySpanMethod = ({ row, column, rowIndex, columnIndex }) => {
// 护理措施
if (columnIndex === 0) {
if (rowIndex === 0) {
return [nursingData.value.length, 1];
} else if (rowIndex > 0 && rowIndex < 8) {
return [0, 0];
}
// 护士签名
if (rowIndex === 8) {
return [1, 2];
}
}
return [1, 1];
};
const onSubmit = async () => {
// 检查上次提交时间
if (lastSubmit.value && new Date() - lastSubmit.value < 2000) {
ElMessage.error('禁止重复提交！');
return;
}
// 更新上次提交时间
lastSubmit.value = new Date();
// 时间处理
if (form.ZKDATE) {
form.recordTime = form.ZKDATE;
}
if (form.ZKTIME) {
form.recordTime = form.ZKTIME;
}
if (form.ZKDATE && form.ZKTIME) {
form.recordTime = form.ZKDATE + ' ' + form.ZKTIME;
}
form.recordTime ? new Date(form.recordTime) : null;
if (isFormEmpty.value) {
ElMessage.error('请填写跌倒/坠床评估护理记录单后再进行操作');
} else {
form.totalScore = totalScore.value;
// 模拟保存数据，不再调用后端API
console.log('保存的数据:', form);
if (updateFlag.value) {
// 模拟更新操作
const updatedIndex = tableDataSource.value.findIndex((item) => item.id === updateId.value);
if (updatedIndex !== -1) {
tableDataSource.value[updatedIndex].content = { ...form };
}
ElMessage.success('模拟更新成功');
} else {
// 模拟新增操作
const newRecord = {
id: Date.now().toString(),
content: { ...form },
};
tableDataSource.value.unshift(newRecord);
ElMessage.success('模拟新增成功');
}
if (admissionDataForm.value !== undefined) {
const admissionDataBack = JSON.parse(admissionDataForm.value);
admissionDataBack.project2 = totalScore.value;
if (route.params.updateId !== undefined) {
router.push({
name: 'admissionEvaluation',
params: {
admissionData: JSON.stringify(admissionDataBack),
updateId: route.params.updateId,
},
});
} else {
router.push({
name: 'admissionEvaluation',
params: { admissionData: JSON.stringify(admissionDataBack) },
});
}
}
reset();
}
};
const handleUpdate = (row) => {
const loginUser = JSON.parse(window.localStorage.getItem('loginUser'));
if (
row.content.nurseSignature !== loginUser.userName &&
window.localStorage.getItem('editFlg') === '0'
) {
window.confirm('没有操作该数据的权限！');
} else {
reset();
updateFlag.value = true;
// 深拷贝数据
Object.assign(form, JSON.parse(JSON.stringify(row.content)));
totalScore.value = row.content.totalScore;
// 评估项目
dangerData.forEach((item) => {
item.checked = form.bedFallRiskAssessmentList.includes(item.id);
});
nursingData.forEach((item) => {
item.checked = form.patientCareSessionsCheckedList.includes(item.id);
});
updateId.value = row.id;
}
};
const reset = () => {
Object.assign(form, {
ZKDATE: '',
ZKTIME: '',
recordTime: '',
totalScore: 0,
bedFallRiskAssessmentList: [],
nurseSignature: '',
patientCareSessionsCheckedList: [],
});
// 初始化评估项目
dangerData.forEach((session) => {
session.checked = false;
});
// 初始化护理措施
nursingData.forEach((session) => {
session.checked = false;
});
totalScore.value = 0;
updateId.value = '';
updateFlag.value = false;
if (admissionDataForm.value !== undefined) {
const [date, time] = JSON.parse(admissionDataForm.value).assessmentDate.split(' ');
form.ZKDATE = date;
form.ZKTIME = time;
}
};
const handleDelete = (row) => {
const loginUser = JSON.parse(window.localStorage.getItem('loginUser'));
if (
row.content.nurseSignature !== loginUser.userName &&
window.localStorage.getItem('editFlg') === '0'
) {
window.confirm('没有操作该数据的权限！');
} else {
reset();
// 模拟删除操作，不再调用后端API
const index = tableDataSource.value.findIndex((item) => item.id === row.id);
if (index !== -1) {
tableDataSource.value.splice(index, 1);
updateFlag.value = false;
ElMessage.success('模拟删除成功');
} else {
ElMessage.error('删除失败');
}
}
};
const dc_ajax_preview = () => {
var args = {
report: urlAddRandomNo('./grf/NurseRecord_Pressure_208.grf'),
data: transformData(),
type: 'preview',
};
webapp_ws_ajax_run(args);
};
const transformData = () => {
const jsonDate = [...tableDataSource.value];
jsonDate.forEach((element) => {
element.content.bedFallRiskAssessmentList.forEach((i) => {
switch (i) {
case '1':
element.FS1 = '√';
break;
case '2':
element.FS2 = '√';
break;
case '3':
element.FS3 = '√';
break;
case '4':
element.FS4 = '√';
break;
case '5':
element.FS5 = '√';
break;
case '6':
element.FS6 = '√';
break;
case '7':
element.FS7 = '√';
break;
case '8':
element.FS8 = '√';
break;
case '9':
element.FS9 = '√';
break;
case '10':
element.FS10 = '√';
break;
case '11':
element.FS11 = '√';
break;
case '12':
element.FS12 = '√';
break;
case '13':
element.FS13 = '√';
break;
case '14':
element.FS14 = '√';
break;
case '15':
element.FS15 = '√';
break;
case '16':
element.FS16 = '√';
break;
case '17':
element.FS17 = '√';
break;
case '18':
element.FS18 = '√';
break;
case '19':
element.FS19 = '√';
break;
case '20':
element.FS20 = '√';
break;
case '21':
element.FS21 = '√';
break;
case '22':
element.FS22 = '√';
break;
case '23':
element.FS23 = '√';
break;
case '24':
element.FS24 = '√';
break;
case '25':
element.FS25 = '√';
break;
case '26':
element.FS26 = '√';
break;
case '27':
element.FS27 = '√';
break;
}
});
element.countsum = element.content.totalScore;
element.RQ = element.content.ZKDATE;
element.SJ = element.content.ZKTIME;
element.recordTime = element.content.ZKDATE + ' ' + element.content.ZKTIME;
element.SIGN = element.content.nurseSignature;
element.content.patientCareSessionsCheckedList.forEach((i) => {
switch (i) {
case '1':
element.HL1 = '√';
break;
case '2':
element.HL2 = '√';
break;
case '3':
element.HL3 = '√';
break;
case '4':
element.HL4 = '√';
break;
case '5':
element.HL5 = '√';
break;
case '6':
element.HL6 = '√';
break;
case '7':
element.HL7 = '√';
break;
case '8':
element.HL8 = '√';
break;
}
});
});
if (jsonDate.length == 0) {
jsonDate[0] = {};
}
jsonDate[0].RYRQ = patientInfo.value.admissionDateTime;
jsonDate[0].KS = patientInfo.value.deptName;
jsonDate[0].CH = patientInfo.value.bedLabel;
jsonDate[0].name = patientInfo.value.name;
jsonDate[0].sex = patientInfo.value.sex;
jsonDate[0].AGE = patientInfo.value.age;
jsonDate[0].ZYH = patientInfo.value.patientIdAndVisitId;
jsonDate[0].ZD = patientInfo.value.diagnosis;
const transformedData = {
master: jsonDate,
};
return transformedData;
};
// 生命周期钩子
onMounted(() => {
try {
// 安全获取用户信息
let loginUser = {};
const userStr = window.localStorage.getItem('loginUser');
if (userStr) {
loginUser = JSON.parse(userStr);
}
form.nurseSignature = loginUser.userName || '测试护士';
wardCode.value = window.localStorage.getItem('wardInfo') || '';
admissionDataForm.value = route.params.admissionData;
// 自动初始化表格数据，不再依赖患者ID参数
// 延迟执行，确保所有数据都已初始化
setTimeout(() => {
init();
}, 100);
} catch (error) {
console.error('初始化错误:', error);
// 即使出错也要初始化表格，显示默认数据
setTimeout(() => {
init();
}, 100);
}
});
</script>
<style scoped>
.business {
background: white;
border-radius: 5px;
padding: 10px 16px;
height: calc(100vh - var(--barHeight) * 1px - 50px);
overflow: auto;
display: grid;
grid-row-gap: 16px;
.changeMajor {
border: 2px solid gray;
padding: 20px;
border-radius: 5px;
}
.changeMajorFromItem {
border: 1px solid #ebeef5;
border-radius: 4px;
padding: 5px;
margin-bottom: 1px;
}
.tableBorder {
border: 1px solid #ebeef5;
}
.tableBorderRight {
border-right: 1px solid #ebeef5;
}
.tableBorderRightBottom {
border-right: 1px solid #ebeef5;
border-bottom: 1px solid #ebeef5;
}
.tableBorderBottom {
border-bottom: 1px solid #ebeef5;
}
.el-textarea {
overflow-y: auto;
min-height: 50px;
max-height: 300px;
}
.bed-no-label {
padding-right: 10px;
}
.title-inline {
display: inline-block;
}
.arrowhead {
margin-left: 6px;
font-size: 15px;
padding: 5px 10px;
}
.el-form-item {
margin-bottom: 0px !important;
}
}
</style>