sundynix-pets/pets-fe/pages/plan/plan.js

const store = require('../../utils/store.js');
const api = require('../../utils/api.js');
const { toastErr } = require('../../utils/ui.js');

// "2026-07-04" → "7月4日"
function fmtMD(date) {
  if (!date) return '';
  const p = date.split('-');
  if (p.length < 3) return '';
  return +p[1] + '月' + +p[2] + '日';
}

Page({
  data: {
    pet: {},
    planView: 'timeline',
    planTabs: [
      { key: 'timeline', label: '路线图' },
      { key: 'aiPlan', label: 'AI 计划' },
    ],
    plan: null,
    aiInput: '',
    aiPlan: null,
    aiBusy: false,
    sheetShow: false,
    sheetType: '',
  },
  onLoad(options) {
    if (options && options.tab === 'aiPlan') this.setData({ planView: 'aiPlan' });
    this._unsub = store.subscribe((pet) => {
      this.setData({ pet });
      if (!this._inited) return; // 首次由 onShow 加载
      this.loadTimeline();
    });
  },
  onUnload() {
    if (this._unsub) this._unsub();
  },
  onShow() {
    store
      .ready()
      .then(() => {
        this._inited = true;
        this.setData({ pet: store.getPet() });
        this.loadTimeline();
      })
      .catch((e) => wx.showToast({ title: e.message || '加载失败', icon: 'none' }));
  },
  loadTimeline() {
    const id = store.currentPetId();
    if (!id) return;
    api
      .getPlan(id)
      .then((plan) => {
        if (plan && plan.tasks) {
          plan.tasks = plan.tasks.map((t) => ({ ...t, dateLabel: fmtMD(t.date) }));
        }
        this.setData({ plan });
      })
      .catch(() => this.setData({ plan: null }));
  },
  // 来自 seg-tabs 的 change 事件，key 即 planView
  switchPlanView(e) {
    this.setData({ planView: e.detail.key });
  },
  // 计划明细勾选
  toggleTimelineTask(e) {
    const id = e.currentTarget.dataset.id;
    api.togglePlanTask(id).then(() => this.loadTimeline()).catch((e) => toastErr(e, '操作失败'));
  },
  // AI 计划
  onAiInput(e) {
    this.setData({ aiInput: e.detail.value });
  },
  genAIPlan() {
    const id = store.currentPetId();
    const input = (this.data.aiInput || '').trim();
    if (!id || !input) {
      wx.showToast({ title: '先描述一下情况', icon: 'none' });
      return;
    }
    this.setData({ aiBusy: true });
    wx.showLoading({ title: 'AI 生成中...' });
    api
      .createAIPlan(id, input)
      .then((plan) => {
        wx.hideLoading();
        this.setData({ aiPlan: plan, aiBusy: false });
      })
      .catch((err) => {
        wx.hideLoading();
        this.setData({ aiBusy: false });
        wx.showToast({ title: err.message || '生成失败', icon: 'none' });
      });
  },
  applyAIPlan() {
    const p = this.data.aiPlan;
    if (!p) return;
    api
      .applyAIPlan(p.id)
      .then(() => wx.showToast({ title: '已加入我的计划', icon: 'success' }))
      .catch((err) => wx.showToast({ title: err.message || '加入失败', icon: 'none' }));
  },
  openSheet(e) {
    const type = e.currentTarget.dataset.type;
    if (!type) return; // 无关联动作的计划项只可勾选，不弹层
    this.setData({ sheetType: type, sheetShow: true });
  },
  closeSheet() {
    this.setData({ sheetShow: false });
  },
  onAddPet() {
    this.setData({ sheetType: 'addPet', sheetShow: true });
  },
  onFab() {
    wx.navigateTo({ url: '/pages/ai/ai' });
  },
  onShareAppMessage() {
    return { title: '我给毛孩子做了份养护计划', path: '/pages/plan/plan' };
  },
  onShareTimeline() {
    return { title: '我给毛孩子做了份养护计划' };
  },
});