- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
213 lines
6.3 KiB
TypeScript
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
|
|
},
|
|
});
|