|
|
@@ -1,150 +1,165 @@
|
|
|
<template>
|
|
|
+ <view class="">
|
|
|
+ <navbar :title="$t('show_report')" size="48" :backtext="$t('back')" color="#fff"></navbar>
|
|
|
+ </view>
|
|
|
<uv-toast ref="toast"></uv-toast>
|
|
|
- <view class="page">
|
|
|
- <view class="bottomarc"></view>
|
|
|
- <uv-row justify="space-between" customStyle="margin-top: 6%">
|
|
|
- <uv-col span="10" offset="1" class="box1">
|
|
|
- <uv-row justify="space-between" class="item">
|
|
|
- <uv-col span="4" align="center">{{$t('illness_title')}}</uv-col>
|
|
|
- <uv-col span="4" align="center">{{$t('report_score')}}</uv-col>
|
|
|
- <uv-col span="4" align="center">{{$t('report_result')}}</uv-col>
|
|
|
- </uv-row>
|
|
|
- <uv-row justify="space-between" v-for="(item,index) in list" :key="index" class="item">
|
|
|
- <uv-col span="4" align="center"> {{item.diseasename}}</uv-col>
|
|
|
- <uv-col span="4">
|
|
|
- <uv-text :type="item.havrisk>0?'error':'success'" :text="item.scoreresult?item.scoreresult:0" align="center"></uv-text>
|
|
|
- </uv-col>
|
|
|
- <uv-col span="4">
|
|
|
- <uv-text :type="item.havrisk>0?'error':'success'" :text="item.havrisk>0?$t('risk'):$t('low_risk')" align="center"></uv-text>
|
|
|
- </uv-col>
|
|
|
- </uv-row>
|
|
|
- </uv-col>
|
|
|
- </uv-row>
|
|
|
- <view class="advicearea">
|
|
|
- <uv-row justify="space-between" class="item">
|
|
|
- <uv-col span="12" align="center">
|
|
|
- <view class="advicelabel">{{$t('report_detail')}}</view>
|
|
|
- </uv-col>
|
|
|
- </uv-row>
|
|
|
- </view>
|
|
|
- <view v-if="labellist.length>0">
|
|
|
- <uv-tabs :list="labellist" @click="click" customStyle="align-items: center"
|
|
|
- itemStyle="font-size:20px;height:40px;" current="0" @change="change"
|
|
|
- :activeStyle="activeStyle" lineWidth="30"
|
|
|
- ></uv-tabs>
|
|
|
- </view>
|
|
|
- <view class="info_div">
|
|
|
- <view class="" v-if="selectitem">
|
|
|
- <view class='diseasetitlestr'>
|
|
|
- {{selectitem.titlestr}}
|
|
|
- </view>
|
|
|
- <view v-show="selectitem.havrisk==0">
|
|
|
- <uv-text :text="$t('report_text_1')+selectitem.risklimit+$t('report_text_1_1')" align="center" type="success"></uv-text>
|
|
|
- </view>
|
|
|
- <view v-if="selectitem.havrisk==1">
|
|
|
- <uv-text :text="selectitem.riskmsg" align="center" type="error" :customStyle="customStyleRiskmsg"></uv-text>
|
|
|
- <uv-text :text="$t('report_error_text_1')" align="center" :customStyle="customStyleErrorText"></uv-text>
|
|
|
- <uv-text :text="$t('report_error_text_2')" align="center" :customStyle="customStyleErrorText"></uv-text>
|
|
|
- <uv-text :text="$t('report_error_text_3')" align="center" :customStyle="customStyleErrorText"></uv-text>
|
|
|
- <uv-row customStyle="margin-top:20rpx">
|
|
|
- <uv-col span="12">
|
|
|
- <view v-show="selectitem.noticelist.length>0">
|
|
|
- <view v-for="(item,index) in selectitem.noticelist" :key="index">
|
|
|
- <uv-text :text="index+1+'、'+item"></uv-text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </uv-col>
|
|
|
+ <view class="app_content">
|
|
|
+ <view class="page">
|
|
|
+ <view class="bottomarc"></view>
|
|
|
+ <uv-row justify="space-between" customStyle="margin-top: 30%">
|
|
|
+ <uv-col span="10" offset="1" class="box1">
|
|
|
+ <uv-row justify="space-between" class="item">
|
|
|
+ <uv-col span="4" align="center">{{$t('illness_title')}}</uv-col>
|
|
|
+ <uv-col span="4" align="center">{{$t('report_score')}}</uv-col>
|
|
|
+ <uv-col span="4" align="center">{{$t('report_result')}}</uv-col>
|
|
|
</uv-row>
|
|
|
- </view>
|
|
|
- <view v-show="selectitem.havrisk==1" class="noticearea">
|
|
|
- <uv-row customStyle="">
|
|
|
- <uv-col span="12" align="center">
|
|
|
- <view class="noticelabel">{{$t('health_advice')}}</view>
|
|
|
+ <uv-row justify="space-between" v-for="(item,index) in list" :key="index" class="item">
|
|
|
+ <uv-col span="4" align="center"> {{item.diseasename}}</uv-col>
|
|
|
+ <uv-col span="4">
|
|
|
+ <uv-text :type="item.havrisk>0?'error':'success'" :text="item.scoreresult?item.scoreresult:0" align="center"></uv-text>
|
|
|
</uv-col>
|
|
|
- </uv-row>
|
|
|
- <uv-row customStyle="">
|
|
|
- <uv-col span="12">
|
|
|
- <view v-show="selectitem.advicelist.length>0">
|
|
|
- <view v-for="(item,index) in selectitem.advicelist" :key="index">
|
|
|
- <uv-text :text="index+1+'、'+item"></uv-text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <uv-col span="4">
|
|
|
+ <uv-text :type="item.havrisk>0?'error':'success'" :text="item.havrisk>0?$t('risk'):$t('low_risk')" align="center"></uv-text>
|
|
|
</uv-col>
|
|
|
</uv-row>
|
|
|
- </view>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
+ <view class="advicearea">
|
|
|
+ <uv-row justify="space-between" class="item">
|
|
|
+ <uv-col span="12" align="center">
|
|
|
+ <view class="advicelabel">{{$t('report_detail')}}</view>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
</view>
|
|
|
- <view class="report_explain">
|
|
|
- <view class="advicearea">
|
|
|
- <uv-row justify="space-between" class="item">
|
|
|
- <uv-col span="12" align="center">
|
|
|
- <view class="advicelabel">{{$t('report_explain')}}</view>
|
|
|
- </uv-col>
|
|
|
- </uv-row>
|
|
|
+ <view v-if="labellist.length>0">
|
|
|
+ <uv-tabs :list="labellist" @click="click" customStyle="align-items: center"
|
|
|
+ itemStyle="font-size:20px;height:40px;" current="0" @change="change"
|
|
|
+ :activeStyle="activeStyle" lineWidth="30"
|
|
|
+ ></uv-tabs>
|
|
|
+ </view>
|
|
|
+ <view class="info_div">
|
|
|
+ <view class="" v-if="selectitem">
|
|
|
+ <!-- <view class='diseasetitlestr'>
|
|
|
+ {{selectitem.titlestr}}
|
|
|
+ </view> -->
|
|
|
+ <br />
|
|
|
+ <view v-show="selectitem.havrisk==0">
|
|
|
+ <uv-text :text="$t('report_text_1')+selectitem.risklimit+$t('report_text_1_1')" align="center" type="success"></uv-text>
|
|
|
+ </view>
|
|
|
+ <view v-if="selectitem.havrisk==1">
|
|
|
+ <uv-text :text="selectitem.riskmsg" align="center" type="error" :customStyle="customStyleRiskmsg"></uv-text>
|
|
|
+ <uv-text :text="$t('report_error_text_1')" align="center" :customStyle="customStyleErrorText"></uv-text>
|
|
|
+ <uv-text :text="$t('report_error_text_2')" align="center" :customStyle="customStyleErrorText"></uv-text>
|
|
|
+ <uv-text :text="$t('report_error_text_3')" align="center" :customStyle="customStyleErrorText"></uv-text>
|
|
|
+ <uv-row customStyle="margin-top:20rpx">
|
|
|
+ <uv-col span="12">
|
|
|
+ <view v-show="selectitem.noticelist.length>0">
|
|
|
+ <view v-for="(item,index) in selectitem.noticelist" :key="index">
|
|
|
+ <uv-text :text="index+1+'、'+item"></uv-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
+ </view>
|
|
|
+ <view v-show="selectitem.havrisk==1" class="noticearea">
|
|
|
+ <uv-row customStyle="">
|
|
|
+ <uv-col span="12" align="center">
|
|
|
+ <view class="noticelabel">{{$t('health_advice')}}</view>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
+ <uv-row customStyle="">
|
|
|
+ <uv-col span="12">
|
|
|
+ <view v-show="selectitem.advicelist.length>0">
|
|
|
+ <view v-for="(item,index) in selectitem.advicelist" :key="index">
|
|
|
+ <uv-text :text="index+1+'、'+item"></uv-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="info_div1">
|
|
|
- <uv-text v-if="info.age>=40" :text="$t('report_explain_text_1')" type="info" align="center"></uv-text>
|
|
|
- <uv-text v-if="info.gender=='男'" :text="$t('report_explain_text_2')" type="info" align="center"></uv-text>
|
|
|
- <uv-text v-if="info.bmi>24"
|
|
|
- :text="$t('report_explain_text_3')+info.bmi+$t('report_explain_text_3_1')+info.height+$t('report_explain_text_3_2')+info.weightbmi24+$t('report_explain_text_3_3')" type="info" align="center"></uv-text>
|
|
|
- <uv-text v-if="info.sbp>=140" :text="$t('report_explain_text_4')" type="info"></uv-text>
|
|
|
+ <view class="report_explain">
|
|
|
+ <view class="advicearea">
|
|
|
+ <uv-row justify="space-between" class="item">
|
|
|
+ <uv-col span="12" align="center">
|
|
|
+ <view class="advicelabel">{{$t('report_explain')}}</view>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
+ </view>
|
|
|
+ <view class="info_div1">
|
|
|
+ <uv-text v-if="info.age>=40" :text="$t('report_explain_text_1')" type="info" align="center"></uv-text>
|
|
|
+ <uv-text v-if="info.gender=='男'" :text="$t('report_explain_text_2')" type="info" align="center"></uv-text>
|
|
|
+ <uv-text v-if="info.bmi>24"
|
|
|
+ :text="$t('report_explain_text_3')+info.bmi+$t('report_explain_text_3_1')+info.height+$t('report_explain_text_3_2')+info.weightbmi24+$t('report_explain_text_3_3')" type="info" align="center"></uv-text>
|
|
|
+ <uv-text v-if="info.sbp>=140" :text="$t('report_explain_text_4')" type="info"></uv-text>
|
|
|
+ </view>
|
|
|
+ <view class='info_div1'>
|
|
|
+ <uv-text v-if="info.fhstroke>0||info.fhheart>0" :text="$t('report_explain_text_5')" type="info" align="center"></uv-text>
|
|
|
+ <uv-text v-if="info.issmoke>0||info.isdrink>0||info.isunsport>0" :text="$t('report_explain_text_6')" type="info" align="center"></uv-text>
|
|
|
+ <uv-text v-if="info.age>=40&&info.issmoke>0" :text="$t('report_explain_text_7')" type="info" align="center"></uv-text>
|
|
|
+ <view class="" v-if="info.isinspectabodomen>0||info.isteghtness>0">
|
|
|
+ <uv-text v-if="info.isinspectabodomen>1" :text="$t('report_explain_text_8')" type="info" align="center"></uv-text>
|
|
|
+ <uv-text v-if="info.isteghtness>1" :text="$t('report_explain_text_9')" type="info" align="center"></uv-text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class='info_div1'>
|
|
|
- <uv-text v-if="info.fhstroke>0||info.fhheart>0" :text="$t('report_explain_text_5')" type="info" align="center"></uv-text>
|
|
|
- <uv-text v-if="info.issmoke>0||info.isdrink>0||info.isunsport>0" :text="$t('report_explain_text_6')" type="info" align="center"></uv-text>
|
|
|
- <uv-text v-if="info.age>=40&&info.issmoke>0" :text="$t('report_explain_text_7')" type="info" align="center"></uv-text>
|
|
|
- <view class="" v-if="info.isinspectabodomen>0||info.isteghtness>0">
|
|
|
- <uv-text v-if="info.isinspectabodomen>1" :text="$t('report_explain_text_8')" type="info" align="center"></uv-text>
|
|
|
- <uv-text v-if="info.isteghtness>1" :text="$t('report_explain_text_9')" type="info" align="center"></uv-text>
|
|
|
+ <uv-line color="#933333"></uv-line>
|
|
|
+ <view class="healthinfolist">
|
|
|
+ <view class="grid">
|
|
|
+ <uv-row justify="space-between" class="item">
|
|
|
+ <uv-col span="3" align="center">
|
|
|
+ <uv-text :text="$t('healthy_habits')" :bold="true" align="center"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ <uv-col span="2" align="center">
|
|
|
+ <uv-text :text="$t('y_n')" :bold="true" align="center"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ <uv-col span="7" align="center">
|
|
|
+ <uv-text :text="$t('healthy_personal_ratios')" :bold="true" align="center"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
+ <uv-row justify="space-between" class="item" v-for="(item,index) in healthlist" :key="index">
|
|
|
+ <uv-col span="3" align="center">
|
|
|
+ <uv-text :text="item.disstr" align="center" size="12"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ <uv-col span="2" align="center">
|
|
|
+ <uv-text :text="item.strvalue" align="center" size="12"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ <uv-col span="4" align="center">
|
|
|
+ <uv-text :text="$t('all_people')+item.allpre+'%'" align="center" size="12"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ <uv-col span="3" align="center">
|
|
|
+ <uv-text :text="$t('group_people')+item.agepre+'%'" align="center" size="12"></uv-text>
|
|
|
+ </uv-col>
|
|
|
+ </uv-row>
|
|
|
</view>
|
|
|
+ <uv-text :text="$t('report_text_4')" align="center" type="info" :bold="true"></uv-text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <uv-line color="#933333"></uv-line>
|
|
|
- <view class="healthinfolist">
|
|
|
- <view class="grid">
|
|
|
- <uv-row justify="space-between" class="item">
|
|
|
- <uv-col span="3" align="center">
|
|
|
- <uv-text :text="$t('healthy_habits')" :bold="true" align="center"></uv-text>
|
|
|
- </uv-col>
|
|
|
- <uv-col span="2" align="center">
|
|
|
- <uv-text :text="$t('y_n')" :bold="true" align="center"></uv-text>
|
|
|
- </uv-col>
|
|
|
- <uv-col span="7" align="center">
|
|
|
- <uv-text :text="$t('healthy_personal_ratios')" :bold="true" align="center"></uv-text>
|
|
|
- </uv-col>
|
|
|
- </uv-row>
|
|
|
- <uv-row justify="space-between" class="item" v-for="(item,index) in healthlist" :key="index">
|
|
|
- <uv-col span="3" align="center">
|
|
|
- <uv-text :text="item.disstr" align="center" size="12"></uv-text>
|
|
|
- </uv-col>
|
|
|
- <uv-col span="2" align="center">
|
|
|
- <uv-text :text="item.strvalue" align="center" size="12"></uv-text>
|
|
|
- </uv-col>
|
|
|
- <uv-col span="4" align="center">
|
|
|
- <uv-text :text="$t('all_people')+item.allpre+'%'" align="center" size="12"></uv-text>
|
|
|
- </uv-col>
|
|
|
- <uv-col span="3" align="center">
|
|
|
- <uv-text :text="$t('group_people')+item.agepre+'%'" align="center" size="12"></uv-text>
|
|
|
- </uv-col>
|
|
|
- </uv-row>
|
|
|
+ <!-- <uv-line color="#933333"></uv-line>
|
|
|
+ <view class="info_div1">
|
|
|
+ <uv-text :text="$t('report_text_5')" align="center" :bold="true"></uv-text>
|
|
|
+ <br />
|
|
|
+ <uv-text :text="$t('report_text_6')" type="info"></uv-text>
|
|
|
+ <uv-text :text="$t('report_text_7')" type="info"></uv-text>
|
|
|
+ <uv-text :text="$t('report_text_8')" type="info"></uv-text>
|
|
|
+ </view> -->
|
|
|
+ <uv-line color="#933333"></uv-line>
|
|
|
+ <view class="info_div1">
|
|
|
+ <uv-text :text="$t('report_text_9')" :bold="true" align="center"></uv-text>
|
|
|
</view>
|
|
|
- <uv-text :text="$t('report_text_4')" align="center" type="info" :bold="true"></uv-text>
|
|
|
- </view>
|
|
|
- <!-- <uv-line color="#933333"></uv-line>
|
|
|
- <view class="info_div1">
|
|
|
- <uv-text :text="$t('report_text_5')" align="center" :bold="true"></uv-text>
|
|
|
+ <uv-line color="#933333"></uv-line>
|
|
|
<br />
|
|
|
- <uv-text :text="$t('report_text_6')" type="info"></uv-text>
|
|
|
- <uv-text :text="$t('report_text_7')" type="info"></uv-text>
|
|
|
- <uv-text :text="$t('report_text_8')" type="info"></uv-text>
|
|
|
- </view> -->
|
|
|
- <uv-line color="#933333"></uv-line>
|
|
|
- <view class="info_div1">
|
|
|
- <uv-text :text="$t('report_text_9')" :bold="true" align="center"></uv-text>
|
|
|
+ <!-- <share @dosharewechat="share"></share> -->
|
|
|
+ <br>
|
|
|
+ <view class="statement">
|
|
|
+ <text class="statement_title">Data source:</text>
|
|
|
+ <br />
|
|
|
+ <text class="statement_item">【1】Guideline for the prevention and treatment of type 2 diabetes mellitus in China(2020 edition)(Part 1) [J]. Chinese Journal of Practical Internal Medicine, 2021, 41 (08): 668-695. DOI:10.19538/j.nk2021080106.</text>
|
|
|
+ <br />
|
|
|
+ <text class="statement_item">【2】Guideline for the prevention and treatment of type 2 diabetes mellitus in China(2020 edition)(Part 2) [J]. Chinese Journal of Practical Internal Medicine, 2021, 41 (09): 757-784. DOI:10.19538/j.nk2021090106.</text>
|
|
|
+ <br />
|
|
|
+ <text class="statement_item">【3】Yang X, Li J, Hu D, Chen J, Li Y, Huang J, Liu X, Liu F, Cao J, Shen C, Yu L, Lu F, Wu X, Zhao L, Wu X and Gu Dongfeng. Predicting the 10-Year Risks of Atherosclerotic Cardiovascular Disease in Chinese Population: The China-PAR Project (Prediction for ASCVD Risk in China). Circulation. 2016;134:1430-40.</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <uv-line color="#933333"></uv-line>
|
|
|
- <br />
|
|
|
- <!-- <share @dosharewechat="share"></share> -->
|
|
|
- <br>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -431,4 +446,21 @@
|
|
|
.healthinfolist .grid {
|
|
|
margin-bottom: 8rpx;
|
|
|
}
|
|
|
+ .app_content{
|
|
|
+ }
|
|
|
+ .bottomarc{
|
|
|
+ height:30%;
|
|
|
+ }
|
|
|
+ .statement{
|
|
|
+ padding: 10rpx;
|
|
|
+ }
|
|
|
+ .statement .statement_title{
|
|
|
+ font-size: 24rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .statement .statement_item{
|
|
|
+ font-size:20rpx;
|
|
|
+ line-height: 22rpx !important;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
</style>
|