This commit is contained in:
2024-05-08 17:36:16 +08:00
parent 3bd92ee3ee
commit 7690553b6b

View File

@ -2,9 +2,8 @@
<view class="app"> <view class="app">
<!-- 功能开发中 --> <!-- 功能开发中 -->
<view class="top"> <view class="top">
<u-tabs ref="tabs" :scrollable="false" :list="tabslist" bar-height="6" bar-width="60" active-color="#26A888" <u-tabs ref="tabs" :scrollable="false" :list="tabslist" bar-height="6" bar-width="60" active-color='#26A888'
inactive-color="#A09F9F" :active-item-style="activebgk" :is-scroll="false" :current="tabscurrent" :is-scroll="false" :current="tabscurrent" gutter="50" @change="tabschange"></u-tabs>
gutter="50" @change="tabschange"></u-tabs>
</view> </view>
<!-- 健康指数 --> <!-- 健康指数 -->
<view class="health" v-if="tabscurrent==0"> <view class="health" v-if="tabscurrent==0">
@ -52,7 +51,7 @@
</view> </view>
<!-- 心血管 --> <!-- 心血管 -->
<u-popup v-model="lookopen" mode="center" border-radius="30" :closeable='true'> <u-popup v-model="lookopen" mode="center" border-radius="30" :closeable='true'>
<view style="font-size: 30rpx;padding: 0 84px 5px 33px;">未来十年心血管发病风险 <view class="popuptitle">未来十年心血管发病风险
{{lcdEvaRecord.riskLevel==1?'低危':''}} {{lcdEvaRecord.riskLevel==1?'低危':''}}
{{lcdEvaRecord.riskLevel==2?'中危':''}} {{lcdEvaRecord.riskLevel==2?'中危':''}}
{{lcdEvaRecord.riskLevel==3?'高危':''}} {{lcdEvaRecord.riskLevel==3?'高危':''}}
@ -117,7 +116,7 @@
</u-popup> </u-popup>
<!-- 脑血管 --> <!-- 脑血管 -->
<u-popup v-model="open" mode="center" border-radius="30" :closeable='true'> <u-popup v-model="open" mode="center" border-radius="30" :closeable='true'>
<view style="font-size: 30rpx;padding: 0 84px 5px 33px;">未来十年脑血管发病风险 <view class="popuptitle">未来十年脑血管发病风险
{{cvdEvaRecord.riskLevel==1?'低危':''}} {{cvdEvaRecord.riskLevel==1?'低危':''}}
{{cvdEvaRecord.riskLevel==2?'中危':''}} {{cvdEvaRecord.riskLevel==2?'中危':''}}
{{cvdEvaRecord.riskLevel==3?'高危':''}} {{cvdEvaRecord.riskLevel==3?'高危':''}}
@ -199,7 +198,7 @@
</u-popup> </u-popup>
<!-- 肺癌 --> <!-- 肺癌 -->
<u-popup v-model="openfeiai" mode="center" border-radius="30" :closeable='true'> <u-popup v-model="openfeiai" mode="center" border-radius="30" :closeable='true'>
<view style="font-size: 30rpx;padding: 0 84px 5px 33px;">未来十年肺癌发病风险 <view class="popuptitle">未来十年肺癌发病风险
{{lucaEvaRecord.riskLevel==1?'低危':''}} {{lucaEvaRecord.riskLevel==1?'低危':''}}
{{lucaEvaRecord.riskLevel==2?'中危':''}} {{lucaEvaRecord.riskLevel==2?'中危':''}}
{{lucaEvaRecord.riskLevel==3?'高危':''}} {{lucaEvaRecord.riskLevel==3?'高危':''}}
@ -245,7 +244,7 @@
</u-popup> </u-popup>
<!-- 肾功能不全 --> <!-- 肾功能不全 -->
<u-popup v-model="lookopenck" mode="center" border-radius="30" :closeable='true'> <u-popup v-model="lookopenck" mode="center" border-radius="30" :closeable='true'>
<view style="font-size: 30rpx;padding: 0 84px 5px 33px;">未来十年肾功能不全发病风险 <view class="popuptitle">未来十年肾功能不全发病风险
{{ckdEvaRecord.riskLevel==1?'低危':''}} {{ckdEvaRecord.riskLevel==1?'低危':''}}
{{ckdEvaRecord.riskLevel==2?'中危':''}} {{ckdEvaRecord.riskLevel==2?'中危':''}}
{{ckdEvaRecord.riskLevel==3?'高危':''}} {{ckdEvaRecord.riskLevel==3?'高危':''}}
@ -341,12 +340,6 @@
name: '健康处方', name: '健康处方',
orderStatus: 'WAIT_RECEIVED_GOODS', orderStatus: 'WAIT_RECEIVED_GOODS',
}], }],
// activebgk: {
// background: "#00B4CC"
// },
background: {
backgroundColor: '#26A888',
},
datalist: null, datalist: null,
identity: '370522196411282177', identity: '370522196411282177',
cvdEvaRecord: {}, cvdEvaRecord: {},
@ -413,17 +406,17 @@
}) })
} }
}, },
diseaseck() { diseaseck() {
if (this.ckdEvaRecord) { if (this.ckdEvaRecord) {
this.lookopenck = true this.lookopenck = true
} else { } else {
this.$refs.uToast.show({ this.$refs.uToast.show({
title: '暂无内容', title: '暂无内容',
type: 'error' type: 'error'
}) })
} }
}, },
//tabs //tabs
tabschange(index) { tabschange(index) {
console.log(index) console.log(index)
@ -446,6 +439,17 @@
background-color: #fff; background-color: #fff;
} }
::v-deep .u-mode-center-box {
width: 94% !important;
padding: 40rpx 0;
}
.popuptitle {
font-size: 30rpx;
padding: 20rpx 50rpx 30rpx;
text-align: center;
}
.app { .app {
height: 100%; height: 100%;
background-image: url('../images/beijing.png'); background-image: url('../images/beijing.png');
@ -507,6 +511,7 @@
width: 100%; width: 100%;
position: relative; position: relative;
background-color: #fff; background-color: #fff;
.btnleftalls { .btnleftalls {
// display: flex; // display: flex;
width: 100%; width: 100%;
@ -566,4 +571,4 @@
} }
} }
} }
</style> </style>