feat: 积分商城子页面 + 日常监测 + 统计报表 (Chunk 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

小程序 — 积分商城 (3 新页面):
- mall/exchange: 兑换确认 (余额校验/QR码生成)
- mall/orders: 我的订单 (状态筛选/分页/QR展示)
- mall/detail: 积分明细 (余额卡片/收入支出筛选/流水列表)

小程序 — 上报 Tab 改造:
- health/daily-monitoring: 日常监测表单 (血压/体重/血糖/出入量)
- health/index: 增加快捷操作/打卡状态/近期监测卡片
- consultation: 替换占位为咨询列表 (会话/状态/未读)
- profile: 新增积分余额/打卡天数/我的订单/积分明细入口

小程序 — 新增服务:
- services/consultation.ts: 咨询会话 API
- services/points.ts: 扩展兑换/订单/流水 API
- services/health.ts: 扩展日常监测 API

PC 管理端:
- StatisticsDashboard: 统计报表仪表盘 (患者/咨询/随访/积分卡片 + Top10排行 + 快速链接)
- 侧边栏新增统计报表入口 (健康模块首页)
This commit is contained in:
iven
2026-04-25 19:17:11 +08:00
parent 1507ec6036
commit 280f65658a
23 changed files with 2819 additions and 11 deletions

View File

@@ -1,12 +1,79 @@
import { useState } from 'react';
import { View, Text } from '@tarojs/components';
import Taro, { useDidShow } from '@tarojs/taro';
import Taro, { useDidShow, usePullDownRefresh } from '@tarojs/taro';
import { listConsultations, ConsultationSession } from '@/services/consultation';
import Loading from '../../components/Loading';
import './index.scss';
function getStatusLabel(status: string): string {
const map: Record<string, string> = {
pending: '等待接诊',
active: '进行中',
closed: '已结束',
cancelled: '已取消',
};
return map[status] || status;
}
function getStatusClass(status: string): string {
if (status === 'active') return 'session-status-active';
if (status === 'pending') return 'session-status-pending';
return 'session-status-closed';
}
function formatTime(iso: string): string {
if (!iso) return '';
const d = new Date(iso);
const now = new Date();
const diffMs = now.getTime() - d.getTime();
const diffMin = Math.floor(diffMs / 60000);
if (diffMin < 1) return '刚刚';
if (diffMin < 60) return `${diffMin}分钟前`;
const diffHour = Math.floor(diffMin / 60);
if (diffHour < 24) return `${diffHour}小时前`;
const diffDay = Math.floor(diffHour / 24);
if (diffDay < 7) return `${diffDay}天前`;
const m = String(d.getMonth() + 1).padStart(2, '0');
const day = String(d.getDate()).padStart(2, '0');
return `${m}-${day}`;
}
export default function Consultation() {
const [sessions, setSessions] = useState<ConsultationSession[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState('');
const loadSessions = async () => {
setLoading(true);
setError('');
try {
const resp = await listConsultations({ page: 1, page_size: 20 });
setSessions(resp.data || []);
} catch (e: unknown) {
const msg = e instanceof Error ? e.message : '加载失败';
setError(msg);
} finally {
setLoading(false);
}
};
useDidShow(() => {
Taro.setNavigationBarTitle({ title: '在线咨询' });
loadSessions();
});
usePullDownRefresh(() => {
loadSessions().finally(() => {
Taro.stopPullDownRefresh();
});
});
const handleTapSession = (_session: ConsultationSession) => {
Taro.showToast({ title: '即将上线', icon: 'none' });
};
return (
<View className='consultation-page'>
<View className='consultation-header'>
@@ -14,11 +81,57 @@ export default function Consultation() {
<Text className='consultation-header-desc'></Text>
</View>
<View className='consultation-placeholder'>
<Text className='consultation-placeholder-icon'>💬</Text>
<Text className='consultation-placeholder-text'>线</Text>
<Text className='consultation-placeholder-hint'>线</Text>
</View>
{loading ? (
<View className='consultation-loading'>
<Loading text='加载中...' />
</View>
) : error ? (
<View className='consultation-error'>
<Text className='consultation-error-text'>{error}</Text>
</View>
) : sessions.length === 0 ? (
<View className='consultation-empty'>
<Text className='consultation-empty-icon'>💬</Text>
<Text className='consultation-empty-text'></Text>
<Text className='consultation-empty-hint'>线线</Text>
</View>
) : (
<View className='consultation-list'>
{sessions.map((session) => (
<View
key={session.id}
className='consultation-session'
onClick={() => handleTapSession(session)}
>
<View className='session-left'>
<View className='session-top'>
<Text className='session-subject'>
{session.subject || '在线咨询'}
</Text>
<Text className={getStatusClass(session.status)}>
{getStatusLabel(session.status)}
</Text>
</View>
<Text className='session-message'>
{session.last_message || '暂无消息'}
</Text>
<Text className='session-time'>
{session.last_message_at
? formatTime(session.last_message_at)
: formatTime(session.created_at)}
</Text>
</View>
{session.unread_count > 0 && (
<View className='session-badge'>
<Text className='session-badge-text'>
{session.unread_count > 99 ? '99+' : session.unread_count}
</Text>
</View>
)}
</View>
))}
</View>
)}
</View>
);
}