Skip to content

S
SURPRISED
Commit 0ed2b65a authored by Mac's avatar Mac
Browse files
Options

投票初始页面

parent 211ac0ff
Hide whitespace changes
Inline Side-by-side
Showing with 294 additions and 14 deletions
html/annualMeeting/AnnuaLmeetingHome.html
View file @ 0ed2b65a
......@@ -97,6 +97,7 @@
<div class="rank_mask" id="prize">
<div class="zhezao"></div>
<div class="prize_box">
<img id="barcode" />
<div class="prize_Close"></div>
</div>
......@@ -108,10 +109,12 @@
</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/JsBarcode.all.min.js"></script>
<script>
var href='GT_activities.html?customerId=1951&EmName=张建国&imgUrl=http://imgfile.oytour.com/New/Upload/User/20191018150051176.png&GiftCode=21312312323';
......@@ -172,6 +175,18 @@
$(".menu").append(html);
});
proxy.on("getChangeMenu", function(data) {
if(data.code == 'Mouse'){
if(data.status ==1 ){
$('#activity').css('display','flex')
}
}
if (data.code == "Money") {
if(data.status ==1 ){
$('#activity2').css('display','flex')
}
}
})
//节目单
proxy.on('getPrograms',function (data) {
programguides(data)
......@@ -189,6 +204,10 @@
if(id == 2){
window.location.href = './money.html'
}
if(id == 4){
window.location.href = './vote.html'
}
if(id ==5 ){ //我的礼品
$('#prize').css('display','flex')
......@@ -266,21 +285,24 @@
$('.prize_Close').click(function () {
$('#prize').css('display','none')
})
// //条形码生成
// var barcode = document.getElementById('prize'),
// str = "16620902551",
// options = {
// format: "CODE128",
// displayValue: false,
// fontSize: 18,
// height: 100
// };
// JsBarcode(barcode, str, options); //原生
//条形码生成
var barcode = document.getElementById('barcode'),
str = GiftCode,
options = {
format: "CODE128",
displayValue: false,
fontSize: 18,
height: 100
};
JsBarcode(barcode, str, options); //原生
// $('#barcode').JsBarcode(str, options); //jQuery
function JumpActivity(type) {//活动进行时的跳转
if(type == 'mouse'){
window.location.href = `./HitMouse.html`
}
if(type == 'money'){
window.location.href = './money.html'
}
}
......
html/annualMeeting/HitMouse.html
View file @ 0ed2b65a
......@@ -224,11 +224,11 @@
function ownranking() {
proxy.invoke("GetUserRank", 'Mouse').done(data => {
console.log(data)
if(data == 0){
if(data != -1){
$('.o_ranking').html('第'+data+'名')
}else {
$('.o_ranking').html('未上榜')
}else {
$('.o_ranking').html('第'+data+'名')
}
//显示统计窗口
......
html/annualMeeting/css/Amhome.css
View file @ 0ed2b65a
......@@ -359,4 +359,7 @@ p{
height: 2rem;
background: white;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
html/annualMeeting/css/vote.css 0 → 100644
View file @ 0ed2b65a
html,
body {
margin: 0;
padding: 0;
overflow-x: hidden;
height: 100%;
}
p{
margin: 0;
}
.Box{
width: 100%;
height: 100%;
background-image: url('../../../images/aM/AM_bg2@2x.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.content{
width:90% ;
height: 50%;
margin-top: 1.8rem;
display: flex;
flex-direction: column;
align-items: center;
}
.programName{
font-size: 0.23rem;
color: #FDD54B;
}
.department{
font-size: 0.15rem;
color: #FDD54B;
margin-top: 0.2rem;
}
.personnel{
font-size: 0.15rem;
color: #FDD54B;
margin-top: 0.2rem;
text-align: center;
line-height: 0.25rem;
width: 80%;
}
.progressBar{
width: 2.8rem;
height: 0.35rem;
background-image: url('../../../images/aM/progressBar.png');
background-size: 100% 100%;
background-repeat: no-repeat;
margin-top: 0.3rem;
overflow: hidden;
padding: 0.05rem;
}
.progressBar_box{
width: 100%;
height: 0.35rem;
border-radius: 0.15rem;
overflow: hidden;
}
.progressBar_c{
width: 1%;
height: 0.35rem;
background: repeating-linear-gradient(55deg,#BA4C0B 26%,#E99A35 9%,#FDF48B 26%,#D19719 30%)
}
.votes{
display: flex;
flex-direction: row;
align-items: center;
margin-top: 0.12rem;
}
.votes span{
font-size: 0.1rem;
color: #FDD54B;
}
.votes span:nth-child(2){
font-size: 0.14rem;
margin:0 0.05rem
}
.vote_s{
width: 75%;
height: 0.5rem;
position: absolute;
left: 12.5%;
bottom: 10%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.giveUp{
width: 1rem;
height: 100%;
}
.confirm{
width: 1.4rem;
height: 100%;
}
.popup{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
}
.popup .bg{
width: 100%;
height: 100%;
background: #111111;
opacity: 0.5;
}
.popup_bg{
width: 2.8rem;
height: 1.8rem;
display: flex;
flex-direction: column;
align-items: center;
background-image: url('../../../images/aM/votes_bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
left: 50%;
top: 2rem;
margin-left: -1.4rem;
}
.popup_bg img{
width: 0.63rem;
height: 0.63rem;
margin-top: 0.28rem;
}
.popup_bg span{
margin-top: 0.2rem;
font-size: 0.15rem;
color: #893630;
}
.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;
}
html/annualMeeting/vote.html 0 → 100644
View file @ 0ed2b65a
<!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" />
<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 class="progressBar">
<div class="progressBar_box">
<div class="progressBar_c"></div>
</div>
</div>
<div class="votes">
<span>当前爱心能量值</span>
<span>123</span>
<span>票</span>
</div>
</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>
</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>
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 proxy = conn.createHubProxy("annualLeaveHub");
conn.start().done(data => {
sendMsg()
}).fail(data => {});
getMsg()
function sendMsg() {
}
function getMsg() {
//节目单
proxy.on('getPrograms', function (data) {
console.log(data)
});
}
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('恭喜你！投票成功')
}
}
//投票进度条比例
var Votes = 100;
var Percentage = (Votes/250)*100;
$('.progressBar_c').css('width',Percentage+'%')
$('.close').click(function () {
$('.popup').css('display','none')
})
</script>
</html>
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