<!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='2023031701'"></script>
<script>
$(function(){
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.bbb
},
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.bbb,
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>