Skip to content

S
SURPRISED
Commit a9ca2e18 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

Merge branch 'master' of http://gitlab.oytour.com/huaguohao/surprised

parents 1c58380d 18a49b52
Hide whitespace changes
Inline Side-by-side
Showing with 739 additions and 111 deletions
html/annualMeeting/AnnuaLmeetingHome.html
View file @ a9ca2e18
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<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 content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
......@@ -12,7 +12,7 @@
<link rel="stylesheet" href="css/Amhome.css">
</head>
<body>
<div class="Box">
<div class="Box" style="position: fixed;left: 0;top:0">
<!-- 头部嘉宾-->
<div class="top">
<img src="../../images/aM/jiabing@2x.png" alt="">
......@@ -54,7 +54,10 @@
</div>
</div>
</div>
<!-- AR寻宝-->
<div class="AR">
</div>
<!-- 中奖弹窗-->
<div class="rank_mask" id="notice">
<div class="zhezao"></div>
......@@ -62,7 +65,7 @@
<img src="../../images/aM/all_d.png" alt="" class="notice_top">
<span>恭喜你中奖啦！</span>
<div class="notice_content">
<span>121212</span>
<span></span>
</div>
<div class="all_Receive">
<span>立即领取</span>
......@@ -92,6 +95,17 @@
<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">
......@@ -117,16 +131,22 @@
<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 customerId = param[0].split('=')[1];
var EmName = param[1].split('=')[1];
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 ={
customerId:customerId,
EmployeeId:EmployeeId,
EmName:EmName,
imgUrl:imgUrl,
e:e,
GiftCode:GiftCode
}
localStorage.activity = JSON.stringify(activity)
......@@ -135,28 +155,38 @@
$("input").on("blur",function(){
window.scroll(0,0);//失焦后强制让页面归位
});
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
qs: `i=${customerId}&n=${EmName}&p=${encodeURIComponent(imgUrl)}`
var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
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){
var value = $('.bar_input input').val();
if(value.length==0){
layer.msg('不能为空哦');
return
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
});
// 10秒后启用点击事件
setTimeout(function(){
clickBtn=true;
},10000);
}else {
layer.msg('发送频繁');
}
proxy.invoke("SendBarrage", value).done(data => {
layer.msg('发送成功');
});
}
}
function getMsg() {
......@@ -168,8 +198,10 @@
$(".menu_view").remove()
var html="";
$.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' +
' <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' +
' <p>'+data[i].MName+'</p>\n' +
' <img src="../../images/aM/hourglass.png" class="hourglass"/>\n' +
......@@ -183,6 +215,8 @@
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')
......@@ -193,6 +227,8 @@
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')
......@@ -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){
var key = 0
for(var i=0;i<MenusList.length ; i++){
......@@ -239,8 +289,7 @@
if(id ==5 ){ //我的礼品
$('#prize').css('display','flex')
window.location.href = './MyPrize.html'
}
}
function programguides(data){
......@@ -311,6 +360,9 @@
$('.activity_Close2').click(function () {
$('#activity2').css('display','none')
})
$('.activity_Close3').click(function () {
$('#activity3').css('display','none')
})
$('.prize_Close').click(function () {
$('#prize').css('display','none')
})
......@@ -334,7 +386,42 @@
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>
html/annualMeeting/HitMouse.html
View file @ a9ca2e18
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<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 content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
......@@ -15,13 +15,8 @@
<div class="Box">
<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标签
</audio>
<audio id="audio2" src="img/ready321go.mp3">
您的浏览器不支持audio标签
</audio>
<audio src="img/all.mp3" id="music" ></audio>
<audio id="audio" src="video/welcom_mouse.mp3" autoplay></audio>
<!-- <div class="bbb" style="position: fixed;font-size: 0.15rem">测试</div>-->
<!-- 头部一块-->
......@@ -136,7 +131,7 @@
<div class="notice_box">
<img src="../../images/aM/all_d.png" alt="" class="notice_top">
<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>
......@@ -155,21 +150,19 @@
<script>
$(function () {
//ios禁止被拖动
document.body.addEventListener('touchmove', function (e) {
e.preventDefault();
}, {passive: false});
var activity = JSON.parse(localStorage.activity);
var clipboard = new Clipboard('.all_Receive');
var customerId = activity.customerId + '_Mouse';
var status=0; //活动状态
var EmployeeId = activity.EmployeeId + '_Mouse';
var laoshudata = [];//老鼠数据
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");
conn.start().done(data => {
......@@ -229,7 +222,7 @@
});
}
function ownranking() {
proxy.invoke("GetUserRank", 'Mouse',customerId).done(data => {
proxy.invoke("GetUserRank", 'Mouse',EmployeeId).done(data => {
console.log(data)
if(data.r != -1){
$('.o_ranking').html('第'+data.r+'名')
......@@ -272,13 +265,14 @@
$('.status3').css({'display':'flex'});
}
});
proxy.on('notifyMouseGamerResult',function (data) {
proxy.on('notifyMouseGamerResult',function (data) { //全部排名
console.log(data)
ownranking() //获取自己排名
getRankList(data)
})
proxy.on('notifyMouseWinning',function (data) { //活动中奖通知
console.log(data)
$('#audio').attr("src","video/zhongjiang.mp3");
$('#notice').css('display','flex');
$('#tokenReadPackage').val(data);
$('#rank_mask').css('display','none');
......@@ -377,7 +371,8 @@
}
var Count_key = 0
function StartGame() {
audio2.play()
$('#audio').attr("src","video/ready321go.mp3");
Count=5;
Count2=30;
Count_key = 0;//初始为0
......@@ -407,12 +402,15 @@
}
//30秒倒计时
function Count30(){
$('#audio').attr("src","video/game_running.mp3");
ces2()
$("#time").html(30);
let clock = window.setInterval(function() {
Count2--;
$("#time").html(Count2);
if (Count2 === 0) {
$('#audio').attr("src","video/gameover.mp3");
window.clearInterval(clock);
window.clearInterval(timer1); //清除老鼠
sendScore(score)
......@@ -449,9 +447,12 @@
$('#notice').css('display','none')
})
$('#getAliPay').click(function(){
// setTimeout(function(){
// $('#goali')[0].click();
// },500);
setTimeout(function(){
let data = {
'action': 'Linking',
}
window.postMessage(JSON.stringify(data));
},500);
});
$('.return').click(function () {
......
html/annualMeeting/Money.html
View file @ a9ca2e18
......@@ -2,14 +2,14 @@
<html lang="en">
<head>
<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="full-screen" content="true">
<meta name="screen-orientation" content="portrait">
<meta name="x5-fullscreen" content="true">
<meta name="360-fullscreen" content="true">
<link rel="stylesheet" href="css/money.css" type="text/css" />
<title>疯狂数钞票</title>
</head>
<body style="height: 100%;overflow: hidden;width: 100%;position: fixed;">
......@@ -25,7 +25,7 @@
</div>
<div class="score">分数：<span id="my_score">0</span> 分</div>
<div class="timer">
倒计时：<span id="time">0</span>
倒计时：<span id="time">30</span>
<img class="ico" src="img/money/timer.png"/>
</div>
<div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div>
......@@ -91,11 +91,17 @@
<script src="../../js/moveJs/jquery.signalR.min.js"></script>
<script src="js/clipboard.min.js"></script>
<script>
//ios禁止被拖动
document.body.addEventListener('touchmove', function (e) {
e.preventDefault();
}, {passive: false});
let conn;
let proxy;
let status=0;
let clock=null;
let isWinning=false;
var activity = JSON.parse(localStorage.activity);
var EmployeeId = activity.EmployeeId + '_Money';
// clipboard.on('success', function(e) {
// console.log(e);
// });
......@@ -103,7 +109,7 @@
// console.log(e);
// });
function getMyRank(){
proxy.invoke('GetUserRank','Money','1951_Money').done(r=>{
proxy.invoke('GetUserRank','Money',EmployeeId).done(r=>{
console.log(r);
if(r.r!=-1){
$('#myTop').html(r.r);
......@@ -147,12 +153,11 @@
}
});
}
function initConnection(){
conn = $.hubConnection("http://localhost:7838/signalr", {
qs: `i=1951_Money&n=张建国&p=${encodeURIComponent(
"http://imgfile.oytour.com/Upload/User/636738107265395640.jpg"
)}`
});
function initConnection(){
var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
qs: `i=${EmployeeId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}&e=${activity.e}`
});
proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => {
console.log('connection 链接成功');
......@@ -171,10 +176,10 @@
$("#smm").css('display','none');
})
}
this.initConnection()
$(function () {
var clipboard = new Clipboard('.all_Receive');
var clipboard = new Clipboard('.all_Receive');
var music=document.getElementById('music');
var money_en = $("body");
//传递后台的分数
......@@ -210,7 +215,10 @@
});
$('#getAliPay').click(function(){
setTimeout(function(){
$('#goali')[0].click();
let data = {
'action': 'Linking',
}
window.postMessage(JSON.stringify(data));
},500);
});
//点击查看排行榜
......@@ -233,7 +241,7 @@
$('.tipsDiv').text('保存体力，等待开始');
if(data.status==1){
proxy.invoke('JoinGame','Money').done(data=>{
});
}
$("#rankBox").html("");
......@@ -342,7 +350,7 @@
// dosomething
$("#my_score").html(msg)
});
//$(".money_add span").html("￥"+i)
});
setTimeout(function () {
......@@ -356,4 +364,4 @@
}, false);
});
</script>
</html>
\ No newline at end of file
</html>
html/annualMeeting/MyPrize.html 0 → 100644
View file @ a9ca2e18
<!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>
html/annualMeeting/ProgramRanking.html
View file @ a9ca2e18
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<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 content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
......@@ -72,14 +72,12 @@
}
.bttoom_title{
width: 90%;
height: 0.6rem;
height: 15%;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: center;
position: absolute;
left: 5%;
top: 0;
}
.bttoom_title img{
width: 0.21rem;
......@@ -93,24 +91,95 @@
}
.bttoom_center{
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>
</head>
<body>
<div class="Box">
<div class="box_top">
<div class="top_center">
<div class="runnerUp" style="margin-top: 0.1rem">
<span>《凉凉》独唱</span>
<span>成都印象销售部</span>
<div class="runnerUp" id="dier" style="margin-top: 0.1rem">
<span></span>
<span></span>
</div>
<div class="runnerUp" style="margin-top: 0.05rem">
<span>《凉凉》独唱</span>
<span>成都印象销售部</span>
<div class="runnerUp" id="diyi" style="margin-top: 0.05rem">
<span></span>
<span></span>
</div>
<div class="runnerUp" style="margin-top: 0.16rem">
<span>《凉凉》独唱</span>
<span>成都印象销售部</span>
<div class="runnerUp" id="disan" style="margin-top: 0.16rem">
<span></span>
<span></span>
</div>
</div>
</div>
......@@ -120,7 +189,9 @@
<span>节目总排名</span>
<img src="../../images/aM/r_yun.png" alt="">
</div>
<div class="bttoom_center"></div>
<div class="bttoom_center">
</div>
</div>
</div>
......@@ -136,25 +207,69 @@
<script>
var activity = JSON.parse(localStorage.activity);
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
qs: `i=${activity.customerId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}`
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("SendVoteProgarm",'1',activity.EmployeeId).done(data => {
console.log(data)
RankingList(data)
})
}
function getMsg() {
//节目单
proxy.on('getPrograms', function (data) {
console.log(data)
});
// //节目单
// proxy.on('getPrograms', function (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);
}
......
html/annualMeeting/css/Amhome.css
View file @ a9ca2e18
......@@ -3,7 +3,11 @@ body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: 100%;
height: auto;
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
margin: 0;
......@@ -41,7 +45,7 @@ p{
width: 100%;
height: 0.95rem;
background: #C62825;
position: absolute;
position: fixed;
left: 0;
bottom: 0;
display: flex;
......@@ -67,7 +71,7 @@ p{
}
.menu_view{
width: 20%;
width: 25%;
height: 0.36rem;
display: flex;
flex-direction: column;
......@@ -131,7 +135,7 @@ p{
align-items: center;
justify-content: center;
}
.send_btn{
.send_btn p{
color: #893630;
font-size: 0.13rem;
}
......@@ -192,6 +196,7 @@ p{
background: #E88A36;
border-radius: 0.06rem;
margin-top: 5px;
overflow: hidden;
}
.c_describe p{
......@@ -202,6 +207,10 @@ p{
.c_describe p:nth-child(1){
padding-top: 0.05rem;
}
.c_describe p:nth-child(2){
height: 0.18rem;
overflow: hidden;
}
.right_box{
width: 100%;
height: 0.75rem;
......@@ -346,7 +355,7 @@ p{
font-size: 0.13rem;
margin-top: 0;
}
.activity_Close,.activity_Close2,.prize_Close{
.activity_Close,.activity_Close2,.prize_Close,.activity_Close3{
position: absolute;
left: 50%;
bottom: -0.5rem;
......@@ -368,7 +377,17 @@ p{
flex-direction: column;
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{
width: 100%;
height: 2rem;
......@@ -378,3 +397,13 @@ p{
align-items: 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;
}
html/annualMeeting/css/HitMouse.css
View file @ a9ca2e18
......@@ -7,6 +7,9 @@ body {
-webkit-overflow-scrolling: auto;
overflow-scrolling: auto
}
*{
-webkit-tap-highlight-color: transparent;
}
p{
margin: 0;
}
......@@ -317,7 +320,7 @@ li{
.rank_i{
width: 80%;
height: 70%;
overflow-y: hidden;
overflow-y: auto;
}
.rank_item{
display: flex;
......
html/annualMeeting/css/vote.css
View file @ a9ca2e18
......@@ -118,3 +118,25 @@ p{
background-size: 100% 100%;
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;
}
html/annualMeeting/vote.html
View file @ a9ca2e18
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<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 content="yes" name="mobile-web-app-capable">
<meta content="yes" name="apple-mobile-web-app-capable" />
......@@ -14,9 +14,9 @@
<body>
<div class="Box">
<div class="content">
<span class="programName">《年会庆典》节目投票</span>
<span class="department">成都印象销售部</span>
<span class="personnel">参与人员：李瀚文 张若筠 杨紫 杨幂 邓伦 许凯 张榕容 易烊千玺 李现</span>
<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)">
......@@ -30,6 +30,10 @@
<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>
......@@ -44,41 +48,96 @@
<script>
var activity = JSON.parse(localStorage.activity);
var conn = $.hubConnection("http://192.168.2.66:7838/signalr", {
qs: `i=${activity.customerId}&n=${activity.EmName}&p=${encodeURIComponent(activity.imgUrl)}`
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 => {
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('getPrograms', function (data) {
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 为确定投票
$('.popup').css('display','block')
$('.popup_bg img').attr('src','../../images/aM/fangqi.png')
$('.popup_bg span').html('放弃投票成功')
}else {
$('.popup').css('display','block')
$('.popup_bg img').attr('src','../../images/aM/toupiao.png')
$('.popup_bg span').html('恭喜你！投票成功')
}
if(type==1){ // 1位放弃投票 2 为确定投票
giveUp=true;
$('.popup').css('display','block')
$('.popup_bg img').attr('src','../../images/aM/fangqi.png')
$('.popup_bg span').html('放弃投票成功')
}else {
proxy.invoke("UserVoteProgarm",activity.EmployeeId).done(data => {
console.log(data)
$('.popup').css('display','block')
$('.popup_bg img').attr('src','../../images/aM/toupiao.png')
$('.popup_bg span').html('恭喜你！投票成功')
})
}
}
$('.close').click(function () {
$('.popup').css('display','none')
$('.vote_s').css('display','none')
})
$('.return').click(function () {
//返回首页
window.history.back()
})
$('.ranging').click(function () {
window.location.href = './ProgramRanking.html'
})
</script>
</html>
html/openRedPacket.html
View file @ a9ca2e18
......@@ -266,6 +266,10 @@
<script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script>
//ios禁止被拖动
document.body.addEventListener('touchmove', function (e) {
e.preventDefault();
}, {passive: false});
// if(document.referrer.indexOf('billPage') == -1){ //判断是不是从 billPage.html的页面跳转过来的
//
// localStorage.removeItem("billPage")
......@@ -343,9 +347,12 @@
})
$('.red_img').click(function () {
console.log(settlement)
if(isChecke == true){
if(settlement == false){
getData();
}else {
layer.msg('请稍后再试！')
}
}else {
......@@ -356,6 +363,7 @@
function getData(){
settlement = true
let msg = {
customerId:billPage.customerId
}
......@@ -376,7 +384,7 @@
}
},
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