toutoukan_front/miniprogram/pages/notifications/notifications.ts

// message.ts (适配最新数据库结构)

import envConfig from "../../env";

// 接口：定义从API获取的原始消息数据结构 (与数据库完全一致)
interface IApiMessage {
    id: number;
    sender_id: string;
    receiver_id: string;
    status: number; // 假设 status 字段仍有其他用途
    sequence: string;
    created_at: string; // e.g., "2025-09-28 18:10:00"
    content: string;
    is_read: 0 | 1; // 0: 未读, 1: 已读
    msg_type: 'comment' | 'like' | 'follow' | 'system';
    target: string | null; // e.g., "post:123", "user:456", "/pages/...", or null
  }
  
  // 接口：定义页面渲染所需的数据结构
  interface IViewMessage {
    id: number;
    type: 'system' | 'user'; // 用于区分图标
    title: string;
    content: string;
    timestamp: string;
    is_read: 0 | 1; // 用于显示未读红点
    target: string | null; // 用于点击跳转
  }
  
  Page({
    data: {
      systemIcon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzQ3OTZGMyI+PHBhdGggZD0iTTIgMTVoMnYyaC0yem0wLTRoMnYyaC0yem0wLThoMnY2aC0yem00IDEyaDJ2MmgtMnptMC00aDJ2MmgtMnptMC00aDJ2MmgtMnptMTYtNGgtOHYtMmgtNHYyaC0yYTEgMSAwIDAgMC0xIDF2MTBhMSAxIDAgMCAwIDEgMWgxNGExIDEgMCAwIDAgMS0xdi0xMGExIDEgMCAwIDAtMS0xem0tMyAxMGgtMTB2LThoMTB6bS0xMS00aDJ2MmgtMnptMC00aDJ2MmgtMnptNCA0aDJ2MmgtMnptMC00aDJ2MmgtMnptNCA0aDJ2MmgtMnptMC00aDJ2MmgtMnoiLz48L3N2Zz4=',
      userIcon: 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI0ZDQjMwMCI+PHBhdGggZD0iTTEyIDEyYzIuMjEgMCA0LTEuNzkgNC00cy0xLjc5LTQtNC00LTQgMSu3OS00IDQgMS.3OSA0IDQgNHptMCAyYy0yLjY3IDAtOCAyLjY5LTggNnYxaDE2di0xYzAtMi4zMS01LjMzLTUtOC01eiIvPjwvc3ZnPg==',
      
      messageList: [] as IViewMessage[],
    },
  
    onLoad() {
      this.fetchAndProcessMessages();
    },
  
    fetchAndProcessMessages() {

      const app = getApp();
      console.log("全局userinfo",app.globalData.userInfo)
      const userInfo = app.globalData.userInfo || {};
      console.log("userInfo 的数据类型：", typeof userInfo);
      console.log("user中的userInfo：",userInfo)
      let userInfoObj = userInfo;
        if (typeof userInfo === "string") {
        try {
            userInfoObj = JSON.parse(userInfo); // 字符串转对象
        } catch (e) {
            console.error("解析 userInfo 字符串失败：", e);
            return;
        }
        }
      wx.request({
        url: `${envConfig.apiBaseUrl}/notification/get`, // 替换为你的后端接口地址
        method: 'POST',
        data: {
            "uid": userInfoObj.uid
        },
        success: (res) => {
           console.log("该用户消息通知:",res)
           const apiResponse = res.data.data as IApiMessage[]; 
    
    // ⭐️ 关键步骤：调用 transformMessage 对每条消息进行处理
    const viewList = apiResponse.map(msg => this.transformMessage(msg));
    
    // 将处理过后的、符合 WXML 要求的 viewList 设置给页面
    this.setData({
      messageList: viewList
    });
        },
        fail: (err) => {
          
           
        }
    });
  
      // const viewList = apiResponse.map(msg => this.transformMessage(msg));
  
      
    },
    
    transformMessage(msg: IApiMessage): IViewMessage {
      let title = '';
      let finalContent = '';
      
      // 在真实应用中，您应该根据 sender_id 从用户数据中查找真实的昵称
      // 此处为了演示，我们先用 sender_id 的一部分作为临时名称
      const senderName = msg.sender_id.substring(0, 8); // 取 sender_id 前8位做为临时昵称
  
      switch (msg.msg_type) {
        case 'comment': 
          title = '新的评论';
          // ⭐️ 修正：使用 senderName (它等于 msg.sender_id)
          finalContent = `「${senderName}」评论了你：「${msg.content}」`; 
          break;
        case 'like': 
          title = '新的点赞';
          // ⭐️ 修正：使用 senderName
          finalContent = `「${senderName}」赞了您的动态：${msg.content}`;
          break;
        case 'follow': 
          title = '新的关注';
          // ⭐️ 修正：使用 senderName
          finalContent = `「${senderName}」关注了你`; 
          break;
        case 'system': 
          title = '系统通知';
          finalContent = msg.content;
          break;
      }
  
      return {
        id: msg.id,
        type: msg.msg_type === 'system' ? 'system' : 'user',
        title: title,
        content: finalContent,
        timestamp: this.formatDisplayTime(msg.created_at),
        is_read: msg.is_read,
        target: msg.target,
      };
    },
    
    // ⭐️ 新增/恢复：卡片点击跳转的处理函数
    handleNavigate(event: WechatMiniprogram.TouchEvent) {
      const { target } = event.currentTarget.dataset;
  
      if (!target) {
        console.log("此消息没有可跳转的目标");
        return;
      }
  
      let url = '';
      // 解析 target, e.g., "post:abc-123"
      const parts = target.split(':');
      const type = parts[0];
      const id = parts[1];
  
      switch (type) {
        case 'post':
          url = `/pages/post-detail/index?id=${id}`;
          break;
        case 'user':
          url = `/pages/user-profile/index?userId=${id}`;
          break;
        default:
          // 如果 target 不包含 ':', 说明它可能是一个完整的内部页面路径
          if (target.startsWith('/')) {
            url = target;
          } else {
            console.warn("未知的 target 类型:", target);
            return;
          }
      }
  
      wx.navigateTo({
        url: url,
        fail: (err) => {
          console.error("页面跳转失败", err);
          wx.showToast({ title: '页面不存在', icon: 'none' });
        }
      });
    },
    
    formatDisplayTime(dateString: string): string {
      // ⭐️ 修正：直接解析标准日期字符串，不再需要 replace
      const date = new Date(dateString);
  
      // 检查日期是否有效
      if (isNaN(date.getTime())) {
        return "日期无效"; // 返回一个友好的错误提示
      }
  
      const now = new Date();
      const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate());
      const yesterdayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate() - 1);
      
      const time = `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
  
      if (date.getTime() >= todayStart.getTime()) {
        return `今天 ${time}`;
      }
      if (date.getTime() >= yesterdayStart.getTime()) {
        return `昨天 ${time}`;
      }
      return `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`;
    },
  });