<!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 => {
sendMsg()
}).fail(data => {});
getMsg()
var list;
var giveUp = false; //是否放弃投票
var CastOver = false; //是否投票过
function sendMsg() {
proxy.invoke("GetProgarm", ).done(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) {
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 => {
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>