<!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>