wx-teacher/pages/me/me.js

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

  onShow() {
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().setSelected(3); // 比如首页就是 0
    }

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

  onLoad(options) {

      const fileIDs = [
        'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/images/icon/xiugai.png',
        'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/images/icon/xiangji.png',
        'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/images/icon/xiazi.png',
        'cloud://honghgaier-5guiffgcf17a2eea.686f-honghgaier-5guiffgcf17a2eea-1373037829/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);

        this.setData({
          xiugaiimg: tempFilePaths[0],
          xiangjiimg: tempFilePaths[1],
          xiazi: tempFilePaths[2],
          souchangs: tempFilePaths[3],
        });
      }).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.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)
      historyItems: fileDetails.filter(Boolean).map(item => ({
        ...item,
        createdAt: this.formatTime(item.createdAt)  // 格式化时间
      }))
    });
  },

  // 收藏列表
  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 || []
      collectFiles: (fileRes.data.records || []).map(item => ({
        ...item,
        createdAt: this.formatTime(item.createdAt)
      }))
    });

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

  },

  formatTime(ts) {
    const date = new Date(ts);
    const y = date.getFullYear();
    const m = String(date.getMonth() + 1).padStart(2, '0');
    const d = String(date.getDate()).padStart(2, '0');
    const hh = String(date.getHours()).padStart(2, '0');
    const mm = String(date.getMinutes()).padStart(2, '0');
    const ss = String(date.getSeconds()).padStart(2, '0');
    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
  },

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

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

  // 点击相机修改用户头像
  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_teacher_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'
      });
    }

  }
});