= [
+ {
+ title: 'Token ID',
+ dataIndex: 'id',
+ key: 'id',
+ width: 80,
+ fixed: 'left'
+ },
+ {
+ title: 'Token',
+ dataIndex: 'token',
+ key: 'token',
+ width: 200,
+ render: (text: string) => (
+
+
+ {formatTokenDisplay(text, 20)}
+
+ }
+ onClick={() => {
+ navigator.clipboard.writeText(text);
+ messageApi.success('Token 已复制到剪贴板');
+ }}
+ style={{
+ padding: '0 4px',
+ height: '20px',
+ color: '#1890ff'
+ }}
+ />
+
+ )
+ },
+ {
+ title: '每日限制',
+ dataIndex: 'dailyLimit',
+ key: 'dailyLimit',
+ width: 100,
+ render: (_, record) => (
+
+
{record.dailyLimit > 0 ? record.dailyLimit : '不限制'}
+
+ 已用: {record.dailyUsage}
+
+
+
{record.totalLimit > 0 ? record.totalLimit : '不限制'}
+
+ 已用: {record.totalUsage}
+
+
+
{record.concurrencyLimit}
+
+ 执行中: {record.currentlyExecuting}
+
+
+ {messageHolder}
+ {modalHolder}
+
+
+ {
+ stats.map((stat, index) => (
+
+
+
+
+ {stat.title}
+
+
+ {stat.value}
+
+
+
+ {stat.iconText}
+
+
+
+ {/* 主表格卡片 */}
+
+ Token 管理
+ 共 {simpleData?.total} 条记录
+
+ }
+ extra={
+ } onClick={handleAdd}>
+ 新增 Token
+
+ }
+ >
+ {/* 搜索表单区域 */}
+
+
+ {/* 数据表格 */}
+
+
+
+ {/* 任务基本信息 */}
+
+
+ 📋 任务基本信息
+
+
+
+
+ messageApi.success('任务ID已复制')
+ }}
+ style={{
+ margin: 0,
+ borderRadius: '4px',
+ fontSize: containerWidth < 500 ? '12px' : '14px',
+ wordBreak: 'break-word'
+ }}
+ >
+ {taskData.taskId || '无'}
+
+
+
+
+ messageApi.success('第三方任务ID已复制')
+ }}
+ style={{
+ margin: 0,
+ borderRadius: '4px',
+ fontSize: containerWidth < 500 ? '12px' : '14px',
+ wordBreak: 'break-word'
+ }}
+ >
+ {taskData.thirdPartyTaskId || '无'}
+
+
+
+ {isAdmin ?
+ {taskData.tokenId}
+ : null}
+
+
+ {getStatusTag(taskData.status || '')}
+
+
+
+ {properties.action || '-'}
+
+
+
+ {properties.progress || "-"}
+
+
+
+ {FormatDate(taskData.startTime)}
+
+
+
+ {taskData.endTime ? FormatDate(taskData.endTime) : '-'}
+
+
+
+ {getDuration()}
+
+
+
+
+ {/* 提示词信息 */}
+
+
+ 💭 提示词信息
+
+
+
+
+
+ 原始提示词:
+
+ messageApi.success('原始提示词已复制')
+ }}
+ style={{
+ margin: 0,
+ padding: '8px',
+ backgroundColor: '#f5f5f5',
+ borderRadius: '4px',
+ fontSize: containerWidth < 500 ? '12px' : '14px',
+ wordBreak: 'break-word'
+ }}
+ >
+ {properties.prompt || '无'}
+
+
+
+
+
+ 英文提示词:
+
+ messageApi.success('英文提示词已复制')
+ }}
+ style={{
+ margin: 0,
+ padding: '8px',
+ backgroundColor: '#f5f5f5',
+ borderRadius: '4px',
+ fontSize: containerWidth < 500 ? '12px' : '14px',
+ wordBreak: 'break-word'
+ }}
+ >
+ {properties.promptEn || '无'}
+
+
+
+ {properties.properties?.finalPrompt && (
+
+
+ 最终提示词:
+
+ messageApi.success('最终提示词已复制')
+ }}
+ style={{
+ margin: 0,
+ padding: '8px',
+ backgroundColor: '#f0f9ff',
+ borderRadius: '4px',
+ fontSize: containerWidth < 500 ? '12px' : '14px',
+ wordBreak: 'break-word'
+ }}
+ >
+ {properties.properties.finalPrompt || '无'}
+
+
+ )}
+
+
+
+ {/* 生成结果 */}
+ {properties.imageUrl && (
+
+
+ 🖼️ 生成结果
+
+
+
+
+
+ }
+ onClick={() => window.open(properties.imageUrl, '_blank')}
+ title="在新窗口打开"
+ />
+
+ }
+ >
+
+
,
+ maskClassName: 'custom-mask'
+ }}
+ />
+
+ 尺寸: {properties.imageWidth} × {properties.imageHeight}
+
+
+ {/* 添加图片地址复制功能 */}
+
+
图片地址:
+
messageApi.success('图片地址已复制')
+ }}
+ style={{
+ margin: 0,
+ padding: '4px',
+ backgroundColor: '#f5f5f5',
+ borderRadius: '4px',
+ fontSize: '10px',
+ wordBreak: 'break-all',
+ marginTop: '4px'
+ }}
+ >
+ {formatTokenDisplay(properties.imageUrl, 30)}
+
+
+
+
+
+
提交时间
+
+ {properties.submitTime ? FormatDate(new Date(properties.submitTime)) : '-'}
+
+
+
结束时间
+
+ {properties.finishTime ? FormatDate(new Date(properties.submitTime)) : '-'}
+
+
+
机器人类型
+
+ {properties.botType || '-'}
+
+
+
Discord实例
+
messageApi.success('Discord实例ID已复制')
+ }}
+ style={{
+ margin: 0,
+ padding: '2px',
+ backgroundColor: 'transparent',
+ borderRadius: '4px',
+ fontSize: containerWidth < 500 ? '10px' : '11px',
+ wordBreak: 'break-word',
+ fontWeight: 'bold',
+ textAlign: 'center'
+ }}
+ >
+ {properties.properties?.discordInstanceId ?
+ properties.properties.discordInstanceId : '-'}
+
+
+
+
+
+
+ )}
+
+ {/* 只保留失败原因 */}
+ {properties.failReason && (
+
+
+ ❌ 失败原因
+
+
+
+
+
+ !
+
+
+
+
+ 任务执行失败，详细信息如下：
+
+
+
messageApi.success('失败原因已复制'),
+ tooltips: ['复制失败原因', '已复制']
+ }}
+ style={{
+ margin: 0,
+ padding: '12px',
+ backgroundColor: '#ffffff',
+ border: '1px solid #ffccc7',
+ borderRadius: '6px',
+ fontSize: containerWidth < 500 ? '12px' : '13px',
+ color: '#d4380d',
+ wordBreak: 'break-word',
+ lineHeight: '1.6',
+ boxShadow: '0 2px 4px rgba(255, 77, 79, 0.1)'
+ }}
+ >
+ {properties.failReason}
+
+
+
+ 💡 提示：如果问题持续存在，请检查提示词格式或联系技术支持
+
+
+
+
+ )}
+
+ {messageHolder}
+
+
+ {FormatDate(date, true)}
+
+ {dateLabel && containerWidth >= 500 && (
+
+ {dateLabel}
+
+ )}
+
+
+ {FormatDate(date)}
+
+
+
+
📋 复制失败，请手动复制以下信息：
+
+ {dateString}
+
+
+ {/* Token 基本信息 */}
+
+
+ 📋 基本信息
+
+
+
+
+ {tokenData.id}
+
+
+
+
+ {formatTokenDisplay(tokenData.token, config.tokenDisplayLength)}
+
+ }
+ onClick={() => onCopyToken(tokenData.token)}
+ title="复制Token"
+ style={{ minWidth: 'auto', padding: '2px' }}
+ />
+
+
+
+
+
+ {formatTokenDisplay(tokenData.useToken, config.tokenDisplayLength)}
+
+ }
+ onClick={() => onCopyToken(tokenData.useToken)}
+ title="复制Token"
+ style={{ minWidth: 'auto', padding: '2px' }}
+ />
+
+
+
+ {getStatusTag(tokenData.expiresAt)}
+
+
+ {FormatDate(tokenData.createdAt)}
+
+
+
+ {tokenData.expiresAt ? FormatDate(tokenData.expiresAt) : '无时间限制'}
+
+
+
+
+ {tokenData.lastActivityTime ? FormatDate(tokenData.lastActivityTime) : '-'}
+
+
+
+
+
+
+
+
+ {/* 使用统计 */}
+
+
+ 📊 使用统计
+
+
+
+
+
+
+ {tokenData.dailyUsage || 0}
+
+
+ 每日使用 / {tokenData.dailyLimit > 0 ? tokenData.dailyLimit : '∞'}
+
+
+
+ {tokenData.totalUsage || 0}
+
+
+ 总使用量 / {tokenData.totalLimit > 0 ? tokenData.totalLimit : '∞'}
+
+
+
+ {tokenData.currentlyExecuting || 0}
+
+
+ 并发执行 / {tokenData.concurrencyLimit}
+
+
+
+
+ {/* 历史使用数据 */}
+ {
+ tokenData.historyUseJson && Array.isArray(tokenData.historyUseJson) && tokenData.historyUseJson.length > 0 ? (
+
+
+ 📈 历史使用记录
+
+
+ {/* 统计信息 */}
+
+
+
+
+
+ {tokenData.historyUseJson.length}
+
+
记录天数
+
+
+ {tokenData.historyUseJson.reduce((sum, record) => sum + record.DailyUsage, 0)}
+
+
总使用量
+
+
+ {(tokenData.historyUseJson.reduce((sum, record) => sum + record.DailyUsage, 0) / tokenData.historyUseJson.length).toFixed(1)}
+
+
平均每日
+
+
+ {Math.max(...tokenData.historyUseJson.map(record => record.DailyUsage))}
+
+
最高单日
+
+
+
+ {/* 历史记录表格 */}
+
+
+ ) : (
+
+ 暂无历史使用记录
+
+ )}
+ {messageHolder}
+