feat(mp+health): 小程序分包迁移 + 积分商城后台列表 API

- 小程序页面迁移到 pkg-health/pkg-mall/pkg-profile 分包目录 - 删除旧 pages/health/input、pages/mall/detail 等旧路径 - 导航路径更新为分包路径（/pages/pkg-mall/exchange/index 等） - TrendChart 组件优化 - 后台添加 admin_list_products API（支持查看已下架商品） - config/index.ts 添加 defineConstants 环境变量 - mp e2e check-readiness 路径修正
2026-04-29 07:29:49 +08:00
parent 9015a2b85e
commit cb6f5cc651
32 changed files with 229 additions and 516 deletions
--- a/apps/miniprogram/src/pages/pkg-profile/followups/index.tsx
+++ b/apps/miniprogram/src/pages/pkg-profile/followups/index.tsx
@@ -0,0 +1,103 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text } from '@tarojs/components';
+import Taro, { useDidShow } from '@tarojs/taro';
+import { listTasks, FollowUpTask } from '../../../services/followup';
+import EmptyState from '../../../components/EmptyState';
+import Loading from '../../../components/Loading';
+import './index.scss';
+
+const TABS = [
+  { key: 'pending', label: '待完成' },
+  { key: 'completed', label: '已完成' },
+  { key: 'overdue', label: '已过期' },
+];
+
+export default function MyFollowUps() {
+  const [activeTab, setActiveTab] = useState('pending');
+  const [tasks, setTasks] = useState<FollowUpTask[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const fetchTasks = useCallback(async (status: string) => {
+    setLoading(true);
+    try {
+      const res = await listTasks(status);
+      setTasks(res.data || []);
+    } catch {
+      Taro.showToast({ title: '加载失败', icon: 'none' });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useDidShow(() => {
+    fetchTasks(activeTab);
+  });
+
+  const handleTabChange = (key: string) => {
+    setActiveTab(key);
+    fetchTasks(key);
+  };
+
+  const goToDetail = (id: string) => {
+    Taro.navigateTo({ url: `/pages/followup/detail/index?id=${id}` });
+  };
+
+  const getStatusClass = (status: string) => {
+    if (status === 'completed') return 'completed';
+    if (status === 'overdue') return 'overdue';
+    return 'pending';
+  };
+
+  const getStatusLabel = (status: string) => {
+    if (status === 'completed') return '已完成';
+    if (status === 'overdue') return '已过期';
+    return '待完成';
+  };
+
+  return (
+    <View className='my-followups-page'>
+      <View className='tab-bar'>
+        {TABS.map((tab) => (
+          <View
+            className={`tab-item ${activeTab === tab.key ? 'active' : ''}`}
+            key={tab.key}
+            onClick={() => handleTabChange(tab.key)}
+          >
+            <Text className='tab-text'>{tab.label}</Text>
+            {activeTab === tab.key && <View className='tab-indicator' />}
+          </View>
+        ))}
+      </View>
+
+      <View className='task-list'>
+        {tasks.map((t) => (
+          <View
+            className='task-card'
+            key={t.id}
+            onClick={() => goToDetail(t.id)}
+          >
+            <View className='task-top'>
+              <Text className='task-name'>{t.follow_up_type}</Text>
+              <Text className={`task-status ${getStatusClass(t.status)}`}>
+                {getStatusLabel(t.status)}
+              </Text>
+            </View>
+            <Text className='task-desc'>{t.content_template}</Text>
+            <Text className='task-due'>截止: {t.planned_date}</Text>
+          </View>
+        ))}
+      </View>
+
+      {tasks.length === 0 && !loading && (
+        <EmptyState text={`暂无${(() => {
+          const tab = TABS.find((t) => t.key === activeTab);
+          return tab ? tab.label : '';
+        })()}任务`} />
+      )}
+
+      {loading && (
+        <Loading />
+      )}
+    </View>
+  );
+}