feat(health+miniprogram): 预约/报告/随访/资讯/家庭管理 — Chunk 4-6
Some checks failed
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / frontend-build (push) Has been cancelled
CI / security-audit (push) Has been cancelled

后端:
- 添加 articles 表迁移 + Entity + Service + Handler
- 健康数据趋势 API (get_mini_trend) 注册路由
- article CRUD (list/get) + DTO

前端 (11个新页面 + 5个服务):
- 预约挂号: 列表/创建向导/详情页
- 报告管理: 列表/详情页
- 随访管理: 任务列表/记录详情页
- 资讯文章: 文章详情页
- 个人中心: 就诊人管理/新增/我的报告/我的随访/用药提醒/设置
- 更新 app.config.ts 注册全部路由
- 更新 profile/article 页面为真实功能
This commit is contained in:
iven
2026-04-24 00:58:40 +08:00
parent ee9a5c4da1
commit 9ef65b9a9f
53 changed files with 6044 additions and 32 deletions

View File

@@ -0,0 +1,196 @@
@import '../../../styles/variables.scss';
.medication-page {
min-height: 100vh;
background: $bg;
padding: 24px;
padding-bottom: 140px;
}
.reminder-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.reminder-card {
display: flex;
align-items: center;
justify-content: space-between;
background: $card;
border-radius: $r;
padding: 28px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.reminder-left {
display: flex;
flex-direction: column;
}
.reminder-name {
font-size: 30px;
font-weight: bold;
color: $tx;
margin-bottom: 4px;
}
.reminder-dosage {
font-size: 24px;
color: $tx2;
}
.reminder-actions {
display: flex;
align-items: center;
gap: 16px;
}
.toggle {
width: 80px;
height: 44px;
border-radius: 22px;
padding: 4px;
position: relative;
transition: background 0.3s;
&.on {
background: $pri;
}
&.off {
background: $bd;
}
}
.toggle-dot {
width: 36px;
height: 36px;
border-radius: 50%;
background: white;
position: absolute;
top: 4px;
transition: left 0.3s;
.toggle.on & {
left: 40px;
}
.toggle.off & {
left: 4px;
}
}
.delete-btn {
font-size: 24px;
color: $dan;
padding: 4px 12px;
}
.empty-state {
display: flex;
justify-content: center;
align-items: center;
padding: 120px 0;
}
.empty-text {
font-size: 28px;
color: $tx3;
}
.form-card {
background: $card;
border-radius: $r;
padding: 28px;
margin-top: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}
.form-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
border-bottom: 1px solid $bd-l;
&:last-of-type {
border-bottom: none;
}
}
.form-label {
font-size: 28px;
color: $tx;
flex-shrink: 0;
width: 140px;
}
.form-input {
flex: 1;
font-size: 28px;
color: $tx;
text-align: right;
border: none;
background: transparent;
outline: none;
}
.time-picker-wrap {
flex: 1;
text-align: right;
}
.time-value {
font-size: 28px;
color: $tx;
}
.form-actions {
display: flex;
gap: 16px;
margin-top: 20px;
}
.form-cancel {
flex: 1;
background: $bd-l;
border-radius: $r-sm;
padding: 20px;
text-align: center;
}
.form-cancel-text {
font-size: 28px;
color: $tx2;
}
.form-confirm {
flex: 1;
background: $pri;
border-radius: $r-sm;
padding: 20px;
text-align: center;
}
.form-confirm-text {
font-size: 28px;
color: white;
font-weight: bold;
}
.add-btn {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: $pri;
padding: 28px;
text-align: center;
}
.add-text {
font-size: 32px;
color: white;
font-weight: bold;
}