<!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>Fishing Carnival</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=2024092504">
    <link rel="stylesheet" href="css/liMarquee.css">
    <link rel="stylesheet" href="css/swiper.min.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>
<div class="layer-dew"></div>
<div class="layer-rule"></div>
<body style="background:#1A086B;">
<div class="bg">
    <div class="banner"></div>
    <div class="top-btn1">
        <div></div>
        <div></div>
    </div>
    <div class="mc-box">
        <div class="gift-box"></div>
        <div class="mc-list">
            <div class="list-btn1">
                <div data-type="0"></div>
                <div data-type="1"></div>
            </div>
            <div class="mc-top">
                <!-- <div class="mc-top-box1">
                    <div class="king"></div>
                    <img class="king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                    <p class="top-p1">主播昵称</p>
                    <p class="top-p2">探索值</p>
                    <p class="top-p3">86213</p>
                </div>
                <div class="mc-top-box2">
                    <div class="king"></div>
                    <img class="king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                    <p class="top-p1">主播昵称</p>
                    <p class="top-p2">探索值</p>
                    <p class="top-p3">86213</p>
                </div>
                <div class="mc-top-box3">
                    <div class="king"></div>
                    <img class="king-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                    <p class="top-p1">主播昵称</p>
                    <p class="top-p2">探索值</p>
                    <p class="top-p3">86213</p>
                </div> -->
            </div>
            <ul class="mc-ul">
                <!-- <li>
                    <div class="mc-li1">4</div>
                    <div class="mc-li2">
                        <img src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <p>主播昵称预留</p>
                    </div>
                    <div class="mc-li3">探索值 <span>85321</span></div>
                </li> -->
            </ul>
        </div>
        <div class="list-top"></div>
        <div class="user-list-box">
            <div class="lang-btn1">
                <div data-type="2"></div>
                <div data-type="1000"></div>
            </div>
            <ul class="user-ul">
                <!-- <li>
                    <div class="user-li1">1</div>
                    <div class="user-li2">
                        <img class="user-face" src="https://big.bgp.ourpow.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
                        <p>主播暱稱預留</p>
                    </div>
                    <div class="user-li3">飛行值 : <span>1234</span></div>
                </li> -->
            </ul>
        </div>
    </div>
    <div style="display: none;" class="user-box">
        <div class="task-box">
            <div data-type="1" class="task1"></div>
            <div data-type="2" class="task2"></div>
            <div data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn"  data-type="3" class="task3">
                <span id="target" class="haxi" style="float: left;font-size: 0"></span>
            </div>
            <div data-type="4" class="task4"></div>
            <div data-type="5" class="task5"></div>
        </div>
        <div class="game-top"></div>
        <iframe src="" frameborder="0"></iframe>
        <div class="fly-task-box">
            <div class="fly-task-bar">
                <img class="fly-gift1" src="images/gift1.png" alt="">
                <img class="fly-gift2" src="images/gift1.png" alt="">
                <img class="fly-gift3" src="images/gift1.png" alt="">
                <img class="fly-gift4" src="images/gift1.png" alt="">
                <img class="fly-gift5" src="images/gift1.png" alt="">
                <img class="fly-gift6" src="images/gift1.png" alt="">
            </div>
        </div>
    </div>
    <div style="height: 2rem;"></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='2024061702'"></script>
<script src="lib/clipboard.js"></script>
<script src="lib/swiper.min.js"></script>
<script>
$(function(){
    var oneGame=true;
    $(".top-btn1 div").eq(0).on("click",function(){
        $(".user-box").hide()
        $(".mc-box").fadeIn(200)
        $(".top-btn1").removeClass("top-btn2")
    })
    $(".top-btn1 div").eq(1).on("click",function(){
        $(".mc-box").hide()
        $(".user-box").fadeIn(200)
        $(".top-btn1").addClass("top-btn2")
        task()
        getFlyTask()
        if(oneGame==true){
            oneGame=false
            var bbb = location.href;
            if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
                $("iframe").attr("src","https://fsactive.fusi.club/activeFt/luckySpace/index.html"+location.search+""+"&roomid=999992")
            }else{
                $("iframe").attr("src","http://testfsactive.fusi.club/activeFt/luckySpace/index.html"+location.search+""+"&roomid=999992")
            }
        }
    })
    $(".list-btn1 div").on("click",function(){
        var _self=$(this)
        if(_self.attr("data-type")==0){
            $(".list-btn1").removeClass("list-btn2")
            mcList(0)
        }else{
            $(".list-btn1").addClass("list-btn2")
            mcList(1)
        }
    })
    $(".lang-btn1 div").on("click",function(){
        var _self=$(this)
        if(_self.attr("data-type")==2){
            $(".lang-btn1").removeClass("lang-btn2")
            userList(2)
        }else{
            $(".lang-btn1").addClass("lang-btn2")
            userList(1000)
        }
    })
    mcList(0)
    function mcList(e){
        $.ajax({
            url:$ip+'/actSpaceOdyssey/getRankData.html',
            data:{
                dateRange:e
            },
            success:function(data){
                console.log('主播榜单',data)
                var html='';
                for(var i=0;i<3;i++){
                    if(data.result.rankList[i]==undefined)break;
                    var list=data.result.rankList[i]
                    html+='<div class="mc-top-box'+(i+1)+'">';
                    html+='<div class="king"></div>';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="king-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
                    html+='<p class="top-p1">'+list.name+'</p>';
                    html+='<p class="top-p2">探索值</p>';
                    html+='<p class="top-p3">'+list.score+'</p>';
                    html+='</div>';
                }
                $(".mc-top").html(html);
                html=''
                for(var i=3;i<data.result.rankList.length;i++){
                    var list=data.result.rankList[i]
                    html+='<li>';
                    html+='<div class="mc-li1">'+(i+1)+'</div>';
                    html+='<div class="mc-li2">';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
                    html+='<p>'+list.name+'</p>';
                    html+='</div>';
                    html+='<div class="mc-li3">探索值 <span>'+list.score+'</span></div>';
                    html+='</li>';
                }
                $(".mc-ul").html(html);
            }
        })
    }
    function userList(e){
        $.ajax({
            url:$ip+'/actSpaceOdyssey/getLuckyRankData.html',
            data:{
                langRange:e
            },
            success:function(data){
                console.log('幸运值榜单',data)
                var html=[];
                for(var i=0;i<data.result.rankList.length;i++){
                    var list=data.result.rankList[i];
                    html+='<li>';
                    html+='<div class="user-li1">1</div>';
                    html+='<div class="user-li2">';
                    html+='<a href="yazhai://_' + list.uid + '_zone"><img class="user-face" src="https://big.bgp.ourpow.com/comm'+list.face+'?x-oss-process=image/resize,w_90" alt=""></a>';
                    html+='<p>'+list.name+'</p>';
                    html+='</div>';
                    html+='<div class="user-li3">飛行值 : <span>'+list.score+'</span></div>';
                    html+='</li>';
                }
                $(".user-ul").html(html);
            }
        })
    }
    function task(){
        $.ajax({
            url:$ip+'/actSpaceOdyssey/getUserTaskData.html',
            success:function(data){
                console.log('任务数据',data)
                $("#target").text(data.result.taskList[2].speakMsg)
                for(var i=0;i<data.result.taskList.length;i++){
                    var list=data.result.taskList[i]
                    $(".task"+(i+1)+"").unbind("click")
                    if(list.taskStatus==2){
                        $(".task"+(i+1)+"").addClass("task3-btn")
                        continue;
                    }
                    if(list.taskStatus==1){
                        $(".task"+(i+1)+"").addClass("task2-btn")
                        $(".task"+(i+1)+"").on("click",function(){
                            var _self=$(this)
                            getTask(_self.attr("data-type"))
                        })
                    }
                    if(list.taskStatus==0){
                        if(i==1){
                            $(".task"+(i+1)+"").addClass("task4-btn")
                            $(".task"+(i+1)+"").on("click",function(){
                                var obj = {
                                    "cid": 12,
                                    "reqCode": new Date().getTime(),
                                    "data": {
                                        "msg": '去儲值',
                                        "jumptype": 16,  //16: 去储值  18: 跳转到座驾  3:跳转集合功能   28:跳转直播间  29:空间  26:设置  40:半屏宝石储值  41:礼物列表  42:背包列表 // 43: 跳转新人主播引导
                                        "hideTitle": 0 // 1隐藏头部,0 不隐藏, 默认为0
                                    }
                                }
                                var obj2 = JSON.stringify(obj);
                                appCollaboration(obj2);
                            })
                        }
                        if(i==2){
                            $(".task"+(i+1)+"").addClass("task5-btn")
                            $(".task"+(i+1)+"").on("click",function(){
                                var targetText=$("#target").text();
                                var clipboard = new Clipboard('#copy_btn');
                                clipboard.on('success', function(e) {
                                    console.info('Action:', e.action);
                                    console.info('Text:', e.text);
                                    console.info('Trigger:', e.trigger);
                                    e.clearSelection();
                                });
                                if(sessionStorage.lang==2) layer.msg("已複製,趕緊去直播間發言吧")
                                else layer.msg("Copied, hurry up and go to the live broadcast room to comment!")
                            })
                        }
                        if(i==3||i==4){
                            $(".task"+(i+1)+"").addClass("task6-btn")
                            $(".task6-btn").unbind("click").on("click",function(){
                                var bbb = location.href;
                                if (bbb.indexOf("https://fsactive.fusi.club/") > -1) {
                                    window.location.href='yazhai://_868812_room'
                                }else{
                                    window.location.href='yazhai://_999996_room'
                                }
                            })
                        }
                    }
                }
            }
        })
    }
    function getTask(e){
        $.ajax({
            url:$ip+'/actSpaceOdyssey/receiveTaskRewards.html',
            data:{
                taskId:e
            },
            success:function(data){
                console.log("获取任务数据",data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                if(sessionStorage.lang==2)layer.msg("領取成功");
                else layer.msg("success");
                task()
            }            
        })
    }
    function getFlyTask(){
        $.ajax({
            url:$ip+'/actSpaceOdyssey/getUserLaunchStationData.html',
            success:function(data){
                console.log('飞行补给站数据',data)
                for(var i=0;i<data.result.taskList.length;i++){
                    var list=data.result.taskList[i]
                    $(".fly-gift"+(i+1)+"").removeClass('fly-gift-stage1 fly-gift-stage2 fly-gift-stage3')
                    if(list.taskStatus==0){
                        $(".fly-gift"+(i+1)+"").addClass("fly-gift-stage1").attr("data-type",list.taskId)
                    }
                    else if(list.taskStatus==1){
                        $(".fly-gift"+(i+1)+"").addClass("fly-gift-stage2").attr("data-type",list.taskId)
                        $(".fly-gift"+(i+1)+"").unbind("click").on("click",function(){
                            var _self=$(this)
                            flyTaskGet(_self.attr("data-type"))
                        })
                    }
                    else if(list.taskStatus==2){
                        $(".fly-gift"+(i+1)+"").addClass("fly-gift-stage3").attr("data-type",list.taskId)
                        $(".fly-gift"+(i+1)+"").attr("src","images/gift2.png")
                        $(".fly-gift"+(i+1)+"").unbind("click")
                    }
                    
                }
            }
        })
    }
    function flyTaskGet(e){
        $.ajax({
            url:$ip+'/actSpaceOdyssey/receiveLaunchStationRewards.html',
            data:{
                taskId:e
            },
            success:function(data){
                console.log("获取任务数据",data)
                if(data.code!=1){
                    layer.msg(data.msg)
                    return;
                }
                if(sessionStorage.lang==2)layer.msg("領取成功");
                else layer.msg("success");
                getFlyTask()
            }
        })
    }
})
</script>
</html>