<!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=2023010405">
<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 style="background:rgba(0,0,0,0)">
<div class="r3 r4">
<!-- <p class="r-p1">心動值：5000</p>
<p class="r-p2">人氣值：800</p>
<p class="r-p3">差評數：8</p> -->
</div>
<div class="room-bg1">
<div class="room-bg-top">人氣</div>
<div class="room-targe">目標:</div>
<div class="room-num"></div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
</div>
</div>
</div>
<div class="room-bg2">
<div class="room-bg-top">互動</div>
<div class="room-targe">目標:</div>
<div class="room-num"></div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
</div>
</div>
</div>
<div class="room-bg3">
<div class="room-bg-top">禮物</div>
<div class="room-targe">目標:</div>
<div class="room-num"></div>
<div class="room-bar-box">
<div class="room-bar">
<div></div>
</div>
</div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2022102002'"></script>
<script>
$(function(){
//活動
mcView()
setInterval(function() {
mcView()
}, 15000);
function mcView(){
$.ajax({
url:$ip+'/actHeartbeatAnchor/getViewData.html',
success:function(data){
console.log('獲取主播信息',data)
if(data.result.roomData.todayCheckIn==0){
$(".r3").removeClass("r4").html('')
$(".r3").unbind("click").on("click",function(){
popUp('https://fsactive.fusi.club/activeFt/loveMc/index.html',140)
})
}else{
$(".r3").addClass("r4")
getMcData()
$(".r3").unbind("click").on("click",function(){
popUp('https://fsactive.fusi.club/activeFt/loveMc/index.html',140)
})
}
}
})
}
function getMcData(){
$.ajax({
url:$ip+'/actHeartbeatAnchor/getViewBottomData.html',
success:function(data){
console.log('底部導航欄',data)
var html=[];
html+='<p class="r-p1">心動值：'+data.result.roomData.heartbeatValue+'</p>';
html+='<p class="r-p2">人氣值：'+data.result.roomData.popScore+'</p>';
html+='<p class="r-p3">差評數：'+data.result.roomData.badUsers+'</p>';
$(".r3").html(html)
}
})
}
function popUp(url,height){
$.ajax({
url:$ip+'/actHeartbeatAnchor/openPopup.html',
data:{
popupUrl:url,
widthR:100,
heightR:height
},
success:function(data){
console.log('主动调起半屏页面',data)
}
})
}
//活動
if(sessionStorage.uid==sessionStorage.roomId){
$(".room-bg1,.room-bg3").show()
view()
setInterval(function(){
view()
},10000)
}
if(sessionStorage.lang==1){
$(".room-bg-top").css("font-size","12vw").css("top","12.5vw")
$(".room-bg1 .room-bg-top").text('Pop Index')
$(".room-bg2 .room-bg-top").text('Interactive')
$(".room-bg3 .room-bg-top").text('income')
$(".room-targe").css("top","41vw").css("right","9vw")
}
if(sessionStorage.lang==8){
$(".room-bg-top").css("font-size","10.5vw").css("top","12.5vw")
$(".room-bg1 .room-bg-top").text('chỉ số nhạc pop')
$(".room-bg2 .room-bg-top").text('chỉ số tương tác')
$(".room-bg3 .room-bg-top").text('thu nhập')
$(".room-targe").css("top","41vw").css("right","9vw")
}
function view(){
$.ajax({
url:$ip+'/actPopularInteractIndex/queryUserIndexPartInfo.html',
data:{
roomId:sessionStorage.roomId,
},
success:function(data){
// console.log('互動信息',data)
//礼物
if(data.result.statusData.bondsStatus!=2){
$(".room-bg3").show()
if(sessionStorage.lang!=2)$(".room-bg3 .room-targe").text(''+data.result.bondsData.bondsTarget1+'')
else $(".room-bg3 .room-targe").text('目標:'+data.result.bondsData.bondsTarget1+'')
var widthNum=Math.floor(data.result.bondsData.bonds/data.result.bondsData.bondsTarget1*100)
if(widthNum>100)widthNum=100
$(".room-bg3 .room-num").text(widthNum+'%')
$(".room-bg3 .room-bar div").css("width",widthNum+"%")
}
//人氣
if(data.result.popualrData.popualr<data.result.popualrData.popularTarget1&&data.result.statusData.popularStatus2==0){
if(sessionStorage.lang!=2) $(".room-bg1 .room-targe").text(''+data.result.popualrData.popularTarget1+'')
else $(".room-bg1 .room-targe").text('目標:'+data.result.popualrData.popularTarget1+'')
var widthNum=Math.floor(data.result.popualrData.popualr/data.result.popualrData.popularTarget1*100)
if(widthNum>100)widthNum=100
$(".room-bg1 .room-num").text(widthNum+'%')
$(".room-bg1 .room-bar div").css("width",widthNum+"%")
}else{
if(sessionStorage.lang!=2) $(".room-bg1 .room-targe").text(''+data.result.popualrData.popularTarget2+'')
else $(".room-bg1 .room-targe").text('目標:'+data.result.popualrData.popularTarget2+'')
var widthNum=Math.floor(data.result.popualrData.popualr/data.result.popualrData.popularTarget2*100)
if(widthNum>100)widthNum=100
$(".room-bg1 .room-num").text(widthNum+'%')
$(".room-bg1 .room-bar div").css("width",widthNum+"%")
}
//完成后关闭
if(data.result.statusData.bondsStatus==2){
$(".room-bg3").hide()
if(data.result.statusData.interactStatus2!=2){
$(".room-bg2").show()
//互動
if(data.result.interactData.interact<data.result.interactData.interactTarget1&&data.result.statusData.interactStatus2==0){
if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget1+'')
else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget1+'')
var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget1*100)
if(widthNum>100)widthNum=100
$(".room-bg2 .room-num").text(widthNum+'%')
$(".room-bg2 .room-bar div").css("width",widthNum+"%")
}else{
if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget2+'')
else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget2+'')
var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget2*100)
if(widthNum>100)widthNum=100
$(".room-bg2 .room-num").text(widthNum+'%')
$(".room-bg2 .room-bar div").css("width",widthNum+"%")
}
}
}
if(data.result.statusData.popularStatus2==2){
$(".room-bg1").hide()
if(data.result.statusData.interactStatus2!=2){
$(".room-bg2").show()
//互動
if(data.result.interactData.interact<data.result.interactData.interactTarget1&&data.result.statusData.interactStatus2==0){
if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget1+'')
else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget1+'')
var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget1*100)
if(widthNum>100)widthNum=100
$(".room-bg2 .room-num").text(widthNum+'%')
$(".room-bg2 .room-bar div").css("width",widthNum+"%")
}else{
if(sessionStorage.lang!=2) $(".room-bg2 .room-targe").text(''+data.result.interactData.interactTarget2+'')
else $(".room-bg2 .room-targe").text('目標:'+data.result.interactData.interactTarget2+'')
var widthNum=Math.floor(data.result.interactData.interact/data.result.interactData.interactTarget2*100)
if(widthNum>100)widthNum=100
$(".room-bg2 .room-num").text(widthNum+'%')
$(".room-bg2 .room-bar div").css("width",widthNum+"%")
}
}
}
if(data.result.statusData.interactStatus2==2){
$(".room-bg2").hide()
}
}
})
}
$(".room-bg1 ,.room-bg2 ,.room-bg3").on("click",function(){
var obj = {
"cid": 12,
"reqCode": new Date().getTime(),
"data": {
"msg": '跳转集合功能',
"jumptype": 3,
"url":'https://fsactive.fusi.club/activeFt/liveData/index.html?uid='+sessionStorage.uid+'&token='+sessionStorage.token+'&roomid='+sessionStorage.roomId+'',
}
}
var obj2 = JSON.stringify(obj);
appCollaboration(obj2);
})
})
</script>
</html>