iven/hms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(mp): 首页设备状态卡片组件 — 血压计/血糖仪快捷入口

Browse Source
This commit is contained in:
iven
2026-04-28 19:42:24 +08:00
parent 00f615d8e5
commit 601b2d7f52
3 changed files with 109 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
apps/miniprogram/src/pages/index/index.tsx
View File

@@ -3,7 +3,7 @@ import { useState } from 'react';
import Taro, { useDidShow } from '@tarojs/taro';
import { useAuthStore } from '../../stores/auth';
import { useHealthStore } from '../../stores/health';
import EmptyState from '../../components/EmptyState';
import DeviceCard from '../../components/DeviceCard';
import Loading from '../../components/Loading';
import { trackPageView } from '@/services/analytics';
import * as appointmentApi from '@/services/appointment';
@@ -13,8 +13,8 @@ import './index.scss';
const QUICK_SERVICES = [
{ label: '预约挂号', char: '约', path: '/pages/appointment/create/index' },
{ label: '健康录入', char: '录', path: '/pages/health/input/index' },
{ label: '健康趋势', char: '势', path: '/pages/health/trend/index' },
{ label: '健康录入', char: '录', path: '/pages/pkg-health/input/index' },
{ label: '健康趋势', char: '势', path: '/pages/pkg-health/trend/index' },
{ label: '资讯文章', char: '文', path: '/pages/article/index' },
{ label: 'AI 报告', char: 'AI', path: '/pages/ai-report/list/index' },
];
@@ -123,6 +123,20 @@ export default function Index() {
<Text className='greeting-date'>{new Date().toLocaleDateString('zh-CN', { month: 'long', day: 'numeric', weekday: 'short' })}</Text>
</View>
{/* 设备快捷入口 */}
<View className='device-section'>
<DeviceCard
deviceName='血压计'
deviceType='blood_pressure'
status='never'
/>
<DeviceCard
deviceName='血糖仪'
deviceType='blood_glucose'
status='never'
/>
</View>
{/* 今日健康 */}
<View className='health-section'>
<Text className='section-title'>今日健康</Text>
@@ -132,7 +146,7 @@ export default function Index() {
<View className='health-empty'>
<Text className='health-empty-text'>今天还没录入数据</Text>
<View className='health-empty-action'>
<View className='health-empty-btn' onClick={() => Taro.navigateTo({ url: '/pages/health/input/index' })}>
<View className='health-empty-btn' onClick={() => Taro.navigateTo({ url: '/pages/pkg-health/input/index' })}>
<Text className='health-empty-btn-text'>点击开始记录</Text>
</View>
</View>
@@ -142,7 +156,7 @@ export default function Index() {
{healthItems.map((item) => {
const tag = getStatusTag(item.status);
return (
<View className='health-cell' key={item.label} onClick={() => Taro.navigateTo({ url: `/pages/health/trend/index?indicator=${item.label === '血压' ? 'blood_pressure_systolic' : item.label === '心率' ? 'heart_rate' : item.label === '血糖' ? 'blood_sugar_fasting' : 'weight'}` })}>
<View className='health-cell' key={item.label} onClick={() => Taro.navigateTo({ url: `/pages/pkg-health/trend/index?indicator=${item.label === '血压' ? 'blood_pressure_systolic' : item.label === '心率' ? 'heart_rate' : item.label === '血糖' ? 'blood_sugar_fasting' : 'weight'}` })}>
<Text className='health-cell-label'>{item.label}</Text>
<Text className='health-cell-value'>{item.value}</Text>
<View className='health-cell-bottom'>