feat(patient): 添加健康档案和用药管理功能

- 在健康页面新增健康档案卡片
- 添加用药管理按钮和跳转逻辑
- 实现健康档案页面导航功能
- 实现用药管理页面导航功能
- 添加相关图标和样式设计
- 更新页面布局以容纳新功能模块

src/pages/patient/health/index.vue

@@ -40,6 +40,19 @@
       </view>
     </view>
 
+    <view class="health-record-card">
+      <view class="record-button" @click="openRecord">
+        <image src="/static/icons/remixicon/article-line.svg" class="record-icon" mode="widthFix" />
+        <text class="record-text">健康档案</text>
+        <uni-icons class="record-arrow" type="arrowright" size="20" color="#c0c0c0" />
+      </view>
+      <view class="medication-button" @click="openMedication">
+        <image src="/static/icons/remixicon/capsule-fill.svg" class="medication-icon" mode="widthFix" />
+        <text class="medication-text">用药管理</text>
+        <uni-icons class="medication-arrow" type="arrowright" size="20" color="#c0c0c0" />
+      </view>
+    </view>
+
     <view class="reminder-card">
       <view class="reminder-button" @click="openReminder">
         <image src="/static/icons/remixicon/alarm-line.svg" class="reminder-icon" mode="widthFix" />
@@ -64,9 +77,17 @@ const openDetail = (type: string, metric?: string) => {
   uni.navigateTo({ url })
 }
 
+const openRecord = () => {
+  uni.navigateTo({ url: 'record' })
+}
+
 const openReminder = () => {
   uni.navigateTo({ url: 'reminder' })
 }
+
+const openMedication = () => {
+  uni.navigateTo({ url: 'medication' })
+}
 </script>
 
 <style scoped>
@@ -138,6 +159,42 @@ const openReminder = () => {
   display: inline-block;
 }
 
+.health-record-card {
+  margin-top: 20rpx;
+  padding: 50rpx 0rpx;
+}
+
+.record-button {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 30rpx 40rpx;
+  background-color: #fff;
+  border-radius: 12rpx;
+}
+
+.record-text {
+  font-size: 32rpx;
+  color: #000000;
+  flex: 1;
+  letter-spacing: 1rpx;
+}
+
+.record-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44rpx;
+  height: 44rpx;
+}
+
+.record-icon {
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 30rpx;
+  display: inline-block;
+}
+
 .reminder-card {
   margin-top: 20rpx;
   padding: 50rpx 0rpx;
@@ -173,4 +230,40 @@ const openReminder = () => {
   margin-right: 30rpx;
   display: inline-block;
 }
+
+.medication-card {
+  margin-top: 20rpx;
+  padding: 50rpx 0rpx;
+}
+
+.medication-button {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 30rpx 40rpx;
+  background-color: #fff;
+  border-radius: 12rpx;
+}
+
+.medication-text {
+  font-size: 32rpx;
+  color: #000000;
+  flex: 1;
+  letter-spacing: 1rpx;
+}
+
+.medication-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 44rpx;
+  height: 44rpx;
+}
+
+.medication-icon {
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 30rpx;
+  display: inline-block;
+}
 </style>