Commit a9ca2e18 authored by 华国豪's avatar 华国豪 🙄
parents 1c58380d 18a49b52
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" /> <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 name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable"> <meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<link rel="stylesheet" href="css/Amhome.css"> <link rel="stylesheet" href="css/Amhome.css">
</head> </head>
<body> <body>
<div class="Box"> <div class="Box" style="position: fixed;left: 0;top:0">
<!-- 头部嘉宾--> <!-- 头部嘉宾-->
<div class="top"> <div class="top">
<img src="../../images/aM/jiabing@2x.png" alt=""> <img src="../../images/aM/jiabing@2x.png" alt="">
...@@ -54,7 +54,10 @@ ...@@ -54,7 +54,10 @@
</div> </div>
</div> </div>
</div> </div>
<!-- AR寻宝-->
<div class="AR">
</div>
<!-- 中奖弹窗--> <!-- 中奖弹窗-->
<div class="rank_mask" id="notice"> <div class="rank_mask" id="notice">
<div class="zhezao"></div> <div class="zhezao"></div>
...@@ -62,7 +65,7 @@ ...@@ -62,7 +65,7 @@
<img src="../../images/aM/all_d.png" alt="" class="notice_top"> <img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你中奖啦!</span> <span>恭喜你中奖啦!</span>
<div class="notice_content"> <div class="notice_content">
<span>121212</span> <span></span>
</div> </div>
<div class="all_Receive"> <div class="all_Receive">
<span>立即领取</span> <span>立即领取</span>
...@@ -92,6 +95,17 @@ ...@@ -92,6 +95,17 @@
<div class="activity_Close2"></div> <div class="activity_Close2"></div>
</div> </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="rank_mask" id="prize">
...@@ -117,16 +131,22 @@ ...@@ -117,16 +131,22 @@
<script> <script>
var href='GT_activities.html?customerId=1951&EmName=张建国&imgUrl=http://imgfile.oytour.com/New/Upload/User/20191018150051176.png&GiftCode=21312312323';
var href = window.location.href;
// var href='AnnuaLmeetingHome.html?EmployeeId=1790&EmName=唐杰&imgUrl=http://192.168.2.214:8130/Upload/Temporary/20200103060438316.jpg&GiftCode=202001031805026355&e=2018-04-04T00:00:00';
var param = href.split('?')[1].split("&"); var param = href.split('?')[1].split("&");
var customerId = param[0].split('=')[1]; var EmployeeId = param[0].split('=')[1];
var EmName = param[1].split('=')[1]; var EmName = decodeURI(param[1].split('=')[1]);
var imgUrl = param[2].split('=')[1]; var imgUrl = param[2].split('=')[1];
var GiftCode = param[3].split('=')[1]; var GiftCode = param[3].split('=')[1];
var e = param[4].split('=')[1];
var activity ={ var activity ={
customerId:customerId, EmployeeId:EmployeeId,
EmName:EmName, EmName:EmName,
imgUrl:imgUrl, imgUrl:imgUrl,
e:e,
GiftCode:GiftCode
} }
localStorage.activity = JSON.stringify(activity) localStorage.activity = JSON.stringify(activity)
...@@ -135,28 +155,38 @@ ...@@ -135,28 +155,38 @@
$("input").on("blur",function(){ $("input").on("blur",function(){
window.scroll(0,0);//失焦后强制让页面归位 window.scroll(0,0);//失焦后强制让页面归位
}); });
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", { var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}` qs: `i=${EmployeeId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}&e=${e}`
}); });
var proxy = conn.createHubProxy("annualLeaveHub"); var proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => { conn.start().done(data => {
sendMsg() sendMsg()
}).fail(data => {}); }).fail(data => {});
getMsg() getMsg()
getvotes()
var clickBtn=true //true为可以发送
function sendMsg(type) { function sendMsg(type) {
if(type ==1){ if(type==1){
var value = $('.bar_input input').val(); if(clickBtn==true){
if(value.length==0){ var value = $('.bar_input input').val();
layer.msg('不能为空哦'); if(value.length==0){
return layer.msg('不能为空哦');
return
}
proxy.invoke("SendBarrage", value).done(data => {
layer.msg('发送成功');
clickBtn=false
});
// 10秒后启用点击事件
setTimeout(function(){
clickBtn=true;
},10000);
}else {
layer.msg('发送频繁');
} }
proxy.invoke("SendBarrage", value).done(data => {
layer.msg('发送成功');
});
} }
} }
function getMsg() { function getMsg() {
...@@ -168,8 +198,10 @@ ...@@ -168,8 +198,10 @@
$(".menu_view").remove() $(".menu_view").remove()
var html=""; var html="";
$.each(data, function(i,v) { $.each(data, function(i,v) {
var imgurl = 'http://192.168.2.65:7838'+data[i].Icon
html+='<div class="menu_view" onclick="menu_btn('+data[i].Id+')">\n' + html+='<div class="menu_view" onclick="menu_btn('+data[i].Id+')">\n' +
' <img src="../../images/aM/menu.png" alt="">\n' + ' <img src='+imgurl+' alt="">\n' +
// ' <img src="http://imgfile.oytour.com/New" '+data[i].Id+' alt="">\n' + // ' <img src="http://imgfile.oytour.com/New" '+data[i].Id+' alt="">\n' +
' <p>'+data[i].MName+'</p>\n' + ' <p>'+data[i].MName+'</p>\n' +
' <img src="../../images/aM/hourglass.png" class="hourglass"/>\n' + ' <img src="../../images/aM/hourglass.png" class="hourglass"/>\n' +
...@@ -183,6 +215,8 @@ ...@@ -183,6 +215,8 @@
if(data.code == 'Mouse'){ if(data.code == 'Mouse'){
if(data.status ==1 ){ if(data.status ==1 ){
$('#activity').css('display','flex') $('#activity').css('display','flex')
$('#activity2').css('display','none')
$('#activity3').css('display','none')
renderHourglass(data.code,'block') renderHourglass(data.code,'block')
}else if(data.status ==-1 || data.status ==-1 ){ }else if(data.status ==-1 || data.status ==-1 ){
renderHourglass(data.code,'none') renderHourglass(data.code,'none')
...@@ -193,6 +227,8 @@ ...@@ -193,6 +227,8 @@
if (data.code == "Money") { if (data.code == "Money") {
if(data.status ==1 ){ if(data.status ==1 ){
$('#activity2').css('display','flex') $('#activity2').css('display','flex')
$('#activity').css('display','none')
$('#activity3').css('display','none')
renderHourglass(data.code,'block') renderHourglass(data.code,'block')
}else if(data.status ==-1 || data.status ==-1 ){ }else if(data.status ==-1 || data.status ==-1 ){
renderHourglass(data.code,'none') renderHourglass(data.code,'none')
...@@ -213,6 +249,20 @@ ...@@ -213,6 +249,20 @@
}) })
} }
function getvotes() {
proxy.on('progarmVote',function (data) {
console.log(data)
var list = JSON.parse(data)
if(list.VoteState == 1){
console.log('进入投票')
$('#activity3').css('display','flex')
$('#activity').css('display','none')
$('#activity2').css('display','none')
}else {
}
});
}
function renderHourglass(code,type){ function renderHourglass(code,type){
var key = 0 var key = 0
for(var i=0;i<MenusList.length ; i++){ for(var i=0;i<MenusList.length ; i++){
...@@ -239,8 +289,7 @@ ...@@ -239,8 +289,7 @@
if(id ==5 ){ //我的礼品 if(id ==5 ){ //我的礼品
$('#prize').css('display','flex') window.location.href = './MyPrize.html'
} }
} }
function programguides(data){ function programguides(data){
...@@ -311,6 +360,9 @@ ...@@ -311,6 +360,9 @@
$('.activity_Close2').click(function () { $('.activity_Close2').click(function () {
$('#activity2').css('display','none') $('#activity2').css('display','none')
}) })
$('.activity_Close3').click(function () {
$('#activity3').css('display','none')
})
$('.prize_Close').click(function () { $('.prize_Close').click(function () {
$('#prize').css('display','none') $('#prize').css('display','none')
}) })
...@@ -334,7 +386,42 @@ ...@@ -334,7 +386,42 @@
window.location.href = './money.html' 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> </script>
</html> </html>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" /> <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 name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable"> <meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
...@@ -15,13 +15,8 @@ ...@@ -15,13 +15,8 @@
<div class="Box"> <div class="Box">
<a id="goali" href="alipays://platformapi/startapp" target="_blank" style="position: absolute;z-index: -1;">GO</a> <a id="goali" href="alipays://platformapi/startapp" target="_blank" style="position: absolute;z-index: -1;">GO</a>
<audio id="audio" src="img/game_running.mp3" autoplay="autoplay"> <audio id="audio" src="video/welcom_mouse.mp3" autoplay></audio>
您的浏览器不支持audio标签
</audio>
<audio id="audio2" src="img/ready321go.mp3">
您的浏览器不支持audio标签
</audio>
<audio src="img/all.mp3" id="music" ></audio>
<!-- <div class="bbb" style="position: fixed;font-size: 0.15rem">测试</div>--> <!-- <div class="bbb" style="position: fixed;font-size: 0.15rem">测试</div>-->
<!-- 头部一块--> <!-- 头部一块-->
...@@ -136,7 +131,7 @@ ...@@ -136,7 +131,7 @@
<div class="notice_box"> <div class="notice_box">
<img src="../../images/aM/all_d.png" alt="" class="notice_top"> <img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你获得支付宝口令红包</span> <span>恭喜你获得支付宝口令红包</span>
<input class="notice_content" id="tokenReadPackage" readonly="readonly" value="看我信你123不" /> <input class="notice_content" id="tokenReadPackage" readonly="readonly" value="" />
<button class="all_Receive" id="getAliPay" data-clipboard-action="copy" data-clipboard-target="#tokenReadPackage"> <button class="all_Receive" id="getAliPay" data-clipboard-action="copy" data-clipboard-target="#tokenReadPackage">
复制并领取 复制并领取
</button> </button>
...@@ -155,21 +150,19 @@ ...@@ -155,21 +150,19 @@
<script> <script>
$(function () { $(function () {
//ios禁止被拖动
document.body.addEventListener('touchmove', function (e) {
e.preventDefault();
}, {passive: false});
var activity = JSON.parse(localStorage.activity); var activity = JSON.parse(localStorage.activity);
var clipboard = new Clipboard('.all_Receive'); var clipboard = new Clipboard('.all_Receive');
var customerId = activity.customerId + '_Mouse'; var EmployeeId = activity.EmployeeId + '_Mouse';
var status=0; //活动状态
var laoshudata = [];//老鼠数据 var laoshudata = [];//老鼠数据
var audio=document.getElementById("audio"); var audio=document.getElementById("audio");
var audio2=document.getElementById("audio2");
document.addEventListener('touchstart', function() {
document.getElementById('audio').play()
})
audio.loop=true;
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
qs: `i=${customerId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}` var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
qs: `i=${EmployeeId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}&e=${activity.e}`
}); });
var proxy = conn.createHubProxy("annualLeaveHub"); var proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => { conn.start().done(data => {
...@@ -229,7 +222,7 @@ ...@@ -229,7 +222,7 @@
}); });
} }
function ownranking() { function ownranking() {
proxy.invoke("GetUserRank", 'Mouse',customerId).done(data => { proxy.invoke("GetUserRank", 'Mouse',EmployeeId).done(data => {
console.log(data) console.log(data)
if(data.r != -1){ if(data.r != -1){
$('.o_ranking').html('第'+data.r+'名') $('.o_ranking').html('第'+data.r+'名')
...@@ -272,13 +265,14 @@ ...@@ -272,13 +265,14 @@
$('.status3').css({'display':'flex'}); $('.status3').css({'display':'flex'});
} }
}); });
proxy.on('notifyMouseGamerResult',function (data) { proxy.on('notifyMouseGamerResult',function (data) { //全部排名
console.log(data) console.log(data)
ownranking() //获取自己排名 ownranking() //获取自己排名
getRankList(data) getRankList(data)
}) })
proxy.on('notifyMouseWinning',function (data) { //活动中奖通知 proxy.on('notifyMouseWinning',function (data) { //活动中奖通知
console.log(data) console.log(data)
$('#audio').attr("src","video/zhongjiang.mp3");
$('#notice').css('display','flex'); $('#notice').css('display','flex');
$('#tokenReadPackage').val(data); $('#tokenReadPackage').val(data);
$('#rank_mask').css('display','none'); $('#rank_mask').css('display','none');
...@@ -377,7 +371,8 @@ ...@@ -377,7 +371,8 @@
} }
var Count_key = 0 var Count_key = 0
function StartGame() { function StartGame() {
audio2.play() $('#audio').attr("src","video/ready321go.mp3");
Count=5; Count=5;
Count2=30; Count2=30;
Count_key = 0;//初始为0 Count_key = 0;//初始为0
...@@ -407,12 +402,15 @@ ...@@ -407,12 +402,15 @@
} }
//30秒倒计时 //30秒倒计时
function Count30(){ function Count30(){
$('#audio').attr("src","video/game_running.mp3");
ces2() ces2()
$("#time").html(30); $("#time").html(30);
let clock = window.setInterval(function() { let clock = window.setInterval(function() {
Count2--; Count2--;
$("#time").html(Count2); $("#time").html(Count2);
if (Count2 === 0) { if (Count2 === 0) {
$('#audio').attr("src","video/gameover.mp3");
window.clearInterval(clock); window.clearInterval(clock);
window.clearInterval(timer1); //清除老鼠 window.clearInterval(timer1); //清除老鼠
sendScore(score) sendScore(score)
...@@ -449,9 +447,12 @@ ...@@ -449,9 +447,12 @@
$('#notice').css('display','none') $('#notice').css('display','none')
}) })
$('#getAliPay').click(function(){ $('#getAliPay').click(function(){
// setTimeout(function(){ setTimeout(function(){
// $('#goali')[0].click(); let data = {
// },500); 'action': 'Linking',
}
window.postMessage(JSON.stringify(data));
},500);
}); });
$('.return').click(function () { $('.return').click(function () {
......
...@@ -2,14 +2,14 @@ ...@@ -2,14 +2,14 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="full-screen" content="true"> <meta name="full-screen" content="true">
<meta name="screen-orientation" content="portrait"> <meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true"> <meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true"> <meta name="360-fullscreen" content="true">
<link rel="stylesheet" href="css/money.css" type="text/css" /> <link rel="stylesheet" href="css/money.css" type="text/css" />
<title>疯狂数钞票</title> <title>疯狂数钞票</title>
</head> </head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;"> <body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
...@@ -25,7 +25,7 @@ ...@@ -25,7 +25,7 @@
</div> </div>
<div class="score">分数:<span id="my_score">0</span></div> <div class="score">分数:<span id="my_score">0</span></div>
<div class="timer"> <div class="timer">
倒计时:<span id="time">0</span> 倒计时:<span id="time">30</span>
<img class="ico" src="img/money/timer.png"/> <img class="ico" src="img/money/timer.png"/>
</div> </div>
<div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div> <div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div>
...@@ -91,11 +91,17 @@ ...@@ -91,11 +91,17 @@
<script src="../../js/moveJs/jquery.signalR.min.js"></script> <script src="../../js/moveJs/jquery.signalR.min.js"></script>
<script src="js/clipboard.min.js"></script> <script src="js/clipboard.min.js"></script>
<script> <script>
//ios禁止被拖动
document.body.addEventListener('touchmove', function (e) {
e.preventDefault();
}, {passive: false});
let conn; let conn;
let proxy; let proxy;
let status=0; let status=0;
let clock=null; let clock=null;
let isWinning=false; let isWinning=false;
var activity = JSON.parse(localStorage.activity);
var EmployeeId = activity.EmployeeId + '_Money';
// clipboard.on('success', function(e) { // clipboard.on('success', function(e) {
// console.log(e); // console.log(e);
// }); // });
...@@ -103,7 +109,7 @@ ...@@ -103,7 +109,7 @@
// console.log(e); // console.log(e);
// }); // });
function getMyRank(){ function getMyRank(){
proxy.invoke('GetUserRank','Money','1951_Money').done(r=>{ proxy.invoke('GetUserRank','Money',EmployeeId).done(r=>{
console.log(r); console.log(r);
if(r.r!=-1){ if(r.r!=-1){
$('#myTop').html(r.r); $('#myTop').html(r.r);
...@@ -147,12 +153,11 @@ ...@@ -147,12 +153,11 @@
} }
}); });
} }
function initConnection(){
conn = $.hubConnection("http://localhost:7838/signalr", { function initConnection(){
qs: `i=1951_Money&n=张建国&p=${encodeURIComponent( var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
"http://imgfile.oytour.com/Upload/User/636738107265395640.jpg" qs: `i=${EmployeeId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}&e=${activity.e}`
)}` });
});
proxy = conn.createHubProxy("annualLeaveHub"); proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => { conn.start().done(data => {
console.log('connection 链接成功'); console.log('connection 链接成功');
...@@ -171,10 +176,10 @@ ...@@ -171,10 +176,10 @@
$("#smm").css('display','none'); $("#smm").css('display','none');
}) })
} }
this.initConnection() this.initConnection()
$(function () { $(function () {
var clipboard = new Clipboard('.all_Receive'); var clipboard = new Clipboard('.all_Receive');
var music=document.getElementById('music'); var music=document.getElementById('music');
var money_en = $("body"); var money_en = $("body");
//传递后台的分数 //传递后台的分数
...@@ -210,7 +215,10 @@ ...@@ -210,7 +215,10 @@
}); });
$('#getAliPay').click(function(){ $('#getAliPay').click(function(){
setTimeout(function(){ setTimeout(function(){
$('#goali')[0].click(); let data = {
'action': 'Linking',
}
window.postMessage(JSON.stringify(data));
},500); },500);
}); });
//点击查看排行榜 //点击查看排行榜
...@@ -233,7 +241,7 @@ ...@@ -233,7 +241,7 @@
$('.tipsDiv').text('保存体力,等待开始'); $('.tipsDiv').text('保存体力,等待开始');
if(data.status==1){ if(data.status==1){
proxy.invoke('JoinGame','Money').done(data=>{ proxy.invoke('JoinGame','Money').done(data=>{
}); });
} }
$("#rankBox").html(""); $("#rankBox").html("");
...@@ -342,7 +350,7 @@ ...@@ -342,7 +350,7 @@
// dosomething // dosomething
$("#my_score").html(msg) $("#my_score").html(msg)
}); });
//$(".money_add span").html("¥"+i) //$(".money_add span").html("¥"+i)
}); });
setTimeout(function () { setTimeout(function () {
...@@ -356,4 +364,4 @@ ...@@ -356,4 +364,4 @@
}, false); }, false);
}); });
</script> </script>
</html> </html>
\ No newline at end of file
<!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>
<style>
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: 100%;
}
p{
margin: 0;
}
.Box{
width: 100%;
height: 100%;
background-image: url('../../images/aM/prize_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
}
.Box_top{
width: 90%;
height: 0.3rem;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
}
.Box_top p{
color: white;
font-size: 0.14rem;
}
.rank_mask{
position: absolute;
left: 0;
top:0;
width: 100%;height: 100%;
display: none;
align-items: center;
justify-content: center;
}
.zhezao{
width: 100%;height: 100%;
position: absolute;
left: 0;
top: 0;
background: #111111;
opacity: 0.5;
}
.prize_box{
width: 100%;
height: 2rem;
background: white;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.prize_Close{
position: absolute;
left: 50%;
bottom: -0.5rem;
margin-left: -0.17rem;
width: 0.34rem;
height: 0.34rem;
background-image: url('../../images/aM/close.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.bttoom_center{
width: 90%;
height: 92%;
overflow: auto;
}
.b_box{
width: 90%;
height: 0.4rem;
background-image: url('../../images/aM/votes_c.png');
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
align-items: center;
padding: 0.125rem 0.17rem;
justify-content: space-between;
margin-top: 0.15rem;
}
.box_l{
width: 55%;
/*height: 0.35rem;*/
display: flex;
flex-direction: column;
justify-content: space-between;
}
.box_l p{
color: #B31D2E;
font-size: 0.14rem;
font-weight: bold;
overflow-x: hidden;
height: 0.2rem;
}
.box_l span{
color: #B31D2E;
font-size: 0.10rem;
overflow-x: hidden;
height: 0.2rem;
}
.box_r{
width: 45%;
height: 0.45rem;
/*background-image: url('../../images/aM/fuz.png');*/
/*background-size: 100% 100%;*/
/*background-repeat: no-repeat;*/
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
}
.copy{
width: 0.65rem;
height: 0.23rem;
background-image: url('../../images/aM/fuz.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
.box_r p{
color: #B31D2E;
font-size: 0.1rem;
height: 0.18rem;
overflow: hidden;
}
</style>
</head>
<body>
<div class="Box">
<div class="Box_top">
<p>签到奖品</p>
</div>
<div class="bttoom_center">
</div>
<!-- 我的奖品-->
<div class="rank_mask" id="prize">
<div class="zhezao"></div>
<div class="prize_box">
<img id="barcode" />
<div class="prize_Close"></div>
</div>
</div>
<input style="opacity: 0;position: absolute;left: 0;top:0" id="tokenReadPackage" readonly="readonly" value="" />
</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/JsBarcode.all.min.js"></script>
<script src="js/clipboard.min.js"></script>
<script>
var activity = JSON.parse(localStorage.activity);
var clipboard = new Clipboard('.copy');
var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
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()
function sendMsg() {
proxy.invoke("GetMyLottery",activity.EmployeeId).done(data => {
console.log(data)
prizelist(data)
})
}
function prizelist(list){
for(var i=0 ;i<list.length ;i++){
var Password;
var source = list[i].w;
if(list[i].st ==1){
Password = 'AR扫码'
}else if(list[i].st ==2){
Password = '数钞票游戏'
}
else if(list[i].st ==3){
Password = '答题游戏'
}
else if(list[i].st ==4){
Password = '打地鼠游戏'
}
else if(list[i].st ==5){
Password = '抽奖'
source = list[i].su
}
var html = ''
if(list[i].st ==5){
html+=' <div class="b_box">\n' +
' <div class="box_l">\n' +
' <p>'+source+'</p>\n' +
' <span>来源:'+Password+'</span>\n' +
' </div>\n' +
' <div class="box_r">\n' +
// ' <div class="copy" onclick="copy(\''+source+'\',)" data-clipboard-action="copy" data-clipboard-target="#tokenReadPackage"></div>\n' +
' <p>'+list[i].c+'</p>\n' +
' </div>\n' +
' </div>'
}else {
html+=' <div class="b_box">\n' +
' <div class="box_l">\n' +
' <p>'+source+'</p>\n' +
' <span>来源:'+Password+'</span>\n' +
' </div>\n' +
' <div class="box_r">\n' +
' <div class="copy" onclick="copy(\''+source+'\',)" data-clipboard-action="copy" data-clipboard-target="#tokenReadPackage"></div>\n' +
' <p>'+list[i].c+'</p>\n' +
' </div>\n' +
' </div>'
}
$(".bttoom_center").append(html);
}
}
function copy(Password){
$('#tokenReadPackage').val(Password);
setTimeout(function(){
let data = {
'action': 'Linking',
}
window.postMessage(JSON.stringify(data));
},500);
}
$('.Box_top p').click(function () {
$('#prize').css('display','flex')
})
$('.prize_Close').click(function () {
$('#prize').css('display','none')
})
//条形码生成
var barcode = document.getElementById('barcode'),
str = activity.GiftCode,
options = {
format: "CODE128",
displayValue: false,
fontSize: 18,
height: 100
};
JsBarcode(barcode, str, options); //原生
</script>
</html>
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" /> <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 name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable"> <meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
...@@ -72,14 +72,12 @@ ...@@ -72,14 +72,12 @@
} }
.bttoom_title{ .bttoom_title{
width: 90%; width: 90%;
height: 0.6rem; height: 15%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: flex-end;
justify-content: center; justify-content: center;
position: absolute;
left: 5%;
top: 0;
} }
.bttoom_title img{ .bttoom_title img{
width: 0.21rem; width: 0.21rem;
...@@ -93,24 +91,95 @@ ...@@ -93,24 +91,95 @@
} }
.bttoom_center{ .bttoom_center{
width: 90%; width: 90%;
height: 96%;
margin-left: 5%;
overflow: auto;
}
.b_box{
width: 2.8rem;
height: 0.4rem;
background-image: url('../../images/aM/votes_c.png');
background-size: 100% 100%;
background-repeat: no-repeat;
display: flex;
flex-direction: row;
align-items: center;
padding: 0.125rem 0.17rem;
justify-content: space-between;
margin-top: 0.1rem;
}
.b_ranking{
width: 0.4rem;
height: 0.4rem;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.b_ranking img{
width: 0.4rem;
height: 0.4rem;
position: absolute;
left: 0;
top:0;
}
.b_ranking span{
color: #FFFFFF;
font-size: 0.22rem;
font-weight: bold;
position: relative;
}
.b_content{
width: 1.6rem;
height: 0.4rem;
display: flex;
flex-direction: column;
justify-content: space-between;
} }
.b_content span:nth-child(1){
color: #B31D2E;
font-size: 0.14rem;
overflow: hidden;
height: 0.2rem;
}
.b_content span:nth-child(2){
color: #B31D2E;
font-size: 0.1rem;
overflow: hidden;
height: 0.2rem;
}
.b_votes{
display: flex;
flex-direction: row;
align-items: flex-end;
}
.b_votes span:nth-child(1){
color: #B31D2E;
font-size: 0.2rem;
}
.b_votes span:nth-child(2){
color: #B31D2E;
font-size: 0.11rem;
margin-left: 0.05rem;
}
</style> </style>
</head> </head>
<body> <body>
<div class="Box"> <div class="Box">
<div class="box_top"> <div class="box_top">
<div class="top_center"> <div class="top_center">
<div class="runnerUp" style="margin-top: 0.1rem"> <div class="runnerUp" id="dier" style="margin-top: 0.1rem">
<span>《凉凉》独唱</span> <span></span>
<span>成都印象销售部</span> <span></span>
</div> </div>
<div class="runnerUp" style="margin-top: 0.05rem"> <div class="runnerUp" id="diyi" style="margin-top: 0.05rem">
<span>《凉凉》独唱</span> <span></span>
<span>成都印象销售部</span> <span></span>
</div> </div>
<div class="runnerUp" style="margin-top: 0.16rem"> <div class="runnerUp" id="disan" style="margin-top: 0.16rem">
<span>《凉凉》独唱</span> <span></span>
<span>成都印象销售部</span> <span></span>
</div> </div>
</div> </div>
</div> </div>
...@@ -120,7 +189,9 @@ ...@@ -120,7 +189,9 @@
<span>节目总排名</span> <span>节目总排名</span>
<img src="../../images/aM/r_yun.png" alt=""> <img src="../../images/aM/r_yun.png" alt="">
</div> </div>
<div class="bttoom_center"></div> <div class="bttoom_center">
</div>
</div> </div>
</div> </div>
...@@ -136,25 +207,69 @@ ...@@ -136,25 +207,69 @@
<script> <script>
var activity = JSON.parse(localStorage.activity); var activity = JSON.parse(localStorage.activity);
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", { var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
qs: `i=${activity.customerId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}` qs: `i=${activity.EmployeeId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}&e=${activity.e}`
}); });
var proxy = conn.createHubProxy("annualLeaveHub"); var proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => { conn.start().done(data => {
sendMsg() sendMsg()
}).fail(data => {}); }).fail(data => {});
getMsg() getMsg()
function sendMsg() { function sendMsg() {
proxy.invoke("SendVoteProgarm",'1',activity.EmployeeId).done(data => {
console.log(data)
RankingList(data)
})
} }
function getMsg() { function getMsg() {
//节目单 // //节目单
proxy.on('getPrograms', function (data) { // proxy.on('getPrograms', function (data) {
console.log(data) // console.log(data)
}); // });
}
function RankingList(list){
var html = ''
for(var i=0 ;i<list.length ;i++){
var img ='../../images/aM/qita.png'
if(i==0){
img ='../../images/aM/diyi.png'
$('#diyi span:eq(0)').html(list[i].t)
$('#diyi span:eq(1)').html(list[i].p)
}
if(i==1){
img ='../../images/aM/dier.png'
$('#dier span:eq(0)').html(list[i].t)
$('#dier span:eq(1)').html(list[i].p)
}
if(i==2){
img ='../../images/aM/disan.png'
$('#disan span:eq(0)').html(list[i].t)
$('#disan span:eq(1)').html(list[i].p)
}
html+=`<div class="b_box">
<div class="b_ranking">
<img src=`+img+` alt="">
<span>`+(i >2?i+1:'')+`</span>
</div>
<div class="b_content">
<span>`+list[i].t+`</span>
<span>`+list[i].p+`</span>
</div>
<div class="b_votes">
<span>`+list[i].vc+`</span>
<span>票</span>
</div>
</div>`
}
$(".bttoom_center").append(html);
} }
......
...@@ -3,7 +3,11 @@ body { ...@@ -3,7 +3,11 @@ body {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow-x: hidden; overflow-x: hidden;
height: 100%; height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
} }
p{ p{
margin: 0; margin: 0;
...@@ -41,7 +45,7 @@ p{ ...@@ -41,7 +45,7 @@ p{
width: 100%; width: 100%;
height: 0.95rem; height: 0.95rem;
background: #C62825; background: #C62825;
position: absolute; position: fixed;
left: 0; left: 0;
bottom: 0; bottom: 0;
display: flex; display: flex;
...@@ -67,7 +71,7 @@ p{ ...@@ -67,7 +71,7 @@ p{
} }
.menu_view{ .menu_view{
width: 20%; width: 25%;
height: 0.36rem; height: 0.36rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -131,7 +135,7 @@ p{ ...@@ -131,7 +135,7 @@ p{
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.send_btn{ .send_btn p{
color: #893630; color: #893630;
font-size: 0.13rem; font-size: 0.13rem;
} }
...@@ -192,6 +196,7 @@ p{ ...@@ -192,6 +196,7 @@ p{
background: #E88A36; background: #E88A36;
border-radius: 0.06rem; border-radius: 0.06rem;
margin-top: 5px; margin-top: 5px;
overflow: hidden;
} }
.c_describe p{ .c_describe p{
...@@ -202,6 +207,10 @@ p{ ...@@ -202,6 +207,10 @@ p{
.c_describe p:nth-child(1){ .c_describe p:nth-child(1){
padding-top: 0.05rem; padding-top: 0.05rem;
} }
.c_describe p:nth-child(2){
height: 0.18rem;
overflow: hidden;
}
.right_box{ .right_box{
width: 100%; width: 100%;
height: 0.75rem; height: 0.75rem;
...@@ -346,7 +355,7 @@ p{ ...@@ -346,7 +355,7 @@ p{
font-size: 0.13rem; font-size: 0.13rem;
margin-top: 0; margin-top: 0;
} }
.activity_Close,.activity_Close2,.prize_Close{ .activity_Close,.activity_Close2,.prize_Close,.activity_Close3{
position: absolute; position: absolute;
left: 50%; left: 50%;
bottom: -0.5rem; bottom: -0.5rem;
...@@ -368,7 +377,17 @@ p{ ...@@ -368,7 +377,17 @@ p{
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.activity_box3{
width: 3.48rem;
height: 3.25rem;
background-image: url('../../../images/aM/activity_votes.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.prize_box{ .prize_box{
width: 100%; width: 100%;
height: 2rem; height: 2rem;
...@@ -378,3 +397,13 @@ p{ ...@@ -378,3 +397,13 @@ p{
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.AR{
width: 0.515rem;
height: 0.535rem;
position: fixed;
right: 0.15rem;
bottom: 1.5rem;
background-image: url('../../../images/aM/AR@2x.png');
background-size: 100% 100%;
background-repeat: no-repeat;
}
...@@ -7,6 +7,9 @@ body { ...@@ -7,6 +7,9 @@ body {
-webkit-overflow-scrolling: auto; -webkit-overflow-scrolling: auto;
overflow-scrolling: auto overflow-scrolling: auto
} }
*{
-webkit-tap-highlight-color: transparent;
}
p{ p{
margin: 0; margin: 0;
} }
...@@ -317,7 +320,7 @@ li{ ...@@ -317,7 +320,7 @@ li{
.rank_i{ .rank_i{
width: 80%; width: 80%;
height: 70%; height: 70%;
overflow-y: hidden; overflow-y: auto;
} }
.rank_item{ .rank_item{
display: flex; display: flex;
......
...@@ -118,3 +118,25 @@ p{ ...@@ -118,3 +118,25 @@ p{
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
.top{
width: 90%;
height: 0.5rem;
position: absolute;
left: 5%;
top:0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.return{
width: 0.23rem;
height: 0.23rem;
}
.ranging{
width: 0.235rem;
height: 0.215rem;
}
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" /> <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 name="format-detection" content="telephone=no" />
<meta content="yes" name="mobile-web-app-capable"> <meta content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="yes" name="apple-mobile-web-app-capable" />
...@@ -14,9 +14,9 @@ ...@@ -14,9 +14,9 @@
<body> <body>
<div class="Box"> <div class="Box">
<div class="content"> <div class="content">
<span class="programName">《年会庆典》节目投票</span> <span class="programName"></span>
<span class="department">成都印象销售部</span> <span class="department"></span>
<span class="personnel">参与人员:李瀚文 张若筠 杨紫 杨幂 邓伦 许凯 张榕容 易烊千玺 李现</span> <span class="personnel"></span>
</div> </div>
<div class="vote_s"> <div class="vote_s">
<img src="../../images/aM/giveUp.png" alt="" class="giveUp" onclick="vote(1)"> <img src="../../images/aM/giveUp.png" alt="" class="giveUp" onclick="vote(1)">
...@@ -30,6 +30,10 @@ ...@@ -30,6 +30,10 @@
<div class="close"></div> <div class="close"></div>
</div> </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> </div>
...@@ -44,41 +48,96 @@ ...@@ -44,41 +48,96 @@
<script> <script>
var activity = JSON.parse(localStorage.activity); var activity = JSON.parse(localStorage.activity);
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", { var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
qs: `i=${activity.customerId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}` qs: `i=${activity.EmployeeId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}&e=${activity.e}`
}); });
var proxy = conn.createHubProxy("annualLeaveHub"); var proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => { conn.start().done(data => {
console.log('链接成功')
sendMsg() sendMsg()
}).fail(data => {}); }).fail(data => {});
getMsg() getMsg()
var list;
var giveUp = false; //是否放弃投票
var CastOver = false; //是否投票过
function sendMsg() { 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() { function getMsg() {
//节目单
proxy.on('getPrograms', function (data) { proxy.on('progarmVote', function (data) {
console.log(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) { function vote(type) {
if(type==1){ // 1位放弃投票 2 为确定投票 if(type==1){ // 1位放弃投票 2 为确定投票
$('.popup').css('display','block') giveUp=true;
$('.popup_bg img').attr('src','../../images/aM/fangqi.png') $('.popup').css('display','block')
$('.popup_bg span').html('放弃投票成功') $('.popup_bg img').attr('src','../../images/aM/fangqi.png')
$('.popup_bg span').html('放弃投票成功')
}else {
$('.popup').css('display','block') }else {
$('.popup_bg img').attr('src','../../images/aM/toupiao.png') proxy.invoke("UserVoteProgarm",activity.EmployeeId).done(data => {
$('.popup_bg span').html('恭喜你!投票成功') console.log(data)
} $('.popup').css('display','block')
$('.popup_bg img').attr('src','../../images/aM/toupiao.png')
$('.popup_bg span').html('恭喜你!投票成功')
})
}
} }
$('.close').click(function () { $('.close').click(function () {
$('.popup').css('display','none') $('.popup').css('display','none')
$('.vote_s').css('display','none')
})
$('.return').click(function () {
//返回首页
window.history.back()
})
$('.ranging').click(function () {
window.location.href = './ProgramRanking.html'
}) })
</script> </script>
</html> </html>
...@@ -266,6 +266,10 @@ ...@@ -266,6 +266,10 @@
<script type="text/javascript" src="../js/mian.js"></script> <script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script> <script type="text/javascript" src="../js/layer/layer.js"></script>
<script> <script>
//ios禁止被拖动
document.body.addEventListener('touchmove', function (e) {
e.preventDefault();
}, {passive: false});
// if(document.referrer.indexOf('billPage') == -1){ //判断是不是从 billPage.html的页面跳转过来的 // if(document.referrer.indexOf('billPage') == -1){ //判断是不是从 billPage.html的页面跳转过来的
// //
// localStorage.removeItem("billPage") // localStorage.removeItem("billPage")
...@@ -343,9 +347,12 @@ ...@@ -343,9 +347,12 @@
}) })
$('.red_img').click(function () { $('.red_img').click(function () {
console.log(settlement)
if(isChecke == true){ if(isChecke == true){
if(settlement == false){ if(settlement == false){
getData(); getData();
}else {
layer.msg('请稍后再试!')
} }
}else { }else {
...@@ -356,6 +363,7 @@ ...@@ -356,6 +363,7 @@
function getData(){ function getData(){
settlement = true
let msg = { let msg = {
customerId:billPage.customerId customerId:billPage.customerId
} }
...@@ -376,7 +384,7 @@ ...@@ -376,7 +384,7 @@
} }
}, },
error: function(res) { error: function(res) {
layer.msg('请稍后再试!')
} }
}) })
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment