cfc/miniprogram/pages/child-edit/child-edit.js

// pages/child-edit/child-edit.js
Page({
  data: {
    childId: 0,
    child: null,
    loading: false,
    danLevels: [
      { value: 'A1', label: 'A1 - 幼儿园小班' },
      { value: 'A2', label: 'A2 - 幼儿园中班' },
      { value: 'A3', label: 'A3 - 幼儿园大班' },
      { value: 'B1', label: 'B1 - 小学一年级' },
      { value: 'B2', label: 'B2 - 小学二年级' },
      { value: 'B3', label: 'B3 - 小学三年级' },
      { value: 'B4', label: 'B4 - 小学四年级' },
      { value: 'B5', label: 'B5 - 小学五年级' },
      { value: 'B6', label: 'B6 - 小学六年级' }
    ],
    themes: [
      { value: 'default', label: '默认主题' },
      { value: 'space', label: '太空主题' },
      { value: 'ocean', label: '海洋主题' },
      { value: 'forest', label: '森林主题' }
    ]
  },

  onLoad(options) {
    const childId = options.id || 0;
    this.setData({ childId });
    this.loadChildInfo();
  },

  loadChildInfo() {
    this.setData({ loading: true });
    
    // 模拟数据
    const mockChild = {
      id: this.data.childId,
      name: '小明',
      age: 8,
      grade: '小学二年级',
      danLevel: 'B2',
      theme: 'default',
      penaltyEnabled: true
    };

    setTimeout(() => {
      this.setData({
        child: mockChild,
        loading: false
      });
    }, 500);
  },

  onNameInput(e) {
    this.setData({ 'child.name': e.detail.value });
  },

  onAgeInput(e) {
    this.setData({ 'child.age': parseInt(e.detail.value) || 0 });
  },

  onGradeInput(e) {
    this.setData({ 'child.grade': e.detail.value });
  },

  onDanLevelChange(e) {
    this.setData({ 'child.danLevel': e.detail.value });
  },

  onThemeChange(e) {
    this.setData({ 'child.theme': e.detail.value });
  },

  onPenaltyEnabledChange(e) {
    this.setData({ 'child.penaltyEnabled': e.detail.value });
  },

  onSave() {
    if (!this.data.child.name.trim()) {
      wx.showToast({ title: '请输入孩子姓名', icon: 'none' });
      return;
    }

    wx.showModal({
      title: '确认保存',
      content: '确定要保存孩子信息吗？',
      success: (res) => {
        if (res.confirm) {
          this.doSave();
        }
      }
    });
  },

  doSave() {
    wx.showLoading({ title: '保存中...' });
    
    setTimeout(() => {
      wx.hideLoading();
      wx.showToast({
        title: '保存成功',
        icon: 'success'
      });
      
      setTimeout(() => {
        wx.navigateBack();
      }, 1500);
    }, 1000);
  }
});