解决合并冲突
This commit is contained in:
@@ -1,269 +0,0 @@
|
||||
<template>
|
||||
<div class="hospital-record-form">
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="病案首页(一)" name="first">
|
||||
<medicalRecordFirst :formData="formData"></medicalRecordFirst>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="病案首页(二)" name="second">
|
||||
<medicalRecordSecond :formData="formData"></medicalRecordSecond>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="病案附页(一)" name="third"></el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<div class="form-footer">
|
||||
<button @click="printForm" class="print-btn">打印表单</button>
|
||||
<button @click="resetForm" class="reset-btn">重置表单</button>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, reactive } from 'vue';
|
||||
import medicalRecordFirst from './components/medicalRecordFirst.vue';
|
||||
import medicalRecordSecond from './components/medicalRecordSecond.vue';
|
||||
import medicalRecordFirstPrint from './components/medicalRecordFirstPrint.json';
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
hospital: {
|
||||
orgCode: '41275054-7',
|
||||
paymentMethod: '城乡居民基本医疗保险'
|
||||
},
|
||||
patient: {
|
||||
healthCardNo: '',
|
||||
name: '',
|
||||
gender: '',
|
||||
birthDate: '',
|
||||
age: '',
|
||||
nationality: '中国',
|
||||
nativePlace: '',
|
||||
ethnicity: '汉族',
|
||||
idCardNo: '',
|
||||
householdAddress: '',
|
||||
workUnit: '',
|
||||
contactName: '',
|
||||
contactRelation: '',
|
||||
contactAddress: '',
|
||||
contactPhone: ''
|
||||
},
|
||||
admission: {
|
||||
times: 1,
|
||||
hospitalNo: '',
|
||||
recordNo: '',
|
||||
channel: '',
|
||||
admitTime: '',
|
||||
department: '',
|
||||
ward: '',
|
||||
confirmDate: '',
|
||||
dischargeTime: '',
|
||||
dischargeDepartment: '',
|
||||
dischargeWard: '',
|
||||
hospitalDays: ''
|
||||
},
|
||||
diagnosis: {
|
||||
mainDiagnosis: '',
|
||||
otherDiagnosis: ''
|
||||
},
|
||||
medicalInfo: {
|
||||
bloodTransfusion: '2',
|
||||
bloodType: '',
|
||||
rhType: '',
|
||||
drugAllergy: '1'
|
||||
},
|
||||
doctorInfo: {
|
||||
departmentDirector: '',
|
||||
chiefPhysician: '',
|
||||
attendingPhysician: '',
|
||||
residentPhysician: '',
|
||||
chargeNurse: '',
|
||||
chiefResident: '',
|
||||
intern: '',
|
||||
recordQuality: '1',
|
||||
coder: '',
|
||||
qualityControlDate: ''
|
||||
}
|
||||
});
|
||||
|
||||
const activeName = ref('first');
|
||||
|
||||
// 打印表单
|
||||
const printForm = () => {
|
||||
// 创建一个新的打印窗口
|
||||
const printWindow = window.open('', '_blank');
|
||||
let printContent
|
||||
// 获取模板字符串并替换转义的插值标记
|
||||
if(activeName.value == 'first') {
|
||||
printContent = medicalRecordFirstPrint.printContent;
|
||||
}else if(activeName.value == 'second') {
|
||||
|
||||
}else {
|
||||
|
||||
}
|
||||
// 这里可以进行实际的数据替换操作
|
||||
printContent = printContent.replace(/\$\{([^}]+)\}/g, (match, expr) => {
|
||||
// 简单示例：实际应根据expr内容进行数据提取
|
||||
return eval(expr); // 注意：实际使用中应避免eval，这里仅为示例
|
||||
});
|
||||
|
||||
// 将内容写入打印窗口并打印
|
||||
printWindow.document.write(printContent);
|
||||
printWindow.document.close();
|
||||
}
|
||||
|
||||
function handleClick() {
|
||||
|
||||
}
|
||||
|
||||
// 重置表单
|
||||
const resetForm = () => {
|
||||
Object.keys(formData).forEach(key => {
|
||||
if (typeof formData[key] === 'object') {
|
||||
Object.keys(formData[key]).forEach(subKey => {
|
||||
formData[key][subKey] = '';
|
||||
});
|
||||
} else {
|
||||
formData[key] = '';
|
||||
}
|
||||
});
|
||||
|
||||
// 重置默认值
|
||||
formData.hospital.orgCode = '41275054-7';
|
||||
formData.hospital.paymentMethod = '城乡居民基本医疗保险';
|
||||
formData.patient.nationality = '中国';
|
||||
formData.patient.ethnicity = '汉族';
|
||||
formData.admission.times = 1;
|
||||
formData.medicalInfo.bloodTransfusion = '2';
|
||||
formData.medicalInfo.drugAllergy = '1';
|
||||
formData.doctorInfo.recordQuality = '1';
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.hospital-record-form {
|
||||
font-family: 'SimSun', serif;
|
||||
max-width: 1000px;
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.form-header {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.hospital-name {
|
||||
font-size: 24px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.form-title {
|
||||
font-size: 20px;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 20px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-bottom: 30px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.form-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
flex: 1;
|
||||
min-width: 200px;
|
||||
margin-right: 15px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.form-item.full-width {
|
||||
flex: 0 0 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
min-height: 80px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.form-footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.print-btn, .reset-btn {
|
||||
padding: 10px 20px;
|
||||
margin: 0 10px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.print-btn {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.reset-btn {
|
||||
background-color: #f44336;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* 打印样式 */
|
||||
@media print {
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.hospital-record-form {
|
||||
box-shadow: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.form-footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@page {
|
||||
size: A4;
|
||||
margin: 2cm;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -302,6 +302,149 @@ import { ref, reactive } from 'vue';
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
//组织机构代码
|
||||
medins_orgcode: '',
|
||||
|
||||
//医疗付费方式
|
||||
|
||||
|
||||
//健康卡号
|
||||
|
||||
|
||||
//姓名--患者姓名
|
||||
patient_name: '',
|
||||
|
||||
//性别--患者性别
|
||||
gend: '',
|
||||
|
||||
//出生日期
|
||||
brdy: '',
|
||||
|
||||
//年龄
|
||||
age: '',
|
||||
|
||||
//国籍
|
||||
ntly: '',
|
||||
|
||||
//籍贯
|
||||
napl: '',
|
||||
|
||||
//民族
|
||||
naty: '',
|
||||
|
||||
//身份证号
|
||||
certNo: '',
|
||||
|
||||
//户口地址
|
||||
resd_addr:'',
|
||||
|
||||
//工作单位及地址
|
||||
empr_addr: '',
|
||||
|
||||
//联系人姓名
|
||||
coner_name: '',
|
||||
|
||||
//关系
|
||||
patn_rlts: '',
|
||||
|
||||
//地址
|
||||
addr: '',
|
||||
|
||||
//电话
|
||||
tel: '',
|
||||
|
||||
//第几次住院
|
||||
patn_ipt_cnt: '',
|
||||
|
||||
//住院号 mdtrtsn
|
||||
ipt_no: '',
|
||||
|
||||
//病案号
|
||||
medcasno: '',
|
||||
|
||||
//入院途径
|
||||
adm_way: '',
|
||||
|
||||
//入院时间
|
||||
adm_time: '',
|
||||
|
||||
//入院科室 adm_dept_codg
|
||||
adm_dept_name: '',
|
||||
|
||||
//病房 入院病房
|
||||
adm_ward: '',
|
||||
|
||||
//实际住院天数
|
||||
act_ipt_days: '',
|
||||
|
||||
//主要诊断----不确定
|
||||
diag_code: '',
|
||||
|
||||
//其他诊断
|
||||
|
||||
|
||||
//是否输血
|
||||
|
||||
|
||||
//血型
|
||||
|
||||
|
||||
//Rh
|
||||
|
||||
|
||||
//药物过敏史
|
||||
|
||||
|
||||
//科主任 科主任姓名--deptort_name:
|
||||
deptort: '',
|
||||
|
||||
//主任(副主任)医师
|
||||
chfdr_name: '',
|
||||
|
||||
//主治医师 主诊医师姓名--chfpdr_name
|
||||
atddr_no: '',
|
||||
|
||||
//住院医师 住院医师姓名--ipdr_name
|
||||
ipdr_code: '',
|
||||
|
||||
//责任护士 责任护士姓名--resp_nurs_name
|
||||
resp_nurs_code: '',
|
||||
|
||||
//住院总医师
|
||||
|
||||
|
||||
//实习医师
|
||||
intn_dr_name: '',
|
||||
|
||||
//病案质量 病案质量名称--medcas_qlt_name
|
||||
medcas_qlt_code: '',
|
||||
|
||||
//编码员
|
||||
codr_name: '',
|
||||
|
||||
//质控日期
|
||||
qltctrl_date: '',
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
hospital: {
|
||||
orgCode: '41275054-7',
|
||||
paymentMethod: '城乡居民基本医疗保险'
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
1004
openhis-ui-vue3/src/views/hospitalRecord/components/testHtmlSec.html
Normal file
1004
openhis-ui-vue3/src/views/hospitalRecord/components/testHtmlSec.html
Normal file
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,804 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Title</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.hisSec {
|
||||
padding: 10px 0;
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
.font_1 {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.hisSecInner {
|
||||
width: 1000px;
|
||||
height: 100%;
|
||||
}
|
||||
.tableBox {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.tableBoxInner {
|
||||
|
||||
}
|
||||
.borderRight {
|
||||
border-right: 1px solid #333333;
|
||||
}
|
||||
.borderBottom {
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
.tableBoxItemHeader {
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
|
||||
}
|
||||
.tableBoxItemHeader .item {
|
||||
white-space: wrap;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 2px;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tableBoxItemHeader .itemIndex {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 3.5%;
|
||||
}
|
||||
.tableBoxItemHeader .chooseAllBtn {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.tableBoxItemHeader .itemDate {
|
||||
width: 10%;
|
||||
}
|
||||
.tableBoxItemHeader .itemSurgeryLevel {
|
||||
width: 7%;
|
||||
}
|
||||
.tableBoxItemHeader .itemSurgeryName {
|
||||
width: 23%;
|
||||
}
|
||||
.tableBoxItemHeader .itemCutLevel {
|
||||
width: 9%;
|
||||
}
|
||||
.tableBoxItemHeader .itemCutLevel1 {
|
||||
width: 12%;
|
||||
}
|
||||
.tableBoxItemHeader .itemCutLevel2 {
|
||||
width: 7%;
|
||||
}
|
||||
.tableBoxItemHeader .itemTime {
|
||||
width: 9%;
|
||||
}
|
||||
.tableBoxItemHeader .itemSpec {
|
||||
width: 20%;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
height: 50px;
|
||||
}
|
||||
.tableBoxItemHeader .itemSpec .spec {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 50%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tableBoxItemHeader .itemSpec .spec .specItem {
|
||||
width: 33.33%;
|
||||
height: 100%;
|
||||
line-height: 25px;
|
||||
}
|
||||
.tableBoxItemHeader .itemSpec .spec_ {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
.tableBoxItemHeader .itemSpec .spec_ .specItem {
|
||||
width: 33.33%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tableBoxItemHeader .itemCheckBox {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.tableBoxItemHeader .itemCheckBoxAct {
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 2px;
|
||||
background: #333333;
|
||||
color: #fff;
|
||||
}
|
||||
.tableBoxItemHeader .itemCheckBox:hover {
|
||||
border: 1px solid #333333;
|
||||
}
|
||||
.tableBoxItem {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
height: 55px;
|
||||
}
|
||||
.tableBoxItem .item {
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
//line-height: 40px;
|
||||
box-sizing: border-box;
|
||||
padding: 10px 2px;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.tableBoxItem .itemIndex {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 3.5%;
|
||||
}
|
||||
.tableBoxItem .itemDate {
|
||||
width: 10%;
|
||||
}
|
||||
.tableBoxItem .itemSurgeryLevel {
|
||||
width: 7%;
|
||||
}
|
||||
.tableBoxItem .itemSurgeryName {
|
||||
width: 23%;
|
||||
}
|
||||
.tableBoxItem .itemCutLevel {
|
||||
width: 9%;
|
||||
}
|
||||
.tableBoxItem .itemCutLevel1 {
|
||||
width: 12%;
|
||||
}
|
||||
.tableBoxItem .itemCutLevel2 {
|
||||
width: 7%;
|
||||
}
|
||||
.tableBoxItem .itemTime {
|
||||
width: 9%;
|
||||
}
|
||||
.tableBoxItem .itemSpec {
|
||||
width: 20%;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
height: 55px;
|
||||
}
|
||||
.tableBoxItem .itemSpec .spec {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 50%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tableBoxItem .itemSpec .spec .specItem {
|
||||
width: 33.33%;
|
||||
height: 100%;
|
||||
line-height: 25px;
|
||||
}
|
||||
.tableBoxItem .itemSpec .spec_ {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tableBoxItem .itemSpec .spec_ .specItem {
|
||||
width: 33.33%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.tableBoxItem .itemCheckBox {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.tableBoxItem .itemCheckBoxAct {
|
||||
line-height: 16px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 2px;
|
||||
background: #409eff;
|
||||
color: #fff;
|
||||
}
|
||||
.tableBoxItem .itemCheckBox:hover {
|
||||
border: 1px solid #409eff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.topBar {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #333333;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.secItem {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
//align-items: center;
|
||||
justify-content: left;
|
||||
border-bottom: 1px solid #333333;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.secItem1 {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #333333;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.chooseBox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border: 1px solid #333;
|
||||
font-size: 12px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
.rowBox {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.writeArea {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
border-bottom: 1px solid #333333;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
.writeAreaCenter {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
border-bottom: 1px solid #333333;
|
||||
padding-bottom: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
.writeAreaSort {
|
||||
display: inline-block;
|
||||
width: 35px;
|
||||
border-bottom: 1px solid #333333;
|
||||
//padding-bottom: 2px;
|
||||
text-align: center;
|
||||
}
|
||||
.marginSmall {
|
||||
margin: 0 5px;
|
||||
}
|
||||
.marginNor {
|
||||
margin: 0 10px;
|
||||
}
|
||||
.marginBig {
|
||||
margin: 0 20px;
|
||||
}
|
||||
.marginB {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.marginR_B {
|
||||
margin-right: 40px;
|
||||
}
|
||||
.marginR_S {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.subTable {
|
||||
|
||||
}
|
||||
.tableBarHeader {
|
||||
text-align: center;
|
||||
height: 35px;line-height: 35px;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
border-right: 1px solid #333333;
|
||||
font-size: 15px;
|
||||
}
|
||||
.tableBar {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
height: 35px;
|
||||
}
|
||||
.barItem {
|
||||
height: 100%;
|
||||
width: 33.33%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
}
|
||||
.barItem1 {
|
||||
height: 100%;
|
||||
width: 120%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
}
|
||||
.barItem2 {
|
||||
height: 100%;
|
||||
width: 30%;
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-top: 1px solid #333333;
|
||||
border-left: 1px solid #333333;
|
||||
}
|
||||
|
||||
.borderR {
|
||||
border-right: 1px solid #333333;
|
||||
}
|
||||
.borderB {
|
||||
border-bottom: 1px solid #333333;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="hisSec">
|
||||
<div class="hisSecInner">
|
||||
<div class="topBar">
|
||||
<div class="font_2">姓名：金长存</div>
|
||||
<div class="font_2">病案号：12345678</div>
|
||||
</div>
|
||||
|
||||
<div class="secItem">
|
||||
<div class="font_1">住院费用（元）：</div>
|
||||
<div class="rowBox">
|
||||
<div class="marginSmall font_3">总费用：<span class="writeAreaCenter">—</span> （自付金额：<span class="writeAreaCenter">—</span>）</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">1.综合医疗服务类:</div>
|
||||
<div class="marginSmall font_3">（1）一般医疗服务费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
<div class="rowBox">
|
||||
<div class="marginSmall font_3">（2）一般治疗操作费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（3）护理费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（4）其他费用：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">2.诊断类:</div>
|
||||
<div class="marginSmall font_3">（5）病理诊断费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（6）实验室诊断费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
<div class="rowBox">
|
||||
<div class="marginSmall font_3">（7）影像学诊断费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（8）临床诊断项目费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">3.医疗类:</div>
|
||||
<div class="marginSmall font_3">（9）非手术治疗项目费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（临床物理治疗费：<span class="writeAreaCenter">—</span>）</div>
|
||||
</div>
|
||||
<div class="rowBox">
|
||||
<div class="marginSmall font_3">（10）手术治疗费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（麻醉费：<span class="writeAreaCenter">—</span>手术费：<span class="writeAreaCenter">—</span>）</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">4.康复类:</div>
|
||||
<div class="marginSmall font_3">（11）康复费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">5.中医类:</div>
|
||||
<div class="marginSmall font_3">（12）中医治疗费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">6.西药类:</div>
|
||||
<div class="marginSmall font_3">（13）西药费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（抗菌药物费用：<span class="writeAreaCenter">—</span>）</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">7.中药类:</div>
|
||||
<div class="marginSmall font_3">（14）中成药费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="marginSmall font_3">（15）中草药费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">8.血液和血液制品类:</div>
|
||||
<div class="font_3">（16）血费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="font_3">（17）白蛋白类制品费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
<div class="rowBox">
|
||||
<div class="font_3">（18）球蛋白类制品费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="font_3">（19）凝血因子类制品费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
<div class="rowBox">
|
||||
<div class="font_3">（20）细胞因子类制品费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">9.耗材类:</div>
|
||||
<div class="font_3">（21）检查用一次性医用材料费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
<div class="rowBox">
|
||||
<div class="font_3">（22）治疗用一次性医用材料费：<span class="writeAreaCenter">—</span></div>
|
||||
<div class="font_3">（23）手术用用一次性医用材料费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">10.其他类:</div>
|
||||
<div class="font_3">（24）其他费：<span class="writeAreaCenter">—</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1">
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_1">说明:</div>
|
||||
<div class="font_3 marginNor">（一）医疗付费方式 </div>
|
||||
<div class="font_3 marginNor">1.城镇职工基本医疗保险 </div>
|
||||
<div class="font_3 marginNor">2.城镇居民基本医疗保险 </div>
|
||||
</div>
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_3 marginNor">3.新型农村合作医疗 </div>
|
||||
<div class="font_3 marginNor">4.贫困救助 </div>
|
||||
<div class="font_3 marginNor">5.商业医疗保险 </div>
|
||||
</div>
|
||||
<div class="rowBox" style="margin-bottom: 10px;">
|
||||
<div class="font_3 marginNor">6.全公费 </div>
|
||||
<div class="font_3 marginNor">7.全自费 </div>
|
||||
<div class="font_3 marginNor">8.其他社会保险 </div>
|
||||
<div class="font_3 marginNor">9.其他 </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="subTable">
|
||||
<div class="tableBarHeader font_1">其他诊断及手术附加页</div>
|
||||
<div class="tableBar">
|
||||
<div class="font_1 barItem1">出院诊断</div>
|
||||
<div class="font_1 barItem2">疾病编码</div>
|
||||
<div class="font_1 barItem2">入院病情</div>
|
||||
<div class="font_1 barItem2 borderR">转归情况</div>
|
||||
</div>
|
||||
<div class="tableBar">
|
||||
<div class="font_3 barItem1">—</div>
|
||||
<div class="font_3 barItem2">—</div>
|
||||
<div class="font_3 barItem2">—</div>
|
||||
<div class="font_3 barItem2 borderR">—</div>
|
||||
</div>
|
||||
<div class="tableBar borderB">
|
||||
<div class="font_3 barItem1">—</div>
|
||||
<div class="font_3 barItem2">—</div>
|
||||
<div class="font_3 barItem2">—</div>
|
||||
<div class="font_3 barItem2 borderR">—</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="secItem1" style="padding: 0;">
|
||||
<div class="rowBox" style="margin: 10px 0 5px;">
|
||||
<div class="font_2 marginR_S">入院病情:</div>
|
||||
<div class="font_2 marginR_S">1.有 </div>
|
||||
<div class="font_2 marginR_S">2.临床未确定</div>
|
||||
<div class="font_2 marginR_S">3.情况不明</div>
|
||||
<div class="font_2 marginR_B">4.无 </div>
|
||||
</div>
|
||||
<div class="rowBox" style="margin: 10px 0 5px;">
|
||||
<div class="font_2 marginR_S">转归:</div>
|
||||
<div class="font_2 marginR_S">1.治愈 </div>
|
||||
<div class="font_2 marginR_S">2.好转</div>
|
||||
<div class="font_2 marginR_S">3.未愈</div>
|
||||
<div class="font_2 marginR_S">4.死亡</div>
|
||||
<div class="font_2 marginR_S">5.其他</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tableBox">
|
||||
<div class="tableBoxInner">
|
||||
<div class="tableBoxItemHeader font_4">
|
||||
<div class="item itemDate">手术操作日期</div>
|
||||
<div class="item itemSurgeryLevel">手术级别</div>
|
||||
<div class="item itemSurgeryName">手术及操作名称</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec" style="width: 100%;border-bottom: 1px solid #333333;">手术及操作医师</div>
|
||||
<div class="spec">
|
||||
<div class="specItem">术者</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">Ⅰ助</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">Ⅱ助</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">切口愈合等级</div>
|
||||
<div class="item itemCutLevel1">麻醉方式</div>
|
||||
<div class="item itemCutLevel">麻醉医师</div>
|
||||
<div class="item itemCutLevel2">麻醉分级</div>
|
||||
<div class="item itemTime borderRight">手术时长(H)</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">2023-11-6</div>
|
||||
<div class="item itemSurgeryLevel">5</div>
|
||||
<div class="item itemSurgeryName">腰椎间盘切除，椎管减压，植骨融合内固定术</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
牛粪
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
渣渣辉
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
长存
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">1/甲</div>
|
||||
<div class="item itemCutLevel1">静吸复合麻醉</div>
|
||||
<div class="item itemCutLevel">马本慧</div>
|
||||
<div class="item itemCutLevel2">2</div>
|
||||
<div class="item itemTime borderRight">2.35</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">2023-11-6</div>
|
||||
<div class="item itemSurgeryLevel">1</div>
|
||||
<div class="item itemSurgeryName">PICC管去除</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
牛粪
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
渣渣辉
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
长存
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">1/甲</div>
|
||||
<div class="item itemCutLevel1">静吸复合麻醉</div>
|
||||
<div class="item itemCutLevel">马本慧</div>
|
||||
<div class="item itemCutLevel2">2</div>
|
||||
<div class="item itemTime borderRight">2.35</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">2023-11-6</div>
|
||||
<div class="item itemSurgeryLevel">1</div>
|
||||
<div class="item itemSurgeryName">经外周静脉穿刺中心静脉置管技术</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
王丽丽
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">1/甲</div>
|
||||
<div class="item itemCutLevel1">静吸复合麻醉</div>
|
||||
<div class="item itemCutLevel">马本慧</div>
|
||||
<div class="item itemCutLevel2">2</div>
|
||||
<div class="item itemTime borderRight">2.35</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">—</div>
|
||||
<div class="item itemSurgeryLevel">—</div>
|
||||
<div class="item itemSurgeryName">—</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel1">—</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel2">—</div>
|
||||
<div class="item itemTime borderRight">—</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">—</div>
|
||||
<div class="item itemSurgeryLevel">—</div>
|
||||
<div class="item itemSurgeryName">—</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel1">—</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel2">—</div>
|
||||
<div class="item itemTime borderRight">—</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">—</div>
|
||||
<div class="item itemSurgeryLevel">—</div>
|
||||
<div class="item itemSurgeryName">—</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel1">—</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel2">—</div>
|
||||
<div class="item itemTime borderRight">—</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">—</div>
|
||||
<div class="item itemSurgeryLevel">—</div>
|
||||
<div class="item itemSurgeryName">—</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel1">—</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel2">—</div>
|
||||
<div class="item itemTime borderRight">—</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4">
|
||||
<div class="item itemDate">—</div>
|
||||
<div class="item itemSurgeryLevel">—</div>
|
||||
<div class="item itemSurgeryName">—</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel1">—</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel2">—</div>
|
||||
<div class="item itemTime borderRight">—</div>
|
||||
</div>
|
||||
<div class="tableBoxItem font_4 borderBottom">
|
||||
<div class="item itemDate">—</div>
|
||||
<div class="item itemSurgeryLevel">—</div>
|
||||
<div class="item itemSurgeryName">—</div>
|
||||
<div class="itemSpec">
|
||||
<div class="spec_">
|
||||
<div class="specItem">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
<div class="specItem" style="border-left: 1px solid #333333;">
|
||||
—
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel1">—</div>
|
||||
<div class="item itemCutLevel">—</div>
|
||||
<div class="item itemCutLevel2">—</div>
|
||||
<div class="item itemTime borderRight">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user