feat: 电子药箱小程序 - 4Tab药品管理

- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
2026-07-29 11:20:52 +08:00
commit 994b267f5c
683 changed files with 43849 additions and 0 deletions
@@ -0,0 +1,212 @@
+interface Medicine {
+  id: string;
+  name: string;
+  category: string;
+  dosage: string;
+  frequency: string;
+  slots: string[];
+  quantity: number;
+  unit: string;
+  expiryDate: string;
+  notes: string;
+  addedAt: string;
+}
+
+const MED_KEY = 'medicine_box_list';
+const CHECKIN_KEY = 'checkin_records';
+
+function getToday(): string {
+  const d = new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+
+function formatDate(d: Date): string {
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;
+}
+
+function daysUntil(dateStr: string): number {
+  const now = new Date();
+  now.setHours(0, 0, 0, 0);
+  const target = new Date(dateStr);
+  target.setHours(0, 0, 0, 0);
+  return Math.ceil((target.getTime() - now.getTime()) / 86400000);
+}
+
+Page({
+  data: {
+    activeTab: 0, // 0=库存 1=打卡
+    medicines: [] as Medicine[],
+    totalCount: 0,
+    expiringCount: 0,
+    lowStockCount: 0,
+    expiringItems: [] as string[],
+
+    // Check-in
+    today: '',
+    todayStr: '',
+    checkSlots: [] as { label: string; time: string; medicines: any[]; allChecked: boolean }[],
+    checkProgress: 0,
+    checkTotal: 0,
+    checkDone: 0,
+    weekDays: [] as { date: string; day: string; isToday: boolean; done: number; total: number }[],
+  },
+
+  onLoad() {
+    this.loadData();
+  },
+
+  onShow() {
+    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
+      this.getTabBar().setData({ selected: 0 });
+    }
+    this.loadData();
+  },
+
+  loadData() {
+    const medicines: Medicine[] = wx.getStorageSync(MED_KEY) || [];
+    const totalCount = medicines.length;
+    const expiringItems = medicines.filter((m) => {
+      const d = daysUntil(m.expiryDate);
+      return d >= 0 && d <= 90;
+    });
+    const lowStockCount = medicines.filter((m) => m.quantity <= 5).length;
+
+    // Week calendar
+    const today = new Date();
+    const weekDays: any[] = [];
+    for (let i = 3; i >= 0; i--) {
+      const d = new Date(today);
+      d.setDate(d.getDate() - i);
+      const ds = formatDate(d);
+      const dayNames = ['日', '一', '二', '三', '四', '五', '六'];
+      weekDays.push({ date: ds, day: dayNames[d.getDay()], isToday: i === 0, done: 0, total: 0 });
+    }
+
+    // Check-in data
+    const todayStr = getToday();
+    const checkinData: Record<string, Record<string, string[]>> = wx.getStorageSync(CHECKIN_KEY) || {};
+    const todayCheckin = checkinData[todayStr] || {};
+
+    // Build check-in slots
+    const slotDefs = [
+      { label: '早', time: '早晨 (6:00-9:00)' },
+      { label: '中', time: '中午 (11:00-14:00)' },
+      { label: '晚', time: '晚上 (17:00-21:00)' },
+      { label: '睡前', time: '睡前 (21:00-23:00)' },
+    ];
+
+    let checkTotal = 0;
+    let checkDone = 0;
+
+    const checkSlots = slotDefs.map((sd) => {
+      const slotMeds = medicines
+        .filter((m) => m.slots && m.slots.includes(sd.label))
+        .map((m) => {
+          const checked = (todayCheckin[m.id] || []).includes(sd.label);
+          return {
+            id: m.id,
+            name: m.name,
+            dosage: m.dosage,
+            category: m.category,
+            checked,
+          };
+        });
+      checkTotal += slotMeds.length;
+      const slotDone = slotMeds.filter((m) => m.checked).length;
+      checkDone += slotDone;
+      return { label: sd.label, time: sd.time, medicines: slotMeds, allChecked: slotMeds.length > 0 && slotDone === slotMeds.length };
+    });
+
+    // Populate week day stats
+    const updatedWeekDays = weekDays.map((wd) => {
+      const dayCheckin = checkinData[wd.date] || {};
+      let total = 0;
+      let done = 0;
+      medicines.forEach((m) => {
+        const slots = m.slots || [];
+        total += slots.length;
+        const checkedSlots = dayCheckin[m.id] || [];
+        done += slots.filter((s: string) => checkedSlots.includes(s)).length;
+      });
+      return { ...wd, total, done };
+    });
+
+    this.setData({
+      medicines,
+      totalCount,
+      expiringCount: expiringItems.length,
+      expiringItems: expiringItems.map((m) => m.name),
+      lowStockCount,
+      today: todayStr,
+      todayStr: `${today.getFullYear()}年${today.getMonth() + 1}月${today.getDate()}日`,
+      checkSlots,
+      checkTotal,
+      checkDone,
+      checkProgress: checkTotal > 0 ? Math.round((checkDone / checkTotal) * 100) : 0,
+      weekDays: updatedWeekDays,
+    });
+  },
+
+  switchTab(e: WechatMiniprogram.TouchEvent) {
+    const { tab } = e.currentTarget.dataset;
+    this.setData({ activeTab: Number(tab) });
+  },
+
+  goAdd() {
+    wx.navigateTo({ url: '/pages/tab-bar/medicine-box/add/index' });
+  },
+
+  goEdit(e: WechatMiniprogram.TouchEvent) {
+    const { id } = e.currentTarget.dataset;
+    wx.navigateTo({ url: `/pages/tab-bar/medicine-box/add/index?id=${id}` });
+  },
+
+  deleteMedicine(e: WechatMiniprogram.TouchEvent) {
+    const { id, name } = e.currentTarget.dataset;
+    wx.showModal({
+      title: '确认删除',
+      content: `确定要删除「${name}」吗？`,
+      success: (res) => {
+        if (res.confirm) {
+          const list: Medicine[] = wx.getStorageSync(MED_KEY) || [];
+          wx.setStorageSync(MED_KEY, list.filter((m) => m.id !== id));
+          // cleanup checkin records
+          const checkinData = wx.getStorageSync(CHECKIN_KEY) || {};
+          Object.keys(checkinData).forEach((date) => {
+            delete checkinData[date][id];
+          });
+          wx.setStorageSync(CHECKIN_KEY, checkinData);
+          wx.showToast({ title: '已删除', icon: 'success' });
+          this.loadData();
+        }
+      },
+    });
+  },
+
+  toggleCheck(e: WechatMiniprogram.TouchEvent) {
+    const { mid, slot } = e.currentTarget.dataset;
+    const todayStr = this.data.today;
+    const checkinData: Record<string, Record<string, string[]>> = wx.getStorageSync(CHECKIN_KEY) || {};
+
+    if (!checkinData[todayStr]) checkinData[todayStr] = {};
+    if (!checkinData[todayStr][mid]) checkinData[todayStr][mid] = [];
+
+    const idx = checkinData[todayStr][mid].indexOf(slot);
+    if (idx > -1) {
+      checkinData[todayStr][mid].splice(idx, 1);
+    } else {
+      checkinData[todayStr][mid].push(slot);
+    }
+
+    wx.setStorageSync(CHECKIN_KEY, checkinData);
+    this.loadData();
+  },
+
+  onPrevDay() {
+    // For future: navigate to past dates
+  },
+
+  onNextDay() {
+    // For future: navigate to future dates
+  },
+});