// pages/review/index.js
|
const app = getApp()
|
const { graphqlRequest, formatDate } = require('../../lib/utils')
|
|
Page({
|
data: {
|
loading: false,
|
loadingMore: false,
|
hasMore: true,
|
|
// 当前选项卡 0:我未评审 1:我已评审 2:学员未评审
|
currentTab: 0,
|
|
// 搜索关键词
|
searchKeyword: '',
|
|
// 项目列表
|
projectList: [],
|
|
// 统计数据
|
unReviewedCount: 0,
|
reviewedCount: 0,
|
studentUnReviewedCount: 0,
|
|
// 分页参数
|
pageSize: 10,
|
currentPage: 1
|
},
|
|
onLoad(options) {
|
// 如果有传入的tab参数，设置当前选项卡
|
if (options.tab) {
|
this.setData({
|
currentTab: parseInt(options.tab) || 0
|
})
|
}
|
|
this.loadData()
|
},
|
|
onShow() {
|
// 页面显示时刷新数据
|
this.loadData()
|
},
|
|
onPullDownRefresh() {
|
this.loadData()
|
},
|
|
onReachBottom() {
|
if (this.data.hasMore && !this.data.loadingMore) {
|
this.loadMoreData()
|
}
|
},
|
|
// 切换选项卡
|
switchTab(e) {
|
const index = e.currentTarget.dataset.index
|
if (index === this.data.currentTab) return
|
|
this.setData({
|
currentTab: index,
|
projectList: [],
|
currentPage: 1,
|
hasMore: true,
|
searchKeyword: ''
|
})
|
|
this.loadData()
|
},
|
|
// 搜索输入
|
onSearchInput(e) {
|
this.setData({
|
searchKeyword: e.detail.value
|
})
|
},
|
|
// 搜索确认
|
onSearch() {
|
this.setData({
|
projectList: [],
|
currentPage: 1,
|
hasMore: true
|
})
|
this.loadData()
|
},
|
|
// 清除搜索
|
clearSearch() {
|
this.setData({
|
searchKeyword: '',
|
projectList: [],
|
currentPage: 1,
|
hasMore: true
|
})
|
this.loadData()
|
},
|
|
// 加载数据
|
async loadData() {
|
if (this.data.loading) return
|
|
this.setData({ loading: true })
|
|
try {
|
await Promise.all([
|
this.loadProjectList(),
|
this.loadStatistics()
|
])
|
} catch (error) {
|
console.error('加载数据失败:', error)
|
wx.showToast({
|
title: '加载失败',
|
icon: 'none'
|
})
|
} finally {
|
this.setData({ loading: false })
|
wx.stopPullDownRefresh()
|
}
|
},
|
|
// 加载更多数据
|
async loadMoreData() {
|
if (this.data.loadingMore || !this.data.hasMore) return
|
|
this.setData({ loadingMore: true })
|
|
try {
|
await this.loadProjectList(true)
|
} catch (error) {
|
console.error('加载更多失败:', error)
|
} finally {
|
this.setData({ loadingMore: false })
|
}
|
},
|
|
// 加载项目列表
|
async loadProjectList(isLoadMore = false) {
|
const { currentTab, searchKeyword, pageSize, currentPage } = this.data
|
|
let query = ''
|
let variables = {
|
page: isLoadMore ? currentPage + 1 : 1,
|
pageSize: pageSize,
|
searchKeyword: searchKeyword || null
|
}
|
|
// 根据当前选项卡构建不同的查询
|
switch (currentTab) {
|
case 0: // 我未评审
|
query = `
|
query GetUnReviewedProjects($page: Int!, $pageSize: Int!, $searchKeyword: String) {
|
unReviewedProjects(page: $page, pageSize: $pageSize, searchKeyword: $searchKeyword) {
|
items {
|
id
|
projectName
|
activityName
|
stageName
|
studentName
|
submitTime
|
status
|
}
|
total
|
hasMore
|
}
|
}
|
`
|
break
|
case 1: // 我已评审
|
query = `
|
query GetReviewedProjects($page: Int!, $pageSize: Int!, $searchKeyword: String) {
|
reviewedProjects(page: $page, pageSize: $pageSize, searchKeyword: $searchKeyword) {
|
items {
|
id
|
projectName
|
activityName
|
stageName
|
studentName
|
submitTime
|
reviewTime
|
score
|
status
|
}
|
total
|
hasMore
|
}
|
}
|
`
|
break
|
case 2: // 学员未评审
|
query = `
|
query GetStudentUnReviewedProjects($page: Int!, $pageSize: Int!, $searchKeyword: String) {
|
studentUnReviewedProjects(page: $page, pageSize: $pageSize, searchKeyword: $searchKeyword) {
|
items {
|
id
|
projectName
|
activityName
|
stageName
|
studentName
|
submitTime
|
status
|
}
|
total
|
hasMore
|
}
|
}
|
`
|
break
|
}
|
|
const result = await graphqlRequest(query, variables)
|
|
if (result) {
|
const dataKey = currentTab === 0 ? 'unReviewedProjects' :
|
currentTab === 1 ? 'reviewedProjects' :
|
'studentUnReviewedProjects'
|
|
const data = result[dataKey]
|
|
if (data && data.items) {
|
// 处理项目数据
|
const projects = data.items.map(item => ({
|
...item,
|
submitTime: item.submitTime ? formatDate(item.submitTime) : '',
|
reviewTime: item.reviewTime ? formatDate(item.reviewTime) : '',
|
statusText: this.getStatusText(item.status),
|
statusType: this.getStatusType(item.status)
|
}))
|
|
this.setData({
|
projectList: isLoadMore ? [...this.data.projectList, ...projects] : projects,
|
hasMore: data.hasMore || false,
|
currentPage: variables.page
|
})
|
}
|
}
|
},
|
|
// 加载统计数据
|
async loadStatistics() {
|
try {
|
const query = `
|
query GetReviewStatistics {
|
reviewStatistics {
|
unReviewedCount
|
reviewedCount
|
studentUnReviewedCount
|
}
|
}
|
`
|
|
const result = await graphqlRequest(query)
|
|
if (result && result.reviewStatistics) {
|
this.setData({
|
unReviewedCount: result.reviewStatistics.unReviewedCount || 0,
|
reviewedCount: result.reviewStatistics.reviewedCount || 0,
|
studentUnReviewedCount: result.reviewStatistics.studentUnReviewedCount || 0
|
})
|
}
|
} catch (error) {
|
console.error('加载统计数据失败:', error)
|
}
|
},
|
|
// 跳转到评审详情页面
|
goToReviewDetail(e) {
|
const { activityPlayerId } = e.currentTarget.dataset
|
if (activityPlayerId) {
|
wx.navigateTo({
|
url: `/pages/judge/review?id=${activityPlayerId}`
|
})
|
}
|
},
|
|
// 获取状态文本
|
getStatusText(status) {
|
const statusMap = {
|
'SUBMITTED': '已提交',
|
'UNDER_REVIEW': '评审中',
|
'REVIEWED': '已评审',
|
'REJECTED': '已拒绝'
|
}
|
return statusMap[status] || status
|
},
|
|
// 获取状态类型
|
getStatusType(status) {
|
const typeMap = {
|
'SUBMITTED': 'info',
|
'UNDER_REVIEW': 'warning',
|
'REVIEWED': 'success',
|
'REJECTED': 'danger'
|
}
|
return typeMap[status] || 'info'
|
},
|
|
// 获取空状态文本
|
getEmptyText() {
|
const { currentTab, searchKeyword } = this.data
|
|
if (searchKeyword) {
|
return '未找到相关项目'
|
}
|
|
const emptyTexts = ['暂无待评审项目', '暂无已评审项目', '暂无学员未评审项目']
|
return emptyTexts[currentTab] || '暂无数据'
|
},
|
|
// 获取空状态描述
|
getEmptyDesc() {
|
const { currentTab, searchKeyword } = this.data
|
|
if (searchKeyword) {
|
return '请尝试其他关键词搜索'
|
}
|
|
const emptyDescs = [
|
'当前没有需要您评审的项目',
|
'您还没有完成任何评审',
|
'当前没有学员未评审的项目'
|
]
|
return emptyDescs[currentTab] || ''
|
}
|
})
|
