fix(#591): 请修复 Bug #591:【住院医生站-临床医嘱】长期医嘱点击停嘱未弹出时间录入弹窗
根因: - Bug #请修复 Bug #591 存在的问题 修复: - ### 变更摘要 - 全链路数据流分析**:录取(弹窗输入)→ 保存(API传入)→ 查询(Mapper返回)→ 修改(Service记录)→ 删除/停止(状态变更)→ 关联(列表展示) - ### 后端变更(4个文件) - 1. `AdviceBatchOpParam.java`** — 停嘱参数添加 `stopTime` 字段 - 新增 `@JsonFormat Date stopTime`,支持前端传入停嘱时间 - 2. `RequestBaseDto.java`** — 查询DTO添加 `stopUserName`、`stopTime` 字段 - 新增 `String stopUserName`(停嘱医生姓名) - 新增 `Date stopTime`(停嘱时间) - 3. `AdviceManageAppServiceImpl.java`** — 停嘱Service增强 - 优先使用前端传入的 `stopTime`,兜底用当前时间 - 通过 `SecurityUtils.getNickName()` 获取当前操作用户昵称,记录到 `updateBy` - 药品和诊疗两个更新入口均已同步修改 - 4. `AdviceManageAppMapper.xml`** — 三个UNION ALL子查询添加字段 - 药品子查询:`T1.effective_dose_end AS stop_time` + `T1.update_by AS stop_user_name` - 耗材子查询:`NULL AS stop_time` + `'' AS stop_user_name` - 诊疗子查询:`T1.occurrence_end_time AS stop_time` + `T1.update_by AS stop_user_name` - ### 前端变更(1个文件) - `order/index.vue`**: - 1. **停嘱时间弹窗** — 点击「停嘱」后弹出 `el-dialog`,内含 `el-date-picker`(datetime类型,默认当前时间),确定后才调用API - 2. **表格列** — 在「皮试」列后面、「诊断」列前面新增两列: - 「停嘱医生」`prop="stopUserName"`,宽度120px - 「停嘱时间」`prop="stopTime"`,宽度170px - 3. **`handleStopAdvice`** — 保留原有校验(未保存/未签发/已停止检查),校验通过后弹出时间选择弹窗而非直接调API - 4. **`confirmStopAdvice`** — 新增确认函数,将 `stopTime` 拼入请求参数后调用 `stopAdvice` API - ### 验证结果 - ✅ 前端 Lint 检查通过(仅1个预存的 `vue/no-dupe-keys` 警告) - ✅ 后端 Maven 编译通过(BUILD SUCCESS)
This commit is contained in:
@@ -5,8 +5,12 @@
|
||||
patient?.busNo || '未知'
|
||||
}}
|
||||
</div>
|
||||
<h2 style="text-align: center">{{ userStore.hospitalName }}</h2>
|
||||
<h2 style="text-align: center">出院诊断病历</h2>
|
||||
<h2 style="text-align: center">
|
||||
{{ userStore.hospitalName }}
|
||||
</h2>
|
||||
<h2 style="text-align: center">
|
||||
出院诊断病历
|
||||
</h2>
|
||||
|
||||
<!-- 滚动内容区域 -->
|
||||
<div class="form-scroll-container">
|
||||
@@ -18,42 +22,86 @@
|
||||
label-align="left"
|
||||
class="medical-full-form"
|
||||
>
|
||||
<h4 class="section-title">一、基础信息</h4>
|
||||
<h4 class="section-title">
|
||||
一、基础信息
|
||||
</h4>
|
||||
<!-- 1. 基础信息:单行自适应排列 -->
|
||||
<el-form-item class="form-section">
|
||||
<div class="single-row-layout">
|
||||
<el-form-item label="姓名" prop="patientName" class="row-item">
|
||||
<el-form-item
|
||||
label="姓名"
|
||||
prop="patientName"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="formData.patientName"
|
||||
disabled
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="年龄" prop="age" class="row-item">
|
||||
<el-form-item
|
||||
label="年龄"
|
||||
prop="age"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input disabled v-model="formData.age" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.age"
|
||||
disabled
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender" class="row-item">
|
||||
<el-form-item
|
||||
label="性别"
|
||||
prop="gender"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.gender" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.gender"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="住院号" prop="busNo" class="row-item">
|
||||
<el-form-item
|
||||
label="住院号"
|
||||
prop="busNo"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input disabled v-model="formData.busNo" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.busNo"
|
||||
disabled
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="职业" prop="temperature" class="row-item">
|
||||
<el-form-item
|
||||
label="职业"
|
||||
prop="temperature"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.temperature" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.temperature"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="入院日期" prop="admissionDate" class="row-item">
|
||||
<el-form-item
|
||||
label="入院日期"
|
||||
prop="admissionDate"
|
||||
class="row-item"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.admissionDate"
|
||||
type="date"
|
||||
@@ -62,7 +110,11 @@
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="出院日期" prop="dischargeDate" class="row-item">
|
||||
<el-form-item
|
||||
label="出院日期"
|
||||
prop="dischargeDate"
|
||||
class="row-item"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.dischargeDate"
|
||||
type="date"
|
||||
@@ -71,17 +123,31 @@
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="住院天数" prop="hospitalDays" class="row-item">
|
||||
<el-form-item
|
||||
label="住院天数"
|
||||
prop="hospitalDays"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input disabled v-model="formData.hospitalDays" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.hospitalDays"
|
||||
disabled
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<h4 class="section-title">二、诊断</h4>
|
||||
<h4 class="section-title">
|
||||
二、诊断
|
||||
</h4>
|
||||
<!-- 3. 出院诊断(必填) -->
|
||||
<el-form-item label="出院诊断" prop="DischargeDiagnosis" class="required form-item-single">
|
||||
<el-form-item
|
||||
label="出院诊断"
|
||||
prop="DischargeDiagnosis"
|
||||
class="required form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.DischargeDiagnosis"
|
||||
type="textarea"
|
||||
@@ -135,7 +201,10 @@
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<DisDiagnMedicalRecord v-if="isShowprintDom" ref="recordPrintRef"></DisDiagnMedicalRecord>
|
||||
<DisDiagnMedicalRecord
|
||||
v-if="isShowprintDom"
|
||||
ref="recordPrintRef"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
@@ -36,9 +36,17 @@
|
||||
</el-table-column>
|
||||
</el-table> -->
|
||||
|
||||
<div name="跌倒/坠床评估护理记录单" class="changeMajor" style="width: 99.9%">
|
||||
<div
|
||||
name="跌倒/坠床评估护理记录单"
|
||||
class="changeMajor"
|
||||
style="width: 99.9%"
|
||||
>
|
||||
<div>
|
||||
<el-form ref="formRef" :model="form" style="width: 99.9%">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:model="form"
|
||||
style="width: 99.9%"
|
||||
>
|
||||
<el-form-item style="text-align: center">
|
||||
<div
|
||||
style="
|
||||
@@ -54,9 +62,16 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="日期:" class="changeMajorFromItem" style="width: 100%">
|
||||
<el-form-item
|
||||
label="日期:"
|
||||
class="changeMajorFromItem"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-row :span="20">
|
||||
<el-col :span="8" style="padding-left: 0px !important">
|
||||
<el-col
|
||||
:span="8"
|
||||
style="padding-left: 0px !important"
|
||||
>
|
||||
<el-form-item>
|
||||
<el-date-picker
|
||||
v-model="form.ZKDATE"
|
||||
@@ -115,9 +130,17 @@
|
||||
:label="column.title"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column prop="id" label="选择" width="80" align="center">
|
||||
<el-table-column
|
||||
prop="id"
|
||||
label="选择"
|
||||
width="80"
|
||||
align="center"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<el-checkbox v-model="row.checked" @change="handleDangerChange(row)" />
|
||||
<el-checkbox
|
||||
v-model="row.checked"
|
||||
@change="handleDangerChange(row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -150,9 +173,17 @@
|
||||
:label="column.title"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column prop="id" label="选择" width="80" align="center">
|
||||
<el-table-column
|
||||
prop="id"
|
||||
label="选择"
|
||||
width="80"
|
||||
align="center"
|
||||
>
|
||||
<template #default="{ row }">
|
||||
<el-checkbox v-model="row.checked" @change="handleNursingChange(row)" />
|
||||
<el-checkbox
|
||||
v-model="row.checked"
|
||||
@change="handleNursingChange(row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -185,7 +216,12 @@
|
||||
</el-row>
|
||||
<el-form-item label-width="15px">
|
||||
<ul class="instructions-list">
|
||||
<li v-for="(item, index) in instructions" :key="index">{{ item }}</li>
|
||||
<li
|
||||
v-for="(item, index) in instructions"
|
||||
:key="index"
|
||||
>
|
||||
{{ item }}
|
||||
</li>
|
||||
</ul>
|
||||
</el-form-item>
|
||||
</el-form-item>
|
||||
@@ -610,11 +646,11 @@ const handleUpdate = (row) => {
|
||||
totalScore.value = row.content.totalScore;
|
||||
|
||||
// 评估项目
|
||||
dangerData.forEach((item) => {
|
||||
dangerData.value.forEach((item) => {
|
||||
item.checked = form.bedFallRiskAssessmentList.includes(item.id);
|
||||
});
|
||||
|
||||
nursingData.forEach((item) => {
|
||||
nursingData.value.forEach((item) => {
|
||||
item.checked = form.patientCareSessionsCheckedList.includes(item.id);
|
||||
});
|
||||
|
||||
@@ -634,12 +670,12 @@ const reset = () => {
|
||||
});
|
||||
|
||||
// 初始化评估项目
|
||||
dangerData.forEach((session) => {
|
||||
dangerData.value.forEach((session) => {
|
||||
session.checked = false;
|
||||
});
|
||||
|
||||
// 初始化护理措施
|
||||
nursingData.forEach((session) => {
|
||||
nursingData.value.forEach((session) => {
|
||||
session.checked = false;
|
||||
});
|
||||
|
||||
|
||||
@@ -1,32 +1,52 @@
|
||||
<template>
|
||||
<div class="hospital-record-form">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="病案首页(一)" name="first">
|
||||
<el-tabs
|
||||
v-model="activeName"
|
||||
@tab-click="handleClick"
|
||||
>
|
||||
<el-tab-pane
|
||||
label="病案首页(一)"
|
||||
name="first"
|
||||
>
|
||||
<medicalRecordFirst
|
||||
ref="firstRef"
|
||||
:formData="formData"
|
||||
@onCaseFirst="updateCaseFirstDatas"
|
||||
></medicalRecordFirst>
|
||||
:form-data="formData"
|
||||
@on-case-first="updateCaseFirstDatas"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="病案首页(二)" name="second">
|
||||
<el-tab-pane
|
||||
label="病案首页(二)"
|
||||
name="second"
|
||||
>
|
||||
<medicalRecordSecond
|
||||
:formData="formData"
|
||||
@onCaseSecond="updateCaseFirstDatas"
|
||||
></medicalRecordSecond>
|
||||
:form-data="formData"
|
||||
@on-case-second="updateCaseFirstDatas"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="病案附页(三)" name="third">
|
||||
<el-tab-pane
|
||||
label="病案附页(三)"
|
||||
name="third"
|
||||
>
|
||||
<medicalRecordThird
|
||||
:formData="formData"
|
||||
@onCaseThird="updateCaseFirstDatas"
|
||||
></medicalRecordThird>
|
||||
:form-data="formData"
|
||||
@on-case-third="updateCaseFirstDatas"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<div class="form-footer">
|
||||
<!-- <button @click="printForm" class="print-btn">打印表单</button> -->
|
||||
<button @click="resetForm" class="reset-btn">重置表单</button>
|
||||
<button
|
||||
class="reset-btn"
|
||||
@click="resetForm"
|
||||
>
|
||||
重置表单
|
||||
</button>
|
||||
</div>
|
||||
<medicalRecordPrint v-if="isShowprintDom" ref="recordPrintRef"></medicalRecordPrint>
|
||||
<medicalRecordPrint
|
||||
v-if="isShowprintDom"
|
||||
ref="recordPrintRef"
|
||||
/>
|
||||
<!-- <el-drawer v-model="drawer" size="100%">
|
||||
<medicalRecordPrint ref="recordPrintRef"></medicalRecordPrint>
|
||||
</el-drawer> -->
|
||||
|
||||
@@ -8,81 +8,147 @@
|
||||
</h1>
|
||||
</div>
|
||||
<!-- 页面标题 -->
|
||||
<h2 class="form-title">住院病人风险评估表</h2>
|
||||
<h2 class="form-title">
|
||||
住院病人风险评估表
|
||||
</h2>
|
||||
|
||||
<!-- 表单卡片 -->
|
||||
<el-form :model="formData" label-width="100px">
|
||||
<el-form
|
||||
:model="formData"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="科室" label-position="top">
|
||||
<el-input v-model="formData.department" readonly="true"></el-input>
|
||||
<el-form-item
|
||||
label="科室"
|
||||
label-position="top"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.department"
|
||||
readonly="true"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="床号" label-position="top" class="comment-padding">
|
||||
<el-input v-model="formData.bedNo" readonly="true"></el-input>
|
||||
<el-form-item
|
||||
label="床号"
|
||||
label-position="top"
|
||||
class="comment-padding"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.bedNo"
|
||||
readonly="true"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="住院号" label-position="top" class="comment-padding">
|
||||
<el-input v-model="formData.busNo" readonly="true"></el-input>
|
||||
<el-form-item
|
||||
label="住院号"
|
||||
label-position="top"
|
||||
class="comment-padding"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.busNo"
|
||||
readonly="true"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="姓名" label-position="top">
|
||||
<el-form-item
|
||||
label="姓名"
|
||||
label-position="top"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.patientName"
|
||||
readonly="true"
|
||||
class="auto-resize-input"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="性别" label-position="top" class="comment-padding">
|
||||
<el-form-item
|
||||
label="性别"
|
||||
label-position="top"
|
||||
class="comment-padding"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.gender"
|
||||
readonly="true"
|
||||
class="auto-resize-input"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="年龄" label-position="top" class="comment-padding">
|
||||
<el-input v-model="formData.age" readonly="true" class="auto-resize-input"></el-input>
|
||||
<el-form-item
|
||||
label="年龄"
|
||||
label-position="top"
|
||||
class="comment-padding"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.age"
|
||||
readonly="true"
|
||||
class="auto-resize-input"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="病情简介" label-position="top">
|
||||
<el-form-item
|
||||
label="病情简介"
|
||||
label-position="top"
|
||||
>
|
||||
<el-input
|
||||
type="textarea"
|
||||
v-model="formData.adm_cond"
|
||||
:autosize="{ minRows: 1, maxRows: 100 }"
|
||||
class="full-width-textarea"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="可能发生的不良后果及预后" label-position="top">
|
||||
<el-input
|
||||
type="textarea"
|
||||
v-model="formData.effectless"
|
||||
:autosize="{ minRows: 1, maxRows: 100 }"
|
||||
class="full-width-textarea"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="评估等级" label-position="top">
|
||||
<el-form-item
|
||||
label="可能发生的不良后果及预后"
|
||||
label-position="top"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.effectless"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 1, maxRows: 100 }"
|
||||
class="full-width-textarea"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="评估等级"
|
||||
label-position="top"
|
||||
>
|
||||
<el-radio-group v-model="formData.evalLevel">
|
||||
<el-radio label="一般">一般</el-radio>
|
||||
<el-radio label="病重">病重</el-radio>
|
||||
<el-radio label="病危">病危</el-radio>
|
||||
<el-radio label="一般">
|
||||
一般
|
||||
</el-radio>
|
||||
<el-radio label="病重">
|
||||
病重
|
||||
</el-radio>
|
||||
<el-radio label="病危">
|
||||
病危
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="护理等级" label-position="top">
|
||||
<el-form-item
|
||||
label="护理等级"
|
||||
label-position="top"
|
||||
>
|
||||
<el-radio-group v-model="formData.nurseLevel">
|
||||
<el-radio label="特级护理">特级护理</el-radio>
|
||||
<el-radio label="一级护理">一级护理</el-radio>
|
||||
<el-radio label="二级护理">二级护理</el-radio>
|
||||
<el-radio label="三级护理">三级护理</el-radio>
|
||||
<el-radio label="特级护理">
|
||||
特级护理
|
||||
</el-radio>
|
||||
<el-radio label="一级护理">
|
||||
一级护理
|
||||
</el-radio>
|
||||
<el-radio label="二级护理">
|
||||
二级护理
|
||||
</el-radio>
|
||||
<el-radio label="三级护理">
|
||||
三级护理
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="收集资料时间:">
|
||||
@@ -92,36 +158,45 @@
|
||||
<el-col :span="8">
|
||||
<el-form-item label="评估医师签名:">
|
||||
<el-input
|
||||
disabled
|
||||
v-model="formData.sign_doc"
|
||||
disabled
|
||||
:autosize="{ minRows: 1 }"
|
||||
class="auto-resize-input"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="主治医师签名:" class="comment-padding">
|
||||
<el-form-item
|
||||
label="主治医师签名:"
|
||||
class="comment-padding"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.sign_maindoc"
|
||||
:autosize="{ minRows: 1 }"
|
||||
class="auto-resize-input"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="科主任签名:" class="comment-padding">
|
||||
<el-form-item
|
||||
label="科主任签名:"
|
||||
class="comment-padding"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.sign_leader"
|
||||
:autosize="{ minRows: 1 }"
|
||||
class="auto-resize-input"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<inAssessmentForm v-if="isShowprintDom" ref="recordPrintRef"></inAssessmentForm>
|
||||
<inAssessmentForm
|
||||
v-if="isShowprintDom"
|
||||
ref="recordPrintRef"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
@@ -15,48 +15,129 @@
|
||||
class="medical-full-form"
|
||||
>
|
||||
<!-- 1. 基础信息区域(自适应两列布局) -->
|
||||
<h4 class="section-title">基础信息</h4>
|
||||
<h4 class="section-title">
|
||||
基础信息
|
||||
</h4>
|
||||
<div class="adaptive-grid form-section">
|
||||
<el-form-item label="姓名" prop="patientName" class="grid-item required">
|
||||
<el-input v-model="formData.patientName" placeholder="请输入姓名" clearable />
|
||||
<el-form-item
|
||||
label="姓名"
|
||||
prop="patientName"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.patientName"
|
||||
placeholder="请输入姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="住院号" prop="hospitalNo" class="grid-item required">
|
||||
<el-input v-model="formData.hospitalNo" placeholder="请输入住院号" clearable />
|
||||
<el-form-item
|
||||
label="住院号"
|
||||
prop="hospitalNo"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.hospitalNo"
|
||||
placeholder="请输入住院号"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender" class="grid-item required">
|
||||
<el-select v-model="formData.gender" placeholder="请选择" style="width: 100%">
|
||||
<el-option label="男" value="男"></el-option>
|
||||
<el-option label="女" value="女"></el-option>
|
||||
<el-form-item
|
||||
label="性别"
|
||||
prop="gender"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.gender"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
label="男"
|
||||
value="男"
|
||||
/>
|
||||
<el-option
|
||||
label="女"
|
||||
value="女"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="年龄" prop="age" class="grid-item required">
|
||||
<el-form-item
|
||||
label="年龄"
|
||||
prop="age"
|
||||
class="grid-item required"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model.number="formData.age" placeholder="请输入年龄" clearable />
|
||||
<el-input
|
||||
v-model.number="formData.age"
|
||||
placeholder="请输入年龄"
|
||||
clearable
|
||||
/>
|
||||
<span class="unit">岁</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="民族" prop="nation" class="grid-item">
|
||||
<el-input v-model="formData.nation" placeholder="请输入民族" clearable />
|
||||
<el-form-item
|
||||
label="民族"
|
||||
prop="nation"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.nation"
|
||||
placeholder="请输入民族"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="职业" prop="occupation" class="grid-item">
|
||||
<el-input v-model="formData.occupation" placeholder="请输入职业" clearable />
|
||||
<el-form-item
|
||||
label="职业"
|
||||
prop="occupation"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.occupation"
|
||||
placeholder="请输入职业"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="婚姻状况" prop="marriage" class="grid-item">
|
||||
<el-form-item
|
||||
label="婚姻状况"
|
||||
prop="marriage"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.marriage"
|
||||
placeholder="请选择"
|
||||
clearable
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option label="已婚" value="已婚"></el-option>
|
||||
<el-option label="未婚" value="未婚"></el-option>
|
||||
<el-option label="离异" value="离异"></el-option>
|
||||
<el-option
|
||||
label="已婚"
|
||||
value="已婚"
|
||||
/>
|
||||
<el-option
|
||||
label="未婚"
|
||||
value="未婚"
|
||||
/>
|
||||
<el-option
|
||||
label="离异"
|
||||
value="离异"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="出生地" prop="birthplace" class="grid-item">
|
||||
<el-input v-model="formData.birthplace" placeholder="请输入出生地" clearable />
|
||||
<el-form-item
|
||||
label="出生地"
|
||||
prop="birthplace"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.birthplace"
|
||||
placeholder="请输入出生地"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="入院时间" prop="admissionTime" class="grid-item required">
|
||||
<el-form-item
|
||||
label="入院时间"
|
||||
prop="admissionTime"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.admissionTime"
|
||||
type="datetime"
|
||||
@@ -65,7 +146,11 @@
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="记录时间" prop="recordTime" class="grid-item required">
|
||||
<el-form-item
|
||||
label="记录时间"
|
||||
prop="recordTime"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.recordTime"
|
||||
type="datetime"
|
||||
@@ -74,22 +159,53 @@
|
||||
style="width: 100%"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="病史陈述者" prop="historyReporter" class="grid-item">
|
||||
<el-input v-model="formData.historyReporter" placeholder="请输入陈述者" clearable />
|
||||
<el-form-item
|
||||
label="病史陈述者"
|
||||
prop="historyReporter"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.historyReporter"
|
||||
placeholder="请输入陈述者"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="可靠程度" prop="reliability" class="grid-item">
|
||||
<el-select v-model="formData.reliability" placeholder="请选择" style="width: 100%">
|
||||
<el-option label="可靠" value="可靠"></el-option>
|
||||
<el-option label="基本可靠" value="基本可靠"></el-option>
|
||||
<el-option label="不可靠" value="不可靠"></el-option>
|
||||
<el-form-item
|
||||
label="可靠程度"
|
||||
prop="reliability"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.reliability"
|
||||
placeholder="请选择"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
label="可靠"
|
||||
value="可靠"
|
||||
/>
|
||||
<el-option
|
||||
label="基本可靠"
|
||||
value="基本可靠"
|
||||
/>
|
||||
<el-option
|
||||
label="不可靠"
|
||||
value="不可靠"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<!-- 2. 病史信息 -->
|
||||
<h4 class="section-title">病史信息</h4>
|
||||
<h4 class="section-title">
|
||||
病史信息
|
||||
</h4>
|
||||
<div class="form-section">
|
||||
<el-form-item label="主诉" prop="complaint" class="history-item required">
|
||||
<el-form-item
|
||||
label="主诉"
|
||||
prop="complaint"
|
||||
class="history-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.complaint"
|
||||
type="textarea"
|
||||
@@ -100,7 +216,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="现病史" prop="presentIllness" class="history-item">
|
||||
<el-form-item
|
||||
label="现病史"
|
||||
prop="presentIllness"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.presentIllness"
|
||||
type="textarea"
|
||||
@@ -111,7 +231,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="既往史" prop="pastHistory" class="history-item">
|
||||
<el-form-item
|
||||
label="既往史"
|
||||
prop="pastHistory"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.pastHistory"
|
||||
type="textarea"
|
||||
@@ -122,7 +246,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="个人史" prop="personalHistory" class="history-item">
|
||||
<el-form-item
|
||||
label="个人史"
|
||||
prop="personalHistory"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.personalHistory"
|
||||
type="textarea"
|
||||
@@ -133,7 +261,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="婚育史" prop="maritalHistory" class="history-item">
|
||||
<el-form-item
|
||||
label="婚育史"
|
||||
prop="maritalHistory"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.maritalHistory"
|
||||
type="textarea"
|
||||
@@ -144,7 +276,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="月经史" prop="menstrualHistory" class="history-item">
|
||||
<el-form-item
|
||||
label="月经史"
|
||||
prop="menstrualHistory"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.menstrualHistory"
|
||||
type="textarea"
|
||||
@@ -155,7 +291,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="家族史" prop="familyHistory" class="history-item">
|
||||
<el-form-item
|
||||
label="家族史"
|
||||
prop="familyHistory"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.familyHistory"
|
||||
type="textarea"
|
||||
@@ -168,9 +308,15 @@
|
||||
</div>
|
||||
|
||||
<!-- 3. 中医望闻问切 -->
|
||||
<h4 class="section-title">中医望闻问切</h4>
|
||||
<h4 class="section-title">
|
||||
中医望闻问切
|
||||
</h4>
|
||||
<div class="form-section">
|
||||
<el-form-item label="望闻问切" prop="tcmInfo" class="history-item">
|
||||
<el-form-item
|
||||
label="望闻问切"
|
||||
prop="tcmInfo"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.tcmInfo"
|
||||
type="textarea"
|
||||
@@ -183,10 +329,16 @@
|
||||
</div>
|
||||
|
||||
<!-- 4. 体格检查 -->
|
||||
<h4 class="section-title">体格检查</h4>
|
||||
<h4 class="section-title">
|
||||
体格检查
|
||||
</h4>
|
||||
<div class="form-section">
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="体温" prop="temp" class="grid-item">
|
||||
<el-form-item
|
||||
label="体温"
|
||||
prop="temp"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model.number="formData.temp"
|
||||
@@ -199,7 +351,11 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="脉搏" prop="pulse" class="grid-item">
|
||||
<el-form-item
|
||||
label="脉搏"
|
||||
prop="pulse"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model.number="formData.pulse"
|
||||
@@ -211,7 +367,11 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="呼吸" prop="respiration" class="grid-item">
|
||||
<el-form-item
|
||||
label="呼吸"
|
||||
prop="respiration"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model.number="formData.respiration"
|
||||
@@ -223,7 +383,11 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="血压" prop="bp" class="grid-item">
|
||||
<el-form-item
|
||||
label="血压"
|
||||
prop="bp"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model="formData.bp"
|
||||
@@ -235,7 +399,11 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="身高" prop="height" class="grid-item">
|
||||
<el-form-item
|
||||
label="身高"
|
||||
prop="height"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model.number="formData.height"
|
||||
@@ -247,7 +415,11 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="体重" prop="weight" class="grid-item">
|
||||
<el-form-item
|
||||
label="体重"
|
||||
prop="weight"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model.number="formData.weight"
|
||||
@@ -259,15 +431,27 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="BMI" prop="bmi" class="grid-item">
|
||||
<el-form-item
|
||||
label="BMI"
|
||||
prop="bmi"
|
||||
class="grid-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.bmi" placeholder="如29.02" readonly />
|
||||
<el-input
|
||||
v-model="formData.bmi"
|
||||
placeholder="如29.02"
|
||||
readonly
|
||||
/>
|
||||
<span class="unit">kg/m²</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
||||
<el-form-item label="一般情况" prop="general" class="history-item">
|
||||
<el-form-item
|
||||
label="一般情况"
|
||||
prop="general"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.general"
|
||||
type="textarea"
|
||||
@@ -278,7 +462,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="皮肤粘膜" prop="skin" class="history-item">
|
||||
<el-form-item
|
||||
label="皮肤粘膜"
|
||||
prop="skin"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.skin"
|
||||
type="textarea"
|
||||
@@ -289,7 +477,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="胸部(心、肺)" prop="chest" class="history-item">
|
||||
<el-form-item
|
||||
label="胸部(心、肺)"
|
||||
prop="chest"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.chest"
|
||||
type="textarea"
|
||||
@@ -300,7 +492,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="腹部" prop="abdomen" class="history-item">
|
||||
<el-form-item
|
||||
label="腹部"
|
||||
prop="abdomen"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.abdomen"
|
||||
type="textarea"
|
||||
@@ -311,7 +507,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="四肢/神经系统" prop="limbsNervous" class="history-item">
|
||||
<el-form-item
|
||||
label="四肢/神经系统"
|
||||
prop="limbsNervous"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.limbsNervous"
|
||||
type="textarea"
|
||||
@@ -324,9 +524,15 @@
|
||||
</div>
|
||||
|
||||
<!-- 5. 辅助检查 -->
|
||||
<h4 class="section-title">辅助检查</h4>
|
||||
<h4 class="section-title">
|
||||
辅助检查
|
||||
</h4>
|
||||
<div class="form-section">
|
||||
<el-form-item label="检查结果" prop="auxExam" class="history-item">
|
||||
<el-form-item
|
||||
label="检查结果"
|
||||
prop="auxExam"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.auxExam"
|
||||
type="textarea"
|
||||
@@ -339,9 +545,15 @@
|
||||
</div>
|
||||
|
||||
<!-- 6. 初步诊断 -->
|
||||
<h4 class="section-title">初步诊断</h4>
|
||||
<h4 class="section-title">
|
||||
初步诊断
|
||||
</h4>
|
||||
<div class="form-section">
|
||||
<el-form-item label="中医诊断" prop="tcmDiagnosis" class="history-item">
|
||||
<el-form-item
|
||||
label="中医诊断"
|
||||
prop="tcmDiagnosis"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.tcmDiagnosis"
|
||||
type="textarea"
|
||||
@@ -352,7 +564,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="西医诊断" prop="westernDiagnosis" class="history-item">
|
||||
<el-form-item
|
||||
label="西医诊断"
|
||||
prop="westernDiagnosis"
|
||||
class="history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.westernDiagnosis"
|
||||
type="textarea"
|
||||
@@ -365,17 +581,42 @@
|
||||
</div>
|
||||
|
||||
<!-- 7. 签名信息(三列布局) -->
|
||||
<h4 class="section-title">签名信息</h4>
|
||||
<div class="adaptive-grid form-section" style="grid-template-columns: repeat(3, 1fr)">
|
||||
<el-form-item label="医师签名" prop="doctorSign" class="grid-item">
|
||||
<el-input v-model="formData.doctorSign" placeholder="请签名" clearable />
|
||||
<h4 class="section-title">
|
||||
签名信息
|
||||
</h4>
|
||||
<div
|
||||
class="adaptive-grid form-section"
|
||||
style="grid-template-columns: repeat(3, 1fr)"
|
||||
>
|
||||
<el-form-item
|
||||
label="医师签名"
|
||||
prop="doctorSign"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.doctorSign"
|
||||
placeholder="请签名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="上级医师签名" prop="superiorSign" class="grid-item">
|
||||
<el-input v-model="formData.superiorSign" placeholder="请签名" clearable />
|
||||
<el-form-item
|
||||
label="上级医师签名"
|
||||
prop="superiorSign"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.superiorSign"
|
||||
placeholder="请签名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="记录日期" prop="signDate" class="grid-item">
|
||||
<el-form-item
|
||||
label="记录日期"
|
||||
prop="signDate"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.signDate"
|
||||
type="datetime"
|
||||
@@ -388,12 +629,20 @@
|
||||
|
||||
<!-- 新增:表单操作按钮组(重置按钮) -->
|
||||
<div class="form-btn-group">
|
||||
<el-button type="warning" @click="handleReset">重置表单</el-button>
|
||||
<el-button
|
||||
type="warning"
|
||||
@click="handleReset"
|
||||
>
|
||||
重置表单
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
</div>
|
||||
<admissionRecord v-if="isShowprintDom" ref="recordPrintRef"></admissionRecord>
|
||||
<admissionRecord
|
||||
v-if="isShowprintDom"
|
||||
ref="recordPrintRef"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
|
||||
@@ -2,8 +2,12 @@
|
||||
<div class="medical-document">
|
||||
<!-- 标题区域 -->
|
||||
<div class="doc-header">
|
||||
<h1 class="doc-title">{{ hospitalName }} 住院手术记录单</h1>
|
||||
<div class="doc-subtitle">住院号: {{ formData.busNo || '待填写' }}</div>
|
||||
<h1 class="doc-title">
|
||||
{{ hospitalName }} 住院手术记录单
|
||||
</h1>
|
||||
<div class="doc-subtitle">
|
||||
住院号: {{ formData.busNo || '待填写' }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 内容区域 -->
|
||||
@@ -18,34 +22,84 @@
|
||||
>
|
||||
<!-- 患者与手术基础信息 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">一、患者与手术基本信息</h2>
|
||||
<h2 class="section-title">
|
||||
一、患者与手术基本信息
|
||||
</h2>
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="患者姓名" prop="patientName" class="grid-item required">
|
||||
<el-input v-model="formData.patientName" placeholder="请输入患者姓名" clearable />
|
||||
<el-form-item
|
||||
label="患者姓名"
|
||||
prop="patientName"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.patientName"
|
||||
placeholder="请输入患者姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender" class="grid-item required">
|
||||
<el-select v-model="formData.gender" placeholder="请选择性别">
|
||||
<el-option label="男" value="男" />
|
||||
<el-option label="女" value="女" />
|
||||
<el-form-item
|
||||
label="性别"
|
||||
prop="gender"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.gender"
|
||||
placeholder="请选择性别"
|
||||
>
|
||||
<el-option
|
||||
label="男"
|
||||
value="男"
|
||||
/>
|
||||
<el-option
|
||||
label="女"
|
||||
value="女"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="年龄" prop="age" class="grid-item required">
|
||||
<el-form-item
|
||||
label="年龄"
|
||||
prop="age"
|
||||
class="grid-item required"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model.number="formData.age" placeholder="请输入年龄" />
|
||||
<el-input
|
||||
v-model.number="formData.age"
|
||||
placeholder="请输入年龄"
|
||||
/>
|
||||
<span class="unit">岁</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="科室" prop="department" class="grid-item required">
|
||||
<el-input v-model="formData.department" placeholder="如:普外科" clearable />
|
||||
<el-form-item
|
||||
label="科室"
|
||||
prop="department"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.department"
|
||||
placeholder="如:普外科"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="病房/床号" prop="bedNo" class="grid-item required">
|
||||
<el-input v-model="formData.bedNo" placeholder="如:502-03" clearable />
|
||||
<el-form-item
|
||||
label="病房/床号"
|
||||
prop="bedNo"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.bedNo"
|
||||
placeholder="如:502-03"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="手术日期/时间" prop="operationDateTime" class="grid-item required">
|
||||
<el-form-item
|
||||
label="手术日期/时间"
|
||||
prop="operationDateTime"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.operationDateTime"
|
||||
type="datetime"
|
||||
@@ -58,39 +112,95 @@
|
||||
|
||||
<!-- 手术团队信息 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">二、手术团队信息</h2>
|
||||
<h2 class="section-title">
|
||||
二、手术团队信息
|
||||
</h2>
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="手术者" prop="surgeon" class="grid-item required">
|
||||
<el-input v-model="formData.surgeon" placeholder="主刀医师姓名" clearable />
|
||||
<el-form-item
|
||||
label="手术者"
|
||||
prop="surgeon"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.surgeon"
|
||||
placeholder="主刀医师姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="第一助手" prop="firstAssistant" class="grid-item required">
|
||||
<el-input v-model="formData.firstAssistant" placeholder="第一助手姓名" clearable />
|
||||
<el-form-item
|
||||
label="第一助手"
|
||||
prop="firstAssistant"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.firstAssistant"
|
||||
placeholder="第一助手姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="第二助手" prop="secondAssistant" class="grid-item">
|
||||
<el-input v-model="formData.secondAssistant" placeholder="第二助手姓名" clearable />
|
||||
<el-form-item
|
||||
label="第二助手"
|
||||
prop="secondAssistant"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.secondAssistant"
|
||||
placeholder="第二助手姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="麻醉医师" prop="anesthesiologist" class="grid-item required">
|
||||
<el-input v-model="formData.anesthesiologist" placeholder="麻醉医师姓名" clearable />
|
||||
<el-form-item
|
||||
label="麻醉医师"
|
||||
prop="anesthesiologist"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.anesthesiologist"
|
||||
placeholder="麻醉医师姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="巡回护士" prop="circulatingNurse" class="grid-item required">
|
||||
<el-input v-model="formData.circulatingNurse" placeholder="巡回护士姓名" clearable />
|
||||
<el-form-item
|
||||
label="巡回护士"
|
||||
prop="circulatingNurse"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.circulatingNurse"
|
||||
placeholder="巡回护士姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="器械护士" prop="scrubNurse" class="grid-item required">
|
||||
<el-input v-model="formData.scrubNurse" placeholder="器械护士姓名" clearable />
|
||||
<el-form-item
|
||||
label="器械护士"
|
||||
prop="scrubNurse"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.scrubNurse"
|
||||
placeholder="器械护士姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 手术详情 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">三、手术详情</h2>
|
||||
<h2 class="section-title">
|
||||
三、手术详情
|
||||
</h2>
|
||||
|
||||
<el-form-item label="手术名称" prop="operationName" class="full-width-item required">
|
||||
<el-form-item
|
||||
label="手术名称"
|
||||
prop="operationName"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.operationName"
|
||||
placeholder="规范手术名称(如:腹腔镜下胆囊切除术)"
|
||||
@@ -98,15 +208,35 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="手术方式" prop="operationMethod" class="full-width-item required">
|
||||
<el-select v-model="formData.operationMethod" placeholder="选择手术方式">
|
||||
<el-option label="开放手术" value="开放手术" />
|
||||
<el-option label="微创手术" value="微创手术" />
|
||||
<el-option label="介入手术" value="介入手术" />
|
||||
<el-form-item
|
||||
label="手术方式"
|
||||
prop="operationMethod"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.operationMethod"
|
||||
placeholder="选择手术方式"
|
||||
>
|
||||
<el-option
|
||||
label="开放手术"
|
||||
value="开放手术"
|
||||
/>
|
||||
<el-option
|
||||
label="微创手术"
|
||||
value="微创手术"
|
||||
/>
|
||||
<el-option
|
||||
label="介入手术"
|
||||
value="介入手术"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="手术入路" prop="surgicalApproach" class="full-width-item required">
|
||||
<el-form-item
|
||||
label="手术入路"
|
||||
prop="surgicalApproach"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.surgicalApproach"
|
||||
placeholder="如:右上腹经腹直肌切口"
|
||||
@@ -128,7 +258,11 @@
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="手术过程" prop="operationProcess" class="full-width-item required">
|
||||
<el-form-item
|
||||
label="手术过程"
|
||||
prop="operationProcess"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.operationProcess"
|
||||
type="textarea"
|
||||
@@ -142,9 +276,15 @@
|
||||
|
||||
<!-- 术后情况 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">四、术后情况</h2>
|
||||
<h2 class="section-title">
|
||||
四、术后情况
|
||||
</h2>
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="术中出血量" prop="bloodLoss" class="grid-item required">
|
||||
<el-form-item
|
||||
label="术中出血量"
|
||||
prop="bloodLoss"
|
||||
class="grid-item required"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input
|
||||
v-model.number="formData.bloodLoss"
|
||||
@@ -155,18 +295,43 @@
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="输血情况" prop="bloodTransfusion" class="grid-item">
|
||||
<el-select v-model="formData.bloodTransfusion" placeholder="是否输血">
|
||||
<el-option label="是" value="是" />
|
||||
<el-option label="否" value="否" />
|
||||
<el-form-item
|
||||
label="输血情况"
|
||||
prop="bloodTransfusion"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.bloodTransfusion"
|
||||
placeholder="是否输血"
|
||||
>
|
||||
<el-option
|
||||
label="是"
|
||||
value="是"
|
||||
/>
|
||||
<el-option
|
||||
label="否"
|
||||
value="否"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="引流管放置" prop="drainageTube" class="grid-item">
|
||||
<el-input v-model="formData.drainageTube" placeholder="如:腹腔引流管1根" clearable />
|
||||
<el-form-item
|
||||
label="引流管放置"
|
||||
prop="drainageTube"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.drainageTube"
|
||||
placeholder="如:腹腔引流管1根"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="标本处理" prop="specimenDisposal" class="grid-item required">
|
||||
<el-form-item
|
||||
label="标本处理"
|
||||
prop="specimenDisposal"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.specimenDisposal"
|
||||
placeholder="如:胆囊标本送病理检查"
|
||||
@@ -174,7 +339,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="手术结束时间" prop="operationEndTime" class="grid-item required">
|
||||
<el-form-item
|
||||
label="手术结束时间"
|
||||
prop="operationEndTime"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.operationEndTime"
|
||||
type="datetime"
|
||||
@@ -182,10 +351,23 @@
|
||||
value-format="YYYY-MM-DD HH:mm"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="患者去向" prop="patientDestination" class="grid-item required">
|
||||
<el-select v-model="formData.patientDestination" placeholder="选择去向">
|
||||
<el-option label="ICU" value="ICU" />
|
||||
<el-option label="普通病房" value="普通病房" />
|
||||
<el-form-item
|
||||
label="患者去向"
|
||||
prop="patientDestination"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.patientDestination"
|
||||
placeholder="选择去向"
|
||||
>
|
||||
<el-option
|
||||
label="ICU"
|
||||
value="ICU"
|
||||
/>
|
||||
<el-option
|
||||
label="普通病房"
|
||||
value="普通病房"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</div>
|
||||
@@ -193,20 +375,46 @@
|
||||
|
||||
<!-- 签署区域 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">五、签署确认</h2>
|
||||
<h2 class="section-title">
|
||||
五、签署确认
|
||||
</h2>
|
||||
<div
|
||||
class="adaptive-grid signature-area"
|
||||
style="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"
|
||||
>
|
||||
<el-form-item label="手术者签名" prop="surgeonSignature" class="grid-item required">
|
||||
<el-input v-model="formData.surgeonSignature" placeholder="主刀医师签字" clearable />
|
||||
<div class="signature-tip">请手术者亲笔签名</div>
|
||||
<el-form-item
|
||||
label="手术者签名"
|
||||
prop="surgeonSignature"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.surgeonSignature"
|
||||
placeholder="主刀医师签字"
|
||||
clearable
|
||||
/>
|
||||
<div class="signature-tip">
|
||||
请手术者亲笔签名
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="记录者签名" prop="recorderSignature" class="grid-item required">
|
||||
<el-input v-model="formData.recorderSignature" placeholder="记录者签字" clearable />
|
||||
<div class="signature-tip">请记录者(如第一助手)签字</div>
|
||||
<el-form-item
|
||||
label="记录者签名"
|
||||
prop="recorderSignature"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.recorderSignature"
|
||||
placeholder="记录者签字"
|
||||
clearable
|
||||
/>
|
||||
<div class="signature-tip">
|
||||
请记录者(如第一助手)签字
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="记录日期" prop="recordDate" class="grid-item required">
|
||||
<el-form-item
|
||||
label="记录日期"
|
||||
prop="recordDate"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.recordDate"
|
||||
type="date"
|
||||
@@ -221,12 +429,30 @@
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<div class="btn-group">
|
||||
<el-button type="primary" @click="submit">保存记录</el-button>
|
||||
<el-button type="success" @click="handlePrint">打印记录</el-button>
|
||||
<el-button type="warning" @click="handleReset">重置表单</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="submit"
|
||||
>
|
||||
保存记录
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
@click="handlePrint"
|
||||
>
|
||||
打印记录
|
||||
</el-button>
|
||||
<el-button
|
||||
type="warning"
|
||||
@click="handleReset"
|
||||
>
|
||||
重置表单
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<intOperRecordSheet v-if="isShowprintDom" ref="recordPrintRef"></intOperRecordSheet>
|
||||
<intOperRecordSheet
|
||||
v-if="isShowprintDom"
|
||||
ref="recordPrintRef"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@@ -242,7 +468,7 @@ const recordPrintRef = ref();
|
||||
// 医院名称
|
||||
const hospitalName = userStore.hospitalName;
|
||||
defineOptions({
|
||||
name: 'iInHospitalSurgicalRecord',
|
||||
name: 'IInHospitalSurgicalRecord',
|
||||
});
|
||||
// 表单引用
|
||||
const formRef = ref(null);
|
||||
|
||||
@@ -2,8 +2,12 @@
|
||||
<div class="medical-document">
|
||||
<!-- 标题区域 -->
|
||||
<div class="doc-header">
|
||||
<h1 class="doc-title">{{ hospitalName }} 住院患者入院沟通记录单</h1>
|
||||
<div class="doc-subtitle">住院号: {{ formData.hospitalNo || '待填写' }}</div>
|
||||
<h1 class="doc-title">
|
||||
{{ hospitalName }} 住院患者入院沟通记录单
|
||||
</h1>
|
||||
<div class="doc-subtitle">
|
||||
住院号: {{ formData.hospitalNo || '待填写' }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 内容区域 -->
|
||||
@@ -17,34 +21,85 @@
|
||||
>
|
||||
<!-- 患者基础信息 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">一、患者基础信息</h2>
|
||||
<h2 class="section-title">
|
||||
一、患者基础信息
|
||||
</h2>
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="姓名" prop="patientName" class="grid-item required">
|
||||
<el-input v-model="formData.patientName" placeholder="请输入患者姓名" clearable />
|
||||
<el-form-item
|
||||
label="姓名"
|
||||
prop="patientName"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.patientName"
|
||||
placeholder="请输入患者姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="性别" prop="gender" class="grid-item required">
|
||||
<el-select v-model="formData.gender" placeholder="请选择性别">
|
||||
<el-option label="男" value="男" />
|
||||
<el-option label="女" value="女" />
|
||||
<el-form-item
|
||||
label="性别"
|
||||
prop="gender"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.gender"
|
||||
placeholder="请选择性别"
|
||||
>
|
||||
<el-option
|
||||
label="男"
|
||||
value="男"
|
||||
/>
|
||||
<el-option
|
||||
label="女"
|
||||
value="女"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="年龄" prop="age" class="grid-item required">
|
||||
<el-form-item
|
||||
label="年龄"
|
||||
prop="age"
|
||||
class="grid-item required"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model.number="formData.age" placeholder="请输入年龄" clearable />
|
||||
<el-input
|
||||
v-model.number="formData.age"
|
||||
placeholder="请输入年龄"
|
||||
clearable
|
||||
/>
|
||||
<span class="unit">岁</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="科室/病区" prop="department" class="grid-item required">
|
||||
<el-input v-model="formData.department" placeholder="如:内科疗区" clearable />
|
||||
<el-form-item
|
||||
label="科室/病区"
|
||||
prop="department"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.department"
|
||||
placeholder="如:内科疗区"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="病房/床号" prop="bedNo" class="grid-item required">
|
||||
<el-input v-model="formData.bedNo" placeholder="如:307-12" clearable />
|
||||
<el-form-item
|
||||
label="病房/床号"
|
||||
prop="bedNo"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.bedNo"
|
||||
placeholder="如:307-12"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="入院日期" prop="admissionDate" class="grid-item required">
|
||||
<el-form-item
|
||||
label="入院日期"
|
||||
prop="admissionDate"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.admissionDate"
|
||||
type="date"
|
||||
@@ -57,26 +112,58 @@
|
||||
|
||||
<!-- 医疗团队信息 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">二、医疗团队信息</h2>
|
||||
<h2 class="section-title">
|
||||
二、医疗团队信息
|
||||
</h2>
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="经治医师" prop="treatingDoctor" class="grid-item required">
|
||||
<el-input v-model="formData.treatingDoctor" placeholder="请输入医师姓名" clearable />
|
||||
<el-form-item
|
||||
label="经治医师"
|
||||
prop="treatingDoctor"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.treatingDoctor"
|
||||
placeholder="请输入医师姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="主治医师" prop="attendingDoctor" class="grid-item required">
|
||||
<el-input v-model="formData.attendingDoctor" placeholder="请输入医师姓名" clearable />
|
||||
<el-form-item
|
||||
label="主治医师"
|
||||
prop="attendingDoctor"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.attendingDoctor"
|
||||
placeholder="请输入医师姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="科主任" prop="departmentHead" class="grid-item required">
|
||||
<el-input v-model="formData.departmentHead" placeholder="请输入主任姓名" clearable />
|
||||
<el-form-item
|
||||
label="科主任"
|
||||
prop="departmentHead"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.departmentHead"
|
||||
placeholder="请输入主任姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 病情与诊断 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">三、病情与诊断</h2>
|
||||
<el-form-item label="病情状况" prop="condition" class="full-width-item required">
|
||||
<h2 class="section-title">
|
||||
三、病情与诊断
|
||||
</h2>
|
||||
<el-form-item
|
||||
label="病情状况"
|
||||
prop="condition"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.condition"
|
||||
type="textarea"
|
||||
@@ -87,7 +174,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<div class="diagnosis-container">
|
||||
<el-form-item label="中医诊断" prop="tcmDiagnosis" class="diagnosis-item">
|
||||
<el-form-item
|
||||
label="中医诊断"
|
||||
prop="tcmDiagnosis"
|
||||
class="diagnosis-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.tcmDiagnosis"
|
||||
type="textarea"
|
||||
@@ -97,7 +188,11 @@
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="西医诊断" prop="westernDiagnosis" class="diagnosis-item">
|
||||
<el-form-item
|
||||
label="西医诊断"
|
||||
prop="westernDiagnosis"
|
||||
class="diagnosis-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.westernDiagnosis"
|
||||
type="textarea"
|
||||
@@ -112,8 +207,14 @@
|
||||
|
||||
<!-- 治疗与检查计划 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">四、治疗与检查计划</h2>
|
||||
<el-form-item label="治疗方案" prop="treatmentPlan" class="full-width-item required">
|
||||
<h2 class="section-title">
|
||||
四、治疗与检查计划
|
||||
</h2>
|
||||
<el-form-item
|
||||
label="治疗方案"
|
||||
prop="treatmentPlan"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.treatmentPlan"
|
||||
type="textarea"
|
||||
@@ -142,8 +243,14 @@
|
||||
|
||||
<!-- 风险告知 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">五、风险告知</h2>
|
||||
<el-form-item label="告知内容" prop="riskNotification" class="full-width-item required">
|
||||
<h2 class="section-title">
|
||||
五、风险告知
|
||||
</h2>
|
||||
<el-form-item
|
||||
label="告知内容"
|
||||
prop="riskNotification"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.riskNotification"
|
||||
type="textarea"
|
||||
@@ -157,17 +264,33 @@
|
||||
|
||||
<!-- 签署区域(优化后:三列自适应+细节样式) -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">六、签署确认</h2>
|
||||
<h2 class="section-title">
|
||||
六、签署确认
|
||||
</h2>
|
||||
<div
|
||||
class="adaptive-grid signature-area"
|
||||
style="grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))"
|
||||
>
|
||||
<el-form-item label="患者或家属签字" prop="patientSignature" class="grid-item required">
|
||||
<el-input v-model="formData.patientSignature" placeholder="请签字" clearable />
|
||||
<div class="signature-tip">请填写患者或家属签字</div>
|
||||
<el-form-item
|
||||
label="患者或家属签字"
|
||||
prop="patientSignature"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.patientSignature"
|
||||
placeholder="请签字"
|
||||
clearable
|
||||
/>
|
||||
<div class="signature-tip">
|
||||
请填写患者或家属签字
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="与患者关系" prop="relationship" class="grid-item">
|
||||
<el-form-item
|
||||
label="与患者关系"
|
||||
prop="relationship"
|
||||
class="grid-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.relationship"
|
||||
placeholder="如:本人、配偶、子女"
|
||||
@@ -175,7 +298,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="签字日期" prop="signatureDate" class="grid-item required">
|
||||
<el-form-item
|
||||
label="签字日期"
|
||||
prop="signatureDate"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.signatureDate"
|
||||
type="date"
|
||||
@@ -185,11 +312,25 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="沟通医师签字" prop="doctorSignature" class="grid-item required">
|
||||
<el-input v-model="formData.doctorSignature" placeholder="请签字" clearable />
|
||||
<div class="signature-tip">请填写沟通医师签字</div>
|
||||
<el-form-item
|
||||
label="沟通医师签字"
|
||||
prop="doctorSignature"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.doctorSignature"
|
||||
placeholder="请签字"
|
||||
clearable
|
||||
/>
|
||||
<div class="signature-tip">
|
||||
请填写沟通医师签字
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="沟通日期" prop="communicationDate" class="grid-item required">
|
||||
<el-form-item
|
||||
label="沟通日期"
|
||||
prop="communicationDate"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.communicationDate"
|
||||
type="datetime"
|
||||
@@ -204,9 +345,24 @@
|
||||
|
||||
<!-- 操作按钮 -->
|
||||
<div class="btn-group">
|
||||
<el-button type="primary" @click="submit">保存记录</el-button>
|
||||
<el-button type="success" @click="handlePrint">打印记录</el-button>
|
||||
<el-button type="warning" @click="handleReset">重置表单</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="submit"
|
||||
>
|
||||
保存记录
|
||||
</el-button>
|
||||
<el-button
|
||||
type="success"
|
||||
@click="handlePrint"
|
||||
>
|
||||
打印记录
|
||||
</el-button>
|
||||
<el-button
|
||||
type="warning"
|
||||
@click="handleReset"
|
||||
>
|
||||
重置表单
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -6,40 +6,69 @@
|
||||
<template>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h2 class="title">{{ userStore.hospitalName }}</h2>
|
||||
<h3 class="subtitle">患者护理记录单</h3>
|
||||
<h2 class="title">
|
||||
{{ userStore.hospitalName }}
|
||||
</h2>
|
||||
<h3 class="subtitle">
|
||||
患者护理记录单
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<el-form :model="state.formData" label-position="top" class="nursing-form">
|
||||
<el-form
|
||||
:model="state.formData"
|
||||
label-position="top"
|
||||
class="nursing-form"
|
||||
>
|
||||
<!-- 患者基本信息 -->
|
||||
<div class="patient-info">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="2">
|
||||
<el-form-item label="姓名">
|
||||
<el-input v-model="state.formData.name" placeholder="请输入姓名"></el-input>
|
||||
<el-input
|
||||
v-model="state.formData.name"
|
||||
placeholder="请输入姓名"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="2">
|
||||
<el-form-item label="年龄">
|
||||
<el-input v-model="state.formData.age" placeholder="请输入年龄"></el-input>
|
||||
<el-input
|
||||
v-model="state.formData.age"
|
||||
placeholder="请输入年龄"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="性别">
|
||||
<el-select v-model="state.formData.gender" placeholder="请选择性别">
|
||||
<el-option label="男" value="male"></el-option>
|
||||
<el-option label="女" value="female"></el-option>
|
||||
<el-select
|
||||
v-model="state.formData.gender"
|
||||
placeholder="请选择性别"
|
||||
>
|
||||
<el-option
|
||||
label="男"
|
||||
value="male"
|
||||
/>
|
||||
<el-option
|
||||
label="女"
|
||||
value="female"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="病区">
|
||||
<el-input v-model="state.formData.ward" placeholder="请输入病区"></el-input>
|
||||
<el-input
|
||||
v-model="state.formData.ward"
|
||||
placeholder="请输入病区"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="床号">
|
||||
<el-input v-model="state.formData.bedNumber" placeholder="请输入床号"></el-input>
|
||||
<el-input
|
||||
v-model="state.formData.bedNumber"
|
||||
placeholder="请输入床号"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
@@ -47,12 +76,15 @@
|
||||
<el-input
|
||||
v-model="state.formData.hospitalNumber"
|
||||
placeholder="请输入住院号"
|
||||
></el-input>
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="入院诊断">
|
||||
<el-input v-model="state.formData.diagnosis" placeholder="请输入入院诊断"></el-input>
|
||||
<el-input
|
||||
v-model="state.formData.diagnosis"
|
||||
placeholder="请输入入院诊断"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -60,8 +92,15 @@
|
||||
|
||||
<!-- 基本信息记录表格 -->
|
||||
<div class="vital-signs-table">
|
||||
<el-table :data="state.formData.vitalSigns" border style="width: 100%">
|
||||
<el-table-column label="日期" width="100">
|
||||
<el-table
|
||||
:data="state.formData.vitalSigns"
|
||||
border
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
label="日期"
|
||||
width="100"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-date-picker
|
||||
v-model="scope.row.date"
|
||||
@@ -70,10 +109,13 @@
|
||||
format="YYYY-MM-DD"
|
||||
value-format="YYYY-MM-DD"
|
||||
style="width: 100%"
|
||||
></el-date-picker>
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="时间" width="100">
|
||||
<el-table-column
|
||||
label="时间"
|
||||
width="100"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-time-picker
|
||||
v-model="scope.row.time"
|
||||
@@ -81,133 +123,290 @@
|
||||
format="HH:mm"
|
||||
value-format="HH:mm"
|
||||
style="width: 100%"
|
||||
></el-time-picker>
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="基本信息">
|
||||
<el-table-column label="意识" width="80">
|
||||
<el-table-column
|
||||
label="意识"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-select v-model="scope.row.consciousness" placeholder="选择">
|
||||
<el-option label="清醒" value="清醒"></el-option>
|
||||
<el-option label="嗜睡" value="嗜睡"></el-option>
|
||||
<el-option label="昏迷" value="昏迷"></el-option>
|
||||
<el-select
|
||||
v-model="scope.row.consciousness"
|
||||
placeholder="选择"
|
||||
>
|
||||
<el-option
|
||||
label="清醒"
|
||||
value="清醒"
|
||||
/>
|
||||
<el-option
|
||||
label="嗜睡"
|
||||
value="嗜睡"
|
||||
/>
|
||||
<el-option
|
||||
label="昏迷"
|
||||
value="昏迷"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="体温℃" width="80">
|
||||
<el-table-column
|
||||
label="体温℃"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.temperature" placeholder="体温"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.temperature"
|
||||
placeholder="体温"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="心率次/分" width="100">
|
||||
<el-table-column
|
||||
label="心率次/分"
|
||||
width="100"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.heartRate" placeholder="心率"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.heartRate"
|
||||
placeholder="心率"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="脉搏次/分" width="100">
|
||||
<el-table-column
|
||||
label="脉搏次/分"
|
||||
width="100"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.heartRate" placeholder="心率"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.heartRate"
|
||||
placeholder="心率"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="呼吸次/分" width="100">
|
||||
<el-table-column
|
||||
label="呼吸次/分"
|
||||
width="100"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.respiratoryRate" placeholder="呼吸"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.respiratoryRate"
|
||||
placeholder="呼吸"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="血压mmHg" width="120">
|
||||
<el-table-column
|
||||
label="血压mmHg"
|
||||
width="120"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.bloodPressure" placeholder="血压"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.bloodPressure"
|
||||
placeholder="血压"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="血氧饱和度" width="120">
|
||||
<el-table-column
|
||||
label="血氧饱和度"
|
||||
width="120"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.bloodPressure" placeholder="血压"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.bloodPressure"
|
||||
placeholder="血压"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="氧疗L/min" width="200">
|
||||
<el-table-column label="方式" >
|
||||
<el-table-column
|
||||
label="氧疗L/min"
|
||||
width="200"
|
||||
>
|
||||
<el-table-column label="方式">
|
||||
<template #default="scope">
|
||||
<el-select v-model="scope.row.intake" placeholder="选择">
|
||||
<el-option label="鼻导管" value="鼻导管"></el-option>
|
||||
<el-option label="面罩" value="面罩"></el-option>
|
||||
<el-option label="无" value="无"></el-option>
|
||||
<el-select
|
||||
v-model="scope.row.intake"
|
||||
placeholder="选择"
|
||||
>
|
||||
<el-option
|
||||
label="鼻导管"
|
||||
value="鼻导管"
|
||||
/>
|
||||
<el-option
|
||||
label="面罩"
|
||||
value="面罩"
|
||||
/>
|
||||
<el-option
|
||||
label="无"
|
||||
value="无"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="流量" width="80">
|
||||
<el-table-column
|
||||
label="流量"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="入量" width="200">
|
||||
<el-table-column label="名称" >
|
||||
<el-table-column
|
||||
label="入量"
|
||||
width="200"
|
||||
>
|
||||
<el-table-column label="名称">
|
||||
<template #default="scope">
|
||||
<el-select v-model="scope.row.intake" placeholder="选择">
|
||||
<el-option label="鼻导管" value="鼻导管"></el-option>
|
||||
<el-option label="面罩" value="面罩"></el-option>
|
||||
<el-option label="无" value="无"></el-option>
|
||||
<el-select
|
||||
v-model="scope.row.intake"
|
||||
placeholder="选择"
|
||||
>
|
||||
<el-option
|
||||
label="鼻导管"
|
||||
value="鼻导管"
|
||||
/>
|
||||
<el-option
|
||||
label="面罩"
|
||||
value="面罩"
|
||||
/>
|
||||
<el-option
|
||||
label="无"
|
||||
value="无"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="ml" width="80">
|
||||
<el-table-column
|
||||
label="ml"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="途径" width="80">
|
||||
<el-table-column
|
||||
label="途径"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="出量" width="200">
|
||||
<el-table-column label="名称" >
|
||||
<el-table-column
|
||||
label="出量"
|
||||
width="200"
|
||||
>
|
||||
<el-table-column label="名称">
|
||||
<template #default="scope">
|
||||
<el-select v-model="scope.row.intake" placeholder="选择">
|
||||
<el-option label="鼻导管" value="鼻导管"></el-option>
|
||||
<el-option label="面罩" value="面罩"></el-option>
|
||||
<el-option label="无" value="无"></el-option>
|
||||
<el-select
|
||||
v-model="scope.row.intake"
|
||||
placeholder="选择"
|
||||
>
|
||||
<el-option
|
||||
label="鼻导管"
|
||||
value="鼻导管"
|
||||
/>
|
||||
<el-option
|
||||
label="面罩"
|
||||
value="面罩"
|
||||
/>
|
||||
<el-option
|
||||
label="无"
|
||||
value="无"
|
||||
/>
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="ml" width="80">
|
||||
<el-table-column
|
||||
label="ml"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column label="皮肤情况" width="80">
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="管路护理" width="80">
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="病情与措施" width="80">
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.flowRate" placeholder="流量"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="护士签名" width="100">
|
||||
<el-table-column
|
||||
label="皮肤情况"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input v-model="scope.row.nurseSignature" placeholder="签名"></el-input>
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<el-table-column
|
||||
label="管路护理"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button type="danger" size="small" @click="removeVitalSign(scope.$index)"
|
||||
>删除</el-button
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="病情与措施"
|
||||
width="80"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.flowRate"
|
||||
placeholder="流量"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="护士签名"
|
||||
width="100"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-input
|
||||
v-model="scope.row.nurseSignature"
|
||||
placeholder="签名"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
width="120"
|
||||
fixed="right"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button
|
||||
type="danger"
|
||||
size="small"
|
||||
@click="removeVitalSign(scope.$index)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="add-row">
|
||||
<el-button type="primary" @click="addVitalSign">添加记录</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@click="addVitalSign"
|
||||
>
|
||||
添加记录
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -216,13 +415,13 @@
|
||||
<div>
|
||||
一、意识:①清醒;②嗜睡;③意识模糊;④昏睡;⑤谗妄;⑥浅昏迷;⑦中度昏迷;⑧深昏迷;⑨全麻未醒;⑩镇静。
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
二、氧疗方式:①鼻导管;②面罩;③HFNC;④HIPPV;⑤IMV。
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
三、皮肤情况:①完好;②压疮;③出血点;④破损;⑤水肿;⑥瘀斑;⑦过敏;⑧其他。
|
||||
</div>
|
||||
<div>
|
||||
<div>
|
||||
四、管路护理:①胃管;②尿导管;③静脉置管;④吸氧管;⑤“T”管;⑥胸腔引流管;⑦腹腔引流管;⑧伤口引流管;⑨脑室引流管;⑩其他。
|
||||
</div>
|
||||
</div>
|
||||
@@ -330,7 +529,7 @@ onMounted(() => {
|
||||
});
|
||||
const submit = () => {
|
||||
// ElMessage.success('提交成功');
|
||||
emits('submitOk', state.formData);
|
||||
emits('submitOk', state.value.formData);
|
||||
};
|
||||
const setFormData = (data) => {
|
||||
if (data) {
|
||||
|
||||
@@ -5,8 +5,12 @@
|
||||
patient?.busNo || '未知'
|
||||
}}
|
||||
</div>
|
||||
<h2 style="text-align: center">{{ userStore.hospitalName }}</h2>
|
||||
<h2 style="text-align: center">门诊病历</h2>
|
||||
<h2 style="text-align: center">
|
||||
{{ userStore.hospitalName }}
|
||||
</h2>
|
||||
<h2 style="text-align: center">
|
||||
门诊病历
|
||||
</h2>
|
||||
|
||||
<!-- 滚动内容区域 -->
|
||||
<div class="form-scroll-container">
|
||||
@@ -18,35 +22,73 @@
|
||||
label-align="left"
|
||||
class="medical-full-form"
|
||||
>
|
||||
<h4 class="section-title">基础信息</h4>
|
||||
<h4 class="section-title">
|
||||
基础信息
|
||||
</h4>
|
||||
<!-- 1. 基础信息:单行自适应排列 -->
|
||||
<el-form-item class="form-section">
|
||||
<div class="single-row-layout">
|
||||
<el-form-item label="身高" prop="height" class="row-item">
|
||||
<el-form-item
|
||||
label="身高"
|
||||
prop="height"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.height" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.height"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">cm</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="体重" prop="weight" class="row-item">
|
||||
<el-form-item
|
||||
label="体重"
|
||||
prop="weight"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.weight" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.weight"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">kg</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="体温" prop="temperature" class="row-item">
|
||||
<el-form-item
|
||||
label="体温"
|
||||
prop="temperature"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.temperature" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.temperature"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">℃</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="脉搏" prop="pulse" class="row-item">
|
||||
<el-form-item
|
||||
label="脉搏"
|
||||
prop="pulse"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.pulse" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.pulse"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">次/分</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="发病日期" prop="onsetDate" class="row-item">
|
||||
<el-form-item
|
||||
label="发病日期"
|
||||
prop="onsetDate"
|
||||
class="row-item"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.onsetDate"
|
||||
type="date"
|
||||
@@ -58,11 +100,17 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<h4 class="section-title">病史信息</h4>
|
||||
<h4 class="section-title">
|
||||
病史信息
|
||||
</h4>
|
||||
<!-- 2. 病史信息:单行自适应排列(新增调整) -->
|
||||
<el-form-item class="form-section">
|
||||
<div class="single-row-layout">
|
||||
<el-form-item label="现病史" prop="presentIllness" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="现病史"
|
||||
prop="presentIllness"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.presentIllness"
|
||||
type="textarea"
|
||||
@@ -70,10 +118,23 @@
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="既往史" prop="pastIllness" class="row-item history-item">
|
||||
<el-input v-model="formData.pastIllness" type="textarea" placeholder="无" autosize />
|
||||
<el-form-item
|
||||
label="既往史"
|
||||
prop="pastIllness"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.pastIllness"
|
||||
type="textarea"
|
||||
placeholder="无"
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="个人史" prop="personalHistory" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="个人史"
|
||||
prop="personalHistory"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.personalHistory"
|
||||
type="textarea"
|
||||
@@ -81,7 +142,11 @@
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="过敏史" prop="allergyHistory" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="过敏史"
|
||||
prop="allergyHistory"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.allergyHistory"
|
||||
type="textarea"
|
||||
@@ -89,7 +154,11 @@
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="家族史" prop="familyHistory" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="家族史"
|
||||
prop="familyHistory"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.familyHistory"
|
||||
type="textarea"
|
||||
@@ -99,9 +168,15 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<h4 class="section-title">主诉、查体(治疗)、处置、辅助检查</h4>
|
||||
<h4 class="section-title">
|
||||
主诉、查体(治疗)、处置、辅助检查
|
||||
</h4>
|
||||
<!-- 3. 主诉(必填) -->
|
||||
<el-form-item label="主诉" prop="complaint" class="required form-item-single">
|
||||
<el-form-item
|
||||
label="主诉"
|
||||
prop="complaint"
|
||||
class="required form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.complaint"
|
||||
type="textarea"
|
||||
@@ -111,7 +186,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- 4. 查体、处理、辅助检查 -->
|
||||
<el-form-item label="查体(治疗)" prop="physicalExam" class="form-item-single">
|
||||
<el-form-item
|
||||
label="查体(治疗)"
|
||||
prop="physicalExam"
|
||||
class="form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.physicalExam"
|
||||
type="textarea"
|
||||
@@ -121,7 +200,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="处置" prop="treatment" class="form-item-single">
|
||||
<el-form-item
|
||||
label="处置"
|
||||
prop="treatment"
|
||||
class="form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.treatment"
|
||||
type="textarea"
|
||||
@@ -131,7 +214,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="辅助检查" prop="auxiliaryExam" class="form-item-single">
|
||||
<el-form-item
|
||||
label="辅助检查"
|
||||
prop="auxiliaryExam"
|
||||
class="form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.auxiliaryExam"
|
||||
type="textarea"
|
||||
|
||||
@@ -5,9 +5,13 @@
|
||||
patient?.busNo || '未知'
|
||||
}}
|
||||
</div>
|
||||
<h2 style="text-align: center">{{ userStore.hospitalName }}</h2>
|
||||
<h2 style="text-align: center">
|
||||
{{ userStore.hospitalName }}
|
||||
</h2>
|
||||
|
||||
<h2 style="text-align: center">门诊病历</h2>
|
||||
<h2 style="text-align: center">
|
||||
门诊病历
|
||||
</h2>
|
||||
|
||||
<!-- 滚动内容区域 -->
|
||||
<div class="form-scroll-container">
|
||||
@@ -19,13 +23,23 @@
|
||||
label-align="left"
|
||||
class="medical-full-form"
|
||||
>
|
||||
<h4 class="section-title">基础信息</h4>
|
||||
<h4 class="section-title">
|
||||
基础信息
|
||||
</h4>
|
||||
<!-- 1. 基础信息:单行自适应排列 -->
|
||||
<el-form-item class="form-section">
|
||||
<div class="single-row-layout">
|
||||
<el-form-item label="呼吸" prop="breathe" class="row-item">
|
||||
<el-form-item
|
||||
label="呼吸"
|
||||
prop="breathe"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.breathe" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.breathe"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">次/分</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@@ -35,7 +49,11 @@
|
||||
<span class="unit">mmHg</span>
|
||||
</div>
|
||||
</el-form-item> -->
|
||||
<el-form-item label="血压" prop="blood" class="row-item">
|
||||
<el-form-item
|
||||
label="血压"
|
||||
prop="blood"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit blood-input-group">
|
||||
<el-input
|
||||
v-model="formData.bloodHigh"
|
||||
@@ -53,19 +71,39 @@
|
||||
<span class="unit">(高/低)mmHg</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="体温" prop="temperature" class="row-item">
|
||||
<el-form-item
|
||||
label="体温"
|
||||
prop="temperature"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.temperature" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.temperature"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">℃</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="脉搏" prop="pulse" class="row-item">
|
||||
<el-form-item
|
||||
label="脉搏"
|
||||
prop="pulse"
|
||||
class="row-item"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model="formData.pulse" type="text" placeholder="请输入" />
|
||||
<el-input
|
||||
v-model="formData.pulse"
|
||||
type="text"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
<span class="unit">次/分</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="就诊日期" prop="onsetDate" class="row-item">
|
||||
<el-form-item
|
||||
label="就诊日期"
|
||||
prop="onsetDate"
|
||||
class="row-item"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.onsetDate"
|
||||
type="date"
|
||||
@@ -77,11 +115,17 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<h4 class="section-title">病史信息</h4>
|
||||
<h4 class="section-title">
|
||||
病史信息
|
||||
</h4>
|
||||
<!-- 2. 病史信息:单行自适应排列(新增调整) -->
|
||||
<el-form-item class="form-section">
|
||||
<div class="single-row-layout">
|
||||
<el-form-item label="现病史" prop="presentIllness" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="现病史"
|
||||
prop="presentIllness"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.presentIllness"
|
||||
type="textarea"
|
||||
@@ -89,10 +133,23 @@
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="既往史" prop="pastIllness" class="row-item history-item">
|
||||
<el-input v-model="formData.pastIllness" type="textarea" placeholder="无" autosize />
|
||||
<el-form-item
|
||||
label="既往史"
|
||||
prop="pastIllness"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.pastIllness"
|
||||
type="textarea"
|
||||
placeholder="无"
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="个人史" prop="personalHistory" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="个人史"
|
||||
prop="personalHistory"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.personalHistory"
|
||||
type="textarea"
|
||||
@@ -100,7 +157,11 @@
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="过敏史" prop="allergyHistory" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="过敏史"
|
||||
prop="allergyHistory"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.allergyHistory"
|
||||
type="textarea"
|
||||
@@ -108,7 +169,11 @@
|
||||
autosize
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="家族史" prop="familyHistory" class="row-item history-item">
|
||||
<el-form-item
|
||||
label="家族史"
|
||||
prop="familyHistory"
|
||||
class="row-item history-item"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.familyHistory"
|
||||
type="textarea"
|
||||
@@ -118,9 +183,15 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<h4 class="section-title">主诉、处置、辅助检查</h4>
|
||||
<h4 class="section-title">
|
||||
主诉、处置、辅助检查
|
||||
</h4>
|
||||
<!-- 3. 主诉(必填) -->
|
||||
<el-form-item label="主诉" prop="complaint" class="required form-item-single">
|
||||
<el-form-item
|
||||
label="主诉"
|
||||
prop="complaint"
|
||||
class="required form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.complaint"
|
||||
type="textarea"
|
||||
@@ -140,7 +211,11 @@
|
||||
/>
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="处置" prop="treatment" class="form-item-single">
|
||||
<el-form-item
|
||||
label="处置"
|
||||
prop="treatment"
|
||||
class="form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.treatment"
|
||||
type="textarea"
|
||||
@@ -150,7 +225,11 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="辅助检查" prop="auxiliaryExam" class="form-item-single">
|
||||
<el-form-item
|
||||
label="辅助检查"
|
||||
prop="auxiliaryExam"
|
||||
class="form-item-single"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.auxiliaryExam"
|
||||
type="textarea"
|
||||
|
||||
@@ -7,66 +7,99 @@
|
||||
<div class="surgicalPatientHandover-container">
|
||||
<div class="handover-form">
|
||||
<div class="form-header">
|
||||
<h1 class="hospital-name">{{ userStore.hospitalName }}</h1>
|
||||
<h2 class="form-title">手术患者交接单</h2>
|
||||
<h1 class="hospital-name">
|
||||
{{ userStore.hospitalName }}
|
||||
</h1>
|
||||
<h2 class="form-title">
|
||||
手术患者交接单
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div class="patient-info">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<div class="info-item">日期:{{ state.formData.date }}</div>
|
||||
<div class="info-item">
|
||||
日期:{{ state.formData.date }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">姓名:{{ state.formData.patientName }}</div>
|
||||
<div class="info-item">
|
||||
姓名:{{ state.formData.patientName }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">性别:{{ state.formData.sex }}</div>
|
||||
<div class="info-item">
|
||||
性别:{{ state.formData.sex }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">年龄:{{ state.formData.age }}岁</div>
|
||||
<div class="info-item">
|
||||
年龄:{{ state.formData.age }}岁
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="6">
|
||||
<div class="info-item">科室:{{ state.formData.department }}</div>
|
||||
<div class="info-item">
|
||||
科室:{{ state.formData.department }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">床号:{{ state.formData.bedNumber }}</div>
|
||||
<div class="info-item">
|
||||
床号:{{ state.formData.bedNumber }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">住院号:{{ state.formData.hospitalNumber }}</div>
|
||||
<div class="info-item">
|
||||
住院号:{{ state.formData.hospitalNumber }}
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<div class="info-item">术前诊断:{{ state.formData.preDiagnosis }}</div>
|
||||
<div class="info-item">
|
||||
术前诊断:{{ state.formData.preDiagnosis }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<div class="info-item">拟行手术方式:{{ state.formData.surgeryMethod }}</div>
|
||||
<div class="info-item">
|
||||
拟行手术方式:{{ state.formData.surgeryMethod }}
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
|
||||
<el-form :model="state.formData" label-width="0" class="handover-form-content">
|
||||
<el-form
|
||||
:model="state.formData"
|
||||
label-width="0"
|
||||
class="handover-form-content"
|
||||
>
|
||||
<!-- 一、病房护士与手术室护士交接记录 -->
|
||||
<div class="form-section">
|
||||
<div class="section-title">一、病房护士与手术室护士交接记录</div>
|
||||
<div class="section-title">
|
||||
一、病房护士与手术室护士交接记录
|
||||
</div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<div class="form-item">
|
||||
<span class="item-label">药物过敏史</span>
|
||||
<el-radio-group v-model="state.formData.drugAllergy">
|
||||
<el-radio :label="1">无</el-radio>
|
||||
<el-radio :label="2">有</el-radio>
|
||||
<el-radio :label="1">
|
||||
无
|
||||
</el-radio>
|
||||
<el-radio :label="2">
|
||||
有
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="form-item">
|
||||
<span v-if="state.formData.drugAllergy === 2"
|
||||
>药物名称:
|
||||
<el-input v-model="state.formData.allergyDrugName" class="inline-input"
|
||||
/></span>
|
||||
<span v-if="state.formData.drugAllergy === 2">药物名称:
|
||||
<el-input
|
||||
v-model="state.formData.allergyDrugName"
|
||||
class="inline-input"
|
||||
/></span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -76,9 +109,15 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">身份确认</span>
|
||||
<el-checkbox-group v-model="state.formData.identityConfirm">
|
||||
<el-checkbox :label="1">患者姓名核实</el-checkbox>
|
||||
<el-checkbox :label="2">病例核实</el-checkbox>
|
||||
<el-checkbox :label="3">腕带核</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
患者姓名核实
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
病例核实
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
腕带核
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -93,8 +132,9 @@
|
||||
v-for="item in getStatisticsOptionList('surgeryMark')"
|
||||
:key="item.dictValue"
|
||||
:label="item.dictValue"
|
||||
>{{ item.dictLabel }}</el-radio
|
||||
>
|
||||
{{ item.dictLabel }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -123,29 +163,35 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">生命体征</span>
|
||||
<span>
|
||||
<el-input v-model="state.formData.temperature" class="inline-input">
|
||||
<el-input
|
||||
v-model="state.formData.temperature"
|
||||
class="inline-input"
|
||||
>
|
||||
<template #prepend>T</template>
|
||||
<template #append>℃</template>
|
||||
</el-input>
|
||||
</span>
|
||||
<span class="ml-20"
|
||||
><el-input v-model="state.formData.pulse" class="inline-input">
|
||||
<template #prepend>P</template>
|
||||
<template #append>次/分</template>
|
||||
</el-input></span
|
||||
<span class="ml-20"><el-input
|
||||
v-model="state.formData.pulse"
|
||||
class="inline-input"
|
||||
>
|
||||
<span class="ml-20"
|
||||
><el-input v-model="state.formData.respiration" class="inline-input">
|
||||
<template #prepend>R</template>
|
||||
<template #append>次/分</template>
|
||||
</el-input></span
|
||||
<template #prepend>P</template>
|
||||
<template #append>次/分</template>
|
||||
</el-input></span>
|
||||
<span class="ml-20"><el-input
|
||||
v-model="state.formData.respiration"
|
||||
class="inline-input"
|
||||
>
|
||||
<span class="ml-20"
|
||||
><el-input v-model="state.formData.respiration" class="inline-input">
|
||||
<template #prepend>BP</template>
|
||||
<template #append>mmHg</template>
|
||||
</el-input></span
|
||||
<template #prepend>R</template>
|
||||
<template #append>次/分</template>
|
||||
</el-input></span>
|
||||
<span class="ml-20"><el-input
|
||||
v-model="state.formData.respiration"
|
||||
class="inline-input"
|
||||
>
|
||||
<template #prepend>BP</template>
|
||||
<template #append>mmHg</template>
|
||||
</el-input></span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -155,12 +201,24 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">意识状态</span>
|
||||
<el-checkbox-group v-model="state.formData.consciousness">
|
||||
<el-checkbox :label="1">清醒</el-checkbox>
|
||||
<el-checkbox :label="2">嗜睡</el-checkbox>
|
||||
<el-checkbox :label="3">意识模糊</el-checkbox>
|
||||
<el-checkbox :label="4">躁动</el-checkbox>
|
||||
<el-checkbox :label="5">偏瘫</el-checkbox>
|
||||
<el-checkbox :label="6">昏迷</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
清醒
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
嗜睡
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
意识模糊
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
躁动
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="5">
|
||||
偏瘫
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="6">
|
||||
昏迷
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -171,13 +229,22 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">皮肤情况</span>
|
||||
<el-checkbox-group v-model="state.formData.skinCondition">
|
||||
<el-checkbox :label="1">正常</el-checkbox>
|
||||
<el-checkbox :label="2">破损</el-checkbox>
|
||||
<el-checkbox :label="3">压力性损伤</el-checkbox>
|
||||
<el-checkbox :label="4">其他</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
正常
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
破损
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
压力性损伤
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
其他
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
<span v-if="state.formData.skinCondition.includes(4)"
|
||||
>其他: <el-input v-model="state.formData.skinOther" class="inline-input"
|
||||
<span v-if="state.formData.skinCondition.includes(4)">其他: <el-input
|
||||
v-model="state.formData.skinOther"
|
||||
class="inline-input"
|
||||
/></span>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -236,13 +303,27 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">留置管路</span>
|
||||
<el-checkbox-group v-model="state.formData.preOperativePipeline">
|
||||
<el-checkbox :label="1">无</el-checkbox>
|
||||
<el-checkbox :label="2">中心静脉置管</el-checkbox>
|
||||
<el-checkbox :label="3">动脉置管</el-checkbox>
|
||||
<el-checkbox :label="4">气管插管</el-checkbox>
|
||||
<el-checkbox :label="5">胃管</el-checkbox>
|
||||
<el-checkbox :label="6">尿管</el-checkbox>
|
||||
<el-checkbox :label="7">引流管</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
无
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
中心静脉置管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
动脉置管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
气管插管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="5">
|
||||
胃管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="6">
|
||||
尿管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="7">
|
||||
引流管
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -258,11 +339,22 @@
|
||||
style="width: 50px"
|
||||
/>
|
||||
<span>条</span>
|
||||
<el-checkbox-group v-model="state.formData.veinPosition" class="ml-20">
|
||||
<el-checkbox :label="1">右上肢</el-checkbox>
|
||||
<el-checkbox :label="2">右下肢</el-checkbox>
|
||||
<el-checkbox :label="3">左上肢</el-checkbox>
|
||||
<el-checkbox :label="4">左下肢</el-checkbox>
|
||||
<el-checkbox-group
|
||||
v-model="state.formData.veinPosition"
|
||||
class="ml-20"
|
||||
>
|
||||
<el-checkbox :label="1">
|
||||
右上肢
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
右下肢
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
左上肢
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
左下肢
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -273,13 +365,27 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">确认事项</span>
|
||||
<el-checkbox-group v-model="state.formData.confirmItems">
|
||||
<el-checkbox :label="1">禁食水</el-checkbox>
|
||||
<el-checkbox :label="2">备皮</el-checkbox>
|
||||
<el-checkbox :label="3">无活动义齿</el-checkbox>
|
||||
<el-checkbox :label="4">无随形眼镜</el-checkbox>
|
||||
<el-checkbox :label="5">摘首饰</el-checkbox>
|
||||
<el-checkbox :label="6">非月经期</el-checkbox>
|
||||
<el-checkbox :label="7">病员服</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
禁食水
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
备皮
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
无活动义齿
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
无随形眼镜
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="5">
|
||||
摘首饰
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="6">
|
||||
非月经期
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="7">
|
||||
病员服
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -290,11 +396,21 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">携带物品</span>
|
||||
<el-checkbox-group v-model="state.formData.carryItems">
|
||||
<el-checkbox :label="1">病例</el-checkbox>
|
||||
<el-checkbox :label="2">药物</el-checkbox>
|
||||
<el-checkbox :label="3">影像资料</el-checkbox>
|
||||
<el-checkbox :label="4">胸/腹带</el-checkbox>
|
||||
<el-checkbox :label="5">血制品</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
病例
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
药物
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
影像资料
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
胸/腹带
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="5">
|
||||
血制品
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -304,19 +420,28 @@
|
||||
<el-col :span="8">
|
||||
<div class="form-item">
|
||||
<span class="item-label">病房护士签名</span>
|
||||
<el-input v-model="state.formData.wardNurseName" class="inline-input" />
|
||||
<el-input
|
||||
v-model="state.formData.wardNurseName"
|
||||
class="inline-input"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="form-item">
|
||||
<span class="item-label">手术护士签名</span>
|
||||
<el-input v-model="state.formData.surgeryNurseName" class="inline-input" />
|
||||
<el-input
|
||||
v-model="state.formData.surgeryNurseName"
|
||||
class="inline-input"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<div class="form-item">
|
||||
<span class="item-label">交接时间</span>
|
||||
<el-input v-model="state.formData.handoverTime" class="inline-input" />
|
||||
<el-input
|
||||
v-model="state.formData.handoverTime"
|
||||
class="inline-input"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -324,7 +449,9 @@
|
||||
|
||||
<!-- 二、手术室护士与麻醉复苏室护士/病房护士交接记录 -->
|
||||
<div class="form-section">
|
||||
<div class="section-title">二、手术室护士与麻醉复苏室护士/病房护士交接记录</div>
|
||||
<div class="section-title">
|
||||
二、手术室护士与麻醉复苏室护士/病房护士交接记录
|
||||
</div>
|
||||
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
@@ -345,7 +472,10 @@
|
||||
/>
|
||||
<span>次/分</span>
|
||||
<span class="ml-20">BP</span>
|
||||
<el-input v-model="state.formData.postBloodPressure" class="inline-input" />
|
||||
<el-input
|
||||
v-model="state.formData.postBloodPressure"
|
||||
class="inline-input"
|
||||
/>
|
||||
<span>mmHg</span>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -356,14 +486,21 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">意识状态</span>
|
||||
<el-checkbox-group v-model="state.formData.postConsciousness">
|
||||
<el-checkbox :label="1">清醒</el-checkbox>
|
||||
<el-checkbox :label="2">未清醒</el-checkbox>
|
||||
<el-checkbox :label="3">其他</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
清醒
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
未清醒
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
其他
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
<span v-if="state.formData.postConsciousness.includes(3)"
|
||||
>其他:
|
||||
<el-input v-model="state.formData.postConsciousnessOther" class="inline-input"
|
||||
/></span>
|
||||
<span v-if="state.formData.postConsciousness.includes(3)">其他:
|
||||
<el-input
|
||||
v-model="state.formData.postConsciousnessOther"
|
||||
class="inline-input"
|
||||
/></span>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -373,13 +510,22 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">皮肤情况</span>
|
||||
<el-checkbox-group v-model="state.formData.postSkinCondition">
|
||||
<el-checkbox :label="1">正常</el-checkbox>
|
||||
<el-checkbox :label="2">破损</el-checkbox>
|
||||
<el-checkbox :label="3">压力性损伤</el-checkbox>
|
||||
<el-checkbox :label="4">其他</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
正常
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
破损
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
压力性损伤
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
其他
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
<span v-if="state.formData.postSkinCondition.includes(4)"
|
||||
>其他: <el-input v-model="state.formData.postSkinOther" class="inline-input"
|
||||
<span v-if="state.formData.postSkinCondition.includes(4)">其他: <el-input
|
||||
v-model="state.formData.postSkinOther"
|
||||
class="inline-input"
|
||||
/></span>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -438,13 +584,27 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">术后管路</span>
|
||||
<el-checkbox-group v-model="state.formData.postOperativePipeline">
|
||||
<el-checkbox :label="1">无</el-checkbox>
|
||||
<el-checkbox :label="2">中心静脉置管</el-checkbox>
|
||||
<el-checkbox :label="3">动脉置管</el-checkbox>
|
||||
<el-checkbox :label="4">气管插管</el-checkbox>
|
||||
<el-checkbox :label="5">胃管</el-checkbox>
|
||||
<el-checkbox :label="6">尿管</el-checkbox>
|
||||
<el-checkbox :label="7">引流管</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
无
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
中心静脉置管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
动脉置管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
气管插管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="5">
|
||||
胃管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="6">
|
||||
尿管
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="7">
|
||||
引流管
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -460,11 +620,22 @@
|
||||
style="width: 50px"
|
||||
/>
|
||||
<span>条</span>
|
||||
<el-checkbox-group v-model="state.formData.postVeinPosition" class="ml-20">
|
||||
<el-checkbox :label="1">右上肢</el-checkbox>
|
||||
<el-checkbox :label="2">右下肢</el-checkbox>
|
||||
<el-checkbox :label="3">左上肢</el-checkbox>
|
||||
<el-checkbox :label="4">左下肢</el-checkbox>
|
||||
<el-checkbox-group
|
||||
v-model="state.formData.postVeinPosition"
|
||||
class="ml-20"
|
||||
>
|
||||
<el-checkbox :label="1">
|
||||
右上肢
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
右下肢
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
左上肢
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
左下肢
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -475,11 +646,21 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">携带物品</span>
|
||||
<el-checkbox-group v-model="state.formData.postCarryItems">
|
||||
<el-checkbox :label="1">病历</el-checkbox>
|
||||
<el-checkbox :label="2">药物</el-checkbox>
|
||||
<el-checkbox :label="3">影像资料</el-checkbox>
|
||||
<el-checkbox :label="4">胸/腹带</el-checkbox>
|
||||
<el-checkbox :label="5">血制品</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
病历
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
药物
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="3">
|
||||
影像资料
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="4">
|
||||
胸/腹带
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="5">
|
||||
血制品
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -490,8 +671,12 @@
|
||||
<div class="form-item">
|
||||
<span class="item-label">镇痛泵</span>
|
||||
<el-radio-group v-model="state.formData.painPump">
|
||||
<el-radio :label="1">无</el-radio>
|
||||
<el-radio :label="2">有</el-radio>
|
||||
<el-radio :label="1">
|
||||
无
|
||||
</el-radio>
|
||||
<el-radio :label="2">
|
||||
有
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-col>
|
||||
@@ -500,14 +685,23 @@
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="12">
|
||||
<div class="form-item">
|
||||
<span class="item-label" style="width: 220px">手术室/麻醉复苏室护士签名</span>
|
||||
<el-input v-model="state.formData.surgeryRecoveryNurseName" class="inline-input" />
|
||||
<span
|
||||
class="item-label"
|
||||
style="width: 220px"
|
||||
>手术室/麻醉复苏室护士签名</span>
|
||||
<el-input
|
||||
v-model="state.formData.surgeryRecoveryNurseName"
|
||||
class="inline-input"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<div class="form-item">
|
||||
<span class="item-label">病房护士签名</span>
|
||||
<el-input v-model="state.formData.postWardNurseName" class="inline-input" />
|
||||
<el-input
|
||||
v-model="state.formData.postWardNurseName"
|
||||
class="inline-input"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
@@ -532,7 +726,10 @@
|
||||
<el-col :span="12">
|
||||
<div class="form-item">
|
||||
<span class="item-label">交接时间</span>
|
||||
<el-input v-model="state.formData.postHandoverTime" class="inline-input" />
|
||||
<el-input
|
||||
v-model="state.formData.postHandoverTime"
|
||||
class="inline-input"
|
||||
/>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
@@ -540,13 +737,19 @@
|
||||
|
||||
<!-- 其他 -->
|
||||
<div class="form-section">
|
||||
<div class="section-title">其他</div>
|
||||
<div class="section-title">
|
||||
其他
|
||||
</div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<div class="form-item">
|
||||
<el-checkbox-group v-model="state.formData.otherItems">
|
||||
<el-checkbox :label="1">离院</el-checkbox>
|
||||
<el-checkbox :label="2">死亡</el-checkbox>
|
||||
<el-checkbox :label="1">
|
||||
离院
|
||||
</el-checkbox>
|
||||
<el-checkbox :label="2">
|
||||
死亡
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</div>
|
||||
</el-col>
|
||||
|
||||
@@ -1,15 +1,26 @@
|
||||
<template>
|
||||
<div class="medical-document" >
|
||||
<!-- 操作按钮 -->
|
||||
<div class="btn-group">
|
||||
<el-button type="success" @click="handlePrint">打印记录</el-button>
|
||||
<!-- <el-button type="warning" @click="handleReset">重置表单</el-button> -->
|
||||
</div>
|
||||
<div class="medical-document">
|
||||
<!-- 操作按钮 -->
|
||||
<div class="btn-group">
|
||||
<el-button
|
||||
type="success"
|
||||
@click="handlePrint"
|
||||
>
|
||||
打印记录
|
||||
</el-button>
|
||||
<!-- <el-button type="warning" @click="handleReset">重置表单</el-button> -->
|
||||
</div>
|
||||
<!-- 标题区域 -->
|
||||
<div class="doc-header">
|
||||
<h2 class="doc-title">{{ userStore.hospitalName}}</h2>
|
||||
<h1 class="doc-title">手术记录</h1>
|
||||
<div class="doc-subtitle">病历号: {{ formData.busNo || '待填写' }}</div>
|
||||
<h2 class="doc-title">
|
||||
{{ userStore.hospitalName }}
|
||||
</h2>
|
||||
<h1 class="doc-title">
|
||||
手术记录
|
||||
</h1>
|
||||
<div class="doc-subtitle">
|
||||
病历号: {{ formData.busNo || '待填写' }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 内容区域 -->
|
||||
@@ -24,34 +35,76 @@
|
||||
>
|
||||
<!-- 患者基础信息 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">一、患者基础信息</h2>
|
||||
<h2 class="section-title">
|
||||
一、患者基础信息
|
||||
</h2>
|
||||
<div class="adaptive-grid">
|
||||
<el-form-item label="姓名" prop="patientName" class="grid-item required">
|
||||
<el-input v-model="formData.patientName" placeholder="请输入患者姓名" clearable />
|
||||
<el-form-item
|
||||
label="姓名"
|
||||
prop="patientName"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.patientName"
|
||||
placeholder="请输入患者姓名"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="性别" prop="gender" class="grid-item required">
|
||||
<el-select v-model="formData.gender" placeholder="请选择性别">
|
||||
<el-option label="男性" value="男性" />
|
||||
<el-option label="女性" value="女性" />
|
||||
<el-form-item
|
||||
label="性别"
|
||||
prop="gender"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-select
|
||||
v-model="formData.gender"
|
||||
placeholder="请选择性别"
|
||||
>
|
||||
<el-option
|
||||
label="男性"
|
||||
value="男性"
|
||||
/>
|
||||
<el-option
|
||||
label="女性"
|
||||
value="女性"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="年龄" prop="age" class="grid-item required">
|
||||
<el-form-item
|
||||
label="年龄"
|
||||
prop="age"
|
||||
class="grid-item required"
|
||||
>
|
||||
<div class="input-with-unit">
|
||||
<el-input v-model.number="formData.age" placeholder="请输入年龄" />
|
||||
<el-input
|
||||
v-model.number="formData.age"
|
||||
placeholder="请输入年龄"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="科室" prop="department" class="grid-item required">
|
||||
<el-input v-model="formData.department" placeholder="如:普外科" clearable />
|
||||
<el-form-item
|
||||
label="科室"
|
||||
prop="department"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.department"
|
||||
placeholder="如:普外科"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<!--
|
||||
<!--
|
||||
<el-form-item label="病房/床号" prop="bedNo" class="grid-item required">
|
||||
<el-input v-model="formData.bedNo" placeholder="如:502-03" clearable />
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="手术日期" prop="operationDate" class="grid-item required">
|
||||
<el-form-item
|
||||
label="手术日期"
|
||||
prop="operationDate"
|
||||
class="grid-item required"
|
||||
>
|
||||
<el-date-picker
|
||||
v-model="formData.operationDate"
|
||||
type="date"
|
||||
@@ -65,8 +118,14 @@
|
||||
|
||||
<!-- 手术综合信息 -->
|
||||
<section class="doc-section">
|
||||
<h2 class="section-title">二、手术综合信息</h2>
|
||||
<el-form-item label="详细记录" prop="surgicalDetails" class="full-width-item required">
|
||||
<h2 class="section-title">
|
||||
二、手术综合信息
|
||||
</h2>
|
||||
<el-form-item
|
||||
label="详细记录"
|
||||
prop="surgicalDetails"
|
||||
class="full-width-item required"
|
||||
>
|
||||
<el-input
|
||||
v-model="formData.surgicalDetails"
|
||||
type="textarea"
|
||||
@@ -75,8 +134,6 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
</section>
|
||||
|
||||
|
||||
</el-form>
|
||||
</div>
|
||||
</template>
|
||||
@@ -100,7 +157,7 @@ import useUserStore from '../store/modules/user';
|
||||
import { previewPrint } from '@/utils/printUtils.js';
|
||||
|
||||
defineOptions({
|
||||
name: 'tySurgicalRecord'
|
||||
name: 'TySurgicalRecord'
|
||||
});
|
||||
// 表单引用
|
||||
const formRef = ref(null);
|
||||
|
||||
Reference in New Issue
Block a user