<!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=2024083101">
    <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>
<script src="lib/lottie-player.js"></script>
<body  style="background: rgba(0, 0, 0, 0)">
    <div style="display: none;" class="act-room-bg act-room-bg2">
        <div class="act-title">閃亮新星</div>
        <p class="act-room-p1">主播積分:</p>
        <p class="act-room-p2">8000</p>
        <p class="act-room-p3">目標積分:</p>
        <p class="act-room-p4">28000</p>
    </div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/fsize.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='2024061701'"></script>
<script type="text/javascript" src="https://app.ixiulive.com/static/js/socket.io.js"></script>
<script>
$(function(){
    var wsTimer=null
    if(sessionStorage.lang!=2){
        $("body").addClass("bg-en")
        $(".txt1").text('score')
        $(".txt2").text("PROG")
        $(".txt3").text("rank")
    }
    var obj = {
	 	"cid": 43,
	 	"reqCode": new Date().getTime(),
	 	"data": {
             "type":1,
            //  "width":314,
            "width":120,
             "height":69,
             'unit':2,
             "position":1
	 	}
	 }
	var obj2 = JSON.stringify(obj);
	appCollaboration(obj2);
    var titleName=['','新秀出道','閃亮新星','星光熠熠','璀璨佳人','風華絕代','傾國傾城']
    function view(){
        $.ajax({
            url:$ip+'/actStarSearchTour/getRoomPartData.html',
            success:function(data){
                console.log('圖標數據',data)
                if(data.result.userData.isPaid==0||data.result.userData.isNewUserGiftVoucher==1){
                   //進入新人流程
                    if(data.result.userData.newUserAwardTaskNum<5){
                        $(".act-room-bg").fadeIn(200)
                        if(data.result.userData.isNewUserGiftSend==0){
                         $(".act-room-bg").unbind("click").on("click",function(){
                                 $.ajax({
                                     url:$ip+'/actSecretGarden/openPopup.html',
                                     data:{
                                         width:'0',
                                         popupUrl:$url + "/activeFt/newMan/pop.html" + location.search+'',
                                         height:'0.5',
                                         heightR:'70',
                                         x:'0',
                                         y:'0.5',
                                     },
                                     success:function(){
                                     
                                     }
                                 })
                             })
                         }
                         else{
                             $(".act-room-bg").unbind("click").on("click",function(){
                                 var obj = {
                                     "cid": 12,
                                     "reqCode": new Date().getTime(),
                                     "data": {
                                         "msg": '跳转集合功能',
                                         "jumptype": 3,
                                         "url": $url + "/activeFt/newMan/index.html" + location.search+'&jump=1',
                                     }
                                 }
                                 var obj2 = JSON.stringify(obj);
                                 appCollaboration(obj2);
                             })
                         } 
                    }
                    //已經完成了五個任務
                    else{
                        $(".act-room-bg").fadeIn(200).removeClass("act-room-bg2")
                        $(".act-room-bg").unbind("click").on("click",function(){
                            var obj = {
                                "cid": 12,
                                "reqCode": new Date().getTime(),
                                "data": {
                                    "msg": '跳转集合功能',
                                    "jumptype": 3,
                                    "url": $url + "/activeFt/newMan/index.html" + location.search+'&',
                                }
                            }
                            var obj2 = JSON.stringify(obj);
                            appCollaboration(obj2);
                        })
                        if(data.result.userData.isBuyMonthlyCard==0){
                            setTimeout(function() {                       
                                $.ajax({
                                    url:$ip+'/actSecretGarden/openPopup.html',
                                    data:{
                                        width:'0',
                                        popupUrl:$url + "/activeFt/newMan/pop2.html" + location.search+'',
                                        height:'0.5',
                                        heightR:'110',
                                        x:'0',
                                        y:'0.5',
                                    },
                                    success:function(){
                                    
                                    }
                                })
                            }, 10000);
                        }
                    }

                }else{
                    $(".act-room-bg").fadeIn(200).removeClass("act-room-bg2")
                    $(".act-room-bg").unbind("click").on("click",function(){
                        var obj = {
                            "cid": 12,
                            "reqCode": new Date().getTime(),
                            "data": {
                                "msg": '跳转集合功能',
                                "jumptype": 3,
                                "url": $url + "/activeFt/newMan/index.html" + location.search+'&',
                            }
                        }
                        var obj2 = JSON.stringify(obj);
                        appCollaboration(obj2);
                    })
                    if(data.result.userData.isBuyMonthlyCard==0){
                        setTimeout(function() {                       
                            $.ajax({
                                url:$ip+'/actSecretGarden/openPopup.html',
                                data:{
                                    width:'0',
                                    popupUrl:$url + "/activeFt/newMan/pop2.html" + location.search+'',
                                    height:'0.5',
                                    heightR:'110',
                                    x:'0',
                                    y:'0.5',
                                },
                                success:function(){
                                
                                }
                            })
                        }, 10000);
                    }


                }
                $(".act-title").text(titleName[data.result.roomData.level])
                $(".act-room-p2").text(data.result.roomData.score)
                $(".act-room-p4").text(data.result.roomData.levelScore)
            }
        })

    }
    view()
    setInterval(function(){
        view()
    },60000)

    // $(".act-room-bg").on("click",function(){
    //     var obj = {
	//      	"cid": 31,
	//      	"reqCode": new Date().getTime(),
	//      	"data": {
    //              "popupType":2,
    //             //  "width":314,
    //             "url":''+$url+'activeFt/luckyGod/index.html',
    //             "heightR":140,
    //             "clickBlank":1,
    //             "bottom":'0',
	//      	}
	//      }
	//      var obj2 = JSON.stringify(obj);
	//      appCollaboration(obj2);
    // })
    function getData(roomid) {
	var opts = {
        reconnectionDelay: 5000,
		query: {
			'uid': sessionStorage.uid,
			'token': sessionStorage.token,
			'room': sessionStorage.roomId
		}
	}

	socket = io.connect(_url3 + '/default', opts);
	socket.on('connect', function () {
		console.log("连接成功");
	});

	socket.on('RaisingBeautifulGril', function (msg) {
        var data=JSON.parse(msg)
        if(data.rank>0){
            console.log(data)
            $(".room-bg1").show()
            $(".room-title").text(titleArr[data.extra.stage])
            $(".room-bg-p1 span").text(data.score)
            var barWidth=Math.floor(data.score/data.extra.stageScore*100)
            $(".room-bg-p2 span").text(barWidth+'%')
            $(".room-bg-p3 span").text(data.rank)
        }else{
            $(".room-bg1").hide()
        }

	});

	socket.on('disconnect', function () {
        setTimeout(function(){
            getData()
        },3000)
		console.log("已下线!");
	});

	socket.on('connect_error', function (error) {
		console.log("链接失败!");
	});

}

})
</script>
</html>