wx-parent/pages/me/me.js

// pages/me/me.js
import { models, db, _ } from '../../utils/cloudbase.js'
Page({
  data: {
      // role: "teacher",
      userInfo: {},
      orderStatus: [],
      displayPhone: '',
      xxdata: {},
      historyItems: [],
      xiugaiimg: '',
      xiangjiimg: '',
      xiazi: '',
      // souchangs: '',
  },

  onShow() {
    // 每次进入页面都会触发
    this.getUserInfo();
    // this.getcollect();
    this.getpurchasehistory();
  },

  onLoad(options) {
      this.getUserInfo();

      const orderStatus = [
        { text: '全部订单', type: 1 },
        { text: '待付款', type: 2 },
        { text: '待收货', type: 3 },
        { text: '已完成', type: 4 }
    ]

      const fileIDs = [
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/ding_1.png',
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/ding_2.png',
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/ding_3.png',
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/ding_4.png',
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/xiugai.png',
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/xiangji.png',
        'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/xiazi.png',
        // 'cloud://cloud1-6g98iw7i28b01747.636c-cloud1-6g98iw7i28b01747-1367995226/images/icon/soucangs.png'
      ];
      
      // 并发下载多个 fileID
      Promise.all(
        fileIDs.map(fileID => wx.cloud.downloadFile({ fileID }))
      ).then(results => {
        // 每个 result 对应一个下载结果
        const tempFilePaths = results.map(r => r.tempFilePath);
        console.log('全部下载成功:', tempFilePaths);

        // 将 tempFilePaths.slice(0, 3) 分配到 orderStatus 中
        const updatedOrderStatus = orderStatus.map((item, index) => {
          return {
            ...item,
            url: tempFilePaths[index] // 为每个对象添加 url 属性
          };
        });

        console.log(updatedOrderStatus, 'updatedOrderStatus');

        this.setData({
          orderStatus: updatedOrderStatus,
          xiugaiimg: tempFilePaths[4],
          xiangjiimg: tempFilePaths[5],
          xiazi: tempFilePaths[6],
          // souchangs: tempFilePaths[7],
        });
      }).catch(err => {
        console.error('有文件下载失败:', err);
      });
  },

  // 手机号加密
  hidePhone(phone) {
    if (!phone || phone.length !== 11) return phone || '未绑定';
    return phone.substr(0, 3) + '****' + phone.substr(7, 4);
  },

  // 用户信息
  async getUserInfo() {
    // 获取用户信息
    const userInfo = wx.getStorageSync('userInfo');
    this.setData({ userInfo }, () => {
      const phone = this.data.userInfo.phone;
      this.setData({
        displayPhone: this.hidePhone(phone)
      });
    });

    try {
      const { data } = await models.wx_school.get({
        filter: {
          where: {
            school_id: userInfo.school_id
          }
        },
        envType: "prod"
      });

      this.setData({
        xxdata: data
      });
    } catch (err) {
      console.error('获取学校数据失败:', err);
    }
  },

  // 下载历史
  async getpurchasehistory() {
    const { data } = await models.parent_download_history.list({
      filter: {
        where: {
          user_id: this.data.userInfo._id
        }
      },
      pageSize: 2, // 分页大小，建议指定，如需设置为其它值，需要和 pageNumber 配合使用，两者同时指定才会生效
      pageNumber: 1, // 第几页
      getCount: true, // 开启用来获取总数
      envType: "prod",
    });

    // 返回查询到的数据列表 records 和 总数 total
    console.log(data);
    const collectList = data.records || [];
    if (collectList.length === 0) {
      console.log('没有收藏记录');
      this.setData({ historyItems: [] });
      return;
    }

    // 第二步：提取 file_manage_id 列表
    const fileManagerIds = collectList.map(item => item.file_manage_id);

    // 第三步：逐个查询 file_manage 表详情
    const fileDetailPromises = fileManagerIds.map(id => {
      return models.file_manage.list({
        filter: {
          where: {
            _id: id
          }
        },
        envType: "prod"
      })
      .then(res => {
        const record = res.data?.records?.[0];
        if (!record) {
          console.warn(`未找到 _id 为 ${id} 的文件`);
        }
        return record || null;
      })
      .catch(err => {
        console.error(`获取文件 ${id} 失败`, err);
        return null;
      });
    });

    console.log(await Promise.all(fileDetailPromises), 'fileDetailPromises');
    // 等待所有查询完成
    const fileDetails = await Promise.all(fileDetailPromises);

    // 第四步：更新页面数据（过滤掉失败项）
    this.setData({
      historyItems: fileDetails.filter(Boolean)
    });
  },

  // 收藏列表
  // async getcollect() {
  //   const { data } = await models.wx_collect.list({
  //     filter: {
  //       where: {
  //         wx_user_id: this.data.userInfo._id
  //       }
  //     },
  //     pageSize: 2, // 分页大小，建议指定，如需设置为其它值，需要和 pageNumber 配合使用，两者同时指定才会生效
  //     pageNumber: 1, // 第几页
  //     getCount: true, // 开启用来获取总数
  //     envType: "prod",
  //   });
    
  //   // 返回查询到的数据列表 records 和 总数 total
  //   console.log(data);
  //   const collectList = data.records || [];
  //   if (collectList.length === 0) {
  //     console.log('没有收藏记录');
  //     this.setData({ collectFiles: [] });
  //     return;
  //   }

  //   // 第二步：提取 file_manager_id 列表
  //   const fileManagerIds = collectList.map(item => item.file_manager_id);

  //   // 第三步：批量查询 file_manage 表中对应的文件数据
  //   const fileRes = await models.file_manage.list({
  //     filter: {
  //       where: {
  //         _id: { $in: fileManagerIds }  // 关键点：使用 $in 批量查询
  //       }
  //     },
  //     envType: "prod",
  //   });

  //   // 第四步：更新页面数据
  //   this.setData({
  //     collectFiles: fileRes.data.records || []
  //   });

  //   console.log('收藏的文件数据：', fileRes.data.records);

  // },

  // 注销跳转
  handleLogout() {
    wx.navigateTo({
      url: `/subpackages/logoff/logoff`
    });
  },

  // 修改用户名跳转
  goToGoodsLists() {
    wx.navigateTo({
      url: '/subpackages/changename/changename?data=' + encodeURIComponent(JSON.stringify(this.data.userInfo))
    });
  },

  goToGoodsList(e) {
    const types = e.currentTarget.dataset.type
    wx.navigateTo({
      url: '/subpackages/order/order?type=' + encodeURIComponent(types)
    });
  },

  // 点击相机修改用户头像
  chooseAvatar() {
    wx.showActionSheet({
      itemList: ['拍照', '从相册选择'],
      success: (res) => {
        if (res.tapIndex === 0) {
          this.chooseImage('camera');
        } else if (res.tapIndex === 1) {
          this.chooseImage('album');
        }
      }
    });
  },

  chooseImage(sourceType) {
    wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sourceType: [sourceType], // 'camera' or 'album'
      success: (res) => {
        const tempFilePath = res.tempFiles[0].tempFilePath;
        // 可选择上传到云存储，也可以直接更新 UI
        this.uploadAvatar(tempFilePath);
      },
      fail: (err) => {
        console.error('选择图片失败', err);
      }
    });
  },

  async uploadAvatar(filePath) {
    const cloudPath = 'avatar/' + Date.now() + '-' + Math.floor(Math.random() * 1000) + '.png';
    const uploadRes = await wx.cloud.uploadFile({
      cloudPath,
      filePath,
    });

    // 上传成功后更新用户头像
    const avatarUrl = uploadRes.fileID;
    console.log(avatarUrl, 'avatarUrl');

    // 更新头像显示
    this.setData({
      'userInfo.img': avatarUrl
    });

    const cachedUserInfo = wx.getStorageSync('userInfo') || {};
    cachedUserInfo.img = avatarUrl;
    wx.setStorageSync('userInfo', cachedUserInfo);

    console.log('缓存更新成功:', cachedUserInfo);

    // TODO: 同步更新数据库中头像字段（可选）
    const { data } = await models.wx_user.update({
      data: {
          img: avatarUrl,  // 头像
        },
      filter: {
        where: {
          _id: { $eq: this.data.userInfo._id }, // 推荐传入_id数据标识进行操作
          delete: { $eq: 1 },
        }
      },
      // envType: pre 体验环境， prod 正式环境
      envType: "prod",
    });
    
    if (data.count > 0) {
      wx.showToast({
        title: '头像修改成功',
        icon: 'success'
      });
    } else {
      wx.showToast({
        title: '头像修改失败',
        icon: 'none'
      });
    }

  }
});