feat(health+miniprogram): 预约/报告/随访/资讯/家庭管理 — Chunk 4-6

后端: - 添加 articles 表迁移 + Entity + Service + Handler - 健康数据趋势 API (get_mini_trend) 注册路由 - article CRUD (list/get) + DTO 前端 (11个新页面 + 5个服务): - 预约挂号: 列表/创建向导/详情页 - 报告管理: 列表/详情页 - 随访管理: 任务列表/记录详情页 - 资讯文章: 文章详情页 - 个人中心: 就诊人管理/新增/我的报告/我的随访/用药提醒/设置 - 更新 app.config.ts 注册全部路由 - 更新 profile/article 页面为真实功能
2026-04-24 00:58:40 +08:00
parent ee9a5c4da1
commit 9ef65b9a9f
53 changed files with 6044 additions and 32 deletions
--- a/apps/miniprogram/src/pages/appointment/index.scss
+++ b/apps/miniprogram/src/pages/appointment/index.scss
@@ -1 +1,176 @@
@import '../../styles/variables.scss';
+
+.appointment-page {
+  min-height: 100vh;
+  background: $bg;
+  padding-bottom: 140px;
+}
+
+.page-header {
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+  padding: 32px;
+  padding-top: 48px;
+}
+
+.page-title {
+  font-size: 36px;
+  font-weight: bold;
+  color: white;
+}
+
+.appointment-list {
+  padding: 0 24px;
+  margin-top: -16px;
+}
+
+.appointment-card {
+  background: $card;
+  border-radius: $r;
+  padding: 28px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+}
+
+.card-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.doctor-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.doctor-name {
+  font-size: 32px;
+  font-weight: bold;
+  color: $tx;
+}
+
+.department {
+  font-size: 24px;
+  color: $pri;
+  background: $pri-l;
+  padding: 4px 16px;
+  border-radius: 20px;
+}
+
+.status-tag {
+  padding: 6px 20px;
+  border-radius: 20px;
+
+  .status-tag-text {
+    font-size: 22px;
+    font-weight: 500;
+  }
+
+  &.tag-pending {
+    background: $wrn-l;
+
+    .status-tag-text {
+      color: $wrn;
+    }
+  }
+
+  &.tag-confirmed {
+    background: $acc-l;
+
+    .status-tag-text {
+      color: $acc;
+    }
+  }
+
+  &.tag-cancelled {
+    background: $bd-l;
+
+    .status-tag-text {
+      color: $tx3;
+    }
+  }
+
+  &.tag-completed {
+    background: $pri-l;
+
+    .status-tag-text {
+      color: $pri;
+    }
+  }
+}
+
+.card-bottom {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding-top: 20px;
+  border-top: 1px solid $bd-l;
+}
+
+.info-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.info-icon {
+  font-size: 26px;
+}
+
+.info-text {
+  font-size: 26px;
+  color: $tx2;
+}
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 120px 0 80px;
+}
+
+.empty-icon {
+  font-size: 80px;
+  margin-bottom: 20px;
+}
+
+.empty-text {
+  font-size: 30px;
+  color: $tx2;
+  margin-bottom: 12px;
+}
+
+.empty-hint {
+  font-size: 24px;
+  color: $tx3;
+}
+
+.loading-tip {
+  text-align: center;
+  padding: 24px 0;
+}
+
+.loading-text {
+  font-size: 24px;
+  color: $tx3;
+}
+
+.fab-btn {
+  position: fixed;
+  bottom: 60px;
+  left: 50%;
+  transform: translateX(-50%);
+  background: linear-gradient(135deg, $pri 0%, $pri-d 100%);
+  padding: 24px 64px;
+  border-radius: 48px;
+  box-shadow: 0 8px 24px rgba($pri, 0.4);
+  z-index: 100;
+}
+
+.fab-text {
+  font-size: 30px;
+  color: white;
+  font-weight: bold;
+}