|
|
@@ -24,9 +24,9 @@
|
|
|
></img>
|
|
|
<img v-if="latestCase.FVIII>=1 && latestCase.FVIII<=3" class="ratioBg3" src="../assets/images/1-3.png"
|
|
|
width="100%"></img>
|
|
|
- <img v-if="latestCase.FVIII>=3 && latestCase.FVIII<=5" class="ratioBg3" src="../assets/images/3-5.png"
|
|
|
+ <img v-if="latestCase.FVIII>3 && latestCase.FVIII<=5" class="ratioBg3" src="../assets/images/3-5.png"
|
|
|
width="100%"></img>
|
|
|
- <img v-if="latestCase.FVIII>=5 && latestCase.FVIII<=15" class="ratioBg3" src="../assets/images/5-15.png"
|
|
|
+ <img v-if="latestCase.FVIII>5 && latestCase.FVIII<=15" class="ratioBg3" src="../assets/images/5-15.png"
|
|
|
width="100%"></img>
|
|
|
<img v-if="latestCase.FVIII>15" class="ratioBg3" src="../assets/images/_15.png"
|
|
|
width="100%"></img>
|
|
|
@@ -38,7 +38,7 @@
|
|
|
<div class="rowfont" style="
|
|
|
margin:5px 0px;color:red;
|
|
|
font-weight:bold;font-size:5.2rem;
|
|
|
- text-align: center;height: 130px;line-height: 130px;">
|
|
|
+ text-align: center;height: 100px;line-height: 100px;">
|
|
|
{{latestCase.FVIII}}%</div>
|
|
|
<!-- <div class="rowfont">参考方案</div>
|
|
|
<div class="rowfont">1.产品:{{latestCase.ckmpro}}</div>
|
|
|
@@ -46,12 +46,40 @@
|
|
|
<div class="rowfont">3.频次:{{latestCase.ckmfreq}}</div>
|
|
|
<div class="rowfont">本结果仅供参考,</div>
|
|
|
<div class="rowfont">具体治疗方案请遵医嘱执行</div> -->
|
|
|
- <div>
|
|
|
- <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;">
|
|
|
+ <div v-if="latestCase.FVIII < 1">
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
|
|
|
< 1% <sup>2、3</sup>
|
|
|
</div>
|
|
|
<div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;">建议咨询医生</div>
|
|
|
</div>
|
|
|
+ <div v-if="latestCase.FVIII >= 1 && latestCase.FVIII <= 3">
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
|
|
|
+ 1% ~ 3% <sup>2、3</sup>
|
|
|
+ </div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜无风险活动</div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">(如看书、看电视、家务等)</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="latestCase.FVIII > 3 && latestCase.FVIII <= 5">
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
|
|
|
+ 3% ~ 5% <sup>2、3</sup>
|
|
|
+ </div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜低风险活动</div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">(如散步、慢跑、无对抗运动等)</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="latestCase.FVIII > 5 && latestCase.FVIII <= 15">
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
|
|
|
+ 5%~15% <sup>2、3</sup>
|
|
|
+ </div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适中风险活动</div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">(如爬山、骑行、球类运动等)</div>
|
|
|
+ </div>
|
|
|
+ <div v-if="latestCase.FVIII > 15">
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
|
|
|
+ 5%~15% <sup>2、3</sup>
|
|
|
+ </div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适高风险活动</div>
|
|
|
+ <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">(如滑雪、滑冰、滑板等)</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -132,7 +160,7 @@
|
|
|
if (!res.data.code) {
|
|
|
this.latestCase = res.data.data
|
|
|
this.ratioHeight = 216 / 100 * this.latestCase.FVIII
|
|
|
- this.latestCase.FVIII = 16
|
|
|
+ this.latestCase.FVIII = 10
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
@@ -216,11 +244,11 @@
|
|
|
|
|
|
.right {
|
|
|
left: 30%;
|
|
|
- width: 50%;
|
|
|
+ width: 65%;
|
|
|
}
|
|
|
|
|
|
.left {
|
|
|
- width: 40%;
|
|
|
+ width: 35%;
|
|
|
margin-top: 10px;
|
|
|
position: relative;
|
|
|
overflow: hidden;
|