UI优化和bug修复: 1.调整小程序消息列表图标样式 2.优化web端比赛晋级页面布局 3.修复小程序消息列表日期显示问题

lrj

1 天以前 2d410989d32380d31ae3fe6d42aa3b3ba9e09d00

 wx/pages/registration/registration.js

@@ -10,6 +10,9 @@
    activity: null,
    loading: false,
    userInfo: null, // 当前用户信息
    // 报名状态控制
    submitDisabled: false,
    submitText: '提交报名',
    
    // 表单数据
    formData: {
@@ -98,6 +101,9 @@
      this.setData({
        activityId: activityId
      })
      // 优先检查报名状态
      this.checkRegistrationStatus(activityId)
      // 加载活动信息
      this.loadActivityInfo()
    } else {
      console.log('❌ 没有接收到activityId参数')
@@ -111,7 +117,15 @@
    
    // 加载区域数据
    this.loadRegions()
  }
  },

  onShow() {
    // 返回本页时刷新报名状态
    const { activityId } = this.data
    if (activityId) {
      this.checkRegistrationStatus(activityId)
    }
  },

  // 加载活动信息
  async loadActivityInfo() {
@@ -1158,6 +1172,14 @@

  async onSubmit() {
    if (this.data.isSubmitting) return
    if (this.data.submitDisabled) {
      // 禁用态直接拦截点击
      wx.showToast({
        title: this.data.submitText,
        icon: 'none'
      })
      return
    }
    
    // 表单验证
    if (!this.validateForm()) {
@@ -1418,6 +1440,57 @@
    }
  },

  // 检查当前活动的报名状态，进入页面时调用
  async checkRegistrationStatus(activityId) {
    try {
      // GraphQL 查询最新报名状态（后端返回最新一条记录）
      const query = `
        query GetPlayerRegistrationState($activityId: ID!) {
          getPlayerRegistrationState(activityId: $activityId) {
            id
            status
            registrationTime
            reviewStatus
            reviewComment
          }
        }
      `
      const res = await app.graphqlRequest(query, { activityId: parseInt(activityId) })
      console.log('🟦 报名状态查询结果原始:', res)

      // 兼容多种返回结构
      const dataRoot = res?.getPlayerRegistrationState
        || res?.playerRegistration
        || res?.data?.getPlayerRegistrationState
        || res?.data?.playerRegistration

      let submitDisabled = false
      let submitText = '提交报名'

      if (dataRoot && dataRoot.status !== undefined && dataRoot.status !== null) {
        const statusNum = Number(dataRoot.status)
        console.log('🟦 解析到报名状态:', statusNum)
        if (statusNum === 1) {
          submitDisabled = true
          submitText = '已经报名'
        } else if (statusNum === 0) {
          submitDisabled = true
          submitText = '等待审核'
        } else {
          submitDisabled = false
          submitText = '提交报名'
        }
      } else {
        console.log('🟦 未找到报名记录或状态，允许提交')
      }

      this.setData({ submitDisabled, submitText })
    } catch (err) {
      console.warn('⚠️ 报名状态查询失败，允许用户提交:', err)
      this.setData({ submitDisabled: false, submitText: '提交报名' })
    }
  },

  // 获取文件扩展名
  getFileExtension(fileName) {
    if (!fileName) return ''