diff --git a/src/pages/d_patientHormones/index.json b/src/pages/d_patientHormones/index.json new file mode 100644 index 0000000..66d284f --- /dev/null +++ b/src/pages/d_patientHormones/index.json @@ -0,0 +1,5 @@ +{ + "navigationBarTitleText": "激素用药详情", + "navigationStyle": "default", + "usingComponents": {} +} diff --git a/src/pages/d_patientHormones/index.scss b/src/pages/d_patientHormones/index.scss new file mode 100644 index 0000000..24f28b9 --- /dev/null +++ b/src/pages/d_patientHormones/index.scss @@ -0,0 +1,105 @@ +page { + background-color: #f6f8f9; +} +.page { + .list { + margin: 28rpx 40rpx 0; + .list-title { + font-size: 36rpx; + color: #211d2e; + font-weight: bold; + } + .list-container { + .row { + display: flex; + gap: 16rpx; + .aside { + flex-shrink: 0; + display: flex; + flex-direction: column; + align-items: center; + .line-top { + height: 58rpx; + border-right: 1px dashed rgba(185, 130, 255, 0.29); + } + .side { + position: relative; + width: 32rpx; + height: 32rpx; + border-radius: 50%; + background-color: rgba(185, 130, 255, 0.3); + &::after { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: block; + content: ''; + width: 18rpx; + height: 18rpx; + background-color: #b982ff; + border-radius: 50%; + } + } + .line { + flex: 1; + border-right: 1px dashed rgba(185, 130, 255, 0.29); + } + } + .r-container { + padding-top: 48rpx; + flex: 1; + .date { + font-size: 32rpx; + color: #211d2e; + font-weight: bold; + } + .r-card-hormones { + margin-top: 16rpx; + padding: 26rpx 32rpx; + background: linear-gradient( 11deg, #FFFFFF 0%, #FFFFFF 49%, #F6EFFF 100%); + border-radius: 24rpx 24rpx 24rpx 24rpx; + border: 2rpx solid #ffffff; + .rch-row { + display: flex; + .col { + .title { + font-size: 32rpx; + color: #211d2e; + } + .content { + margin-top: 24rpx; + font-size: 40rpx; + color: #b982ff; + font-weight: bold; + } + } + .line { + flex-shrink: 0; + margin: 0 32rpx; + width: 1px; + height: 102rpx; + background-color: rgba(33, 29, 46, 0.05); + } + } + .rch-footer { + margin-top: 22rpx; + border-top: 1px solid rgba(33, 29, 46, 0.05); + padding-top: 22rpx; + display: flex; + gap: 48rpx; + .name { + width: 8em; + font-size: 32rpx; + color: #211d2e; + } + .range { + color: #b982ff; + } + } + } + } + } + } + } +} diff --git a/src/pages/d_patientHormones/index.ts b/src/pages/d_patientHormones/index.ts new file mode 100644 index 0000000..ae89549 --- /dev/null +++ b/src/pages/d_patientHormones/index.ts @@ -0,0 +1,44 @@ +const _app = getApp() + +Page({ + data: { + list: [ + { + date: '2025-09-02', + }, + ], + pagination: { + page: 1, + pages: 1, + count: 1, + }, + }, + onLoad() {}, + getList(newPage = 1) { + wx.ajax({ + method: 'GET', + url: '?r=xd/qol/list', + data: { + page: newPage, + }, + }).then((res) => { + let list = res.page == 1 ? res.list : [...this.data.list, ...res.list] + this.setData({ + list, + pagination: { + page: res.page, + pages: res.pages, + count: res.count, + }, + }) + }) + }, + onReachBottom() { + const { page, pages } = this.data.pagination + if (pages > page) { + this.getList(page + 1) + } + }, +}) + +export {} diff --git a/src/pages/d_patientHormones/index.wxml b/src/pages/d_patientHormones/index.wxml new file mode 100644 index 0000000..972673b --- /dev/null +++ b/src/pages/d_patientHormones/index.wxml @@ -0,0 +1,43 @@ + + + xxx的激素用药详情 + + + + + + + + + {{item.date}} + + + + 最近一周激素治疗方式 + 口服 + + + + 每日用药量 + 30mg + + + + 已进行的治疗疗程 + 3周 + + + + + + + + diff --git a/src/patient/pages/hormonesResult/index.json b/src/patient/pages/hormonesResult/index.json new file mode 100644 index 0000000..1cb6d89 --- /dev/null +++ b/src/patient/pages/hormonesResult/index.json @@ -0,0 +1,5 @@ +{ + "usingComponents": { + "navbar": "/components/navbar/index" + } +} diff --git a/src/patient/pages/hormonesResult/index.scss b/src/patient/pages/hormonesResult/index.scss new file mode 100644 index 0000000..09460c0 --- /dev/null +++ b/src/patient/pages/hormonesResult/index.scss @@ -0,0 +1,183 @@ +page { + background-color: #f6f8f9; +} +.nav-back { + color: #333333; + font-size: 36rpx; +} +.nav-title { + color: #333333; +} + +.page { + padding: 0 40rpx calc(env(safe-area-inset-bottom) + 200rpx); + .banner { + padding: 32rpx; + height: 280rpx; + box-sizing: border-box; + .title { + font-size: 32rpx; + color: #ffffff; + } + .content { + margin-top: 6rpx; + display: flex; + align-items: baseline; + gap: 48rpx; + .num { + font-size: 72rpx; + color: #ffffff; + font-weight: bold; + display: flex; + align-items: baseline; + .sub { + font-size: 32rpx; + font-weight: normal; + } + } + .tip { + font-size: 28rpx; + color: rgba(255, 255, 255, 0.44); + } + } + .footer { + margin-top: 22rpx; + border-top: 1px solid rgba(255, 255, 255, 0.44); + padding-top: 22rpx; + font-size: 32rpx; + color: #ffffff; + } + } + + .warmth { + margin-top: 24rpx; + padding: 32rpx; + background: linear-gradient(180deg, #f7f1ff 0%, #ffffff 17%, #ffffff 100%); + border-radius: 24rpx 24rpx 24rpx 24rpx; + border: 2rpx solid #ffffff; + .w-header { + font-size: 40rpx; + color: #211d2e; + font-weight: bold; + display: flex; + align-items: center; + gap: 16rpx; + &::before { + flex-shrink: 0; + content: ''; + width: 6rpx; + height: 36rpx; + background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%); + } + } + .w-body { + margin-top: 32rpx; + font-size: 36rpx; + color: #211d2e; + } + .w-footer { + margin-top: 32rpx; + font-size: 36rpx; + color: #b982ff; + } + } + + .tips { + margin-top: 32rpx; + padding: 32rpx; + background: linear-gradient(180deg, #f7f1ff 0%, #ffffff 17%, #ffffff 100%); + border-radius: 24rpx 24rpx 24rpx 24rpx; + border: 2rpx solid #ffffff; + .t-header { + font-size: 40rpx; + color: #211d2e; + font-weight: bold; + display: flex; + align-items: center; + gap: 16rpx; + &::before { + flex-shrink: 0; + content: ''; + width: 6rpx; + height: 36rpx; + background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%); + } + } + .t-body { + margin-top: 32rpx; + .content { + font-size: 36rpx; + color: #211d2e; + } + .container { + margin-top: 32rpx; + padding: 46rpx 32rpx; + background: #f6f8f9; + border-radius: 16rpx 16rpx 16rpx 16rpx; + border: 2rpx solid #ffffff; + .row { + display: flex; + gap: 18rpx; + .aside { + display: flex; + flex-direction: column; + align-items: center; + .order { + flex-shrink: 0; + width: 32rpx; + height: 32rpx; + font-size: 24rpx; + color: #ffffff; + text-align: center; + line-height: 32rpx; + border-radius: 32rpx 32rpx 0 32rpx; + background-color: #b982ff; + } + .line { + flex: 1; + border-right: 1px dashed #b982ff; + } + .line-top { + height: 16rpx; + border-right: 1px dashed #b982ff; + } + .op0 { + opacity: 0; + } + } + .r-content { + font-size: 36rpx; + color: #69686e; + line-height: 64rpx; + } + } + } + } + .t-footer { + margin-top: 34rpx; + font-size: 32rpx; + color: #adacb2; + line-height: 48rpx; + } + } + + .page-footer { + position: fixed; + bottom: 0; + left: 0; + padding: 32rpx 30rpx calc(env(safe-area-inset-bottom) + 20rpx); + width: 100vw; + box-sizing: border-box; + background-color: #fff; + .btn { + height: 88rpx; + font-size: 32rpx; + color: #FFFFFF; + display: flex; + align-items: center; + justify-content: center; + background: linear-gradient(197deg, #ffbcf9 0%, #b982ff 100%); + border-radius: 100rpx 100rpx 100rpx 100rpx; + } + } +} diff --git a/src/patient/pages/hormonesResult/index.ts b/src/patient/pages/hormonesResult/index.ts new file mode 100644 index 0000000..054c75d --- /dev/null +++ b/src/patient/pages/hormonesResult/index.ts @@ -0,0 +1,22 @@ +const _app = getApp() + +Page({ + data: {}, + onLoad() {}, + handleReport() { + wx.redirectTo({ + url: '/patient/pages/qolReport/index', + }) + }, + handleBack() { + wx.navigateBack({ + fail() { + wx.reLaunch({ + url: '/patient/pages/index/index', + }) + }, + }) + }, +}) + +export {} diff --git a/src/patient/pages/hormonesResult/index.wxml b/src/patient/pages/hormonesResult/index.wxml new file mode 100644 index 0000000..105bf44 --- /dev/null +++ b/src/patient/pages/hormonesResult/index.wxml @@ -0,0 +1,78 @@ + + + 激素量表 + + + + + + 温馨提醒 + + 全身应用糖皮质激素可引起不良反应,程度与用药剂量和用药时间相关。 + 长期糖皮质激素口服治疗的不良反应发生率大于静脉冲击治疗。 + + 一文了解糖皮质激素的不良反应 + + + 健康小贴士 + + 使用糖皮质激素时可酌情采取以下措施: + + + + + 1 + + + 低钠高钾高蛋白饮食 + + + + + 2 + + + 补充钙剂和维生素D + + + + + 3 + + + + 加服胃肠黏膜保护药物,预防消化道溃疡及出血:若合并感染,应同时应用抗生素,以防止感染扩散和加重; + + + + + + 4 + + + 监测血压和血糖水平,应用或调整降压和降糖药物。 + + + + + *以上内容参考文献:《中国甲状腺相关眼 病诊断和治疗指南(2022 年)》 + *提示:本内容仅作参考,如有不适请尽快 线下就医并遵医嘱。 + + + + 查看我的健康报告 + + diff --git a/src/patient/pages/qolReport/index.ts b/src/patient/pages/qolReport/index.ts index a116b63..9e75f3d 100644 --- a/src/patient/pages/qolReport/index.ts +++ b/src/patient/pages/qolReport/index.ts @@ -1,4 +1,5 @@ import dayjs from 'dayjs' + const app = getApp() let echarts: any = null @@ -39,7 +40,8 @@ Page({ let type = '' if (e) { type = e.detail.index + 1 - } else { + } + else { type = this.data.type } let EndMonth = '' @@ -47,17 +49,20 @@ Page({ if (type == '1') { EndMonth = dayjs().format('YYYY-MM-DD') BeginMonth = dayjs().subtract(6, 'd').format('YYYY-MM-DD') - } else if (type == '2') { + } + else if (type == '2') { EndMonth = dayjs().format('YYYY-MM') BeginMonth = dayjs().subtract(1, 'M').format('YYYY-MM') - } else if (type == '3') { + } + else if (type == '3') { EndMonth = dayjs().format('YYYY') BeginMonth = dayjs().subtract(1, 'y').format('YYYY') - } else if (type == '4' && e) { + } + else if (type == '4' && e) { } this.setData({ page: 0, - type: type, + type, Num: '5', EndMonth, BeginMonth, @@ -163,7 +168,7 @@ Page({ color: 'rgba(137, 141, 151, 0.23)', }, }, - data: defaultList.map((item) => dayjs(item.Date).format('MM-DD')), + data: defaultList.map(item => dayjs(item.Date).format('MM-DD')), }, ], yAxis: [ @@ -191,7 +196,7 @@ Page({ series: [ { name: '总分', - data: defaultList.length ? defaultList.map((item) => item.value) : [25], + data: defaultList.length ? defaultList.map(item => item.value) : [25], barWidth: '16', label: { show: true, @@ -268,7 +273,7 @@ Page({ }).then((res) => { let list = res.page == 1 ? res.list : [...this.data.list, ...res.list] this.setData({ - list: list, + list, pagination: { page: res.page, pages: res.pages,