<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
    <meta name="format-detection" content="telephone=no" />
    <meta content="yes" name="mobile-web-app-capable">
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>节目投票</title>
    <script type="text/javascript" src="../../js/autosize2.js"></script>
    <link rel="stylesheet" href="css/vote.css">
</head>
<body>
<div class="Box">
    <div class="content">
        <span class="programName"></span>
        <span class="department"></span>
        <span class="personnel"></span>
    </div>
    <div class="vote_s">
        <img src="../../images/aM/giveUp.png" alt="" class="giveUp" onclick="vote(1)">
        <img src="../../images/aM/confirmvote.png" alt="" class="confirm" onclick="vote(2)">
    </div>
    <div class="popup">
        <div class="bg"></div>
        <div class="popup_bg">
            <img src="" alt="">
            <span></span>
            <div class="close"></div>
        </div>
    </div>
    <div class="top">
        <img src="../../images/aM/home.png" alt="" class="return">
        <img src="../../images/aM/ranging.png" alt="" class="ranging">
    </div>

</div>




</body>
<script src="../../js/moveJs/jquery.min.js"></script>
<script src="../../js/moveJs/jquery.signalR.min.js"></script>
<script type="text/javascript" src="../../js/layer/layer.js"></script>
<script src="../../js/mian.js"></script>

<script>
    var activity = JSON.parse(localStorage.activity);

    var conn = $.hubConnection(getApiUrl().urlSignalr, {
        qs: `i=${activity.EmployeeId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}&e=${activity.e}`
    });
    var proxy = conn.createHubProxy("annualLeaveHub");
    conn.start().done(data => {
        console.log('链接成功')
        sendMsg()
    }).fail(data => {});
    getMsg()

    var list;
    var giveUp = false; //是否放弃投票
    var CastOver = false; //是否投票过
    function sendMsg() {
        proxy.invoke("GetProgarm",).done(data => {
            console.log(data)
            if(data!=''){
                list = JSON.parse(data)
                // {"Id":5,"Title":"《舞动青春》","Performer":"印象之旅","BranchName":"","StartTime":"2020-01-17 17:30:00","ParentId":1,"Type":1,"MusicUrl":"","BackgroundUrl":"","VoteState":0}
                $('.programName').html(list.Title+'节目投票');
                $('.department').html(list.BranchName);
                $('.personnel').html('参与人员:'+list.Performer);
                if(list.VoteState == 1){
                    $('.vote_s').css('display','flex')
                }
            }else {
                $('.programName').html('暂无节目投票');
                $('.vote_s').css('display','none')

            }

        })

    }

    function getMsg() {

        proxy.on('progarmVote', function (data) {
            console.log(data)
            if(data!=''){
                list = JSON.parse(data)
                $('.programName').html(list.Title+'节目投票');
                $('.department').html(list.BranchName);
                $('.personnel').html('参与人员:'+list.Performer);
                if(list.VoteState == 1){
                    $('.vote_s').css('display','flex')
                }else {
                    $('.vote_s').css('display','none')
                }
            }else {
                $('.programName').html('暂无节目投票');
                $('.vote_s').css('display','none')

            }
        });

    }
    function vote(type) {
            if(type==1){ // 1位放弃投票 2 为确定投票
                giveUp=true;
                $('.vote_s').css('display','none')
                $('.popup').css('display','block')
                $('.popup_bg img').attr('src','../../images/aM/fangqi.png')
                $('.popup_bg span').html('放弃投票成功')
                setTimeout(function () {
                    $('.popup').css('display','none')
                },5000)

            }else {
                proxy.invoke("UserVoteProgarm",activity.EmployeeId).done(data => {
                    console.log(data)
                    if(data == 2){
                        layer.msg('您已对本节目投过票了');
                        $('.vote_s').css('display','none')

                    }else {
                        $('.vote_s').css('display','none')
                        $('.popup').css('display','block')
                        $('.popup_bg img').attr('src','../../images/aM/toupiao.png')
                        $('.popup_bg span').html('恭喜你!投票成功')
                        setTimeout(function () {
                            $('.popup').css('display','none')
                        },5000)
                    }

                })



            }


    }

    $('.close').click(function () {
        $('.popup').css('display','none')
    })
    $('.return').click(function () {
        //返回首页
        window.history.back()
    })
    $('.ranging').click(function () {
        window.location.href = './ProgramRanking.html'

    })
</script>
</html>