|
|
|
@ -128,7 +128,9 @@ import { ref, computed, onMounted, nextTick, watch } from 'vue' |
|
|
|
|
|
|
|
// 活动时间显示 |
|
|
|
const activityPeriod = ref('加载中...') |
|
|
|
|
|
|
|
// 添加响应式变量存储活动ID和市场ID |
|
|
|
const activityId = ref(null) |
|
|
|
const usMarketId = ref(null) |
|
|
|
// 格式化日期函数 |
|
|
|
const formatDate = (dateString) => { |
|
|
|
if (!dateString) return '' |
|
|
|
@ -145,8 +147,13 @@ async function fetchActivity() { |
|
|
|
const response = await getActivity1API() |
|
|
|
if (response.code === 200) { |
|
|
|
console.log('活动数据:', response.data) |
|
|
|
|
|
|
|
// 处理返回的数据 |
|
|
|
const { startTime, endTime, marketTwoStatus, marketTwoCount } = response.data |
|
|
|
const { activityId: id, data, startTime, endTime, totalcount } = response.data |
|
|
|
|
|
|
|
// 存储活动ID |
|
|
|
activityId.value = id |
|
|
|
|
|
|
|
if (startTime && endTime) { |
|
|
|
const formattedStartTime = formatDate(startTime) |
|
|
|
const formattedEndTime = formatDate(endTime) |
|
|
|
@ -155,27 +162,46 @@ async function fetchActivity() { |
|
|
|
activityPeriod.value = '时间待定' |
|
|
|
} |
|
|
|
|
|
|
|
// 根据marketTwoStatus设置助力状态 |
|
|
|
if (marketTwoStatus === '已助力') { |
|
|
|
usBoostStatus.value = true |
|
|
|
} else { |
|
|
|
usBoostStatus.value = false |
|
|
|
} |
|
|
|
|
|
|
|
// 根据marketTwoCount计算进度和剩余时间 |
|
|
|
if (marketTwoCount !== undefined) { |
|
|
|
const totalPeople = 1500 // 总人数1500人 |
|
|
|
const currentCount = marketTwoCount || 0 // 当前助力人数 |
|
|
|
|
|
|
|
// 计算进度百分比 (0-100) |
|
|
|
const progressPercent = Math.min((currentCount / totalPeople) * 100, 100) |
|
|
|
|
|
|
|
// 根据进度计算剩余时间 (15分钟对应100%进度) |
|
|
|
const usedTime = (progressPercent / 100) * 15 |
|
|
|
const remainingTime = Math.max(0, 15 - usedTime) |
|
|
|
|
|
|
|
usRemainingTime.value = Math.round(remainingTime) |
|
|
|
console.log(`助力人数: ${currentCount}/${totalPeople}, 进度: ${progressPercent.toFixed(1)}%, 剩余时间: ${remainingTime.toFixed(1)}分钟`) |
|
|
|
// 处理市场数据 |
|
|
|
if (data && data.length > 0) { |
|
|
|
// 遍历数据数组 |
|
|
|
data.forEach(item => { |
|
|
|
if (item.market === "美股" && item.marketId === 8) { |
|
|
|
// 存储美股市场ID |
|
|
|
usMarketId.value = item.marketId |
|
|
|
|
|
|
|
// 根据marketStatus设置助力状态 |
|
|
|
if (item.marketStatus === '已助力') { |
|
|
|
usBoostStatus.value = true |
|
|
|
} else { |
|
|
|
usBoostStatus.value = false |
|
|
|
} |
|
|
|
|
|
|
|
// 根据marketCount计算进度和剩余时间 |
|
|
|
if (item.marketCount !== undefined) { |
|
|
|
const totalPeople = 1500 // 总人数1500人 |
|
|
|
const currentCount = item.marketCount || 0 // 当前助力人数 |
|
|
|
|
|
|
|
// 计算进度百分比 (0-100) |
|
|
|
const progressPercent = Math.min((currentCount / totalPeople) * 100, 100) |
|
|
|
|
|
|
|
// 根据进度计算剩余时间 (15分钟对应100%进度) |
|
|
|
const usedTime = (progressPercent / 100) * 15 |
|
|
|
const remainingTime = Math.max(0, 15 - usedTime) |
|
|
|
|
|
|
|
usRemainingTime.value = Math.round(remainingTime) |
|
|
|
console.log(`美股助力人数: ${currentCount}/${totalPeople}, 进度: ${progressPercent.toFixed(1)}%, 剩余时间: ${remainingTime.toFixed(1)}分钟`) |
|
|
|
|
|
|
|
// 更新进度条高度 |
|
|
|
nextTick(() => { |
|
|
|
updateProgressDisplay() |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// 如果需要处理港股数据，可以添加类似的逻辑 |
|
|
|
// if (item.market === "港股" && item.marketId === 5) { ... } |
|
|
|
}) |
|
|
|
} |
|
|
|
} else { |
|
|
|
console.error('获取活动失败:', response.message) |
|
|
|
@ -186,6 +212,8 @@ async function fetchActivity() { |
|
|
|
activityPeriod.value = '网络错误' |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const numberToChinese = (num) => { |
|
|
|
const chineseNumbers = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五'] |
|
|
|
return chineseNumbers[num] || num.toString() |
|
|
|
@ -290,7 +318,7 @@ onMounted(() => { |
|
|
|
// 添加窗口大小改变监听 |
|
|
|
window.addEventListener('resize', () => { |
|
|
|
nextTick(() => { |
|
|
|
updateProgressBarHeight() |
|
|
|
updateProgressBarHeight() |
|
|
|
}) |
|
|
|
}) |
|
|
|
}) |
|
|
|
@ -308,17 +336,23 @@ onMounted(() => { |
|
|
|
const handleBoostClick = async (area) => { |
|
|
|
if (area === 'us' && !usBoostStatus.value) { |
|
|
|
try { |
|
|
|
// 调用助力API |
|
|
|
// 检查是否已获取到活动ID和市场ID |
|
|
|
if (!activityId.value || !usMarketId.value) { |
|
|
|
console.error('活动ID或市场ID未获取，请先获取活动数据') |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
// 调用助力API，使用动态获取的值 |
|
|
|
const response = await addRecordAPI({ |
|
|
|
"activityId": 41,//需要动态获取，没有上线前问后端要id |
|
|
|
"marketSign": 5 |
|
|
|
"activityId": activityId.value, |
|
|
|
"marketSign": usMarketId.value |
|
|
|
}); |
|
|
|
|
|
|
|
if (response.code === 200) { |
|
|
|
console.log('美股助力成功：', response.message) |
|
|
|
// 重新获取活动数据以更新按钮状态和进度 |
|
|
|
await fetchActivity() |
|
|
|
console.log('美股已助力，剩余时间：', usRemainingTime.value) |
|
|
|
console.log('美股已助力状态：', usBoostStatus.value, '剩余时间：', usRemainingTime.value) |
|
|
|
} else { |
|
|
|
console.error('美股助力失败：', response.message) |
|
|
|
} |
|
|
|
@ -326,27 +360,7 @@ const handleBoostClick = async (area) => { |
|
|
|
console.error('美股助力请求失败：', error) |
|
|
|
} |
|
|
|
} |
|
|
|
// else if (area === 'hk' && !hkBoostStatus.value) { |
|
|
|
// try { |
|
|
|
// // 调用助力API |
|
|
|
// const response = await addRecordAPI({ |
|
|
|
// "activityId": 1, |
|
|
|
// "marketSign": 5 |
|
|
|
// }); |
|
|
|
|
|
|
|
// if (response.code === 200) { |
|
|
|
// hkBoostStatus.value = true |
|
|
|
// // 助力后减少1分钟时间 |
|
|
|
// simulateTimeDecrease('hk') |
|
|
|
// console.log('港股助力成功：', response.message) |
|
|
|
// console.log('港股已助力，剩余时间：', hkRemainingTime.value) |
|
|
|
// } else { |
|
|
|
// console.error('港股助力失败：', response.message) |
|
|
|
// } |
|
|
|
// } catch (error) { |
|
|
|
// console.error('港股助力请求失败：', error) |
|
|
|
// } |
|
|
|
// } |
|
|
|
// ... existing code ... |
|
|
|
} |
|
|
|
|
|
|
|
const showRulesFunc = () => { |
|
|
|
@ -1006,6 +1020,7 @@ const hideRules = () => { |
|
|
|
background-image: url('@/assets/img/zhongchou/手机周年庆装饰.png'); |
|
|
|
/* 需要准备此图片资源 */ |
|
|
|
} |
|
|
|
|
|
|
|
.main-title img { |
|
|
|
max-height: 60px; |
|
|
|
} |
|
|
|
|
songtongtong
4 weeks ago