diff --git a/.gitignore b/.gitignore index ecf69da..74671de 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ node_modules src/images/.svn +miniprogram_npm diff --git a/index.html b/index.html deleted file mode 100644 index 17c0528..0000000 --- a/index.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - - - Document - - - - - diff --git a/src/images/audio-line-pause.png b/src/images/audio-line-pause.png new file mode 100644 index 0000000..53f112a Binary files /dev/null and b/src/images/audio-line-pause.png differ diff --git a/src/images/audio-line-plat.png b/src/images/audio-line-plat.png new file mode 100644 index 0000000..136f9ac Binary files /dev/null and b/src/images/audio-line-plat.png differ diff --git a/src/images/case-detail-dialog1.png b/src/images/case-detail-dialog1.png new file mode 100644 index 0000000..fe2e02d Binary files /dev/null and b/src/images/case-detail-dialog1.png differ diff --git a/src/images/case-detail-dialog2.png b/src/images/case-detail-dialog2.png new file mode 100644 index 0000000..61ce21e Binary files /dev/null and b/src/images/case-detail-dialog2.png differ diff --git a/src/images/case-detail-dialog3.png b/src/images/case-detail-dialog3.png new file mode 100644 index 0000000..65a8aef Binary files /dev/null and b/src/images/case-detail-dialog3.png differ diff --git a/src/images/case-detail-dialog4.png b/src/images/case-detail-dialog4.png new file mode 100644 index 0000000..e1ff641 Binary files /dev/null and b/src/images/case-detail-dialog4.png differ diff --git a/src/images/case-detail-footer-icon1.png b/src/images/case-detail-footer-icon1.png new file mode 100644 index 0000000..9b9051e Binary files /dev/null and b/src/images/case-detail-footer-icon1.png differ diff --git a/src/images/case-detail-footer-icon2.png b/src/images/case-detail-footer-icon2.png new file mode 100644 index 0000000..b386da4 Binary files /dev/null and b/src/images/case-detail-footer-icon2.png differ diff --git a/src/images/case-detail-footer-icon3.png b/src/images/case-detail-footer-icon3.png new file mode 100644 index 0000000..df06fae Binary files /dev/null and b/src/images/case-detail-footer-icon3.png differ diff --git a/src/images/case-detail-footer-icon4.png b/src/images/case-detail-footer-icon4.png new file mode 100644 index 0000000..ab741d6 Binary files /dev/null and b/src/images/case-detail-footer-icon4.png differ diff --git a/src/images/case-detail-footer-icon5.png b/src/images/case-detail-footer-icon5.png new file mode 100644 index 0000000..b386da4 Binary files /dev/null and b/src/images/case-detail-footer-icon5.png differ diff --git a/src/images/case-detail-footer-icon6.png b/src/images/case-detail-footer-icon6.png new file mode 100644 index 0000000..edd8711 Binary files /dev/null and b/src/images/case-detail-footer-icon6.png differ diff --git a/src/images/case-detail-footer-icon7.png b/src/images/case-detail-footer-icon7.png new file mode 100644 index 0000000..7e04fb1 Binary files /dev/null and b/src/images/case-detail-footer-icon7.png differ diff --git a/src/images/invite.png b/src/images/invite.png new file mode 100644 index 0000000..59c541a Binary files /dev/null and b/src/images/invite.png differ diff --git a/src/module1/pages/casesDetail/index.json b/src/module1/pages/casesDetail/index.json index e2a906d..a092dc1 100644 --- a/src/module1/pages/casesDetail/index.json +++ b/src/module1/pages/casesDetail/index.json @@ -1,5 +1,8 @@ { "navigationBarTitleText": "病历", "navigationStyle": "default", - "usingComponents": {} + "usingComponents": { + "doctorAvatar": "/components/doctorAvatar/index", + "van-dialog": "@vant/weapp/dialog/index" + } } diff --git a/src/module1/pages/casesDetail/index.scss b/src/module1/pages/casesDetail/index.scss index 2d7be6f..b9c828c 100644 --- a/src/module1/pages/casesDetail/index.scss +++ b/src/module1/pages/casesDetail/index.scss @@ -1,11 +1,14 @@ +page { + background-color: #f6f6f6; +} .page { - padding: 24rpx; + padding: 24rpx 24rpx 240rpx; .detail-card { padding-bottom: 16rpx; position: relative; border-radius: 16rpx 16rpx 16rpx 16rpx; border: 2rpx solid #ffffff; - background: linear-gradient(180deg, #f1feff 0%, #ffffff 35%, #ffffff 100%); + background-color: #fffdfd; .li-header { padding: 32rpx 32rpx 0 16rpx; display: flex; @@ -48,6 +51,7 @@ font-size: 28rpx; color: rgba(153, 153, 153, 1); .icon { + margin-left: 14rpx; width: 32rpx; height: 32rpx; } @@ -101,16 +105,488 @@ } } } - .photos { + .user { padding: 16rpx 32rpx; - display: grid; - grid-template-columns: repeat(4, 1fr); - gap: 12rpx; - .photo { - width: 100%; - height: 148rpx; - border-radius: 8rpx; + display: flex; + gap: 24rpx; + align-items: center; + .avatar { + width: 112rpx; + height: 112rpx; + } + .wrap { + .w-header { + display: flex; + align-items: baseline; + gap: 16rpx; + .name { + font-size: 36rpx; + color: #141515; + } + .desc { + font-size: 28rpx; + color: rgba(20, 21, 21, 1); + } + } + .w-footer { + margin-top: 24rpx; + .hostipal { + margin-right: 12rpx; + display: inline; + font-size: 28rpx; + color: rgba(20, 21, 21, 1); + } + .tag { + margin-right: 12rpx; + display: inline-block; + padding: 0 8rpx; + border-radius: 4rpx; + background-color: rgba(0, 180, 197, 1); + font-size: 24rpx; + color: #fff; + } + .site { + display: inline-block; + padding: 0 8rpx; + font-size: 28rpx; + line-height: 32rpx; + color: rgba(148, 87, 30, 1); + border-radius: 4rpx; + background-color: rgba(250, 229, 206, 1); + } + } + } + } + .cases { + margin: 16rpx 32rpx 0; + padding: 32rpx; + background-color: rgba(246, 246, 246, 1); + border-radius: 16rpx; + .tags { + display: flex; + .t-label { + width: 3em; + font-size: 28rpx; + color: rgba(153, 153, 153, 1); + } + .wrap { + display: flex; + flex-wrap: wrap; + gap: 12rpx; + .tag { + padding: 0 8rpx; + font-size: 22rpx; + color: rgba(0, 180, 197, 1); + line-height: 32rpx; + background: #ffffff; + border-radius: 4rpx 4rpx 4rpx 4rpx; + border: 1rpx solid #bfeff4; + } + } + } + .photos { + margin-top: 32rpx; + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 12rpx; + .photo { + width: 100%; + height: 128rpx; + border-radius: 8rpx; + } + } + .remark { + margin-top: 32rpx; + .r-title { + font-size: 32rpx; + color: rgba(20, 21, 21, 1); + font-weight: bold; + line-height: 1; + } + .r-content { + margin-top: 24rpx; + padding: 32rpx; + font-size: 28rpx; + color: rgba(133, 133, 133, 1); + line-height: 50rpx; + border-radius: 16rpx; + background-color: #fff; + } + } + .audio-list { + margin-top: 32rpx; + } + .files { + margin-top: 32rpx; + .f-title { + font-size: 32rpx; + color: #000; + font-weight: bold; + line-height: 1; + } + .file-list { + margin-top: 24rpx; + .fl-row { + margin-top: 24rpx; + display: flex; + align-content: inherit; + justify-content: space-between; + .wrap { + flex: 1; + padding: 20rpx 24rpx; + border-radius: 16rpx; + background: #ffffff; + display: flex; + align-items: center; + .icon { + width: 56rpx; + height: 56rpx; + } + .name { + margin-left: 30rpx; + font-size: 32rpx; + color: rgba(128, 128, 128, 1); + } + } + .option { + display: flex; + align-items: center; + .icon { + margin-left: 16rpx; + width: 36rpx; + height: 36rpx; + } + } + } + } + } + } + } + .doctor-card { + margin-top: 24rpx; + margin-bottom: 20rpx; + background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 50%); + box-shadow: 0rpx 4rpx 20rpx 0rpx rgba(0, 0, 0, 0.1); + border-radius: 16rpx 16rpx 16rpx 16rpx; + border: 2rpx solid #ffffff; + .dc-header { + padding: 34rpx 32rpx 0 0; + display: flex; + justify-content: space-between; + align-items: center; + .status { + padding: 4rpx 28rpx; + font-size: 24rpx; + color: rgba(0, 180, 197, 1); + border-radius: 0 32rpx 32rpx 0; + background-color: rgba(215, 237, 238, 1); + } + .date { + font-size: 28rpx; + color: rgba(20, 21, 21, 1); + } + } + .doctor { + padding: 32rpx; + display: flex; + gap: 24rpx; + &:last-of-type { + margin-bottom: 0; + } + .avatar { + flex-shrink: 0; + position: relative; + width: 112rpx; + height: 112rpx; } + .wrap { + padding-top: 8rpx; + flex: 1; + .w-header { + display: flex; + align-items: baseline; + gap: 16rpx; + line-height: 1; + .name { + font-size: 36rpx; + color: rgba(20, 21, 21, 1); + font-weight: bold; + } + .label { + font-size: 28rpx; + color: rgba(20, 21, 21, 1); + } + .line { + width: 1px; + height: 24rpx; + background-color: rgba(205, 205, 205, 1); + } + } + .w-container { + margin-top: 24rpx; + .hostipal { + margin-right: 12rpx; + font-size: 28rpx; + color: rgba(20, 21, 21, 1); + } + .tag { + margin-right: 12rpx; + display: inline-block; + padding: 0 8rpx; + border-radius: 4rpx; + font-size: 24rpx; + color: rgba(255, 255, 255, 1); + line-height: 32rpx; + background-color: rgba(0, 180, 197, 1); + } + .site { + display: inline-block; + padding: 0 8rpx; + font-size: 24rpx; + color: rgba(148, 87, 30, 1); + line-height: 32rpx; + border-radius: 4rpx; + background-color: rgba(250, 229, 206, 1); + } + } + .w-footer { + margin-top: 16rpx; + display: flex; + gap: 12rpx; + flex-wrap: wrap; + .wf-label { + flex-shrink: 0; + width: 48rpx; + height: 32rpx; + } + .wf-tag { + flex-shrink: 0; + padding: 0 8rpx; + font-size: 22rpx; + color: rgba(0, 180, 197, 1); + line-height: 32rpx; + border: 1rpx solid rgba(191, 239, 244, 1); + } + } + } + } + } + .footer { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + padding: 32rpx 32rpx calc(env(safe-area-inset-bottom) + 32rpx); + box-sizing: border-box; + background-color: #fff; + display: flex; + align-items: center; + justify-content: space-between; + gap: 60rpx; + .wrap { + flex-shrink: 0; + display: flex; + align-items: center; + gap: 52rpx; + .w-item { + text-align: center; + .icon { + width: 48rpx; + height: 48rpx; + } + .name { + font-size: 24rpx; + color: rgba(153, 153, 153, 1); + } + } + } + .btn-wrap { + flex: 1; + .btn1 { + height: 88rpx; + font-size: 32rpx; + text-align: center; + line-height: 88rpx; + color: rgba(255, 255, 255, 1); + background: linear-gradient(90deg, #00b4c5 0%, #54e2b4 100%); + border-radius: 68rpx 68rpx 68rpx 68rpx; + } + .btn2 { + display: flex; + align-items: center; + border-radius: 82rpx; + .l-btn, + .r-btn { + flex: 1; + padding: 24rpx 14rpx; + font-size: 32rpx; + text-align: center; + line-height: 40rpx; + } + .l-btn { + border-radius: 82rpx 0 0 82rpx; + color: rgba(0, 180, 197, 1); + border: 1px solid #00b4c5; + border-right: none; + line-height: 36rpx; + } + .r-btn { + border-radius: 0 82rpx 82rpx 0; + color: rgba(255, 255, 255, 1); + background: linear-gradient(90deg, #00b4c5 0%, #54e2b4 100%); + } + } + } + } +} + +.dialog1 { + padding: 48rpx 32rpx 32rpx; + .title { + font-size: 36rpx; + color: rgba(20, 21, 21, 1); + font-weight: bold; + } + .select-wrap { + margin-top: 32rpx; + display: flex; + gap: 16rpx; + .select { + padding: 4rpx 24rpx; + font-size: 28rpx; + color: rgba(133, 133, 133, 1); + line-height: 44rpx; + background-color: rgba(246, 246, 246, 1); + border-radius: 84rpx; + } + } + .remark { + margin-top: 24rpx; + padding: 32rpx; + width: 100%; + box-sizing: border-box; + border-radius: 16rpx; + min-height: 200rpx; + background-color: rgba(246, 246, 246, 1); + } +} + +.dialog2 { + .badge { + position: relative; + z-index: 1; + margin: 0 auto; + display: block; + width: 192rpx; + height: 204rpx; + } + .container { + padding: 160rpx 48rpx 48rpx; + background-color: #fff; + border-radius: 16rpx 16rpx 0 0; + margin-top: -126rpx; + background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 39%, #ffffff 100%); + .title { + font-size: 32rpx; + text-align: center; + color: rgba(20, 21, 21, 1); + font-weight: bold; + } + .content { + margin-top: 24rpx; + font-size: 28rpx; + line-height: 40rpx; + color: rgba(153, 153, 153, 1); + } + } +} + +.dialog3 { + .badge { + position: relative; + z-index: 1; + margin: 0 auto; + display: block; + width: 192rpx; + height: 204rpx; + } + .container { + padding: 160rpx 48rpx 48rpx; + background-color: #fff; + border-radius: 16rpx 16rpx 0 0; + margin-top: -126rpx; + background: linear-gradient(180deg, #e5f5f7 0%, #ffffff 39%, #ffffff 100%); + .title { + font-size: 32rpx; + text-align: center; + color: rgba(20, 21, 21, 1); + font-weight: bold; + } + .content { + margin-top: 24rpx; + font-size: 28rpx; + line-height: 40rpx; + color: rgba(153, 153, 153, 1); + } + } +} + +.dialog4 { + .badge { + position: relative; + z-index: 1; + margin: 0 auto; + display: block; + width: 192rpx; + height: 204rpx; + } + .container { + padding: 160rpx 48rpx 48rpx; + background-color: #fff; + border-radius: 16rpx 16rpx 0 0; + margin-top: -126rpx; + background: linear-gradient(180deg, #fff0ee 0%, #ffffff 39%, #ffffff 100%); + .title { + font-size: 32rpx; + text-align: center; + color: rgba(20, 21, 21, 1); + font-weight: bold; + } + .content { + margin-top: 24rpx; + font-size: 28rpx; + line-height: 40rpx; + color: rgba(153, 153, 153, 1); + } + } +} + +.dialog5 { + .badge { + position: relative; + z-index: 1; + margin: 0 auto; + display: block; + width: 192rpx; + height: 204rpx; + } + .container { + padding: 160rpx 48rpx 48rpx; + background-color: #fff; + border-radius: 16rpx 16rpx 0 0; + margin-top: -126rpx; + background: linear-gradient(180deg, #fff0ee 0%, #ffffff 39%, #ffffff 100%); + .title { + font-size: 32rpx; + text-align: center; + color: rgba(20, 21, 21, 1); + font-weight: bold; + } + .content { + margin-top: 24rpx; + font-size: 28rpx; + line-height: 40rpx; + color: rgba(153, 153, 153, 1); } } } diff --git a/src/module1/pages/casesDetail/index.ts b/src/module1/pages/casesDetail/index.ts index b792ee4..2f29371 100644 --- a/src/module1/pages/casesDetail/index.ts +++ b/src/module1/pages/casesDetail/index.ts @@ -1,6 +1,12 @@ -const _app = getApp(); +const _app = getApp() Page({ - data: {}, + data: { + show1: false, + show2: false, + show3: false, + show4: false, + show5: false, + }, onLoad() {}, -}); +}) diff --git a/src/module1/pages/casesDetail/index.wxml b/src/module1/pages/casesDetail/index.wxml index db16379..6db5542 100644 --- a/src/module1/pages/casesDetail/index.wxml +++ b/src/module1/pages/casesDetail/index.wxml @@ -14,49 +14,172 @@ 提交时间 2024-02-09 12:04:23 - - 提交人 - - 王军 - | - 四川大学华西医院 副主任医师 + + + + + 徐萌 + 主治医师 + + + 北京天坛医院 + 三甲 + 广州市/番禺区 + - - 标签 + - 心律失常 - 心律失常 - 心律失常 - - - - - + 标签 + + 心律失常 + 心衰 + + + + + + + 病历备注 + 此患者已经做了基因检测,根据基因检测的流程判断已排除,但是其他的检测档案指向性较强,请帮忙判断 + + + 音频条,占位 + + + 病历相关文件 + + + + + 基因检测报告.pdf + + + + + + + + - - 更新时间 - - 2024-02-09 12:04:23 - new - 已驳回 + + + + 已提交给 + 提交时间:2024-10-01 12:34:34 + + + + + + 徐萌 + 主任医师 + + 心内科 + + + 北京天坛医院 + 三甲 + 广州市/番禺区 + + + + 心律失常 + 心律失常 + 心律失常 + 心律失常 + - - 反馈人 - - 王军 - | - 四川大学华西医院 副主任医师 + + + + + + 驳回 + + + + 驳回原因 + + + + 创建聊天室 + + + + 更多操作 + + + + 归档 + + + + 创建聊天室 + + + + 标为优质 + + + + 更多操作 + + @质控医生 + 提交反馈 + + + 创建聊天室 + 提交反馈 + + + 驳回病历后您无需批注此病历 + + 专长不符 + 资料待补充 + 重复病历 + + + + + + + + + 确认标为优质病历吗? + 标为优质病历后,病历将显示在优质病历列表中,所有医生都可查看。 + + + + + + + + 确认归档吗? + 归档后病历仅可查看不可进行反馈,同时病历聊天室也将关闭。 + + + + + + + + 确认取消优质病历吗? + 取消优质病历后,病历将不再显示在优质病历列表中,仅参与反馈的医生才可见。 + + + + + + + + 确认取消归档吗? + 确认取消归档后,参与讨论的医生可再次对病历进行反馈,同时聊天室也同时开启。 + + + diff --git a/src/pages/cases/index.wxml b/src/pages/cases/index.wxml index c071f8a..adb58bc 100644 --- a/src/pages/cases/index.wxml +++ b/src/pages/cases/index.wxml @@ -233,3 +233,4 @@ 保存 +