|
@@ -3,10 +3,10 @@
|
|
<div class="mx-1 mb-5 position-relative" v-if="propData.patient">
|
|
<div class="mx-1 mb-5 position-relative" v-if="propData.patient">
|
|
<div class="centerY">
|
|
<div class="centerY">
|
|
<div class="bule_line"></div>
|
|
<div class="bule_line"></div>
|
|
- <span class="font-bold text-dark ml-2 fs-14 line-height1">基本信息</span>
|
|
|
|
|
|
+ <span class="font-bold text-dark ml-2 fs-14 py-2">基本信息</span>
|
|
</div>
|
|
</div>
|
|
<!-- 基本信息 -->
|
|
<!-- 基本信息 -->
|
|
- <div class="card mb-2 fs-12 mt-1 p-2" style="color: #818181;">
|
|
|
|
|
|
+ <div class="card fs-12 p-3" style="color: #818181;position: relative;">
|
|
<div class="w-50 mb-1 d-inline-block">
|
|
<div class="w-50 mb-1 d-inline-block">
|
|
姓名:
|
|
姓名:
|
|
<span class="font-bold text-dark fs-14">{{ propData.patient.username || '' }}</span>
|
|
<span class="font-bold text-dark fs-14">{{ propData.patient.username || '' }}</span>
|
|
@@ -29,28 +29,28 @@
|
|
31536000000).toFixed(0) : '' }}年
|
|
31536000000).toFixed(0) : '' }}年
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
- <div class="w-50 mb-1 d-inline-block" v-if="1">
|
|
|
|
|
|
+ <div class="w-50 d-inline-block" v-if="1">
|
|
高血压病龄:
|
|
高血压病龄:
|
|
<span class="font-bold text-dark fs-14">
|
|
<span class="font-bold text-dark fs-14">
|
|
{{ propData.patient.gxyIllTime ? ((new Date().getTime() - new Date(propData.patient.gxyIllTime).getTime()) /
|
|
{{ propData.patient.gxyIllTime ? ((new Date().getTime() - new Date(propData.patient.gxyIllTime).getTime()) /
|
|
31536000000).toFixed(0) : '' }}年
|
|
31536000000).toFixed(0) : '' }}年
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
- <div class="position-absolute d-flex " style="right: 20%;top:0 ;transform: rotate(31deg);z-index:1">
|
|
|
|
|
|
+ <div class="position-absolute d-flex " style="right: 15%;top:-30%;transform: rotate(31deg);z-index:1">
|
|
<div v-show="propData.patient.healthIndex !== 0" class="centerd position-absolute "
|
|
<div v-show="propData.patient.healthIndex !== 0" class="centerd position-absolute "
|
|
- :style="{ width: '50px', height: '50px', borderRadius: '50%', opacity: 1, ...selectColor(propData.patient.healthIndex) }">
|
|
|
|
|
|
+ :style="{ width: '70px', height: '70px', borderRadius: '50%', opacity: 1, ...selectColor(propData.patient.healthIndex) }">
|
|
<div class="text-center">
|
|
<div class="text-center">
|
|
- <div class="fs-10">健康指数</div>
|
|
|
|
- <div class="font-bold fs-14">{{ propData.patient.healthIndex ? 1000 - propData.patient.healthIndex || 0 :
|
|
|
|
|
|
+ <div class="fs-12">健康指数</div>
|
|
|
|
+ <div class="font-bold fs-16">{{ propData.patient.healthIndex ? 1000 - propData.patient.healthIndex || 0 :
|
|
'1000' }}</div>
|
|
'1000' }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 管理等级 -->
|
|
<!-- 管理等级 -->
|
|
- <div class="centerY">
|
|
|
|
|
|
+ <div class="centerY mt-2">
|
|
<div class="w-50 pr-2">
|
|
<div class="w-50 pr-2">
|
|
- <div class="centerY mb-1" v-if="propData.gljb.gxyVisit && propData.gljb.gxyVisit.id">
|
|
|
|
|
|
+ <div class="centerY py-2" v-if="propData.gljb.gxyVisit && propData.gljb.gxyVisit.id">
|
|
<div class="bule_line"></div>
|
|
<div class="bule_line"></div>
|
|
<span class="font-bold text-dark ml-2 fs-14 line-height1">高血压管理等级</span>
|
|
<span class="font-bold text-dark ml-2 fs-14 line-height1">高血压管理等级</span>
|
|
</div>
|
|
</div>
|
|
@@ -60,7 +60,7 @@
|
|
<div class="text-center fs-12 font-bold "
|
|
<div class="text-center fs-12 font-bold "
|
|
style="line-height:1;padding:8px 0;background-color:#1890ff;color:#fff">{{
|
|
style="line-height:1;padding:8px 0;background-color:#1890ff;color:#fff">{{
|
|
propData.gljb.gxyVisit.gljb }}</div>
|
|
propData.gljb.gxyVisit.gljb }}</div>
|
|
- <div class="bg-white overflow fs-12 p-1 border-box " style="border-top: 1px solid #1890ff;">
|
|
|
|
|
|
+ <div class="bg-white overflow fs-12 p-2 border-box " style="border-top: 1px solid #1890ff;">
|
|
<div class="w-100 centerY">
|
|
<div class="w-100 centerY">
|
|
<div class="pr-1">下次预约</div>
|
|
<div class="pr-1">下次预约</div>
|
|
<div class=" text-dark">{{ propData.gljb.gxyVisit.xcyy }}</div>
|
|
<div class=" text-dark">{{ propData.gljb.gxyVisit.xcyy }}</div>
|
|
@@ -74,7 +74,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-50">
|
|
<div class="w-50">
|
|
- <div class="centerY mb-1" v-if="propData.gljb.tnbVisit && propData.gljb.tnbVisit.id">
|
|
|
|
|
|
+ <div class="centerY py-2" v-if="propData.gljb.tnbVisit && propData.gljb.tnbVisit.id">
|
|
<div class="bule_line"></div>
|
|
<div class="bule_line"></div>
|
|
<span class="font-bold text-dark ml-2 fs-14 line-height1">糖尿病管理等级</span>
|
|
<span class="font-bold text-dark ml-2 fs-14 line-height1">糖尿病管理等级</span>
|
|
</div>
|
|
</div>
|
|
@@ -84,9 +84,8 @@
|
|
<div class="fs-12" style="line-height:1">
|
|
<div class="fs-12" style="line-height:1">
|
|
<div class="text-center fs-12 font-bolds" style="padding:8px 0;background-color:#1890ff;color:#fff">{{
|
|
<div class="text-center fs-12 font-bolds" style="padding:8px 0;background-color:#1890ff;color:#fff">{{
|
|
propData.gljb.tnbVisit.gljb }}</div>
|
|
propData.gljb.tnbVisit.gljb }}</div>
|
|
-
|
|
|
|
</div>
|
|
</div>
|
|
- <div class="bg-white overflow p-1 border-box " style="border-top: 1px solid #1890ff;">
|
|
|
|
|
|
+ <div class="bg-white overflow p-2 border-box " style="border-top: 1px solid #1890ff;">
|
|
<div class="w-100 centerY">
|
|
<div class="w-100 centerY">
|
|
<div class="pr-1">下次预约</div>
|
|
<div class="pr-1">下次预约</div>
|
|
<div class="text-dark">{{ propData.gljb.tnbVisit.xcyy }}</div>
|
|
<div class="text-dark">{{ propData.gljb.tnbVisit.xcyy }}</div>
|
|
@@ -100,7 +99,7 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <el-collapse class="mt-2" @change="collapsechange">
|
|
|
|
|
|
+ <el-collapse class="mt-3" @change="collapsechange">
|
|
<!-- 体征 -->
|
|
<!-- 体征 -->
|
|
<el-collapse-item title="" name="1" v-if="propData.physical && propData.physical.length > 0">
|
|
<el-collapse-item title="" name="1" v-if="propData.physical && propData.physical.length > 0">
|
|
<template #title>
|
|
<template #title>
|
|
@@ -1343,7 +1342,7 @@ export default {
|
|
|
|
|
|
.echarts {
|
|
.echarts {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 150px;
|
|
|
|
|
|
+ height: 180px;
|
|
}
|
|
}
|
|
|
|
|
|
.el-collapse-item__content {
|
|
.el-collapse-item__content {
|