diff --git a/README.md b/README.md index d65eb18..9092e29 100644 --- a/README.md +++ b/README.md @@ -1,11 +1,19 @@ ## global color + svn://39.106.86.127:28386/projects/wutian_xueyoubing_b/proj_src/shop/frontend/web/GeneB -(/images/)(\S*(?=["|'])) +(/images/)(\S\*(?=["|'])) {{imageUrl}}$2?t={{Timestamp}} +https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567 +### conform -https://pic1.zhimg.com/50/v2-8cfef5f9ea7d15963af2277c6814f152_720w.jpg?source=2c26e567 +```js +wx.showModal({ + title: '确认解绑？', + confirmColor: 'rgba(246, 74, 58, 1)', +}) +``` diff --git a/project.config.json b/project.config.json index 5f59496..2c995fd 100644 --- a/project.config.json +++ b/project.config.json @@ -66,7 +66,7 @@ ], "include": [] }, - "appid": "wx96104303877e3fd9", + "appid": "wxa4ece062e60e93a5", "scripts": { "beforeCompile": "pnpm run beforeCompile", "beforePreview": "pnpm run beforeCompile", diff --git a/project.private.config.json b/project.private.config.json index b3dfdc3..2cbcde6 100644 --- a/project.private.config.json +++ b/project.private.config.json @@ -23,13 +23,41 @@ "miniprogram": { "list": [ { - "name": "患者-问医生", - "pathName": "patient/pages/askPatient/index", + "name": "患者-病例信息", + "pathName": "patient/pages/casesAdd/index", "query": "", "scene": null, "launchMode": "default" }, { + "name": "患者-选择医院", + "pathName": "patient/pages/selectHostipal/index", + "query": "", + "launchMode": "default", + "scene": null + }, + { + "name": "患者-诊疗流程", + "pathName": "patient/pages/course/index", + "query": "", + "launchMode": "default", + "scene": null + }, + { + "name": "患者-医生列表", + "pathName": "patient/pages/doctorList/index", + "query": "", + "launchMode": "default", + "scene": null + }, + { + "name": "患者-问医生", + "pathName": "patient/pages/askPatient/index", + "query": "", + "launchMode": "default", + "scene": null + }, + { "name": "知识夸详情-文章", "pathName": "pages/knowledgeDetail/index", "query": "id=15", diff --git a/src/app.json b/src/app.json index 09e6b4c..dfbb653 100644 --- a/src/app.json +++ b/src/app.json @@ -20,7 +20,11 @@ "pages/login/index", "pages/entryInfo/index", "pages/home/index", - "pages/askPatient/index" + "pages/askPatient/index", + "pages/doctorList/index", + "pages/course/index", + "pages/selectHostipal/index", + "pages/casesAdd/index" ] }, { diff --git a/src/app.ts b/src/app.ts index d4ff8c6..39c6bba 100644 --- a/src/app.ts +++ b/src/app.ts @@ -17,15 +17,15 @@ App({ globalData: { // dev // appid:wxa4ece062e60e93a5 - // url: 'https://m.wtx.hbraas.com', - // upFileUrl: 'https://m.wtx.hbraas.com/', - // imageUrl: 'https://m.wtx.hbraas.com/GeneB/', + url: 'https://m.wtx.hbraas.com', + upFileUrl: 'https://m.wtx.hbraas.com/', + imageUrl: 'https://m.wtx.hbraas.com/GeneB/', // pro // appid:wx96104303877e3fd9 - url: 'https://m.gene.hbsaas.com', - upFileUrl: 'https://m.gene.hbsaas.com/', - imageUrl: 'https://m.gene.hbsaas.com/GeneB/', + // url: 'https://m.gene.hbsaas.com', + // upFileUrl: 'https://m.gene.hbsaas.com/', + // imageUrl: 'https://m.gene.hbsaas.com/GeneB/', Timestamp: new Date().getTime(), scene: {}, diff --git a/src/components/popup/index.scss b/src/components/popup/index.scss index 763b04d..f9328c3 100644 --- a/src/components/popup/index.scss +++ b/src/components/popup/index.scss @@ -249,6 +249,180 @@ } } +.popup6 { + .container { + padding: 330rpx 0 0; + width: 510rpx; + height: 490rpx; + box-sizing: border-box; + text-align: center; + .title { + font-size: 36rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + } + .content { + margin-top: 20rpx; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + } + } +} + +.popup7 { + .container { + padding: 64rpx 66rpx 136rpx; + background: linear-gradient(6deg, #ffffff 0%, #ffdcd9 100%); + .title { + font-size: 36rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + text-align: center; + } + .content { + margin-top: 24rpx; + font-size: 28rpx; + color: rgba(167, 169, 177, 1); + text-align: center; + } + .status-wrap { + margin-top: 28rpx; + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20rpx; + .s-item { + .icon { + display: block; + width: 192rpx; + height: 192rpx; + } + .s-content { + position: relative; + margin: 0 auto; + padding: 16rpx; + font-size: 28rpx; + color: rgba(137, 141, 151, 1); + background: rgba(247, 247, 250, 1); + line-height: 36rpx; + border-radius: 12rpx; + text-align: center; + border: 1px solid rgba(247, 247, 250, 1); + .radio { + display: none; + position: absolute; + right: -1px; + bottom: -1px; + width: 32rpx; + height: 32rpx; + border-radius: 12rpx 0 12rpx 0; + background-color: rgba(246, 74, 58, 1); + .r-icon { + width: 24rpx; + height: 24rpx; + } + } + } + &.active { + .s-content { + background-color: rgba(255, 242, 240, 1); + border-color: rgba(246, 74, 58, 1); + color: rgba(246, 74, 58, 1); + .radio { + display: block; + } + } + } + } + } + } +} + +.popup8 { + .bg { + position: relative; + margin: 0 auto; + width: 492rpx; + height: 434rpx; + .header { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + gap: 12rpx; + .icon1 { + width: 36rpx; + height: 36rpx; + } + .icon2 { + width: 35rpx; + height: 43rpx; + } + .name { + font-size: 48rpx; + color: rgba(255, 255, 255, 1); + font-weight: bold; + line-height: 64rpx; + text-align: center; + } + } + } + .container { + margin-top: -180rpx; + position: relative; + padding: 178rpx 36rpx 36rpx; + width: 610rpx; + height: 390rpx; + box-sizing: border-box; + background: linear-gradient(180deg, #ffd6d4 0%, #ffffff 100%); + border-radius: 32rpx; + .icon { + position: absolute; + top: -110rpx; + left: 50%; + transform: translateX(-50%); + width: 280rpx; + height: 280rpx; + } + .title { + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + text-align: center; + } + .footer { + margin-top: 48rpx; + display: flex; + gap: 26rpx; + .cancel { + flex: 1; + padding: 22rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 32rpx; + color: rgba(246, 74, 58, 1); + border-radius: 84rpx; + border: 1px solid #f64a3a; + } + .submit { + flex: 1; + padding: 22rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 32rpx; + color: #fff; + background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); + border-radius: 84rpx; + border: 1px solid #f64a3a; + } + } + } +} + .close { margin: 32rpx auto 0; display: block; diff --git a/src/components/popup/index.wxml b/src/components/popup/index.wxml index 45a2860..fd84622 100644 --- a/src/components/popup/index.wxml +++ b/src/components/popup/index.wxml @@ -89,5 +89,75 @@ - + + + 你真棒! + 就诊医院选择成功! + + + + + 你真棒! + 您的病史信息已填写完成! + + + + + 记录下您此次的检查情况吧 + 请基于您的实际检查结果点选合适的检查状态 + + + + + 多项不达标 + 需要关注 + + + + + + + + + 少量不达标 + 但无需担心 + + + + + + + + + 整体不错 + 保持住! + + + + + + + + + + + + + + 整体不错 + 保持住! + + + + + + + 您选择的：诊前筛查结果 + + 重新选择 + 提交 + + + + diff --git a/src/images/bg10.png b/src/images/bg10.png new file mode 100644 index 0000000..d825f2f Binary files /dev/null and b/src/images/bg10.png differ diff --git a/src/images/bg7.png b/src/images/bg7.png new file mode 100644 index 0000000..315be4b Binary files /dev/null and b/src/images/bg7.png differ diff --git a/src/images/bg8.png b/src/images/bg8.png new file mode 100644 index 0000000..83dc4b4 Binary files /dev/null and b/src/images/bg8.png differ diff --git a/src/images/bg9.png b/src/images/bg9.png new file mode 100644 index 0000000..32f7f4a Binary files /dev/null and b/src/images/bg9.png differ diff --git a/src/images/body1.png b/src/images/body1.png new file mode 100644 index 0000000..ff7ee34 Binary files /dev/null and b/src/images/body1.png differ diff --git a/src/images/icon28.png b/src/images/icon28.png new file mode 100644 index 0000000..d91cdf9 Binary files /dev/null and b/src/images/icon28.png differ diff --git a/src/images/icon29.png b/src/images/icon29.png new file mode 100644 index 0000000..86f28da Binary files /dev/null and b/src/images/icon29.png differ diff --git a/src/images/icon30.png b/src/images/icon30.png new file mode 100644 index 0000000..72a2ead Binary files /dev/null and b/src/images/icon30.png differ diff --git a/src/images/icon31.png b/src/images/icon31.png new file mode 100644 index 0000000..96c432f Binary files /dev/null and b/src/images/icon31.png differ diff --git a/src/images/icon32.png b/src/images/icon32.png new file mode 100644 index 0000000..ca9512c Binary files /dev/null and b/src/images/icon32.png differ diff --git a/src/images/icon33.png b/src/images/icon33.png new file mode 100644 index 0000000..0b1b52e Binary files /dev/null and b/src/images/icon33.png differ diff --git a/src/images/icon34.png b/src/images/icon34.png new file mode 100644 index 0000000..2bcca8f Binary files /dev/null and b/src/images/icon34.png differ diff --git a/src/images/icon35.png b/src/images/icon35.png new file mode 100644 index 0000000..30cda37 Binary files /dev/null and b/src/images/icon35.png differ diff --git a/src/images/icon36.png b/src/images/icon36.png new file mode 100644 index 0000000..9a8fca7 Binary files /dev/null and b/src/images/icon36.png differ diff --git a/src/images/icon37.png b/src/images/icon37.png new file mode 100644 index 0000000..6d18f35 Binary files /dev/null and b/src/images/icon37.png differ diff --git a/src/images/icon38.png b/src/images/icon38.png new file mode 100644 index 0000000..112f908 Binary files /dev/null and b/src/images/icon38.png differ diff --git a/src/images/icon39.png b/src/images/icon39.png new file mode 100644 index 0000000..7f4fbf6 Binary files /dev/null and b/src/images/icon39.png differ diff --git a/src/images/icon40.png b/src/images/icon40.png new file mode 100644 index 0000000..bf41603 Binary files /dev/null and b/src/images/icon40.png differ diff --git a/src/images/icon41.png b/src/images/icon41.png new file mode 100644 index 0000000..a1ad398 Binary files /dev/null and b/src/images/icon41.png differ diff --git a/src/images/icon42.png b/src/images/icon42.png new file mode 100644 index 0000000..b5606d3 Binary files /dev/null and b/src/images/icon42.png differ diff --git a/src/images/icon43.png b/src/images/icon43.png new file mode 100644 index 0000000..98b3e8b Binary files /dev/null and b/src/images/icon43.png differ diff --git a/src/images/icon44.png b/src/images/icon44.png new file mode 100644 index 0000000..cef976f Binary files /dev/null and b/src/images/icon44.png differ diff --git a/src/images/icon45.png b/src/images/icon45.png new file mode 100644 index 0000000..b99e38f Binary files /dev/null and b/src/images/icon45.png differ diff --git a/src/images/icon46.png b/src/images/icon46.png new file mode 100644 index 0000000..f860e9b Binary files /dev/null and b/src/images/icon46.png differ diff --git a/src/images/icon47.png b/src/images/icon47.png new file mode 100644 index 0000000..f90a3d0 Binary files /dev/null and b/src/images/icon47.png differ diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss index 2526605..d3d14e3 100644 --- a/src/pages/index/index.scss +++ b/src/pages/index/index.scss @@ -3,6 +3,8 @@ height: 92rpx; } .page { + min-height: 100vh; + box-sizing: border-box; padding-bottom: 200rpx; background-color: #f7f7fa; .banner { diff --git a/src/patient/pages/askPatient/index.scss b/src/patient/pages/askPatient/index.scss index 9291e35..b9578bf 100644 --- a/src/patient/pages/askPatient/index.scss +++ b/src/patient/pages/askPatient/index.scss @@ -14,26 +14,58 @@ page { .scroll-view { height: 100%; .first-ask { + margin-top: 60rpx; margin-bottom: 32rpx; padding: 0 32rpx; .f-header { padding: 32rpx; + background: linear-gradient(22deg, #ffffff 0%, #fff6f6 100%); + box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(0, 0, 0, 0.06); + border-radius: 24rpx 24rpx 24rpx 24rpx; + border: 2rpx solid #ffffff; display: flex; + align-items: center; justify-content: space-between; - .doctor-list { - display: flex; - .doctor-item { - .avatar { - width: 116rpx; - height: 116rpx; - border-radius: 50%; + .left { + position: relative; + height: 72rpx; + .doctor-list { + position: absolute; + top: -80rpx; + display: flex; + gap: 38rpx; + .doctor-item { + .avatar { + margin: 0 auto; + display: block; + width: 116rpx; + height: 116rpx; + border-radius: 50%; + } + .name { + margin: -20rpx auto 0; + width: 116rpx; + height: 36rpx; + line-height: 36rpx; + font-size: 24rpx; + color: rgba(255, 255, 255, 1); + text-align: center; + background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); + border-radius: 35rpx 35rpx 35rpx 35rpx; + } } } } + .more { + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + } } .f-list { + margin-top: 40rpx; padding: 32rpx; border-radius: 32rpx; + box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(0, 0, 0, 0.06); background: linear-gradient(12deg, #fff2db 0%, #fdc1bd 100%); border: 2rpx solid #ffffff; .content { diff --git a/src/patient/pages/askPatient/index.ts b/src/patient/pages/askPatient/index.ts index 812b770..e5d4a49 100644 --- a/src/patient/pages/askPatient/index.ts +++ b/src/patient/pages/askPatient/index.ts @@ -245,6 +245,11 @@ Page({ }, 300) } }, + handleDoctorList() { + wx.navigateTo({ + url: '/patient/pages/doctorList/index', + }) + }, handleBack() { wx.navigateBack() }, diff --git a/src/patient/pages/askPatient/index.wxml b/src/patient/pages/askPatient/index.wxml index 2812186..86a31d2 100644 --- a/src/patient/pages/askPatient/index.wxml +++ b/src/patient/pages/askPatient/index.wxml @@ -1,9 +1,9 @@ - + - - - - 王青 - - - - 刘湖飞 + + + + + 王青 + + + + 刘湖飞 + - + 查看医生介绍 diff --git a/src/patient/pages/casesAdd/index.json b/src/patient/pages/casesAdd/index.json new file mode 100644 index 0000000..b35e508 --- /dev/null +++ b/src/patient/pages/casesAdd/index.json @@ -0,0 +1,6 @@ +{ + "navigationBarTitleText": "补充我的病史信息", + "usingComponents": { + "popup": "/components/popup/index" + } +} diff --git a/src/patient/pages/casesAdd/index.scss b/src/patient/pages/casesAdd/index.scss new file mode 100644 index 0000000..7ea54ba --- /dev/null +++ b/src/patient/pages/casesAdd/index.scss @@ -0,0 +1,369 @@ +page { + background-color: rgba(247, 247, 250, 1); +} + +.page { + padding: 40rpx 30rpx calc(42rpx + env(safe-area-inset-bottom)); + height: 100vh; + box-sizing: border-box; + display: flex; + flex-direction: column; + .progress { + flex-shrink: 0; + padding: 0 50rpx 50rpx; + display: flex; + align-items: center; + justify-content: space-between; + gap: 6rpx; + .p-item { + position: relative; + flex-shrink: 0; + .circle { + background: #fff; + padding: 12rpx; + border-radius: 0rpx 0rpx 0rpx 0rpx; + border: 6rpx solid rgba(231, 231, 236, 1); + border-radius: 50%; + .icon { + display: block; + width: 48rpx; + height: 48rpx; + } + } + .name { + position: absolute; + bottom: -50rpx; + left: 50%; + transform: translateX(-50%); + font-size: 32rpx; + color: rgba(161, 164, 172, 1); + white-space: nowrap; + } + &.active { + .circle { + background-color: rgba(246, 74, 58, 1); + border-color: #fff; + box-shadow: 0rpx 4rpx 24rpx 0rpx rgba(0, 0, 0, 0.13); + } + .name { + color: rgba(1, 1, 5, 1); + } + } + } + .line { + flex: 1; + border-top: 2px dashed rgba(231, 231, 236, 1); + &.active { + border-color: rgba(246, 74, 58, 1); + } + } + } + .tip-card { + flex-shrink: 0; + padding: 12rpx 24rpx; + margin-top: 32rpx; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + font-size: 28rpx; + color: rgba(250, 118, 45, 1); + line-height: 36rpx; + min-height: 82rpx; + box-sizing: border-box; + text-align: center; + background: #fff1e2; + border-radius: 24rpx 24rpx 24rpx 24rpx; + .blod { + font-weight: bold; + } + } + .swiper { + margin-top: 32rpx; + flex: 1; + .swiper-item { + height: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + .scroll-view0 { + flex: 1; + height: 40vh; + .card { + margin-bottom: 24rpx; + padding: 0 32rpx; + background: #ffffff; + border-radius: 24rpx 24rpx 24rpx 24rpx; + .row { + display: flex; + border-bottom: 1px solid rgba(247, 247, 250, 1); + &:last-of-type { + border: none; + } + .label { + width: 6em; + flex-shrink: 0; + padding: 32rpx 0; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + } + .container { + flex: 1; + .date { + .date-content { + padding: 32rpx 0; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + display: flex; + justify-content: space-between; + align-items: center; + &::before { + display: inline; + content: attr(data-place); + color: rgba(161, 164, 172, 0.5); + } + &::after { + content: ''; + width: 0; + height: 0; + border-style: solid; + border-width: 10rpx 10rpx 0 10rpx; + border-color: rgba(207, 209, 213, 1) transparent transparent transparent; + } + } + } + .input-wrap { + display: flex; + justify-content: space-between; + align-items: center; + .input { + flex: 1; + padding: 32rpx 0; + color: rgba(1, 1, 5, 1); + } + .place-input { + color: rgba(161, 164, 172, 0.5); + } + .unit { + flex-shrink: 0; + } + } + .select { + padding: 20rpx 0; + display: grid; + gap: 14rpx; + &.select3 { + grid-template-columns: repeat(3, 1fr); + } + &.select2 { + grid-template-columns: repeat(2, 1fr); + } + .s-item { + padding: 12rpx; + font-size: 32rpx; + color: rgba(137, 141, 151, 1); + line-height: 40rpx; + background-color: rgba(247, 247, 250, 1); + text-align: center; + border-radius: 12rpx; + &.active { + color: #fff; + background-color: rgba(246, 74, 58, 1); + } + } + } + .tip { + padding-bottom: 32rpx; + font-size: 24rpx; + color: rgba(161, 164, 172, 0.5); + } + } + } + } + } + .scroll-view1 { + flex: 1; + height: 40vh; + .card { + margin-bottom: 24rpx; + padding: 0 32rpx; + background: #ffffff; + border-radius: 24rpx 24rpx 24rpx 24rpx; + .row { + display: flex; + border-bottom: 1px solid rgba(247, 247, 250, 1); + flex-wrap: wrap; + &:last-of-type { + border: none; + } + .label { + width: 9em; + flex-shrink: 0; + padding: 32rpx 0; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + } + .container { + flex: 1; + .select { + padding: 20rpx 0; + display: grid; + gap: 14rpx; + &.select4 { + grid-template-columns: repeat(4, 1fr); + } + &.select3 { + grid-template-columns: repeat(3, 1fr); + } + &.select2 { + grid-template-columns: repeat(2, 1fr); + } + .s-item { + padding: 12rpx; + font-size: 32rpx; + color: rgba(137, 141, 151, 1); + line-height: 40rpx; + background-color: rgba(247, 247, 250, 1); + text-align: center; + border-radius: 12rpx; + &.active { + color: #fff; + background-color: rgba(246, 74, 58, 1); + } + } + } + .tip { + padding-bottom: 32rpx; + font-size: 24rpx; + color: rgba(161, 164, 172, 0.5); + } + } + } + .row1 { + border-bottom: 1px solid rgba(247, 247, 250, 1); + flex-wrap: wrap; + &:last-of-type { + border: none; + } + .label { + width: 9em; + flex-shrink: 0; + padding: 32rpx 0; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + } + .container { + flex: 1; + .select { + padding: 0 0 32rpx; + display: grid; + gap: 14rpx; + &.select4 { + grid-template-columns: repeat(4, 1fr); + } + .s-item { + padding: 12rpx; + font-size: 32rpx; + color: rgba(137, 141, 151, 1); + line-height: 40rpx; + background-color: rgba(247, 247, 250, 1); + text-align: center; + border-radius: 12rpx; + &.active { + color: #fff; + background-color: rgba(246, 74, 58, 1); + } + } + } + .tip { + padding-bottom: 32rpx; + font-size: 24rpx; + color: rgba(161, 164, 172, 0.5); + } + } + } + .auto-input { + padding-bottom: 32rpx; + .input { + padding: 22rpx 32rpx; + background: #f7f7fa; + border-radius: 12rpx; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + } + .place-input { + color: rgba(161, 164, 172, 0.5); + } + } + } + } + .scroll-view2 { + flex: 1; + height: 40vh; + .card { + margin-bottom: 24rpx; + padding: 0 32rpx; + background: #ffffff; + border-radius: 24rpx 24rpx 24rpx 24rpx; + .title { + padding: 32rpx 0 24rpx; + font-size: 36rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + } + .body { + position: relative; + margin: 112rpx auto 0; + padding-bottom: 24rpx; + width: 345rpx; + height: 417rpx; + } + .auto-area { + padding-bottom: 32rpx; + .textarea { + width: 100%; + padding: 22rpx 32rpx; + background: #f7f7fa; + border-radius: 12rpx; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + height: 150rpx; + box-sizing: border-box; + } + .place-textarea { + color: rgba(161, 164, 172, 0.5); + } + } + } + } + .footer { + margin-top: 32rpx; + flex-shrink: 0; + display: flex; + align-items: center; + gap: 22rpx; + .cancel { + flex: 1; + padding: 18rpx; + font-size: 32rpx; + color: rgba(246, 74, 58, 1); + line-height: 44rpx; + border-radius: 112rpx; + border: 2px solid #f64a3a; + text-align: center; + } + .submit { + flex: 1; + padding: 18rpx; + font-size: 32rpx; + color: rgba(255, 255, 255, 1); + line-height: 44rpx; + border-radius: 112rpx; + border: 2px solid #f64a3a; + background-color: #f64a3a; + text-align: center; + } + } + } + } +} diff --git a/src/patient/pages/casesAdd/index.ts b/src/patient/pages/casesAdd/index.ts new file mode 100644 index 0000000..01dbc39 --- /dev/null +++ b/src/patient/pages/casesAdd/index.ts @@ -0,0 +1,17 @@ +const _app = getApp() + +Page({ + data: { + popupShow: true, + popupType: 'casesAddComplete', + popupParams: { + close: true, + content: '', + }, + + current: 2, + }, + onLoad() {}, +}) + +export {} diff --git a/src/patient/pages/casesAdd/index.wxml b/src/patient/pages/casesAdd/index.wxml new file mode 100644 index 0000000..6c16b4e --- /dev/null +++ b/src/patient/pages/casesAdd/index.wxml @@ -0,0 +1,187 @@ + + + + + + + + 1.健康基础 + + + + + + + + + 2.既往病史 + + + + + + + + + 3.关节情况 + + + 预计填写时间 1 分钟，请您如实填写哦～ + 已完成 50% 了，请继续填写哦～ + + 最后 1 步啦！感谢您的耐心填写～ + 对健康负责，就是对自己和家人最好的关爱 + + + + + + + 确诊时间 + + + + + + + + 您的体重 + + + + kg + + + + + + + 严重程度 + + + 轻度 + 中度 + 重度 + + + + + 治疗方案 + + + 预防治疗 + 按需治疗 + + + + + FIX暴露日 + + + + 个 + + 在某一天接受1次或多次凝血因子输注，该天计为1个暴露日 + + + + + + 取消 + 下一步 + + + + + + + 既往FIX抑制物病史 + + + 有 + 没有 + + + + + 既往肝脏疾病病史 + + + 有 + 没有 + + + + + + + + + + 您是否有饮酒史？ + + + 从不 + 偶尔 + 经常 + 已戒酒 + + + + + 您是否有饮酒史？ + + + 有 + 没有 + + + + + + + + + + 取消 + 下一步 + + + + + + 您的靶关节 + + + + 您近6个月的出血情况 + + + + + + + 取消 + 完成 + + + + + + diff --git a/src/patient/pages/course/index.json b/src/patient/pages/course/index.json new file mode 100644 index 0000000..100f6f6 --- /dev/null +++ b/src/patient/pages/course/index.json @@ -0,0 +1,7 @@ +{ + "navigationStyle": "custom", + "usingComponents": { + "navbar": "/components/navbar/index", + "popup": "/components/popup/index" + } +} diff --git a/src/patient/pages/course/index.scss b/src/patient/pages/course/index.scss new file mode 100644 index 0000000..0f5db5d --- /dev/null +++ b/src/patient/pages/course/index.scss @@ -0,0 +1,173 @@ +.page { + height: 100vh; + display: flex; + flex-direction: column; + .pgae-header { + flex-shrink: 0; + padding: 0 40rpx 38rpx; + background: linear-gradient(180deg, #fee1e0 0%, #ffffff 100%); + box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.07); + border-radius: 0rpx 0rpx 0rpx 0rpx; + .title { + font-size: 40rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + } + .content { + margin-top: 6rpx; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + } + } + .page-container { + flex: 1; + .swiper { + height: 100%; + .swiper-item { + .scroll-view { + height: 100%; + .scroll-view-container { + height: 100%; + padding: 88rpx 40rpx 0; + box-sizing: border-box; + display: flex; + flex-direction: column; + .row { + flex-shrink: 0; + display: flex; + gap: 24rpx; + .aside { + flex-shrink: 0; + width: 64rpx; + display: flex; + flex-direction: column; + align-items: center; + .num { + width: 64rpx; + height: 64rpx; + display: flex; + align-items: center; + justify-content: center; + font-size: 38rpx; + color: rgba(255, 255, 255, 1); + background: linear-gradient(356deg, #f23a2f 0%, #fc684f 100%); + box-shadow: 0rpx 13rpx 26rpx 0rpx rgba(151, 151, 151, 0.05); + border-radius: 50%; + } + .radio { + width: 48rpx; + height: 48rpx; + } + .slow-line { + height: 32rpx; + width: 4rpx; + background-color: rgba(246, 74, 58, 1); + } + .line { + flex: 1; + width: 4rpx; + background-color: rgba(246, 74, 58, 1); + } + } + .container { + padding-bottom: 84rpx; + .c-header { + .title { + font-size: 44rpx; + color: rgba(246, 74, 58, 1); + line-height: 64rpx; + font-weight: bold; + } + .content { + margin-top: 20rpx; + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + line-height: 40rpx; + } + } + .c-body { + padding: 18rpx 42rpx; + min-height: 104rpx; + box-sizing: border-box; + background: #ffffff; + border-radius: 96rpx 96rpx 96rpx 96rpx; + border: 4rpx solid #f64a3a; + display: flex; + align-items: center; + gap: 32rpx; + .wrap { + .content { + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + } + .hostipl-name { + margin-top: 4rpx; + padding-left: 28rpx; + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + line-height: 40rpx; + } + } + .icon { + width: 40rpx; + height: 40rpx; + } + .status-icon { + position: relative; + width: 80rpx; + height: 40rpx; + .s-icon { + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); + width: 100rpx; + height: 100rpx; + } + } + } + .c-footer { + margin-top: 16rpx; + padding-left: 44rpx; + .content { + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + } + .bind-doctor { + font-size: 28rpx; + color: rgba(246, 74, 58, 1); + line-height: 40rpx; + margin-bottom: -40rpx; + } + } + } + } + .row:first-of-type { + .container { + padding-bottom: 48rpx; + } + } + .grow-row { + flex: 1; + display: flex; + gap: 24rpx; + .aside { + flex-shrink: 0; + width: 64rpx; + display: flex; + flex-direction: column; + align-items: center; + .line { + flex: 1; + width: 4rpx; + background-color: rgba(246, 74, 58, 1); + } + } + } + } + } + } + } + } +} diff --git a/src/patient/pages/course/index.ts b/src/patient/pages/course/index.ts new file mode 100644 index 0000000..8c73bf8 --- /dev/null +++ b/src/patient/pages/course/index.ts @@ -0,0 +1,28 @@ +const _app = getApp() + +Page({ + data: { + popupShow: false, + // popupType: 'selectStatus', + popupType: 'selectStatusComplete', + popupParams: { + // position: 'bottom', + }, + }, + onLoad() {}, + handleSelectHostipal() { + wx.navigateTo({ + url: '/patient/pages/selectHostipal/index', + }) + }, + handleCasesAdd() { + wx.navigateTo({ + url: '/patient/pages/casesAdd/index', + }) + }, + handleBack() { + wx.navigateBack() + }, +}) + +export {} diff --git a/src/patient/pages/course/index.wxml b/src/patient/pages/course/index.wxml new file mode 100644 index 0000000..a3e44bf --- /dev/null +++ b/src/patient/pages/course/index.wxml @@ -0,0 +1,218 @@ + + + + + + 我的专属诊疗流程 + 从开始治疗到长期随访全周期流程 + + + + + + + + + 1 + + + + + 准备您的诊前筛查 + + 关注每次检查 + 是对自己和家人的关爱！ + + + + + + + + + + + + + + + 1.您的诊前检查医院 + 唐山市人民医院 + + + + + + 绑定我的医生 + + + + + + + + + + + + + + + 2.补充我的病史信息 + + + + + + + + + + + + + + + 3.我的诊前检查报告 + + + + + + + + + + + + + + + 4.我的检查红绿灯 + + + + + + + 本阶段检查如何？ + + + + + + + + + + + + + + + + + + 2 + + + + + 准备您的诊前筛查 + + 关注每次检查 + 是对自己和家人的关爱！ + + + + + + + + + + + + + + + 1.您的诊前检查医院 + 唐山市人民医院 + + + + + + 绑定我的医生 + + + + + + + + + + + + + + + 2.补充我的病史信息 + + + + + + + + + + + + + + + 3.我的诊前检查报告 + + + + + + + + + + + + + + + 4.我的检查红绿灯 + + + + 本阶段检查如何？ + + + + + + + + + + + + + + + + + diff --git a/src/patient/pages/doctorList/index.json b/src/patient/pages/doctorList/index.json new file mode 100644 index 0000000..ad4d4ef --- /dev/null +++ b/src/patient/pages/doctorList/index.json @@ -0,0 +1,6 @@ +{ + "navigationStyle": "custom", + "usingComponents": { + "navbar": "/components/navbar/index" + } +} diff --git a/src/patient/pages/doctorList/index.scss b/src/patient/pages/doctorList/index.scss new file mode 100644 index 0000000..4cd76be --- /dev/null +++ b/src/patient/pages/doctorList/index.scss @@ -0,0 +1,63 @@ +page { + background-color: rgba(247, 247, 250, 1); +} + +.page { + padding: 0 40rpx 40rpx; + background: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); + .card { + margin-top: 40rpx; + padding: 32rpx; + background: #ffffff; + border-radius: 24rpx 24rpx 24rpx 24rpx; + .user { + display: flex; + align-items: center; + justify-content: space-between; + gap: 24rpx; + .avatar { + flex-shrink: 0; + width: 92rpx; + height: 92rpx; + border-radius: 50%; + } + .wrap { + flex: 1; + .w-name { + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + } + .w-content { + margin-top: 16rpx; + line-height: 28rpx; + .hostipal { + margin-right: 12rpx; + display: inline-block; + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + } + .tag { + vertical-align: middle; + display: inline-block; + padding: 0 8rpx; + font-size: 20rpx; + color: rgba(255, 255, 255, 1); + border-radius: 6rpx; + background-color: rgba(255, 186, 1, 1); + } + } + } + .unbind { + font-size: 32rpx; + color: rgba(246, 74, 58, 1); + } + } + .content { + margin-top: 32rpx; + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + line-height: 40rpx; + } + } +} diff --git a/src/patient/pages/doctorList/index.ts b/src/patient/pages/doctorList/index.ts new file mode 100644 index 0000000..6a4f772 --- /dev/null +++ b/src/patient/pages/doctorList/index.ts @@ -0,0 +1,14 @@ +const _app = getApp() + +Page({ + data: {}, + onLoad() {}, + handleUnbind() { + wx.showModal({ + title: '确认解绑？', + confirmColor: 'rgba(246, 74, 58, 1)', + }) + }, +}) + +export {} diff --git a/src/patient/pages/doctorList/index.wxml b/src/patient/pages/doctorList/index.wxml new file mode 100644 index 0000000..9cddf72 --- /dev/null +++ b/src/patient/pages/doctorList/index.wxml @@ -0,0 +1,28 @@ + + + + + + + + + 王青 + + 北京积水潭医院龙泽院区 + 三甲 + + + 解绑 + + + 北京积水潭医院龙泽院区副主任医师，有 12 年的 + 治疗经验。中华医学会血液学分会血栓与止血学组副组长，中国罕见病联盟血友病学组副秘书长，中国血友病青年协作组常务理事长， + + + diff --git a/src/patient/pages/home/index.ts b/src/patient/pages/home/index.ts index ebe35de..622b237 100644 --- a/src/patient/pages/home/index.ts +++ b/src/patient/pages/home/index.ts @@ -14,6 +14,11 @@ Page({ url: '/patient/pages/askPatient/index', }) }, + handleCourse() { + wx.navigateTo({ + url: '/patient/pages/course/index', + }) + }, }) export {} diff --git a/src/patient/pages/home/index.wxml b/src/patient/pages/home/index.wxml index 2059083..66a6b8c 100644 --- a/src/patient/pages/home/index.wxml +++ b/src/patient/pages/home/index.wxml @@ -67,7 +67,7 @@ 了解您筛查全部流程和注意事项 - 查看我的诊疗计划 + 查看我的诊疗计划 diff --git a/src/patient/pages/selectHostipal/index.json b/src/patient/pages/selectHostipal/index.json new file mode 100644 index 0000000..8c5288a --- /dev/null +++ b/src/patient/pages/selectHostipal/index.json @@ -0,0 +1,8 @@ +{ + "navigationStyle": "custom", + "usingComponents": { + "navbar": "/components/navbar/index", + "popup": "/components/popup/index", + "pickerArea":"/components/pickerArea/index" + } +} diff --git a/src/patient/pages/selectHostipal/index.scss b/src/patient/pages/selectHostipal/index.scss new file mode 100644 index 0000000..b7c7465 --- /dev/null +++ b/src/patient/pages/selectHostipal/index.scss @@ -0,0 +1,118 @@ +page { + background-color: rgba(247, 247, 250, 1); +} +.page { + padding: 32rpx 30rpx; + .bind-doctor { + padding: 30rpx 32rpx; + background: linear-gradient(40deg, #ffffff 0%, #fff3f2 100%); + border-radius: 24rpx 24rpx 24rpx 24rpx; + border: 2rpx solid #ffffff; + display: flex; + align-items: center; + justify-content: space-between; + .title { + font-size: 28rpx; + color: rgba(1, 1, 5, 1); + } + .icon { + width: 40rpx; + height: 40rpx; + } + } + .form { + margin-top: 24rpx; + padding: 32rpx 32rpx 0; + border-radius: 24rpx; + background-color: #fff; + .search { + padding: 16rpx 32rpx; + background: #ffffff; + border: 2px solid rgba(246, 74, 58, 1); + display: flex; + align-items: center; + border-radius: 50rpx; + gap: 16rpx; + .icon { + width: 40rpx; + height: 40rpx; + } + .input { + font-size: 28rpx; + } + .place-input { + color: rgba(161, 164, 172, 1); + } + } + .picker { + margin-top: 16rpx; + display: flex; + align-items: center; + justify-content: space-between; + .picker-item { + flex: 1; + padding: 24rpx; + display: flex; + align-items: center; + justify-content: center; + gap: 12rpx; + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + &::after { + content: ''; + width: 0; + height: 0; + border-style: solid; + border-width: 10rpx 10rpx 0 10rpx; + border-color: rgba(207, 209, 213, 1) transparent transparent transparent; + } + } + } + } + .list { + padding-top: 12rpx; + .list-item { + margin-top: 24rpx; + display: flex; + align-items: center; + .aside { + padding-right: 24rpx; + flex-shrink: 0; + .icon { + width: 36rpx; + height: 36rpx; + } + } + .container { + flex: 1; + padding: 36rpx 38rpx; + border-radius: 24rpx; + background-color: #fff; + display: flex; + .logo { + padding: 8rpx; + border-radius: 24rpx; + border: 1px solid #fafafa; + .logo-img { + width: 90rpx; + height: 90rpx; + border-radius: inherit; + } + } + .wrap { + padding-left: 24rpx; + .name { + font-size: 32rpx; + color: rgba(1, 1, 5, 1); + font-weight: bold; + } + .content { + margin-top: 28rpx; + font-size: 28rpx; + color: rgba(161, 164, 172, 1); + } + } + } + } + } +} diff --git a/src/patient/pages/selectHostipal/index.ts b/src/patient/pages/selectHostipal/index.ts new file mode 100644 index 0000000..8c14ab2 --- /dev/null +++ b/src/patient/pages/selectHostipal/index.ts @@ -0,0 +1,23 @@ +const _app = getApp() + +Page({ + data: { + popupShow: false, + popupType: 'selectHostipalComplete', + popupParams: { + close: true, + content: '', + }, + }, + onLoad() {}, + handlePopupCancel() { + this.setData({ + popupShow: false, + }) + }, + handleBack() { + wx.navigateBack() + }, +}) + +export {} diff --git a/src/patient/pages/selectHostipal/index.wxml b/src/patient/pages/selectHostipal/index.wxml new file mode 100644 index 0000000..516c52b --- /dev/null +++ b/src/patient/pages/selectHostipal/index.wxml @@ -0,0 +1,49 @@ + + + + + + 扫一扫绑定医生，自动定位检查医院 + + + + + + + + + + 省份 + 城市 + + + + + + + + + + + + + 唐山市人民医院 + 河北省唐山市路南区胜利路65号 + + + + + + +