diff --git a/src/components/popup/index.scss b/src/components/popup/index.scss index 11aeb13..991ea24 100644 --- a/src/components/popup/index.scss +++ b/src/components/popup/index.scss @@ -135,6 +135,59 @@ } } +.popup7 { + .badge { + position: relative; + z-index: 1; + width: 126rpx; + height: 124rpx; + display: block; + margin: 0 auto; + } + .contaienr { + margin-top: -80rpx; + padding: 96rpx 0 0; + width: 540rpx; + border-radius: 24rpx; + box-sizing: border-box; + background: linear-gradient(353deg, #ffffff 0%, #f5eeff 100%); + box-shadow: inset 0rpx -1rpx 0rpx 0rpx #e5e6eb; + .content { + font-size: 28rpx; + color: #adacb2; + text-align: center; + } + .footer { + margin-top: 40rpx; + border-top: 1px solid #e5e6eb; + display: flex; + .sure, + .cancel { + flex: 1; + padding: 22rpx; + text-align: center; + font-size: 32rpx; + } + .cancel { + border-right: 1px solid #e5e6eb; + color: #211d2e; + } + .sure { + color: #b982ff; + } + } + } +} + +.popup8 { + width: 590rpx; + height: 880rpx; + .p-img { + width: 100%; + height: 100%; + } +} + .close { margin: 48rpx auto 0; display: block; diff --git a/src/components/popup/index.wxml b/src/components/popup/index.wxml index 69b3503..11b8a54 100644 --- a/src/components/popup/index.wxml +++ b/src/components/popup/index.wxml @@ -57,6 +57,19 @@ + + + + 要删除这张照片吗 ? + + 取消 + 确定 + + + + + + 是否有Graves病病史 -
(非必填)
+ (非必填)
是否有TED(甲状腺眼突)及其相关眼部手术史 -
(非必填)
+ (非必填)
+ + 是否了解替妥尤单抗N01 + (非必填) + + + + {{item}} + + + + 是否有使用替妥尤单抗N01 + (非必填) + + + + {{item}} + + + + 请上传您的处方证明 + 处方证明审核通过后,即可享受平台全部服务 + + + + + + + + + + + + 您可以上传您的诊断处方、住院小结等 + + +
@@ -88,3 +136,11 @@ 随便看看
+ + diff --git a/src/patient/pages/qol/index.scss b/src/patient/pages/qol/index.scss index 094d6db..5e6bcab 100644 --- a/src/patient/pages/qol/index.scss +++ b/src/patient/pages/qol/index.scss @@ -13,8 +13,8 @@ page { } .module1 { margin: 32rpx 40rpx 0; - padding: 214rpx 40rpx 0; - height: 1034rpx; + padding: 254rpx 40rpx 0; + height: 1136rpx; box-sizing: border-box; .content { font-size: 32rpx; @@ -22,7 +22,7 @@ page { line-height: 56rpx; } .container { - margin-top: 32rpx; + margin-top: 72rpx; border-radius: 24rpx 24rpx 24rpx 24rpx; .title { padding-top: 32rpx; diff --git a/src/patient/pages/qol/index.wxml b/src/patient/pages/qol/index.wxml index c25e777..149f63c 100644 --- a/src/patient/pages/qol/index.wxml +++ b/src/patient/pages/qol/index.wxml @@ -3,9 +3,9 @@ - + 研究表明,GO-QOL生活质量评估能敏锐反映患者的主观感受变化,是评估治疗效果的重要工具。 diff --git a/src/patient/pages/qolAdd/index.scss b/src/patient/pages/qolAdd/index.scss index 504e4ce..12e9346 100644 --- a/src/patient/pages/qolAdd/index.scss +++ b/src/patient/pages/qolAdd/index.scss @@ -1,5 +1,5 @@ page { - background-color: #ffffff; + background-color: #F6F8F9; } .page { @@ -53,6 +53,9 @@ page { padding: 0 40rpx 200rpx; .row { margin-bottom: 52rpx; + padding: 32rpx; + border-radius: 24rpx; + background-color: #fff; .title { font-size: 36rpx; color: #211d2e; diff --git a/src/patient/pages/qolAdd/index.wxml b/src/patient/pages/qolAdd/index.wxml index 31dc36e..0fb040a 100644 --- a/src/patient/pages/qolAdd/index.wxml +++ b/src/patient/pages/qolAdd/index.wxml @@ -1,10 +1,10 @@ - + diff --git a/src/patient/pages/qolResult/index.json b/src/patient/pages/qolResult/index.json index 1cb6d89..fd71822 100644 --- a/src/patient/pages/qolResult/index.json +++ b/src/patient/pages/qolResult/index.json @@ -1,5 +1,6 @@ { "usingComponents": { - "navbar": "/components/navbar/index" + "navbar": "/components/navbar/index", + "popup": "/components/popup/index" } } diff --git a/src/patient/pages/qolResult/index.scss b/src/patient/pages/qolResult/index.scss index 47a7bde..e0f4895 100644 --- a/src/patient/pages/qolResult/index.scss +++ b/src/patient/pages/qolResult/index.scss @@ -15,6 +15,10 @@ p age { align-items: center; justify-content: space-between; .wrap { + .w-tip { + font-size: 28rpx; + color: #211d2e; + } .w-header { display: flex; align-items: flex-end; @@ -36,8 +40,8 @@ p age { } } .tip { - font-size: 28rpx; - color: #adacb2; + font-size: 32rpx; + color: var(--color); } } .status { @@ -81,30 +85,26 @@ p age { display: flex; align-items: center; gap: 12rpx; - font-size: 24rpx; - color: rgba(33, 29, 46, 0.28); .skew { - width: 10rpx; - height: 22rpx; + width: 8rpx; + height: 32rpx; background: #b982ff; - transform: skew(-15deg); } - } - .c-content { - margin-top: 16rpx; - font-size: 32rpx; - color: #211d2e; - font-weight: bold; - display: flex; - align-items: center; - gap: 10rpx; - .label { - padding: 0 12rpx; - font-size: 20rpx; - color: #ffffff; - line-height: 32rpx; - border-radius: 50rpx 50rpx 50rpx 0rpx; - background: var(--label-background); + .c-content { + font-size: 32rpx; + color: #211d2e; + font-weight: bold; + display: flex; + align-items: center; + gap: 10rpx; + .label { + padding: 0 12rpx; + font-size: 20rpx; + color: #ffffff; + line-height: 32rpx; + border-radius: 50rpx 50rpx 50rpx 0rpx; + background: var(--label-background); + } } } .progress { @@ -174,18 +174,38 @@ p age { } } .page-effect-wrap { - margin: 64rpx 0 0; - display: flex; - align-items: center; - justify-content: center; - .page-effect { + margin-top: 40rpx; + background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%); + border-radius: 32rpx; + box-shadow: 0rpx 8rpx 32rpx 0rpx rgba(25, 0, 57, 0.07); + .e-header { + padding: 20rpx 40rpx; + display: flex; + align-items: center; + gap: 12rpx; font-size: 32rpx; - color: var(--color); - line-height: 44rpx; - padding: 8rpx 42rpx; - background: var(--background); - border-radius: 96rpx 96rpx 96rpx 96rpx; - border: 2rpx solid #ffffff; + color: #ffffff; + .icon { + width: 32rpx; + height: 32rpx; + } + } + .e-container { + padding: 44rpx 44rpx 0; + border-radius: 30rpx; + background-color: #fff; + text-align: center; + .r1 { + font-size: 32rpx; + color: #211d2e; + } + .btn { + margin-top: 44rpx; + padding: 32rpx; + font-size: 36rpx; + color: #b982ff; + border-top: 1px dashed rgba(105,104,110,0.21); + } } } .report { diff --git a/src/patient/pages/qolResult/index.ts b/src/patient/pages/qolResult/index.ts index 63c0839..80044d6 100644 --- a/src/patient/pages/qolResult/index.ts +++ b/src/patient/pages/qolResult/index.ts @@ -4,6 +4,12 @@ Page({ data: { id: '', detail: {}, + + popupShow: true, + popupType: 'popup8', + popupParams: { + close: true, + } as any, }, onLoad(options) { this.setData({ @@ -40,6 +46,8 @@ Page({ }, }) }, + handlePopupOk() {}, + handlePopupCancel() {}, }) export {} diff --git a/src/patient/pages/qolResult/index.wxml b/src/patient/pages/qolResult/index.wxml index 0175947..9008b42 100644 --- a/src/patient/pages/qolResult/index.wxml +++ b/src/patient/pages/qolResult/index.wxml @@ -3,34 +3,36 @@ + 本次TED生活质量评分 {{detail.TotalScore}} 轻度影响 中度影响 重度影响 - 本次TED生活质量评分 + 分数越高,对生活质量影响越小 - + - 视觉功能 - - - 当前分数:{{detail.VisionScore}} - 轻度影响 - 中度影响 - 重度影响 + + 视觉功能得分:{{detail.VisionScore}} + 轻度影响 + 中度影响 + 重度影响 + @@ -60,16 +62,17 @@ - + - 外观 - - - 当前分数:{{detail.AppearanceScore}} - 轻度影响 - 中度影响 - 重度影响 + + 外观得分:{{detail.AppearanceScore}} + 轻度影响 + 中度影响 + 重度影响 + @@ -102,13 +105,25 @@ 分数越低, 对生活质量影响越严重 - 建议保持定期监测,保持良好生活习惯 - 建议就诊检查,评估是否需要调整治疗 - 建议前往眼科中心 及时就诊 - - - - 查看我的评估报告 - + + + 建议就诊检查,评估是否需要调整治 + + + 定期评测,可帮助您更好地了解改善情况 + 已完成评测x次 + + 查看我的评估报告 + + + + +