337 lines
14 KiB
TypeScript
337 lines
14 KiB
TypeScript
import { _decorator, Color, Component, Label, Node, Tween, tween } from 'cc';
|
||
import { VirtualScrollView } from './VScrollView';
|
||
import { Palette } from './Palette';
|
||
import { SlotRankingDataManager } from './SlotRankingDataManager';
|
||
import { callGameApiForRank, getGameId, truncateString } from 'db://assets/Loading/scripts/comm';
|
||
import { AudioManager } from 'db://assets/Loading/scripts/manager/AudioManager';
|
||
|
||
const { ccclass, property } = _decorator;
|
||
|
||
@ccclass('RankHistoryList')
|
||
export class RankHistoryList extends Component {
|
||
// ==================== 历史排行榜 ====================
|
||
rankHistoryList: Node = null; // 历史排行榜节点
|
||
rankHistoryLoadingNode: Node = null; // 历史记录加载节点
|
||
|
||
// 历史排行榜 - 翻页按钮
|
||
rightBtn: Node = null; // 右箭头按钮（下一期）
|
||
leftBtn: Node = null; // 左箭头按钮（上一期）
|
||
|
||
closeBtn: Node = null; // 关闭按钮
|
||
|
||
rankingHistoryListVScroll: VirtualScrollView = null; // 历史排行榜虚拟列表
|
||
selfInfo: Node = null; // 自己的信息节点
|
||
|
||
// 历史排行榜 - 日周月切换
|
||
rankHistoryRadioDWM: Node = null; // 历史记录日周月单选按钮父节点
|
||
rankHistoryRadioDayBtn: Node = null; // 历史记录日榜单选按钮
|
||
rankHistoryRadioWeekBtn: Node = null; // 历史记录周榜单选按钮
|
||
rankHistoryRadioMonthBtn: Node = null; // 历史记录月榜单选按钮
|
||
|
||
// 活动未开启提示
|
||
activityNotOpenTip: Node = null; // 活动未开启提示 label
|
||
|
||
currentHistoryType: string = '';
|
||
historyIndex: number = 1; // 历史记录索引，1表示上一期，最大为10
|
||
maxHistoryIndex: number = 10; // 最大历史记录数
|
||
availableTypes: Set<string> = new Set(); // 可用的类型
|
||
|
||
// 回调函数
|
||
onBack: () => void = null; // 返回到主列表
|
||
|
||
init(rankHistoryListNode: Node) {
|
||
this.rankHistoryList = rankHistoryListNode;
|
||
|
||
let titleChange = this.rankHistoryList.getChildByName('titleChange');
|
||
this.rightBtn = titleChange.getChildByName('rightBtn');
|
||
this.leftBtn = titleChange.getChildByName('leftBtn');
|
||
this.selfInfo = this.rankHistoryList.getChildByName('list').getChildByName('self');
|
||
this.rankHistoryLoadingNode = this.rankHistoryList.getChildByName('list').getChildByName('loading');
|
||
this.rankingHistoryListVScroll = this.rankHistoryList.getChildByName('list').getChildByName('vScroll').getComponent(VirtualScrollView);
|
||
this.rankHistoryRadioDWM = this.rankHistoryList.getChildByName('rankHistoryRadioDWM');
|
||
this.rankHistoryRadioDayBtn = this.rankHistoryRadioDWM.getChildByName('dayBtn');
|
||
this.rankHistoryRadioWeekBtn = this.rankHistoryRadioDWM.getChildByName('weekBtn');
|
||
this.rankHistoryRadioMonthBtn = this.rankHistoryRadioDWM.getChildByName('monthBtn');
|
||
|
||
this.activityNotOpenTip = this.rankHistoryList.getChildByName('list').getChildByName('activityNotOpenTip');
|
||
|
||
this.rankHistoryList.active = false;
|
||
this.rankHistoryLoadingNode.active = false;
|
||
this.activityNotOpenTip.active = false;
|
||
this.closeBtn = this.rankHistoryList.getChildByName('closeHistory');
|
||
|
||
this.rightBtn.on(Node.EventType.TOUCH_END, this.onClickRightBtn, this);
|
||
this.leftBtn.on(Node.EventType.TOUCH_END, this.onClickLeftBtn, this);
|
||
this.closeBtn.on(Node.EventType.TOUCH_END, this.closeRankHistoryPopup, this);
|
||
|
||
this.rankHistoryRadioDayBtn.on(Node.EventType.TOUCH_END, this.onClickRankHistoryRadioDayBtn, this);
|
||
this.rankHistoryRadioWeekBtn.on(Node.EventType.TOUCH_END, this.onClickRankHistoryRadioWeekBtn, this);
|
||
this.rankHistoryRadioMonthBtn.on(Node.EventType.TOUCH_END, this.onClickRankHistoryRadioMonthBtn, this);
|
||
}
|
||
|
||
// ==================== 对外接口 ====================
|
||
async show(type: string) {
|
||
this.rankHistoryList.active = true;
|
||
|
||
this.updateAvailableTypes();
|
||
|
||
this.currentHistoryType = type;
|
||
|
||
this.historyIndex = 1;
|
||
|
||
this.updateHistoryArrows();
|
||
this.refreshSelfRankingInfo(null);
|
||
await this.loadHistoryData(this.currentHistoryType, this.historyIndex);
|
||
}
|
||
|
||
updateAvailableTypes() {
|
||
let rankList = SlotRankingDataManager.instance.rankList;
|
||
this.availableTypes.clear();
|
||
if (rankList && rankList.List) {
|
||
for (let item of rankList.List) {
|
||
this.availableTypes.add(item.Type);
|
||
}
|
||
}
|
||
}
|
||
|
||
isTypeAvailable(type: string): boolean {
|
||
return this.availableTypes.has(type);
|
||
}
|
||
|
||
showActivityNotOpenTip() {
|
||
this.activityNotOpenTip.active = true;
|
||
this.rankingHistoryListVScroll.setTotalCount(0);
|
||
}
|
||
|
||
hideActivityNotOpenTip() {
|
||
this.activityNotOpenTip.active = false;
|
||
}
|
||
|
||
hide() {
|
||
this.rankHistoryList.active = false;
|
||
}
|
||
|
||
// ==================== 历史记录逻辑 ====================
|
||
async loadHistoryData(type: string, index: number) {
|
||
this.setRankHistoryRadioBtn(type);
|
||
this.refreshSelfRankingInfo(null);
|
||
if (!this.isTypeAvailable(type)) {
|
||
console.log(`${type} 历史榜单活动未开启`);
|
||
this.rankHistoryLoadingNode.active = false;
|
||
this.showActivityNotOpenTip();
|
||
return;
|
||
}
|
||
|
||
this.hideActivityNotOpenTip();
|
||
|
||
this.rankingHistoryListVScroll.setTotalCount(0);
|
||
|
||
Tween.stopAllByTarget(this.rankHistoryLoadingNode);
|
||
this.rankHistoryLoadingNode.active = true;
|
||
tween(this.rankHistoryLoadingNode)
|
||
.by(0.3, { angle: 360 })
|
||
.repeatForever()
|
||
.start();
|
||
|
||
let historyDate = this.getHistoryDate(type, index);
|
||
|
||
let data = {
|
||
Type: type,
|
||
GameId: getGameId(),
|
||
Date: historyDate,
|
||
}
|
||
|
||
try {
|
||
let rankInfos = await callGameApiForRank('getRankInfos', data);
|
||
|
||
Tween.stopAllByTarget(this.rankHistoryLoadingNode);
|
||
this.rankHistoryLoadingNode.active = false;
|
||
|
||
this.openRankHistoryPopup(rankInfos);
|
||
this.refreshSelfRankingInfo(rankInfos.Self);
|
||
} catch (error) {
|
||
console.error('获取历史排行榜数据失败:', error);
|
||
|
||
Tween.stopAllByTarget(this.rankHistoryLoadingNode);
|
||
this.rankHistoryLoadingNode.active = false;
|
||
}
|
||
}
|
||
|
||
refreshSelfRankingInfo(selfInfo: any) {
|
||
if (!selfInfo) {
|
||
this.selfInfo.getChildByName('Rank').getChildByName('sp_1').active = false;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('sp_2').active = false;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('sp_3').active = false;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('rankLab').active = true;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('rankLab').getComponent(Label).string = '-';
|
||
this.selfInfo.getChildByName('Uid').getComponent(Label).string = '-';
|
||
this.selfInfo.getChildByName('Shop').getComponent(Label).string = '-';
|
||
this.selfInfo.getChildByName('Win').getComponent(Label).string = '-';
|
||
return;
|
||
}
|
||
|
||
this.selfInfo.getChildByName('Rank').getChildByName('sp_1').active = selfInfo.Rank === 1;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('sp_2').active = selfInfo.Rank === 2;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('sp_3').active = selfInfo.Rank === 3;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('rankLab').active = selfInfo.Rank >= 4;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('rankLab').getComponent(Label).string = selfInfo.Rank.toString();
|
||
if (selfInfo.Rank === -1) {
|
||
this.selfInfo.getChildByName('Rank').getChildByName('rankLab').active = true;
|
||
this.selfInfo.getChildByName('Rank').getChildByName('rankLab').getComponent(Label).string = '-';
|
||
}
|
||
this.selfInfo.getChildByName('Uid').getComponent(Label).string = truncateString(selfInfo.Uid);
|
||
this.selfInfo.getChildByName('Shop').getComponent(Label).string = SlotRankingDataManager.instance.getRankListServerId() || '-';
|
||
this.selfInfo.getChildByName('Win').getComponent(Label).string = selfInfo.Win.toString();
|
||
}
|
||
|
||
getHistoryDate(type: string, index: number): string {
|
||
let now = new Date();
|
||
let date = new Date(now);
|
||
|
||
if (type === 'day') {
|
||
date.setDate(date.getDate() - index);
|
||
} else if (type === 'week') {
|
||
date.setDate(date.getDate() - index * 7);
|
||
} else if (type === 'month') {
|
||
date.setMonth(date.getMonth() - index);
|
||
}
|
||
|
||
let year = date.getFullYear();
|
||
let month = (date.getMonth() + 1).toString();
|
||
let day = date.getDate().toString();
|
||
if (month.length < 2) month = '0' + month;
|
||
if (day.length < 2) day = '0' + day;
|
||
return `${year}${month}${day}`;
|
||
}
|
||
|
||
updateHistoryArrows() {
|
||
this.rightBtn.active = this.historyIndex > 1;
|
||
this.leftBtn.active = this.historyIndex < this.maxHistoryIndex;
|
||
}
|
||
|
||
openRankHistoryPopup(rankInfos: any) {
|
||
this.rankingHistoryListVScroll.setTotalCount(rankInfos.List.length);
|
||
this.rankingHistoryListVScroll.renderItemFn = (node: Node, idx: number) => {
|
||
let itemData = rankInfos.List[idx];
|
||
if (!itemData) {
|
||
return;
|
||
}
|
||
node.getChildByName('bg').active = idx % 2 === 0;
|
||
node.getChildByName('bg2').active = idx % 2 !== 0;
|
||
node.getChildByName('Rank').getChildByName('sp_1').active = idx === 0;
|
||
node.getChildByName('Rank').getChildByName('sp_2').active = idx === 1;
|
||
node.getChildByName('Rank').getChildByName('sp_3').active = idx === 2;
|
||
node.getChildByName('Rank').getChildByName('rankLab').active = idx >= 3;
|
||
node.getChildByName('Rank').getChildByName('rankLab').getComponent(Label).string = (idx + 1).toString();
|
||
node.getChildByName('Uid').getComponent(Label).string = truncateString(itemData.Uid);
|
||
node.getChildByName('Shop').getComponent(Label).string = SlotRankingDataManager.instance.getRankListServerId() || '-';
|
||
node.getChildByName('Win').getComponent(Label).string = itemData.Win.toString();
|
||
}
|
||
|
||
this.rankingHistoryListVScroll.refreshList(rankInfos.List);
|
||
}
|
||
|
||
// ==================== 按钮状态管理 ====================
|
||
setRankHistoryRadioBtn(type: string) {
|
||
let selectedColor = new Color(219, 180, 180, 255);
|
||
let unselectedColor = new Color(197, 255, 175, 255);
|
||
|
||
this.setRadioBtnState(this.rankHistoryRadioDayBtn, type === 'day', selectedColor, unselectedColor);
|
||
this.setRadioBtnState(this.rankHistoryRadioWeekBtn, type === 'week', selectedColor, unselectedColor);
|
||
this.setRadioBtnState(this.rankHistoryRadioMonthBtn, type === 'month', selectedColor, unselectedColor);
|
||
}
|
||
|
||
setRadioBtnState(btn: Node, isSelected: boolean, selectedColor: Color, unselectedColor: Color) {
|
||
let check = btn.getChildByName('check');
|
||
let unCheck = btn.getChildByName('unCheck');
|
||
let label = btn.getChildByName('label');
|
||
let palette = label?.getComponent(Palette);
|
||
|
||
if (isSelected) {
|
||
check.active = true;
|
||
unCheck.active = false;
|
||
if (palette) {
|
||
palette.colorLB = selectedColor;
|
||
palette.colorRB = selectedColor;
|
||
}
|
||
} else {
|
||
check.active = false;
|
||
unCheck.active = true;
|
||
if (palette) {
|
||
palette.colorLB = unselectedColor;
|
||
palette.colorRB = unselectedColor;
|
||
}
|
||
}
|
||
}
|
||
|
||
// ==================== 按钮事件 ====================
|
||
async onClickLeftBtn() {
|
||
AudioManager.instance.playSFX("Common_Button_Click");
|
||
if (this.historyIndex >= this.maxHistoryIndex) {
|
||
return;
|
||
}
|
||
|
||
this.historyIndex++;
|
||
this.updateHistoryArrows();
|
||
await this.loadHistoryData(this.currentHistoryType, this.historyIndex);
|
||
}
|
||
|
||
async onClickRightBtn() {
|
||
AudioManager.instance.playSFX("Common_Button_Click");
|
||
if (this.historyIndex <= 1) {
|
||
return;
|
||
}
|
||
|
||
this.historyIndex--;
|
||
this.updateHistoryArrows();
|
||
await this.loadHistoryData(this.currentHistoryType, this.historyIndex);
|
||
}
|
||
|
||
async onClickRankHistoryRadioDayBtn() {
|
||
AudioManager.instance.playSFX("Common_Button_Click");
|
||
if (this.currentHistoryType === 'day') {
|
||
return;
|
||
}
|
||
this.currentHistoryType = 'day';
|
||
this.historyIndex = 1;
|
||
this.updateHistoryArrows();
|
||
await this.loadHistoryData('day', this.historyIndex);
|
||
}
|
||
|
||
async onClickRankHistoryRadioWeekBtn() {
|
||
AudioManager.instance.playSFX("Common_Button_Click");
|
||
if (this.currentHistoryType === 'week') {
|
||
return;
|
||
}
|
||
this.currentHistoryType = 'week';
|
||
this.historyIndex = 1;
|
||
this.updateHistoryArrows();
|
||
await this.loadHistoryData('week', this.historyIndex);
|
||
}
|
||
|
||
async onClickRankHistoryRadioMonthBtn() {
|
||
AudioManager.instance.playSFX("Common_Button_Click");
|
||
if (this.currentHistoryType === 'month') {
|
||
return;
|
||
}
|
||
this.currentHistoryType = 'month';
|
||
this.historyIndex = 1;
|
||
this.updateHistoryArrows();
|
||
await this.loadHistoryData('month', this.historyIndex);
|
||
}
|
||
|
||
closeRankHistoryPopup() {
|
||
AudioManager.instance.playSFX("Common_Button_Click");
|
||
this.onBack?.call(null);
|
||
}
|
||
|
||
onDestroy() {
|
||
this.rightBtn.off(Node.EventType.TOUCH_END, this.onClickRightBtn, this);
|
||
this.leftBtn.off(Node.EventType.TOUCH_END, this.onClickLeftBtn, this);
|
||
this.rankHistoryRadioDayBtn.off(Node.EventType.TOUCH_END, this.onClickRankHistoryRadioDayBtn, this);
|
||
this.rankHistoryRadioWeekBtn.off(Node.EventType.TOUCH_END, this.onClickRankHistoryRadioWeekBtn, this);
|
||
this.rankHistoryRadioMonthBtn.off(Node.EventType.TOUCH_END, this.onClickRankHistoryRadioMonthBtn, this);
|
||
this.closeBtn.off(Node.EventType.TOUCH_END, this.closeRankHistoryPopup, this);
|
||
}
|
||
}
|