|
|
@@ -0,0 +1,162 @@
|
|
|
+<template>
|
|
|
+ <div style="padding: 0 15px;">
|
|
|
+ <van-nav-bar title="健康评估" @click-left="$router.back()" left-arrow fixed placeholder safe-area-inset-top />
|
|
|
+ <h6 style="text-align:center;">动脉粥样硬化性心血管疾病风险评估报告</h6>
|
|
|
+ <div class="img">
|
|
|
+ <img v-if="ascvd.estimate=='VeryHigh'" src="../../assets/img/ascvd_veryhigh.png" alt="">
|
|
|
+ <img v-if="ascvd.estimate=='High'" src="../../assets/img/ascvd_high.png" alt="">
|
|
|
+ <img v-if="ascvd.estimate=='Medium'" src="../../assets/img/ascvd_medium.png" alt="">
|
|
|
+ <img v-if="ascvd.estimate=='Low'" src="../../assets/img/ascvd_low.png" alt="">
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <h6>{{estimate?estimate:""}}</h6>
|
|
|
+ <p>{{estimate?("您目前属于动脉粥样硬化性心血管疾病的"+estimate):""}}</p>
|
|
|
+ <p>动脉粥样硬化是进展性、全身性的,动脉粥样硬化性心血管疾病包括:急性冠状动脉综合征(ACS)、稳定性冠心病、缺血性心肌病、缺血性卒中、短暂性脑缺血发作(TIA)和外周动脉粥样硬化病等。</p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <h6>ASCVD主要危险因素检测结果:</h6>
|
|
|
+ <table class="zb_table">
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th width="40%">主要危险因素</th>
|
|
|
+ <th width="30%">检测结果</th>
|
|
|
+ <th width="30%">理想目标</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr>
|
|
|
+ <td>低密度脂蛋白胆固醇LDL-C</td>
|
|
|
+ <td name="ldlc">{{ascvd.ldlc?(ascvd.ldlc+"mmol/L"):""}}</td>
|
|
|
+ <td class="riskTarget"><1.8mmol/L</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>血压</td>
|
|
|
+ <td name="nibp">{{ascvd.nibpSys?(ascvd.nibpSys+"/"+ascvd.nibpDia+"mmHg"):""}}</td>
|
|
|
+ <td class="riskTarget"><130/80mmHg</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>空腹血糖GLU</td>
|
|
|
+ <td name="glu">{{ascvd.glu?(ascvd.glu+"mmol/L"):""}}</td>
|
|
|
+ <td class="riskTarget">4.4-7.0mmol/L</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>吸烟状况</td>
|
|
|
+ <td name="smoke">{{ascvd.smoke?"吸烟":""}}</td>
|
|
|
+ <td class="riskTarget">戒烟</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>体重指数</td>
|
|
|
+ <td name="bmi">{{ascvd.bmi}}</td>
|
|
|
+ <td class="riskTarget">20.0~23.9kg/m2</td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <h6>超声提示:</h6>
|
|
|
+ <div>
|
|
|
+ <img class="ascvd_img" :src="ultrasonic.filePic" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import { queryaction } from '../../api/index.js'
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ ultrasonic: '',
|
|
|
+ estimate: '',
|
|
|
+ ascvd: '',
|
|
|
+ id: '',
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.estimate = this.$route.query.estimate
|
|
|
+ this.id = this.$route.query.id
|
|
|
+ this.queryaction()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async queryaction() {
|
|
|
+ const res = await queryaction({
|
|
|
+ command: 'gethealthyAscvdUltrasonic',
|
|
|
+ uid: 2121,
|
|
|
+ id: this.id,
|
|
|
+ })
|
|
|
+ console.log(res, '111')
|
|
|
+ this.ascvd = res.ascvd
|
|
|
+ this.ultrasonic = res.ultrasonic
|
|
|
+ },
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.zb_table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border: 3px solid #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table td {
|
|
|
+ background-color: #e5e5e5;
|
|
|
+ height: 80px;
|
|
|
+ border: 3px solid #ffffff;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table tr.zb_header td {
|
|
|
+ background-color: #65dfe0;
|
|
|
+ height: 60px;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table span {
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table tr th {
|
|
|
+ background-color: #d8f0fc;
|
|
|
+ height: 80px;
|
|
|
+ border: 3px solid #ffffff;
|
|
|
+ font-size: 28px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table td.zb_count {
|
|
|
+ color: #aa0303;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table td.zb_advice {
|
|
|
+ color: #4b8601;
|
|
|
+ text-align: left;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-left: 0px;
|
|
|
+ padding-top: 10px;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_icon {
|
|
|
+ width: 72px;
|
|
|
+ height: 60px;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.zb_table span.zb_title {
|
|
|
+ color: #000000;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 36px;
|
|
|
+}
|
|
|
+.img {
|
|
|
+ padding: 0 30px;
|
|
|
+ img {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+.ascvd_img {
|
|
|
+ max-width: 90%;
|
|
|
+}
|
|
|
+</style>
|