Skip to content

V
vue-composition-api
Commit 854bf2d5 by nlp97
Options

病案首页

parent b91eaf30
Showing with 1402 additions and 9 deletions
src/components/medicalRecordHomepage/data.js 0 → 100644
/*
* @Author: ninglupeng
* @Date: 2022-06-07 09:50:19
* @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 09:50:49
* @Description:
*/
export const Nativeplace = {
'01': '北京市',
'02': '天津市',
'03': '河北省',
'04': '山西省',
'05': '内蒙古',
'06': '辽宁省',
'07': '吉林省',
'08': '黑龙江省',
'09': '上海市',
10: '江苏省',
11: '浙江省',
12: '安徽省',
13: '福建省',
14: '江西省',
15: '山东省',
16: '河南省',
17: '湖北省',
18: '湖南省',
19: '广东省',
20: '广西省',
21: '海南省',
22: '四川省',
23: '重庆市',
24: '贵州省',
25: '云南省',
26: '西藏',
27: '陕西省',
28: '甘肃省',
29: '青海省',
30: '宁夏',
31: '新疆',
32: '台湾',
33: '香港特,别行政区',
34: '澳门',
35: '外籍',
'——': '——',
};
export const sex = {
0: '未知的性别',
1: '男',
2: '女',
9: '未说明的性别',
'——': '——',
};
src/components/medicalRecordHomepage/index.scss 0 → 100644
@import "../../styles/mixin.scss";
@media screen and (min-width: 769px) and (max-width: 1365px) {
#medicalRecord {
font-size: 12px !important;
.pageindex {
padding: 20px 0px !important;
}
.el-row {
margin-bottom: 15px !important;
&:last-child {
margin-bottom: 0;
}
}
.homePageTitle {
font-size: 25px;
font-weight: bold;
}
.key {
font-size: 12px !important;
}
.value {
font-size: 12px !important;
}
}
}
@media screen and (min-width: 1366px) and(max-width:1440px) {
#medicalRecord {
font-size: 12px !important;
.pageindex {
padding: 20px 0px !important;
}
.el-row {
margin-bottom: 15px !important;
&:last-child {
margin-bottom: 0;
}
}
.homePageTitle {
font-size: 25px;
font-weight: bold;
}
.key {
font-size: 12px !important;
}
.value {
font-size: 12px !important;
}
}
}
\ No newline at end of file
src/components/medicalRecordHomepage/index.vue 0 → 100644
<template>
<div id="medicalRecord">
<div class="pageindex">
<el-row justify="center">
<el-col :span="24">
<div class="homePageTitle">住院病案首页</div>
</el-col>
</el-row>
<el-row>
<el-col :span="24" class="juStart">
<span class="key a46C"> 医疗付费方式:{{ changeValue('a46C') }} </span>
</el-col>
</el-row>
<el-row style="border-bottom: 1px solid #000">
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a47"> 健康卡号: </span></el-col>
<el-col :span="12"><span>{{ changeValue('a47') }}</span>
</el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a49"> 第 </span></el-col>
<el-col :span="8"><span> {{ changeValue('a49') }} </span></el-col>
<el-col :span="8"><span class="key"> 次入院 </span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a48"> 病案号: </span></el-col>
<el-col :span="12"><span> {{ changeValue('a48') }} </span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key"> 共</span></el-col>
<el-col :span="8"><span> {{ changeValue('') }} </span></el-col>
<el-col :span="8"><span class="key"> 页 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :xl="3" :lg="3" :md="4">
<el-row>
<el-col :span="12"><span class="key a11"> 姓名 </span></el-col>
<el-col :span="12"><span class="values"> {{ changeValue('a11') }} </span></el-col>
</el-row>
</el-col>
<el-col :xl="3" :lg="3" :md="3">
<el-row>
<el-col :span="12"><span class="key a12C"> 性别 </span></el-col>
<el-col :span="12"><span class="values"> {{ changeValue('a12C') }} </span></el-col>
</el-row>
</el-col>
<el-col :xl="10" :lg="10" :md="9">
<el-row>
<el-col :span="7"><span class="key a13">出生日期 </span></el-col>
<el-col :span="17"><span class="values"> {{ changeValue('a13') != '——' ?
transformTime(changeValue('a13')) : changeValue('a13')
}}</span></el-col>
</el-row>
</el-col>
<el-col :xl="4" :lg="4" :md="4">
<el-row>
<el-col :span="12"><span class="key a14">年龄 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a14') }} </span></el-col>
</el-row>
</el-col>
<el-col :xl="4" :lg="4" :md="4">
<el-row>
<el-col :span="12"><span class="key a15C">国籍 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a15C') }} </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="9">
<el-row>
<el-col :span="12" :md="15"><span class="value" style="border: none">(年龄不满一周岁的)</span></el-col>
<el-col :span="4" :md="4"><span class="key a16">年龄</span></el-col>
<el-col :span="6" :md="3">
<span class="values"> {{ changeValue('a16') }} </span>
</el-col>
<el-col :span="2"><span class="value" style="border: none">月</span></el-col>
</el-row>
</el-col>
<el-col :span="7">
<el-row>
<el-col :span="15"><span class="key a18x01">新生儿出生体重</span></el-col>
<el-col :span="6"><span class="values"> {{ changeValue('a18x01') }} </span></el-col>
<el-col :span="3"><span class="value" style="border: none">克 </span></el-col>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="14"><span class="key a17">新生儿入院体重</span></el-col>
<el-col :span="6"><span class="values"> {{ changeValue('a17') }} </span></el-col>
<el-col :span="4"><span class="value" style="border: none">克 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-row>
<el-col :span="5"><span class="key a22">出生地</span></el-col>
<el-col :span="19"><span class="values">{{ changeValue('a22') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="9">
<el-row>
<el-col :span="4"><span class="key a23C">籍贯</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('a23C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="12"><span class="key a19C">民族</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a19C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="5"><span class="key a20">身份证号</span></el-col>
<el-col :span="19"><span class="values">{{ changeValue('a20') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a38C">职业</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a38C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a21C">婚姻</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a21C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="4"><span class="key a26">现住址</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('a26') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a27">电话</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a27') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key a28C">邮编</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a28C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="15">
<el-row>
<el-col :span="4"><span class="key a24">户口地址</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('a24') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a25C">邮编</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a25C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :xl="13" :lg="13" :md="15">
<el-row justify="left">
<el-col :span="7"><span class="key a29">工作单位及地址</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a29') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="12"><span class="key a30">单位电话</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a30') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="4">
<el-row>
<el-col :span="12"><span class="key a31C">邮编</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a31C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key a32">联系人姓名</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('a32') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="8"><span class="key a33C">关系</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a33C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="7">
<el-row>
<el-col :span="6"><span class="key a34">地址</span></el-col>
<el-col :span="18"><span class="values">{{ changeValue('a34') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="5">
<el-row>
<el-col :span="8"><span class="key a35">电话</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('a35') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row justify="start">
<el-col :span="3">
<span class="key b11C">入院途径</span>
</el-col>
<el-col :span="4">
<span class="values">{{ changeValue('b11C') }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="7" :lg="7" :md="10">
<el-row>
<el-col :span="8"><span class="key b12">入院时间 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b12') != '——' ?
transformTime(changeValue('b12')) : changeValue('b12')
}}</span></el-col>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="7">
<el-row>
<el-col :span="10"><span class="key b13C">入院科别 </span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b13C') }}</span></el-col>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="8"><span class="key b14">病房 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b14') }}</span></el-col>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="12"><span class="key b21C">转科科别 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b21C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :xl="7" :lg="7" :md="10">
<el-row>
<el-col :span="8"><span class="key b15">出院时间 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b15') != '——' ?
transformTime(changeValue('b15')) : changeValue('b15')
}}</span></el-col>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="7">
<el-row>
<el-col :span="12"><span class="key b16C">出院科别 </span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b16C') }}</span></el-col>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="8"><span class="key b17">病房 </span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b17') }}</span></el-col>
</el-row>
</el-col>
<el-col :xl="5" :lg="5" :md="5">
<el-row>
<el-col :span="12"><span class="key b20">实际住院 </span></el-col>
<el-col :span="8"><span class="values">{{ changeValue('b20') }}</span></el-col>
<el-col :span="4"><span class="key">天 </span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="13">
<el-row>
<el-col :span="7"><span class="key c02N">门（急）诊诊断</span></el-col>
<el-col :span="17"><span class="values">{{ changeValue('c02N') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key c01C">疾病编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c01C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="9">
<el-row>
<el-col :span="12"><span class="key c03C">出院主要诊断编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c03C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="10">
<el-row>
<el-col :span="10"><span class="key c04N">出院主要诊断名称</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('c04N') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-table :data="diagnosis" border :header-cell-class-name="diagnosisclass">
<el-table-column prop="diaG_NAME" label="出院诊断"></el-table-column>
<el-table-column prop="diaG_CODE" label="疾病编码"></el-table-column>
<el-table-column prop="diaG_ORDERNAME" label="诊断类型"> </el-table-column>
<el-table-column prop="diaG_ILLNESS" label="入院详情"></el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :span="3"><span class="key c05C">入院病情</span></el-col>
<el-col :span="20"><span class="values">{{ changeValue('c05C') }}</span></el-col>
</el-row>
<el-row>
<el-col :span="18">
<el-row>
<el-col :span="8"><span class="key c13N">损伤、中毒的外部原因</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('c13N') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key c12C">疾病编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c12C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-row>
<el-col :span="5"><span class="key c10N">病理诊断:</span></el-col>
<el-col :span="17"><span class="values">{{ changeValue('c10N') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key c09C">疾病编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('c09C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key c11">病理号</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('c11') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="18">
<el-row>
<el-col :span="3"><span class="key c24C">药物过敏</span></el-col>
<el-col :span="4"><span class="values">{{ changeValue('c24C') }}</span></el-col>
<el-col :span="4"><span class="value c25" style="border: none">过敏药物</span></el-col>
<el-col :span="11"><span class="values">{{ changeValue('c25') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="16"><span class="key c34C">死亡患者尸检</span></el-col>
<el-col :span="8"><span class="values">{{ changeValue('c34C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="8">
<el-row>
<el-col :span="5"><span class="key c26C">血型</span></el-col>
<el-col :span="10"><span class="values">{{ changeValue('c26C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="8">
<el-row>
<el-col :span="4"><span class="key c27C">RH</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('c27C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<el-row>
<el-col :span="10"><span class="key b22">科主任</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b22') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="7">
<el-row>
<el-col :span="16"><span class="key b23">主任(副主任)医师</span></el-col>
<el-col :span="8"><span class="values">{{ changeValue('b23') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b24">主治医师</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b24') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b25">住院医师</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b25') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="10">
<el-row>
<el-col :span="8"><span class="key b22C">科主任编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b22C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="10"><span class="key b23C">主任(副主任)医师编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b23C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="11">
<el-row>
<el-col :span="8"><span class="key b24C">主治医师编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b24C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="12">
<el-row>
<el-col :span="9"><span class="key b25C">住院医师编码</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b25C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b28">实习医师</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b28') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b27">进修医师</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b27') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b26">责任护士</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b26') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="12"><span class="key b26C">责任护士编码</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b26C') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key b29">编码员</span></el-col>
<el-col :span="12"><span class="values">{{ changeValue('b29') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key b30C">病案质量</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b30C') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="10"><span class="key b31">质控医师</span></el-col>
<el-col :span="14"><span class="values">{{ changeValue('b31') }}</span></el-col>
</el-row>
</el-col>
<el-col :span="6">
<el-row>
<el-col :span="8"><span class="key b32">质控护士</span></el-col>
<el-col :span="16"><span class="values">{{ changeValue('b32') }}</span></el-col>
</el-row>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><span class="key b33">质控日期</span></el-col>
<el-col :span="15"><span class="values">{{ changeValue('b33') != '——' ?
transformTime(changeValue('b33')) : changeValue('b33')
}}</span></el-col>
</el-row>
</div>
<div class="pageindex" style="margin-top: 50px">
<el-row>
<el-table :data="ops" border :header-cell-class-name="headerRowStyle">
<el-table-column prop="opS_CODE" label="手术及操作编码"></el-table-column>
<el-table-column prop="opS_TIME" label="手术及操作日期">
<template #default="scope">
{{ scope.row.opS_TIME ? transformTime(scope.row.opS_TIME) : '' }}
</template>
</el-table-column>
<el-table-column prop="opS_LEVEL" label="手术级别"></el-table-column>
<el-table-column prop="opS_NAME" label="手术及操作名称"></el-table-column>
<el-table-column label="手术及操作医师">
<el-table-column prop="opS_DR" label="术者"></el-table-column>
<el-table-column prop="opS_DR1" label="Ⅰ助"></el-table-column>
<el-table-column prop="opS_DR2" label="Ⅱ助"></el-table-column>
</el-table-column>
<el-table-column prop="opS_HEAL" label="切口愈合等级"></el-table-column>
<el-table-column prop="opS_ANA" label="麻醉方式"></el-table-column>
<el-table-column prop="opS_ANATYPE" label="麻醉医师"></el-table-column>
</el-table>
</el-row>
<el-row>
<el-col :xl="3" :lg="3" :md="3"> <span class="key b34C"> 离院方式: </span></el-col>
<el-col :xl="3" :lg="3" :md="3">
<span class="value"> {{ changeValue('b34C') }} </span>
</el-col>
<el-col :xl="9" :lg="10" :md="12"><span class="value noBottomBoder b35">1.医嘱离院 2.医嘱转院，拟接收医疗机构名称： </span>
</el-col>
<el-col :xl="8" :lg="8" :md="6"><span class="value"> {{ changeValue('b35') }}</span></el-col>
</el-row>
<el-row>
<el-col :xl="12" :lg="13" :md="16"><span
class="value noBottomBoder b35">3.医嘱转社区卫生服务机构/乡镇卫生院，拟接收医疗机构名称：</span></el-col>
<el-col :xl="4" :lg="4" :md="8"><span class="value"> {{ changeValue('b35') }}</span></el-col>
<el-col :xl="5" :lg="6" :md="7"><span class="value noBottomBoder">4.非医嘱离院5.死亡9.其他</span></el-col>
</el-row>
<hr />
<el-row>
<el-col :xl="6" :lg="6" :md="8"><span class="value noBottomBoder b36C">是否有出院31天内再住院计划</span></el-col>
<el-col :xl="2" :lg="2" :md="2"><span class="value"> {{ changeValue('b36C') }}</span></el-col>
<el-col :xl="2" :lg="2" :md="2"><span class="value noBottomBoder b37">目的:</span></el-col>
<el-col :xl="11" :lg="11" :md="11"><span class="value"> {{ changeValue('b37') }}</span></el-col>
</el-row>
<hr />
<el-row justify="start">
<el-col :xl="6" :lg="7" :md="8">
<span class="value noBottomBoder c28 c29 c30"> 颅脑损伤患者昏迷时间：入院前</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c28') }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2"> 天 </el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c29') }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">小时</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c30') }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">分钟</el-col>
<el-col :xl="2" :lg="2" :md="2">
<span class="value noBottomBoder c31 c32 c33">入院后</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c31') }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2"> 天 </el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c32') }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">小时</el-col>
<el-col :xl="1" :lg="1" :md="2">
<span class="value"> {{ changeValue('c33') }}</span>
</el-col>
<el-col :xl="1" :lg="1" :md="2">分钟</el-col>
</el-row>
<hr />
<el-row>
<el-col :xl="6" :lg="6" :md="7">
<span class="key d01">住院费用（元）：总费用</span>
</el-col>
<el-col :span="6">
<span class="value">{{ decimal(changeValue('d01')) }}</span>
</el-col>
<el-col :span="3">
<span class="value noBottomBoder d09">(自付金额:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d09')) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
</el-col>
</el-row>
<el-row>
<el-col :span="5">
<span class="key">1.综合医疗服务类：</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d11">(1)一般医疗服务费:</span>
</el-col>
<el-col :xl="3" :lg="3" :md="3">
<span class="value">{{ decimal(changeValue('d11')) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d12">(2)一般治疗操作费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d12')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="value noBottomBoder d13">(3)护理费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d13')) }}</span>
</el-col>
<el-col :xl="3" :lg="3" :md="4">
<span class="value noBottomBoder d14">(4)其他费用:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d14')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">2.诊断类:</span>
</el-col>
<el-col :xl="3" :lg="3" :md="4">
<span class="value noBottomBoder d15">(5)病理诊断费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d15')) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d16">(6)实验室诊断费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d16')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d17">(7)影像学诊断费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d17')) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d18">(8)临床诊断项目费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d18')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">3.治疗类:</span>
</el-col>
<el-col :xl="4" :lg="5" :md="6">
<span class="value noBottomBoder d19">(9)非手术治疗项目费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d19')) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d19x01">(临床物理治疗费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d19x01')) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
</el-col>
</el-row>
<el-row>
<el-col :span="4">
<span class="value noBottomBoder d20">(9)手术治疗费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d20')) }}</span>
</el-col>
<el-col :xl="2" :lg="2" :md="3">
<span class="value noBottomBoder d20x01">(麻醉费:</span>
</el-col>
<el-col :span="2">
<span class="value">{{ decimal(changeValue('d20x01')) }}</span>
</el-col>
<el-col :span="2">
<span class="value noBottomBoder">手术费:</span>
</el-col>
<el-col :span="2">
<span class="value">{{ decimal(changeValue('4')) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">4.康复类:</span>
</el-col>
<el-col :span="3">
<span class="value noBottomBoder d21">(11)康复费:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ decimal(changeValue('d21')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">5.中医类:</span>
</el-col>
<el-col :xl="4" :lg="4" :md="5">
<span class="value noBottomBoder d22">(12)中医治疗费:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ decimal(changeValue('d22')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">6.西药类:</span>
</el-col>
<el-col :span="3">
<span class="value noBottomBoder d23">(13)西药费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d23')) }}</span>
</el-col>
<el-col :span="4">
<span class="value noBottomBoder d23x01">(抗菌药物费用:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d23x01')) }}</span>
</el-col>
<el-col :span="1">
<span class="value noBottomBoder">)</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">7.中药类:</span>
</el-col>
<el-col :xl="3" :lg="3" :md="4">
<span class="value noBottomBoder d24">(14)中成药费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d24')) }}</span>
</el-col>
<el-col :xl="3" :lg="3" :md="4">
<span class="value noBottomBoder d25">(15)中草药费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d25')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="5" :lg="5" :md="6">
<span class="key">8.血液和血液制品类：</span>
</el-col>
<el-col :xl="2" :lg="2" :md="3">
<span class="value noBottomBoder d26">(16)血费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d26')) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="6">
<span class="value noBottomBoder d27">(17)白蛋白类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d27')) }}</span>
</el-col>
<el-col :xl="4" :lg="4" :md="6">
<span class="value noBottomBoder d28">(18)球蛋白类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d28')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="5" :lg="5" :md="6">
<span class="value noBottomBoder d29">(19)凝血因子类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d29')) }}</span>
</el-col>
<el-col :xl="5" :lg="5" :md="6">
<span class="value noBottomBoder d30">(20)细胞因子类制品费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d30')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="2" :lg="2" :md="3">
<span class="key">9.耗材类</span>
</el-col>
<el-col :xl="6" :lg="6" :md="8">
<span class="value noBottomBoder d31">(21)检查用一次性医用材料费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d31')) }}</span>
</el-col>
<el-col :xl="6" :lg="6" :md="8">
<span class="value noBottomBoder d32">(22)治疗用一次性医用材料费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d32')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :xl="5" :lg="6" :md="7">
<span class="value noBottomBoder d33">(23)术用一次性医用材料费:</span>
</el-col>
<el-col :span="3">
<span class="value">{{ decimal(changeValue('d33')) }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="3">
<span class="key">10.其他类:</span>
</el-col>
<el-col :span="3">
<span class="value noBottomBoder d34">(24)其他费:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ decimal(changeValue('d34')) }}</span>
</el-col>
<el-col :span="4">
<span class="value noBottomBoder b38">(25)是否为日间手术:</span>
</el-col>
<el-col :span="4">
<span class="value">{{ changeValue('b38') }}</span>
</el-col>
</el-row>
<hr />
<el-row :gutter="20">
<el-col :span="2">
<span class="key"> 说明: </span>
</el-col>
<el-col :span="22">
<span class="value noBottomBoder" style="text-align: left">（一）医疗付费方式 1.城镇职工基本医疗保险 2.城镇居民基本医疗保险
3.新型农村合作医疗 4.贫困救助 5.商业医疗保险 6.全公费 7.全自费
8.其他社会保险 9.其他（二）凡可由医院信息系统提供住院费用清单的，住院病案首页中可不填写"住院费用"。
</span>
</el-col>
</el-row>
</div>
</div>
</template>
<script lang="ts">
import { reactive, toRefs, computed, onMounted, nextTick } from '@vue/composition-api';
import { transformTimestamp } from '../../utils/formatTime';
import { decimal } from '../../utils/decimal';
export default {
props: {
Object, //弹出层是否显示
clicktitle: String, //点击的文本内容
medicalrecord: Object,
},
setup(props, context) {
const state = reactive({});
const transformTime = computed(() => {
return transformTimestamp;
});
// 添加表头calss
const headerRowStyle = ({ row, column, rowIndex, columnIndex }) => {
if (column.label == '手术及操作编码') {
return 'ops';
}
};
const diagnosisclass = ({ row, column, rowIndex, columnIndex }) => {
if (column.label == '出院诊断') {
return 'diagnosis';
}
};
const diagnosis = computed(() => {
if (props.medicalrecord.diagnosis) {
if (props.medicalrecord.diagnosis.length < 4) {
for (let i = props.medicalrecord.diagnosis.length; i <= 4; i++) {
props.medicalrecord.diagnosis.push({});
}
}
return props.medicalrecord.diagnosis;
}
});
const ops = computed(() => {
if (props.medicalrecord.ops) {
if (props.medicalrecord.ops.length < 4) {
for (let i = props.medicalrecord.ops.length; i <= 4; i++) {
props.medicalrecord.ops.push({});
}
}
return props.medicalrecord.ops;
}
});
function changeValue(str) {
let obj = props.medicalrecord;
if (str && obj) {
return obj[str] ? obj[str] : '——';
} else {
return '——';
}
}
return {
...toRefs(state),
changeValue,
transformTime,
diagnosis,
ops,
decimal,
headerRowStyle,
diagnosisclass,
};
},
};
</script>
<style lang="scss">
@import './index.scss';
#medicalRecord {
width: 100%;
font-size: 12px !important;
tbody,
thead,
tr,
th,
td {
border-color: #000 !important;
font-family: 'PingFang SC';
color: #000;
}
.el-table--border {
border-color: #000;
border-left: none;
}
.el-row {
margin-bottom: 20px;
&:last-child {
margin-bottom: 0;
}
}
.el-table::before {
background-color: #000;
}
/* .el-table--border::after */
.homePageTitle {
font-size: 25px;
font-weight: bold;
font-family: 'PingFang SC';
}
.juEnd {
display: flex;
justify-content: flex-end;
}
.juStart {
display: flex;
justify-content: flex-start;
}
.juCenter {
display: flex;
justify-content: center;
}
.row {
display: flex;
flex-direction: row;
}
.key {
font-size: 16px;
font-weight: bold;
font-family: 'PingFang SC';
}
.value {
font-size: 14px;
border-bottom: 1px solid #000;
font-family: 'PingFang SC';
display: block;
}
.values {
font-size: 14px;
border-bottom: 1px solid #000;
font-family: 'PingFang SC';
display: block;
}
.noBottomBoder {
border-bottom: none;
}
.pageindex {
padding: 20px 0px;
border: 1px solid #000;
min-height: 800px;
}
}
</style>
src/utils/formatTime.js 0 → 100644
/**
* 时间日期转换
* @param date 当前时间，new Date() 格式
* @param format 需要转换的时间格式字符串
* @description format 字符串随意，如 `YYYY-mm、YYYY-mm-dd`
* @description format 季度："YYYY-mm-dd HH:MM:SS QQQQ"
* @description format 星期："YYYY-mm-dd HH:MM:SS WWW"
* @description format 几周："YYYY-mm-dd HH:MM:SS ZZZ"
* @description format 季度 + 星期 + 几周："YYYY-mm-dd HH:MM:SS WWW QQQQ ZZZ"
* @returns 返回拼接后的时间字符串
*/
export function formatDate(date, format) {
const we = date.getDay(); // 星期
const z = getWeek(date); // 周
const qut = Math.floor((date.getMonth() + 3) / 3).toString(); // 季度
const opt = {
'Y+': date.getFullYear().toString(), // 年
'm+': (date.getMonth() + 1).toString(), // 月(月份从0开始，要+1)
'd+': date.getDate().toString(), // 日
'H+': date.getHours().toString(), // 时
'M+': date.getMinutes().toString(), // 分
'S+': date.getSeconds().toString(), // 秒
'q+': qut, // 季度
};
// 中文数字 (星期)
const week = {
0: '日',
1: '一',
2: '二',
3: '三',
4: '四',
5: '五',
6: '六',
};
// 中文数字（季度）
const quarter = {
1: '一',
2: '二',
3: '三',
4: '四',
};
if (/(W+)/.test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length > 1 ? (RegExp.$1.length > 2 ? '星期' + week[we] : '周' + week[we]) : week[we]);
}
if (/(Q+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 4 ? '第' + quarter[qut] + '季度' : quarter[qut]);
if (/(Z+)/.test(format)) format = format.replace(RegExp.$1, RegExp.$1.length == 3 ? '第' + z + '周' : z + '');
for (const k in opt) {
const r = new RegExp('(' + k + ')').exec(format);
// 若输入的长度不为1，则前面补零
if (r) format = format.replace(r[1], RegExp.$1.length == 1 ? opt[k] : opt[k].padStart(RegExp.$1.length, '0'));
}
return format;
}
/**
* 获取当前日期是第几周
* @param dateTime 当前传入的日期值
* @returns 返回第几周数字值
*/
export function getWeek(dateTime) {
const temptTime = new Date(dateTime.getTime());
// 周几
const weekday = temptTime.getDay() || 7;
// 周1+5天=周六
temptTime.setDate(temptTime.getDate() - weekday + 1 + 5);
let firstDay = new Date(temptTime.getFullYear(), 0, 1);
const dayOfWeek = firstDay.getDay();
let spendDay = 1;
if (dayOfWeek != 0) spendDay = 7 - dayOfWeek + 1;
firstDay = new Date(temptTime.getFullYear(), 0, 1 + spendDay);
const d = Math.ceil((temptTime.valueOf() - firstDay.valueOf()) / 86400000);
const result = Math.ceil(d / 7);
return result;
}
/**
* 将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`
* @param param 当前时间，new Date() 格式或者字符串时间格式
* @param format 需要转换的时间格式字符串
* @description param 10秒： 10 * 1000
* @description param 1分： 60 * 1000
* @description param 1小时： 60 * 60 * 1000
* @description param 24小时：60 * 60 * 24 * 1000
* @description param 3天： 60 * 60* 24 * 1000 * 3
* @returns 返回拼接后的时间字符串
*/
export function formatPast(param, format) {
// 传入格式处理、存储转换值
let t, s;
// 获取js 时间戳
let time = new Date().getTime();
// 是否是对象
typeof param === 'string' || 'object' ? (t = new Date(param).getTime()) : (t = param);
// 当前时间戳 - 传入时间戳
time = Number.parseInt(`${time - t}`);
if (time < 10000) {
// 10秒内
return '刚刚';
} else if (time < 60000 && time >= 10000) {
// 超过10秒少于1分钟内
s = Math.floor(time / 1000);
return `${s}秒前`;
} else if (time < 3600000 && time >= 60000) {
// 超过1分钟少于1小时
s = Math.floor(time / 60000);
return `${s}分钟前`;
} else if (time < 86400000 && time >= 3600000) {
// 超过1小时少于24小时
s = Math.floor(time / 3600000);
return `${s}小时前`;
} else if (time < 259200000 && time >= 86400000) {
// 超过1天少于3天内
s = Math.floor(time / 86400000);
return `${s}天前`;
} else {
// 超过3天
const date = typeof param === 'string' || 'object' ? new Date(param) : param;
return formatDate(date, format);
}
}
/**
* 时间问候语
* @param param 当前时间，new Date() 格式
* @description param 调用 `formatAxis(new Date())` 输出 `上午好`
* @returns 返回拼接后的时间字符串
*/
export function formatAxis(param) {
const hour = new Date(param).getHours();
if (hour < 6) return '凌晨好';
else if (hour < 9) return '早上好';
else if (hour < 12) return '上午好';
else if (hour < 14) return '中午好';
else if (hour < 17) return '下午好';
else if (hour < 19) return '傍晚好';
else if (hour < 22) return '晚上好';
else return '夜里好';
}
export function transformTimestamp(timestamp) {
const date = new Date(timestamp);
const Y = date.getFullYear();
const M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
const D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
const s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); // 秒
const dateString = `${Y}-${M}-${D} ${h}${m}${s}`;
return dateString;
}
export function transformTimestamps(timestamp) {
const date = new Date(timestamp);
const Y = date.getFullYear();
const M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
const D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
const s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); // 秒
const dateString = `${Y}-${M}-${D}`;
return dateString;
}
src/views/HelloWorld.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wsq * @Author: wsq
* @Date: 2022-04-22 14:21:50 * @Date: 2022-04-22 14:21:50
* @LastEditors: ninglupeng * @LastEditors: ninglupeng
* @LastEditTime: 2022-06-07 09:46:11 * @LastEditTime: 2022-06-07 10:06:20
* @Description: * @Description:
--> -->
<template> <template>
...@@ -116,11 +116,11 @@ ...@@ -116,11 +116,11 @@
import http from '../utils/http'; import http from '../utils/http';
import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api'; import { reactive, toRefs, onMounted, nextTick, computed } from '@vue/composition-api';
import $ from 'jquery'; import $ from 'jquery';
import { setItem, getItem } from '../utils/auth'; import { setItem } from '../utils/auth';
// import medicalRecordHomepage from 'comps/medicalRecordHomepage/index.vue'; import medicalRecordHomepage from '../components/medicalRecordHomepage/index.vue';
export default { export default {
components: { components: {
// medicalRecordHomepage, medicalRecordHomepage,
}, },
name: 'outseeQualityControl', name: 'outseeQualityControl',
setup() { setup() {
...@@ -152,7 +152,7 @@ export default { ...@@ -152,7 +152,7 @@ export default {
const getSynchronous = (id) => { const getSynchronous = (id) => {
// var loadingInstance1 = ElLoading.service(loadingOption1); // var loadingInstance1 = ElLoading.service(loadingOption1);
http http
.post(`/medical/get/Synchronization?id=${'7d1e97e6-c4ab-11ec-9bd0-00155d016553'}`) .post(`/medical/get/Synchronization?id=${'3606b7a5-de50-11ec-9998-9016ba5908d0'}`)
.then((data) => { .then((data) => {
// loadingInstance1.close(); // loadingInstance1.close();
// ElMessage.success(data.message); // ElMessage.success(data.message);
...@@ -226,10 +226,10 @@ export default { ...@@ -226,10 +226,10 @@ export default {
}; };
onMounted(() => { onMounted(() => {
if ('7d1e97e6-c4ab-11ec-9bd0-00155d016553') { if ('3606b7a5-de50-11ec-9998-9016ba5908d0') {
getHomePage('7d1e97e6-c4ab-11ec-9bd0-00155d016553'); getHomePage('3606b7a5-de50-11ec-9998-9016ba5908d0');
getScoringDetails('7d1e97e6-c4ab-11ec-9bd0-00155d016553'); getScoringDetails('3606b7a5-de50-11ec-9998-9016ba5908d0');
setItem('outpid', '7d1e97e6-c4ab-11ec-9bd0-00155d016553') setItem('outpid', '3606b7a5-de50-11ec-9998-9016ba5908d0')
} }
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment