Files
ruo-shan-cloud-pharmacy/miniprogram/pages/tab-bar/medicine-box/index.ts
T
陈誉午 994b267f5c feat: 电子药箱小程序 - 4Tab药品管理
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡
- 药品百科: 搜索 + 分类筛选 + 20种药品静态数据
- 惠教中心: 4条药品使用指南课程
- 我的: 家庭成员信息管理
- 自定义TabBar + navigation-bar组件
- SVG药品分类插图
2026-07-29 11:20:52 +08:00

213 lines
6.3 KiB
TypeScript

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
},
});