const axios = require('axios');

// 模拟小程序端的GraphQL请求
async function testNavigationParams() {
  console.log('🔍 测试首页活动数据和导航参数...\n');

  try {
    // 1. 获取首页活动列表数据
    const query = `
      query GetActivitiesAndBanners($page: Int!, $size: Int!, $keyword: String, $status: String) {
        activities(page: $page, size: $size, keyword: $keyword, status: $status) {
          content {
            id
            name
            description
            signupDeadline
            matchTime
            address
            state
            stateName
            playerCount
            playerMax
            coverImage { fullUrl }
          }
          totalElements
          totalPages
          number
          size
        }
      }
    `;

    const variables = {
      page: 0,
      size: 10,
      keyword: null,
      status: null
    };

    const response = await axios.post('http://localhost:8080/graphql', {
      query,
      variables
    }, {
      headers: {
        'Content-Type': 'application/json'
      }
    });

    if (response.data.errors) {
      console.error('❌ GraphQL错误:', response.data.errors);
      return;
    }

    const activities = response.data.data.activities.content;
    console.log(`📊 获取到 ${activities.length} 个活动\n`);

    // 2. 分析每个活动的ID和基本信息
    console.log('🎯 活动ID和基本信息:');
    console.log('────────────────────────────────────────────────────────────────────────────────');
    console.log('ID   活动名称           报名截止时间          比赛时间              状态');
    console.log('────────────────────────────────────────────────────────────────────────────────');
    
    activities.forEach(activity => {
      const id = String(activity.id).padEnd(4);
      const name = (activity.name || '').substring(0, 15).padEnd(15);
      const signupDeadline = (activity.signupDeadline || '').substring(0, 16).padEnd(16);
      const matchTime = (activity.matchTime || '').substring(0, 16).padEnd(16);
      const state = activity.stateName || activity.state || '';
      
      console.log(`${id} ${name} ${signupDeadline} ${matchTime} ${state}`);
    });
    console.log('────────────────────────────────────────────────────────────────────────────────\n');

    // 3. 模拟点击事件的参数传递
    console.log('🔗 模拟点击事件参数传递:');
    activities.forEach((activity, index) => {
      console.log(`活动 ${index + 1}: 点击"${activity.name}" → 传递ID: ${activity.id}`);
      
      // 模拟 utils.navigateTo 的URL构建
      const params = { id: activity.id };
      const queryString = Object.keys(params)
        .map(key => `${key}=${encodeURIComponent(params[key])}`)
        .join('&');
      const fullUrl = '/pages/activity/detail?' + queryString;
      
      console.log(`  → 构建URL: ${fullUrl}`);
      console.log(`  → 详情页接收到的options.id: "${activity.id}"`);
      console.log('');
    });

    // 4. 检查ID类型和格式
    console.log('🔍 ID类型和格式检查:');
    activities.forEach(activity => {
      const id = activity.id;
      const idType = typeof id;
      const idString = String(id);
      
      console.log(`活动"${activity.name}": ID=${id}, 类型=${idType}, 字符串="${idString}"`);
    });

    // 5. 模拟可能的问题场景
    console.log('\n⚠️  可能的问题场景分析:');
    console.log('1. ID类型问题: 后端返回数字，前端期望字符串');
    console.log('2. 数据绑定问题: wx:for循环中的item.id不正确');
    console.log('3. 事件冒泡问题: 多个点击事件冲突');
    console.log('4. 缓存问题: 页面数据没有及时更新');
    console.log('5. 路由参数问题: URL编码或解码错误');

  } catch (error) {
    console.error('❌ 请求失败:', error.message);
  }
}

testNavigationParams();