<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>直播概況</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/index.css?v=2023050903">
<link rel="stylesheet" href="css/liMarquee.css">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
</style>
</head>
<body>
<div class="bg">
<div style="display: none;" class="tips-shadow">
<div style="display: none;" class="tips1-box">
<li class="tips-top-box-li1">
<p>780</p>
</li>
<div class="tips1">
<div class="tips1-ok"></div>
</div>
</div>
<div style="display: none;" class="tips2-box">
<li class="tips-top-box-li2">
<p>780</p>
</li>
<div class="tips2">
<div class="tips2-ok"></div>
</div>
</div>
<div style="display: none;" class="tips3-box">
<div class="tips3">
<div class="tips3-box1">80</div>
<div class="tips3-box2">獎勵: <img src="images/fire2.png?v=2023050901">1500</div>
<div class="tips3-ok"></div>
</div>
</div>
</div>
<div class="live-title"><span>今日直播</span> <i style="font-style: normal;"></i></div>
<a href="rule.html?v=2022010601">
<div class="rule-btn">活動規則></div>
</a>
<div class="live-top-box">
<p class="live-top-p1">0小時</p>
<p class="live-top-p2">目標 : 2小時</p>
</div>
<div class="live-line"></div>
<div class="live-content">
<ul class="top-box-ul">
<li class="top-box-li1">
<p></p>
<div style="display: none;" class="top-box-tips">
<div class="triangle"></div>
<p class="top-box-tips1">人氣指數: <span></span></p>
<p class="top-box-tips2">平均在線人數: <span></span></p>
<p class="top-box-tips3">贈送禮物人數: <span></span></p>
<div class="top-box-content-tips">平均每小時直播間在線人數越多、送禮人數越多則人氣指數越高</div>
</div>
</li>
<li class="top-box-li2">
<p></p>
<div style="display: none;" class="top-box-tips">
<div class="triangle"></div>
<p class="top-box-tips1">互動指數: <span></span></p>
<p class="top-box-tips2">聊天人數: <span></span></p>
<p class="top-box-tips3">聊天條數: <span></span></p>
<div class="top-box-content-tips">平均每小時直播間聊天人數越多、聊天條數越多則互動指數越高</div>
</div>
</li>
<li class="top-box-li3">
<p></p>
<div style="display: none;" class="top-box-tips">
<div class="triangle"></div>
<div class="top-box-content-tips">羽毛收益越高則禮物指數越高</div>
</div>
</li>
</ul>
<div class="top-box-view">
<div class="circleChart1"></div>
<div class="circleChart2"></div>
<div class="circleChart3"></div>
</div>
</div>
<div class="live-line2"></div>
<div class="day-top-box">
<p class="day-top-box-p">今日目標</p>
<p class="day-top-box-p2">總獎勵 : <img src="images/fire1.png?v=2023050901" alt="">--</p>
</div>
<div class="day-box-content clearfix">
<div class="day-box1">
<p class="day-title">直播</p>
<p class="day-num">2小時</p>
<span class="percentage-num">0%</span>
<div class="bar-big-box">
<div class="bar-content">
<div class="bar-nav"></div>
</div>
</div>
<div class="btn-get"></div>
</div>
<div class="day-box2">
<p class="day-title">收益</p>
<p class="day-num"><img src="images/fire1.png?v=2023050901"></p>
<span class="percentage-num">0%</span>
<div class="bar-big-box">
<div class="bar-content">
<div class="bar-nav"></div>
</div>
</div>
<div class="award-box">獎勵: <img src="images/fire2.png?v=2023050901"> --</div>
<div data-type="1" class="btn-get"></div>
</div>
<div class="day-box3">
<p class="day-title">人氣</p>
<p class="day-num"></p>
<span class="percentage-num">0%</span>
<div class="bar-big-box">
<div class="bar-content">
<div class="bar-nav"></div>
</div>
</div>
<div class="award-box">獎勵: <img src="images/fire2.png?v=2023050901"> --</div>
<div data-type="2" class="btn-get"></div>
</div>
<div class="day-box4">
<p class="day-title">互動</p>
<p class="day-num"></p>
<span class="percentage-num">0%</span>
<div class="bar-big-box">
<div class="bar-content">
<div class="bar-nav"></div>
</div>
</div>
<div class="award-box">獎勵: <img src="images/fire2.png?v=2023050901"> --</div>
<div data-type="4" class="btn-get"></div>
</div>
<div class="day-box5">
<p class="day-title">人氣</p>
<p class="day-num"></p>
<span class="percentage-num">0%</span>
<div class="bar-big-box">
<div class="bar-content">
<div class="bar-nav"></div>
</div>
</div>
<div class="award-box">獎勵: <img src="images/fire2.png?v=2023050901"> --</div>
<div data-type="3" class="btn-get"></div>
</div>
<div class="day-box6">
<p class="day-title">互動</p>
<p class="day-num"></p>
<span class="percentage-num">0%</span>
<div class="bar-big-box">
<div class="bar-content">
<div class="bar-nav"></div>
</div>
</div>
<div class="award-box">獎勵: <img src="images/fire2.png?v=2023050901"> --</div>
<div data-type="5" class="btn-get"></div>
</div>
</div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/circleChart.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2024061701'"></script>
<script>
$(function () {
if (data.appversion >= 7590) {
window.location.href = 'index2.html' + location.search;
}
var t1 = null
var textObj = {
txt1: "小時",
txt2: "獎勵",
txt3: "總獎勵",
}
if (sessionStorage.lang == 1) {
textObj = {
txt1: "hours",
txt2: "Rewards",
txt3: "total reward",
}
$(".day-top-box-p").text("Today's Goal")
$("title").text("Live overview")
$(".btn-get").addClass("btn-get-en")
$(".rule-btn").text('Event Rules >')
$(".day-box1 .day-title").text('Live')
$(".day-box2 .day-title").text('income')
$(".day-box3 .day-title").text('Pop Index')
$(".day-box4 .day-title").text('Interactive')
$(".day-box5 .day-title").text('Pop Index')
$(".day-box6 .day-title").text("Interactive")
$(".live-top-p2").text("Goals: 2hours")
$(".live-title span").text("Today's Live")
$(".top-box-li1 .top-box-content-tips").text("The more people online and giving gifts in the average hourly live room, the higher the Pop Index.")
$(".top-box-li1 .top-box-tips").css("height", "3.7rem").css("width", "3.8rem")
$(".top-box-li1 .top-box-tips1").html('Pop Index: <span></span>')
$(".top-box-li1 .top-box-tips2").html('Avg Online Users: <span></span>')
$(".top-box-li1 .top-box-tips3").html('Sending gifts Users: <span></span>')
$(".top-box-li2 .top-box-tips1").html('Interactive index: <span></span>')
$(".top-box-li2 .top-box-tips2").html('Chat Users: <span></span>')
$(".top-box-li2 .top-box-tips3").html('Chat Messages: <span></span>')
$(".top-box-li2 .top-box-content-tips").text("The more people chat in the average hourly live room, the higher the Interactive Index.")
$(".top-box-li3 .top-box-content-tips").text('The more gifts received (increased FEATHERs), the higher the Gift Index')
$(".top-box-li2 .top-box-tips").css("height", "3.7rem")
$(".top-box-li3 .top-box-tips").css("height", "1.8rem")
$(".top-box-li1").addClass("top-box-li1-en")
$(".top-box-li2").addClass("top-box-li2-en")
$(".top-box-li3").addClass("top-box-li3-en")
$(".tips1").addClass("tips1-en")
$(".tips2").addClass("tips2-en")
$(".tips3").addClass("tips3-en")
$(".tips1-ok").css("top", "5.38rem").css("left", "3.4rem")
$(".tips2-ok").css("top", "5.4rem").css("left", "3.35rem")
$(".tips3-ok").css("top", "5.55rem").css("left", "3.25rem")
}
if (sessionStorage.lang == 8) {
textObj = {
txt1: "giờ",
txt2: "thưởng",
txt3: "tổng phần thưởng",
}
$(".day-top-box-p").text("Mục tiêu hôm nay")
$("title").text("Tổng quan trực tiếp")
$(".btn-get").addClass("btn-get-tv")
$(".rule-btn").text('Thể lệ sự kiện')
$(".day-box1 .day-title").text('Trực tiếp')
$(".day-box2 .day-title").text('thu nhập')
$(".day-box3 .day-title").text('chỉ số nhạc pop')
$(".day-box4 .day-title").text('chỉ số tương tác')
$(".day-box5 .day-title").text('chỉ số nhạc pop')
$(".day-box6 .day-title").text("chỉ số tương tác")
$(".live-top-p2").text("Bàn thắng: 2giờ")
$(".live-title span").text("Trực tiếp hôm nay")
$(".top-box-li1 .top-box-content-tips").text("Càng nhiều người trực tuyến và tặng quà trong phòng trực tiếp trung bình mỗi giờ, Chỉ số Pop càng cao.")
$(".top-box-li1 .top-box-tips").css("height", "4.3rem").css("width", "3.9rem")
$(".top-box-li1 .top-box-content-tips").css("width", "3.7rem")
$(".top-box-li1 .top-box-tips1").html('chỉ số nhạc pop: <span></span>')
$(".top-box-li1 .top-box-tips2").html('Số người dùng trực tuyến trung bình: <span></span>')
$(".top-box-li1 .top-box-tips3").html('Số người tặng quà: <span></span>')
$(".top-box-li2 .top-box-tips1").html('chỉ số tương tác: <span></span>')
$(".top-box-li2 .top-box-tips2").html('Số người trò chuyện: <span></span>')
$(".top-box-li2 .top-box-tips3").html('Số cuộc trò chuyện: <span></span>')
$(".top-box-li2 .top-box-content-tips").text("Càng nhiều người trò chuyện trong phòng trực tiếp trung bình mỗi giờ, Chỉ số tương tác càng cao.")
$(".top-box-li3 .top-box-content-tips").text('Nhận càng nhiều quà (tăng LÔNG) thì chỉ số Quà càng cao.')
$(".top-box-li2 .top-box-tips").css("height", "4.7rem")
$(".top-box-li3 .top-box-tips").css("height", "1.8rem")
$(".top-box-li1").addClass("top-box-li1-tv")
$(".top-box-li2").addClass("top-box-li2-tv")
$(".top-box-li3").addClass("top-box-li3-tv")
$(".tips1").addClass("tips1-tv")
$(".tips2").addClass("tips2-tv")
$(".tips3").addClass("tips3-tv")
$(".tips1-ok").css("top", "5.38rem").css("left", "3.4rem")
$(".tips2-ok").css("top", "5.4rem").css("left", "3.35rem")
$(".tips3-ok").css("top", "5.55rem").css("left", "3.25rem")
//修改越南语样式
$(".tips3-box").css("left", "0rem")
$(".day-box3 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
$(".day-box4 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
$(".day-box5 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
$(".day-box6 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
}
if (sessionStorage.lang == 10) {
textObj = {
txt1: "horas",
txt2: "Premio",
txt3: "recompensa total",
}
$(".day-top-box-p").text("Objetivo de hoy")
$("title").text("Visión general en vivo")
$(".btn-get").addClass("btn-get-es")
$(".rule-btn").text('Reglas del evento >')
$(".day-box1 .day-title").text('En vivo')
$(".day-box2 .day-title").text('ingresos')
$(".day-box3 .day-title").text('Índice pop')
$(".day-box4 .day-title").html('Índice de<br> interacción')
$(".day-box5 .day-title").text('Índice pop')
$(".day-box6 .day-title").html("Índice de<br> interacción")
$(".live-top-p2").text("Objetivos: 2horas")
$(".live-title span").text("Vivo de hoy")
$(".top-box-li1 .top-box-content-tips").text("Cuantas más personas estén en línea y hagan regalos en la sala en vivo de media por hora, mayor será el Índice pop.")
$(".top-box-li1 .top-box-tips").css("height", "5.5rem").css("width", "4rem")
$(".top-box-li1 .top-box-tips1").html('Índice pop: <span></span>')
$(".top-box-li1 .top-box-tips2").html('Usuarios de media en línea: <span></span>')
$(".top-box-li1 .top-box-tips3").html('Envío de regalos a usuarios: <span></span>')
$(".top-box-li2 .top-box-tips1").html('Índice de interacción: <span></span>')
$(".top-box-li2 .top-box-tips2").html('Usuarios de chat: <span></span>')
$(".top-box-li2 .top-box-tips3").html('Mensajes de chat: <span></span>')
$(".top-box-li2 .top-box-content-tips").text("Cuantas más personas chateen en la sala de estar de media por hora, mayor será el Índice de interacción.")
$(".top-box-li3 .top-box-content-tips").text('Cuantos más regalos se reciban (aumento de PLUMAS), mayor será el Índice de regalos')
$(".top-box-li2 .top-box-tips").css("height", "4.5rem").css("width", "4.5rem")
$(".top-box-li3 .top-box-tips").css("height", "2.8rem")
$(".top-box-li1").addClass("top-box-li1-es")
$(".top-box-li2").addClass("top-box-li2-es")
$(".top-box-li3").addClass("top-box-li3-es")
$(".tips1").addClass("tips1-es")
$(".tips2").addClass("tips2-es")
$(".tips3").addClass("tips3-es")
$(".tips1-ok").css("top", "5.38rem").css("left", "3.4rem")
$(".tips2-ok").css("top", "5.4rem").css("left", "3.35rem")
$(".tips3-ok").css("top", "5.55rem").css("left", "3.25rem")
//修改越南语样式
$(".tips3-box").css("left", "0rem")
$(".day-box3 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
$(".day-box4 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
$(".day-box5 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
$(".day-box6 .day-title").css("font-size", "0.35rem").css("top", "0.42rem").css("left", "0.2rem")
}
$(".tips-shadow").css("height", $(document).height() + 'px')
var myTime = 0
liveView()
if (localStorage.one == undefined) {
localStorage.one = 1
guide()
}
function guide() {
$(".tips-shadow").fadeIn(350)
$(".tips1-box").show()
$(".tips1-ok").unbind("click").on("click", function () {
$(".tips1-box").hide()
$(".tips2-box").fadeIn(350)
})
$(".tips2-ok").unbind("click").on("click", function () {
scrollTo(".day-box3", 500)
$(".tips2-box").hide()
$(".tips3-box").fadeIn(350)
})
$(".tips3-ok").unbind("click").on("click", function () {
$(".tips-shadow").fadeOut(350)
})
}
function liveView() {
$.ajax({
url: $ip + '/actPopularInteractIndex/queryUserIndexInfo.html',
data: {
roomId: sessionStorage.uid
},
success: function (data) {
console.log('查询主播互动指数', data)
clearInterval(t1)
$(".live-title i").text('(' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[1] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[2] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[3] + ')')
t1 = setInterval(function () {
data.result.timeStamp += 1000
$(".live-title i").text('(' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[1] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[2] + ':' + timeDeal2(data.result.endTodayTimeStamp, data.result.timeStamp)[3] + ')')
}, 1000)
$(".day-box1,.day-box2,.day-box3,.day-box4,.day-box5,.day-box6").unbind("click")
$(".day-box1").on("click", function () {
if (data.result.liveTimeData.hour < 2) {
if (sessionStorage.lang == 1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
else if (sessionStorage.lang == 10) layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
else layer.msg("直播達到2小時后可領取其他獎勵")
} else {
if (sessionStorage.lang == 1) layer.msg("The live broadcast goals have been achieved, you can continued <br> to complete other goals to receive rewards")
else if (sessionStorage.lang == 8) layer.msg("Các mục tiêu phát sóng trực tiếp đã đạt <br> được, bạn có thể tiếp tục hoàn thành các mục tiêu khác để nhận phần thưởng")
else if (sessionStorage.lang == 10) layer.msg("Una vez conseguidos los objetivos de la transmisión en vivo,<br> puede seguir completando otros objetivos para recibir recompensas.")
else layer.msg("直播目標已達成，可完成其他目標獎勵")
}
})
if (data.result.bondsData.bonds < 3000) {
$(".day-box2").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> reaching " + data.result.bondsData.bondsTarget1 + " Feathers")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt " + data.result.bondsData.bondsTarget1 + " lông vũ")
else if (sessionStorage.lang == 10) layer.msg("Phần thưởng có thể nhận được sau <br> khi đạt " + data.result.bondsData.bondsTarget1 + " lông vũ")
else layer.msg("收益到達" + data.result.bondsData.bondsTarget1 + "羽毛后可領取")
})
}
$(".day-box3").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("Rewards can be received after the Pop <br> Index reaches " + data.result.popualrData.popularTarget1 + "")
else if (sessionStorage.lang == 8) layer.msg('Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt ' + data.result.popualrData.popularTarget1 + '')
else if (sessionStorage.lang == 10) layer.msg('Las recompensas se pueden recibir después <br> de que el Índice pop alcanza las ' + data.result.popualrData.popularTarget1 + '')
else layer.msg("人氣指數到達" + data.result.popualrData.popularTarget1 + "后可領取")
})
$(".day-box4").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> the Interactive index reaches " + data.result.interactData.interactTarget1 + "")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt " + data.result.interactData.interactTarget1 + "")
else if (sessionStorage.lang == 10) layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las " + data.result.interactData.interactTarget1 + "")
else layer.msg("互動指數到達" + data.result.interactData.interactTarget1 + "后可領取")
})
$(".day-box5").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> the Pop Index reaches " + data.result.popualrData.popularTarget2 + "")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được sau khi <br> Chỉ số Pop đạt " + data.result.popualrData.popularTarget2 + "")
else if (sessionStorage.lang == 10) layer.msg("Las recompensas se pueden recibir después >nr? de que el Índice pop alcanza las " + data.result.popualrData.popularTarget2 + "")
else layer.msg("人氣指數到達" + data.result.popualrData.popularTarget2 + "后可領取")
})
$(".day-box6").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("Rewards can be received after <br> the Interactive index reaches " + data.result.interactData.interactTarget2 + "")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận sau khi chỉ số <br> Tương tác đạt " + data.result.interactData.interactTarget2 + "")
else if (sessionStorage.lang == 10) layer.msg("Las recompensas se pueden recibir después <br> de que el interacción alcanza las " + data.result.interactData.interactTarget2 + "")
else layer.msg("互動指數到達" + data.result.interactData.interactTarget2 + "后可領取")
})
//直播时长
myTime = data.result.liveTimeData.hour
$(".day-box1 .day-num").html('' + data.result.liveTimeData.hourTarget + '' + textObj.txt1 + '')
$(".live-top-p1").text('' + data.result.liveTimeData.hour + '' + textObj.txt1 + '')
var barWidth = Math.floor((data.result.liveTimeData.hour / data.result.liveTimeData.hourTarget) * 100)
if (barWidth > 100) barWidth = 100
$(".day-box1 .percentage-num").text('' + barWidth + '%')
$(".day-box1 .bar-nav").css("width", barWidth + "%")
//主播收益
$(".top-box-li3 p").text(data.result.bondsData.bonds)
$(".day-box2 .day-num").html('<img src="images/fire1.png?v=2023050901">' + data.result.bondsData.bondsReward1 + '')
var barWidth = Math.floor((data.result.bondsData.bonds / data.result.bondsData.bondsTarget1) * 100)
if (barWidth > 100) barWidth = 100
$(".day-box2 .bar-nav").css("width", "" + barWidth + "%")
$(".day-box2 .percentage-num").text('' + barWidth + '%')
$(".day-box2 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.bondsData.bondsTarget1 + '')
//人气收益1
$(".day-box3 .day-num").text(data.result.popualrData.popularTarget1)
$(".day-box3 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.popualrData.popularReward1 + '')
var barWidth = Math.floor((data.result.popualrData.popualr / data.result.popualrData.popularTarget1) * 100)
if (barWidth > 100) barWidth = 100
$(".day-box3 .percentage-num").text('' + barWidth + '%')
$(".day-box3 .bar-nav").css("width", "" + barWidth + "%")
if (data.result.statusData.popularStatus1 == 0 && barWidth == 100) {
$(".day-box3 .bar-big-box").hide()
$(".day-box3 .btn-get").show()
$(".day-box3 .btn-get").unbind("click").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("Other rewards can be received after <br> the live broadcast reaches 2 hours")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được<br> sau khi phát sóng trực tiếp đạt 2 giờ")
else if (sessionStorage.lang == 10) layer.msg("Se pueden recibir otras recompensas una vez<br> que la transmisión en vivo llegue a las 2 horas")
else layer.msg("直播達到2小時后可領取其他獎勵")
event.stopPropagation();
return;
})
}
//人气收益2
$(".day-box5 .day-num").text(data.result.popualrData.popularTarget2)
$(".day-box5 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.popualrData.popularReward2 + '')
var barWidth = Math.floor((data.result.popualrData.popualr / data.result.popualrData.popularTarget2) * 100)
if (barWidth > 100) barWidth = 100
$(".day-box5 .percentage-num").text('' + barWidth + '%')
$(".day-box5 .bar-nav").css("width", "" + barWidth + "%")
//互动收益1
$(".day-box4 .day-num").text(data.result.interactData.interactTarget1)
$(".day-box4 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.interactData.interactReward1 + '')
var barWidth = Math.floor((data.result.interactData.interact / data.result.interactData.interactTarget1) * 100)
if (barWidth > 100) barWidth = 100
$(".day-box4 .percentage-num").text('' + barWidth + '%')
$(".day-box4 .bar-nav").css("width", "" + barWidth + "%")
//互动收益2
$(".day-box6 .day-num").text(data.result.interactData.interactTarget2)
$(".day-box6 .award-box").html('' + textObj.txt2 + ': <img src="images/fire2.png?v=2023050901"> ' + data.result.interactData.interactReward2 + '')
var barWidth = Math.floor((data.result.interactData.interact / data.result.interactData.interactTarget2) * 100)
if (barWidth > 100) barWidth = 100
$(".day-box6 .percentage-num").text('' + barWidth + '%')
$(".day-box6 .bar-nav").css("width", "" + barWidth + "%")
var allNum = data.result.interactData.interactReward1 + data.result.interactData.interactReward2 + data.result.popualrData.popularReward1 + data.result.popualrData.popularReward2 + data.result.bondsData.bondsReward1
$(".day-top-box-p2").html('' + textObj.txt3 + ' : <img src="images/fire1.png?v=2023050901" alt="">' + allNum + '')
//顶部数据
$(".top-box-li1 >p").text(data.result.popualrData.popualr)
$(".top-box-li2 >p").text(data.result.interactData.interact)
$(".top-box-li3 >p").text(data.result.bondsData.bonds)
var value1 = Math.floor((data.result.bondsData.bonds / data.result.bondsData.bondsTarget1) * 100)
if (value1 > 100) value1 = 100
if (value1 == 0) value1 = 1
var value2 = Math.floor((data.result.interactData.interact / data.result.interactData.interactReward2) * 100)
if (value2 > 100) value2 = 100
if (value2 == 0) value2 = 1
var value3 = Math.floor((data.result.popualrData.popualr / data.result.popualrData.popularReward2) * 100)
if (value3 > 100) value3 = 100
if (value3 == 0) value3 = 1
$(".circleChart1").circleChart({
value: value3,
startAngle: 75,
speed: 0,
animation: "easeInOutCubic",
color: "#FE5DA3",
backgroundColor: "#FFC6DF",
size: 340,
lineCap: "round",
});
$(".circleChart2").circleChart({
value: value2,
startAngle: 75,
speed: 0,
animation: "easeInOutCubic",
color: "#5BE7DC",
backgroundColor: "#C6F7F3",
size: 268,
lineCap: "round",
widthRatio: 0.25,
});
$(".circleChart3").circleChart({
value: value1,
startAngle: 75,
speed: 0,
animation: "easeInOutCubic",
color: "#B993FA",
backgroundColor: "#E7D9FC",
size: 198,
lineCap: "round",
widthRatio: 0.3,
});
$(".top-box-li1 .top-box-tips1 span").text(data.result.popualrData.popualr)
$(".top-box-li1 .top-box-tips2 span").text(data.result.liveAvgOnline)
$(".top-box-li1 .top-box-tips3 span").text(data.result.giftDriverTotal)
$(".top-box-li2 .top-box-tips1 span").text(data.result.interactData.interact)
$(".top-box-li2 .top-box-tips2 span").text(data.result.speakDriverTotal)
$(".top-box-li2 .top-box-tips3 span").text(data.result.speakSendTotal)
$("body").unbind("click").on("click", function () {
$(".top-box-li1 .top-box-tips").hide()
$(".top-box-li2 .top-box-tips").hide()
$(".top-box-li3 .top-box-tips").hide()
})
$(".top-box-li1").unbind("click").on("click", function () {
setTimeout(function () {
$(".top-box-li1 .top-box-tips").fadeIn(200)
}, 100)
})
$(".top-box-li2").unbind("click").on("click", function () {
setTimeout(function () {
$(".top-box-li2 .top-box-tips").fadeIn(200)
}, 100)
})
$(".top-box-li3").unbind("click").on("click", function () {
setTimeout(function () {
$(".top-box-li3 .top-box-tips").fadeIn(200)
}, 100)
})
//領取狀態
if (data.result.statusData.bondsStatus == 1) {
$(".day-box2 .bar-big-box").hide()
$(".day-box2 .btn-get").show()
$(".day-box2").unbind("click")
}
if (data.result.statusData.bondsStatus == 2) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="check" src="images/check.png" alt="">';
html += '</div>';
$(".day-box2").append(html)
}
if (data.result.statusData.popularStatus1 == 1) {
$(".day-box3 .bar-big-box").hide()
$(".day-box3 .btn-get").show()
$(".day-box3").unbind("click")
}
if (data.result.statusData.popularStatus1 == 2) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="check" src="images/check.png" alt="">';
html += '</div>';
$(".day-box3").append(html)
$(".day-box3").unbind("click")
}
if (data.result.statusData.interactStatus1 == 1) {
$(".day-box4 .bar-big-box").hide()
$(".day-box4 .btn-get").show()
$(".day-box4").unbind("click")
}
if (data.result.statusData.interactStatus1 == 2) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="check" src="images/check.png" alt="">';
html += '</div>';
$(".day-box4").append(html)
$(".day-box4").unbind("click")
}
if (data.result.statusData.popularStatus2 == 1) {
$(".day-box5 .bar-big-box").hide()
$(".day-box5 .btn-get").show()
$(".day-box5").unbind("click")
}
if (data.result.statusData.popularStatus2 == 2) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="check" src="images/check.png" alt="">';
html += '</div>';
$(".day-box5").append(html)
$(".day-box5").unbind("click")
}
if (data.result.statusData.interactStatus2 == 1) {
$(".day-box6 .bar-big-box").hide()
$(".day-box6 .btn-get").show()
$(".day-box6").unbind("click")
}
if (data.result.statusData.interactStatus2 == 2) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="check" src="images/check.png" alt="">';
html += '</div>';
$(".day-box6").append(html)
$(".day-box6").unbind("click")
}
if (data.result.statusData.popularStatus1 == 0) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="lock" src="images/lock.png" alt="">';
html += '</div>';
$(".day-box4 ,.day-box5").append(html)
$(".day-box4").unbind("click").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("It can be unlocked after <br> the Pop Index reaches" + data.result.popualrData.popularTarget1 + "")
else if (sessionStorage.lang == 8) layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt " + data.result.popualrData.popularTarget1 + "")
else if (sessionStorage.lang == 10) layer.msg("Se puede desbloquear cuando el Índice pop alcanza las " + data.result.popualrData.popularTarget1 + "")
else layer.msg("人氣指數達到" + data.result.popualrData.popularTarget1 + "后可解鎖")
})
$(".day-box5").unbind("click").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("It can be unlocked after <br> the Pop Index reaches" + data.result.popualrData.popularTarget1 + "")
else if (sessionStorage.lang == 8) layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt " + data.result.popualrData.popularTarget1 + "")
else if (sessionStorage.lang == 10) layer.msg("Se puede desbloquear cuando el Índice pop alcanza las " + data.result.popualrData.popularTarget1 + "")
else layer.msg("人氣指數達到" + data.result.popualrData.popularTarget1 + "后可解鎖")
})
}
if (data.result.statusData.popularStatus2 == 0) {
var html = [];
html += '<div class="box-shadow">';
html += '<img class="lock" src="images/lock.png" alt="">';
html += '</div>';
$(".day-box6").append(html)
$(".day-box6").unbind("click").on("click", function () {
if (sessionStorage.lang == 1) layer.msg("It can be unlocked after <br> the Pop Index reaches" + data.result.popualrData.popularTarget2 + "")
else if (sessionStorage.lang == 8) layer.msg("Nó có thể được mở khóa sau khi Chỉ <br> số Pop đạt " + data.result.popualrData.popularTarget2 + "")
else if (sessionStorage.lang == 10) layer.msg("Se puede desbloquear cuando el Índice pop alcanza las " + data.result.popualrData.popularTarget2 + "")
else layer.msg("人氣指數達到" + data.result.popualrData.popularTarget2 + "后可解鎖")
})
}
// if(data.result.liveTimeData.hour<2){
// var html=[];
// html+='<div class="box-shadow">';
// html+='<img class="lock" src="images/lock.png" alt="">';
// html+='</div>';
// $(".day-box5,.day-box6").append(html)
// }
}
})
}
$(".btn-get").unbind("click").on("click", function () {
var _self = $(this).attr("data-type")
if (myTime < 2) {
if (sessionStorage.lang == 1) layer.msg("Other rewards can be received after the live broadcast reaches 2 hours")
else if (sessionStorage.lang == 8) layer.msg("Phần thưởng có thể nhận được sau khi phát sóng trực tiếp đạt 2 giờ")
else if (sessionStorage.lang == 10) layer.msg("Se pueden recibir otras recompensas una vez que la transmisión en vivo llegue a las 2 horas")
else layer.msg("直播達到2小時后可領取其他獎勵")
return;
}
$.ajax({
url: $ip + '/actPopularInteractIndex/receiveReward.html',
data: {
roomId: sessionStorage.uid,
lang: sessionStorage.lang,
rewardType: _self
},
success: function (data) {
console.log('领取奖励', data)
if (data.code != 1) {
layer.msg(data.msg)
return;
}
liveView()
layer.msg(data.msg)
}
})
event.stopPropagation();
})
// 定义一个新cid=30(注意以上打开的所有网页都可以使用cid=14关闭网页来主动关闭)
// popupType 1全屏 2半屏 3浮动屏（默认居中）
// heightR 弹窗高度 单位vw（是指相对于视口的宽度;视口会被均分为100单位的vw,则1vw等于视口宽度的1%）
// widthR 弹窗宽度 单位vw
// clickBlank 点击页面外区域是否关闭 0不关闭 1关闭
// url： 需要打开的页面的url（默认拼接uid token roomid，判断链接是否有已带参数如果有参数拼接& 符号，如无带有参数拼接? 符号）
// top: 距离顶部位置 单位vw
// left: 距离左边位置 单位vw
// bottom: 距离底部位置 单位vw
// right: 距离右边位置 单位vw
// 如 popupType ==1时 只需要用到url参数
// 如 popupType ==2时 用到heightR clickBlank url 三个参数
// 如 popupType ==3时 优先级 top>bottom left>right (如果没传相关参数，即居中显示)
// 例子1(打开全屏网页):
// var obj = {
// "cid": 30,
// "reqCode": new Date().getTime(),
// "data": {
// "msg": '打开新网页',
// "popupType": 1,
// "url":'url',
// }
// }
// 例子2(打开半屏网页):
// var obj = {
// "cid": 30,
// "reqCode": new Date().getTime(),
// "data": {
// "msg": '打开新网页',
// "popupType": 2,
// "clickBlank":1,
// "heightR":100,
// "url":'url',
// }
// }
// 例子3(打开浮动网页):
// var obj = {
// "cid": 30,
// "reqCode": new Date().getTime(),
// "data": {
// "msg": '打开新网页',
// "popupType": 3,
// "clickBlank":1,
// "heightR":100,
// "widthR":100,
// "url":'url',
// }
// }
})
</script>
</html>