<!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/Amhome.css">
</head>
<body>
<div class="Box" style="position: fixed;left: 0;top:0">
<!-- 头部嘉宾-->
<div class="top">
<img src="../../images/aM/jiabing@2x.png" alt="">
<p>嘉宾：</p>
<p class="rNumber">0</p>
</div>
<!--节目单-->
<div class="center">
<p class="tilte">节目单</p>
<div class="center_box">
<div class="c_left">
</div>
<div class="c_center">
</div>
<div class="c_right">
</div>
</div>
</div>
<!--底部菜单和发送-->
<div class="bottom">
<div class="b_menu">
<div class="menu">
</div>
</div>
<div class="barrage">
<div class="bar_input">
<input type="text" placeholder="发弹幕参与大屏互动(限20字数)" maxlength="20">
</div>
<div class="send_btn" onclick="sendMsg(1)">
<p>发送</p>
</div>
</div>
</div>
<!-- AR寻宝-->
<div class="AR">
</div>
<!-- 中奖弹窗-->
<div class="rank_mask" id="notice">
<div class="zhezao"></div>
<div class="notice_box">
<img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你中奖啦！</span>
<div class="notice_content">
<span></span>
</div>
<div class="all_Receive">
<span>立即领取</span>
</div>
<div class="all_Close"></div>
</div>
</div>
<!-- 老鼠活动进行中-->
<div class="rank_mask" id="activity">
<div class="zhezao"></div>
<div class="activity_box">
<span class="activity_title">打老鼠活动正在进行</span>
<div class="activity_Receive" onclick="JumpActivity('mouse')">
<span>立即参与</span>
</div>
<div class="activity_Close"></div>
</div>
</div>
<!-- 数钞票活动进行中-->
<div class="rank_mask" id="activity2">
<div class="zhezao"></div>
<div class="activity_box2">
<span class="activity_title">数钞票活动正在进行</span>
<div class="activity_Receive" onclick="JumpActivity('money')">
<span>立即参与</span>
</div>
<div class="activity_Close2"></div>
</div>
</div>
<!-- 投票-->
<div class="rank_mask" id="activity3">
<div class="zhezao"></div>
<div class="activity_box3">
<span class="activity_title">节目投票正在进行</span>
<div class="activity_Receive" onclick="JumpActivity('votes')">
<span>立即参与</span>
</div>
<div class="activity_Close3"></div>
</div>
</div>
<!-- 我的奖品-->
<div class="rank_mask" id="prize">
<div class="zhezao"></div>
<div class="prize_box">
<p class="jiangp"></p>
<p class="jiangN"></p>
<div class="prize_btn">
<span>查看我的奖品</span>
</div>
<div class="prize_Close"></div>
</div>
</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 href = window.location.href;
// var href = 'http://activity.oytour.com/html/annualMeeting/AnnuaLmeetingHome.html?EmployeeId=1951&EmName=张建国&imgUrl=http://imgfile.oytour.com/Upload/Temporary/20200108014208064.jpg&GiftCode=土耳其护手霜（75ml）&e=2019-03-25T00:00:00';
var param = href.split('?')[1].split("&");
var EmployeeId = param[0].split('=')[1];
var EmName = decodeURI(param[1].split('=')[1]);
var imgUrl = param[2].split('=')[1];
var GiftCode = param[3].split('=')[1];
var e = param[4].split('=')[1];
var activity = {
EmployeeId: EmployeeId,
EmName: EmName,
imgUrl: imgUrl,
e: e,
GiftCode: GiftCode
}
localStorage.activity = JSON.stringify(activity)
if (localStorage.showPirze == undefined && GiftCode != -1) {
$('.jiangN').html(decodeURI(EmName))
$('.jiangp').html('恭喜你获得签到奖品' + decodeURI(GiftCode))
$('#prize').css('display', 'flex')
localStorage.showPirze = 1
}
var MenusList = [];
$("input").on("blur", function () {
window.scroll(0, 0); //失焦后强制让页面归位
});
var conn = $.hubConnection(getApiUrl().urlSignalr, {
qs: `i=${EmployeeId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}&e=${e}`
});
var proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => {
sendMsg()
}).fail(data => {});
getMsg()
getvotes()
var clickBtn = true //true为可以发送
function sendMsg(type) {
if (type == 1) {
if (clickBtn == true) {
var value = $('.bar_input input').val();
if (value.length == 0) {
layer.msg('不能为空哦');
return
}
proxy.invoke("SendBarrage", value).done(data => {
layer.msg('发送成功');
clickBtn = false
$('.bar_input input').val('')
});
// 10秒后启用点击事件
setTimeout(function () {
clickBtn = true;
}, 10000);
} else {
layer.msg('发送频繁');
}
}
}
function getMsg() {
//年会首页菜单
proxy.on("getMenus", function (data) {
MenusList = data;
for (var i = 0; i < data.length; i++) {
if (data[i].Id == 1) {
if (data[i].Status == 1) {
$('#activity').css('display', 'flex')
$('#activity2').css('display', 'none')
$('#activity3').css('display', 'none')
}
} else if (data[i].Id == 2) {
if (data[i].Status == 1) {
$('#activity').css('display', 'none')
$('#activity2').css('display', 'flex')
$('#activity3').css('display', 'none')
}
} else if (data[i].Id == 4 && data[i].Status == 1) {
$('#activity2').css('display', 'none')
$('#activity').css('display', 'none')
$('#activity3').css('display', 'flex')
}
}
$(".menu_view").remove()
var html = "";
$.each(data, function (i, v) {
var imgurl = 'http://hpye.oytour.com' + data[i].Icon
html += '<div class="menu_view" onclick="menu_btn(' + data[i].Id + ')">\n' +
' <img src=' + imgurl + ' alt="">\n' +
' <p>' + data[i].MName + '</p>\n' +
' <img src="../../images/aM/hourglass.png" class="hourglass"/>\n' +
' </div>'
});
$(".menu").append(html);
});
proxy.on("getChangeMenu", function (data) {
if (data.code == 'Mouse') {
if (data.status == 1) {
$('#activity').css('display', 'flex')
$('#activity2').css('display', 'none')
$('#activity3').css('display', 'none')
renderHourglass(data.code, 'block')
} else if (data.status == -1 || data.status == -1) {
renderHourglass(data.code, 'none')
}
}
if (data.code == "Money") {
if (data.status == 1) {
$('#activity2').css('display', 'flex')
$('#activity').css('display', 'none')
$('#activity3').css('display', 'none')
renderHourglass(data.code, 'block')
} else if (data.status == -1 || data.status == -1) {
renderHourglass(data.code, 'none')
}
}
})
//节目单
proxy.on('getPrograms', function (data) {
programguides(data)
});
//嘉宾数量
proxy.on('updateUSERSOnlineCount', function (data) {
$(".rNumber").html(data)
})
}
function getvotes() {
proxy.on('progarmVote', function (data) {
var list = JSON.parse(data)
if (list.VoteState == 1) {
$('#activity3').css('display', 'flex')
$('#activity').css('display', 'none')
$('#activity2').css('display', 'none')
} else {}
});
}
function renderHourglass(code, type) {
var key = 0
for (var i = 0; i < MenusList.length; i++) {
if (MenusList[i].Code == code) {
key = i
}
}
if (type == 'block') {
$('.menu_view:eq(' + key + ') .hourglass').css('display', 'block')
} else {
$('.menu_view:eq(' + key + ') .hourglass').css('display', 'none')
}
}
function menu_btn(id) {
if (id == 1) {
window.location.href = `./HitMouse.html`
}
if (id == 2) {
window.location.href = './money.html'
}
if (id == 4) {
window.location.href = './vote.html'
}
if (id == 5) { //我的礼品
window.location.href = './MyPrize.html'
}
}
function programguides(data) {
$(".right_box").remove()
$(".c_xian").remove()
$(".letf_box").remove()
var leftList = [];
var rightList = [];
for (var i = 0; i < data.length; i++) {
if (i % 2 == 0) {
rightList.push(data[i])
} else {
leftList.push(data[i])
}
}
var html_l = "";
var html_c = "";
var html_r = "";
let marginH = 0
$.each(rightList, function (i, v) {
if (i == 0) {
html_l += '<div class="right_box" style="margin-top:0 ">\n' +
' <p class="time">' + rightList[i].StartTime + '</p>\n' +
' <div class="c_describe">\n' +
' <p>' + rightList[i].Title + '</p>\n' +
' <p>' + rightList[i].Performer + '</p>\n' +
' </div>\n' +
' </div>'
} else {
html_l += '<div class="right_box" style="margin-top:0.75rem ">\n' +
' <p class="time">' + rightList[i].StartTime + '</p>\n' +
' <div class="c_describe">\n' +
' <p>' + rightList[i].Title + '</p>\n' +
' <p>' + rightList[i].Performer + '</p>\n' +
' </div>\n' +
' </div>'
}
});
$(".c_right").append(html_l);
$.each(data, function (i, v) {
if (i + 1 == data.length) {
marginH = 0.6 + 'rem'
}
html_c += ' <div class="c_xian" style="margin-bottom:' + marginH + '">\n' +
' <div class="yuan"></div>\n' +
' <div class="yuan_x"></div>\n' +
' </div>'
});
$(".c_center").append(html_c);
$.each(leftList, function (i, v) {
html_r += '<div class="letf_box" style="margin-top: 0.75rem;">\n' +
' <div class="time">\n' +
' <p>' + leftList[i].StartTime + '</p>\n' +
' </div>\n' +
' <div class="c_describe">\n' +
' <p>' + leftList[i].Title + '</p>\n' +
' <p>' + leftList[i].Performer + '</p>\n' +
' </div>\n' +
' </div>'
});
$(".c_left").append(html_r);
}
$('.all_Close').click(function () {
$('#notice').css('display', 'none')
})
$('.activity_Close').click(function () {
$('#activity').css('display', 'none')
})
$('.activity_Close2').click(function () {
$('#activity2').css('display', 'none')
})
$('.activity_Close3').click(function () {
$('#activity3').css('display', 'none')
})
$('.prize_Close').click(function () {
$('#prize').css('display', 'none')
})
$('.prize_btn').click(function () {
$('#prize').css('display', 'none')
window.location.href = './MyPrize.html'
})
function JumpActivity(type) { //活动进行时的跳转
if (type == 'mouse') {
window.location.href = `./HitMouse.html`
}
if (type == 'money') {
window.location.href = './money.html'
}
if (type == 'votes') {
window.location.href = './vote.html'
}
}
$('.AR').click(function () {
let data = {
'action': 'jump',
'page': 'arCamera',
'pageData': {
}
}
window.postMessage(JSON.stringify(data));
})
//键盘弹起遮挡内容的处理方法
if (/Android [4-6]/.test(navigator.appVersion)) {
window.addEventListener("resize", function () {
if (document.activeElement.tagName == "INPUT" ||
document.activeElement.tagName == "TEXTAREA") {
window.setTimeout(function () {
document.activeElement.scrollIntoViewIfNeeded();
}, 500);
}
})
}
//ios禁止被拖动
var u = navigator.userAgent,
app = navigator.appVersion;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isiOS) {
// document.body.addEventListener('touchmove', function (e) {
// e.preventDefault();
// }, {passive: false});
}
</script>
</html>