增加我的奖品

html/annualMeeting/AnnuaLmeetingHome.html

@@ -65,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>
@@ -131,10 +131,7 @@
 
 
 <script>
-    //ios禁止被拖动
-    document.body.addEventListener('touchmove', function (e) {
-        e.preventDefault();
-    }, {passive: false});
+
     // 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("&");
@@ -148,7 +145,8 @@
         EmployeeId:EmployeeId,
         EmName:EmName,
         imgUrl:imgUrl,
-        e:e
+        e:e,
+        GiftCode:GiftCode
 
     }
     localStorage.activity = JSON.stringify(activity)
@@ -200,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' +
@@ -215,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')
@@ -225,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')
@@ -252,9 +256,9 @@
             if(list.VoteState == 1){
                 console.log('进入投票')
                 $('#activity3').css('display','flex')
-                renderHourglass('vote','block')
+                $('#activity').css('display','none')
+                $('#activity2').css('display','none')
             }else {
-                renderHourglass('vote','none')
             }
 
         });
@@ -285,8 +289,7 @@
 
 
         if(id ==5 ){ //我的礼品
-            $('#prize').css('display','flex')
-
+            window.location.href = './MyPrize.html'
         }
     }
     function programguides(data){
@@ -401,11 +404,22 @@
         window.postMessage(JSON.stringify(data));
     })
     //键盘弹起遮挡内容的处理方法
-    $('input[type="text"],textarea').on('click', function () {
-        var target = this;
-        setTimeout(function(){
-            target.scrollIntoViewIfNeeded();
-        },400);
+    window.addEventListener('resize', () => {
+        if (document.activeElement.tagName == 'INPUT') {
+            //延迟出现是因为有些 Android 手机键盘出现的比较慢
+            window.setTimeout(() => {
+                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

@@ -131,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>

html/annualMeeting/MyPrize.html

+<!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/css/Amhome.css

@@ -3,7 +3,8 @@ body {
     margin: 0;
     padding: 0;
     overflow-x: hidden;
-    height: 100%;
+    height: auto;
+
 }
 *{
     -webkit-tap-highlight-color: transparent;
@@ -70,7 +71,7 @@ p{
 
 }
 .menu_view{
-    width: 20%;
+    width: 25%;
     height: 0.36rem;
     display: flex;
     flex-direction: column;
@@ -195,6 +196,7 @@ p{
     background: #E88A36;
     border-radius: 0.06rem;
     margin-top: 5px;
+    overflow: hidden;
 
 }
 .c_describe p{
@@ -205,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;