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

# Conflicts:
#	html/login.html

css/cssReset.css

@@ -112,4 +112,19 @@ input[type=button], input[type=submit], input[type=file], button { cursor: point
 
   }
 
+}
+@font-face {
+  font-family: "PingFangR";
+  src: url("../fonts/Semibold.eot"); /* IE9 */
+  src: url("../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+  url("../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
+  url("../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  font-style: normal;
+  font-weight: normal;
+}
+@font-face {
+  font-family: "lingxin";
+  src: url("../fonts/lingxin.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  font-style: normal;
+  font-weight: normal;
 }
\ No newline at end of file

css/huikui.css

+
+.wrap{width:100%;height:100%;overflow:hidden}
+.wrap2{width:100%;height:1000%;transition:.3s linear}
+.page{
+    width:100%;
+    height:10%;
+    background:url('../images/huikui/bg-img.png');
+    font-size:.12rem;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    padding: 5% 0 0 0;
+    box-sizing: border-box;
+    background-color: #fff8f5;
+    position: relative;
+}
+.page.page10{
+    background:url('../images/huikui/page10_bg.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+.page .tit,.page .content,.page .tit2{
+    padding-left: 12.4%;
+}
+.fan{
+    position: fixed;
+    width: 100%;
+    text-align: center;
+    z-index: 2;
+}
+.fan img{
+    width: .15rem;
+}
+.fan-up{
+    top: .1rem;
+    font-size: .16rem;
+}
+.fan-down{
+    bottom: .1rem;
+    font-size: .16rem;
+}
+.page .tit img{
+    width: 47%;
+}
+.red{
+    color: #C04843;
+}
+.page .content{
+    margin-top: 2%;
+    line-height: 2em;
+    font-size: 1.4em;
+    font-family: 'PingFangR';
+    color: #475165;
+}
+.page1 .content>div{
+    margin-top: .1rem;
+}
+.page1 .rili-tit{
+    text-align: center;
+    color: white;
+    font-weight:bold;
+    /* -webkit-text-stroke:1px #A52924;
+    text-stroke:1px #A52924; */
+    font-size: .15rem;
+    margin-bottom: .08rem;
+}
+.page1 .rili-box {
+    height: 2.5rem;
+    width: 92%;
+    background:url('../images/huikui/page1_rili.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    margin: .3rem auto;
+}
+.page1 .rili-box>div{
+    padding: .5rem .4rem .4rem .4rem;
+    transform: rotate(6deg);
+    -ms-transform: rotate(6deg);
+    -moz-transform: rotate(6deg);
+    -webkit-transform: rotate(6deg);
+    -o-transform: rotate(6deg);
+}
+.page1 .rili>div{
+    width: 14.2%;
+    height: .2rem;
+    float: left;
+    font-family: 'lingxin';
+    font-size: .14rem;
+}
+.page1 .rili>div span{
+    text-align: center;
+    color: #FFFFFF;
+    font-weight:bold;
+    /* -webkit-text-stroke:1px #A52924; */
+    /* text-stroke:1px #A52924; */
+}
+.today_box{
+    position: relative;
+}
+.page1 .rili .today{
+    min-width: .21rem;
+    min-height: .21rem;
+    display: inline-block;
+    position: absolute;
+    left: -6px;
+}
+.page .font-c04-s3{
+    color: #C04843;
+    font-size: .3rem;
+}
+.margint-20{
+    /* margin-top: .1rem; */
+}
+.page2 .bottom-box{
+    width: 100%;
+    margin-top: .2rem;
+    position: absolute;
+    text-align: center;
+}
+.page2 .bottom-box img.page2_ren{
+    width: 98%;
+    position: relative;
+    z-index: 2;
+}
+.page2 .bottom-box img.page2_tanzi{
+    width: 80%;
+    position: relative;
+    bottom: 1.1rem;
+    right: -.8rem;
+}
+.page2 .bottom-box p{
+    position: absolute;
+    z-index: 3;
+    width: 100%;
+    padding-top: .75rem;
+    font-size: .12rem;
+    padding-left: .05rem;
+    font-family: 'PingFangR';
+    color: #475165;
+}
+.page3 .page3_shiz{
+    width: 80%;
+    padding-top: .3rem;
+    margin: 0 auto;
+}
+.page3 .page3_shiz img{
+    width: 100%;
+}
+.page4{
+    padding-left: .1rem;
+}
+.page4 .page4_shiz{
+    text-align: center;
+}
+.page4 .page4_shiz img{
+    width: 85%;
+}
+.page5{
+    font-family: 'PingFangR';
+    color: #475165;
+}
+.page5 .content{
+    margin-top: 0;
+}
+.page5 #fenshu{
+    font-size: 1rem;
+    color: #E27E6E;
+    font-weight: bold;
+}
+.page5 .danmu{
+    height: 1.5rem;
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+}
+.page5 .danmu div{
+    
+}
+.page5 .page5_img{
+    width: 80%;
+    margin: 0 auto;
+    text-align: center;
+}
+.page5 .page5_img img{
+    width: 90%;
+}
+.page6 .line_box div{
+    width: 88%;
+    height: 1.8rem;
+    margin: .1rem auto 0 auto;
+}
+.page6 .xianlu,.page6 .nianling{
+    background:url('../images/huikui/page6_xianl.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+.page6 .nianling{
+    background:url('../images/huikui/page6_nian.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+.page6 #xianluEchart, .page6 #nianlingEchart{
+    padding-top: 0.15rem;
+}
+.page7 .page7_img, .page8 .page8_img{
+    width: 100%;
+    text-align: center;
+}
+.page7 .page7_img img,.page8 .page8_img img{
+    width: 95%;
+    text-align: center;
+}
+.page9{
+    background:url('../images/huikui/bg2-img.png');
+    font-size:.12rem;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+.page9 .page9_img{
+    width: 96%;
+    margin: 0 auto;
+    text-align: center;
+}
+.page9 .page9_img img{
+    width: 90%;
+}
+.page9 .shuoming{
+    width: 90%;
+    margin: 0 auto;
+    position: absolute;
+    left: 5%;
+    bottom: .1rem;
+}
+.page9 .shuoming .shuoming_box{
+    width: 100%;
+    background-color: rgba(255,255,255, .8);
+    border: 1px solid rgba(226, 126, 110, 1);
+    border-radius: .1rem;
+    padding: .1rem .15rem;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.page9 .shuoming .shuoming_box .tiaokuan{
+    height: 1rem;
+    overflow: auto;
+}
+.shuoming_box .more{
+    display: flex;
+    align-items: center;
+    color: #999999;
+}
+.shuoming_box .more img{
+    width: .1rem;
+    margin-left: .1rem;
+}
+.circleProgress_wrapper{
+    width: 200px;
+    height: 200px;
+    position: absolute;
+    zoom: 0.1;
+    left: -55px;
+    top: -22px;
+  }
+  .wrapper{
+    width: 100px;
+    height: 200px;
+    position: absolute;
+    top:0;
+    overflow: hidden;
+  }
+  .right{
+    right:0;
+  }
+  .left{
+    left:0;
+  }
+  .circleProgress{
+    width: 160px;
+    height: 160px;
+    border:20px solid rgb(255, 255, 255);
+    border-radius: 50%;
+    position: absolute;
+    top:0;
+    -webkit-transform: rotate(45deg);
+  }
+  .rightcircle{
+    border-top:20px solid rgb(255, 255, 255);
+    border-right:20px solid rgb(255, 255, 255);
+    right:0;
+    -webkit-animation: circleProgressLoad_right 1s linear 1;
+  }
+  .leftcircle{
+    border-bottom:20px solid rgb(255, 255, 255);
+    border-left:20px solid rgb(255, 255, 255);
+    left:0;
+    -webkit-animation: circleProgressLoad_left 1s linear 1;
+  }
+  @-webkit-keyframes circleProgressLoad_right{
+    0%{
+      border-top:20px solid rgba(255, 255, 255, 0);
+      border-right:20px solid rgba(255, 255, 255, 0);
+      -webkit-transform: rotate(45deg);
+    }
+    50%{
+      border-top:20px solid rgba(255, 255, 255, 0);
+      border-right:20px solid rgba(255, 255, 255, 0);
+      border-left:20px solid rgba(255, 255, 255, 1);
+      border-bottom:20px solid rgba(255, 255, 255, 1);
+      -webkit-transform: rotate(225deg);
+    }
+    100%{
+      border-left:20px solid rgb(255, 255, 255);
+      border-bottom:20px solid rgb(255, 255, 255);
+      -webkit-transform: rotate(225deg);
+    }
+  }
+  @-webkit-keyframes circleProgressLoad_left{
+    0%{
+      border-bottom:20px solid rgba(255, 255, 255, 1);
+      border-left:20px solid rgba(255, 255, 255, 1);
+      -webkit-transform: rotate(45deg);
+    }
+    50%{
+        border-top:20px solid rgba(255, 255, 255, 1);
+        border-right:20px solid rgba(255, 255, 255, 1);
+        border-left:20px solid rgba(255, 255, 255, 0);
+        border-bottom:20px solid rgba(255, 255, 255, 0);
+      -webkit-transform: rotate(45deg);
+    }
+    100%{
+      border-top:20px solid rgb(255, 255, 255);
+      border-right:20px solid rgb(255, 255, 255);
+      border-bottom:20px solid rgb(255, 255, 255);
+      border-left:20px solid rgb(255, 255, 255);
+      -webkit-transform: rotate(225deg);
+    }
+  }
+  .tanchuang{
+    position: absolute;
+    top: 6%;
+    left: 3.5%;
+    width: 93%;
+    background-color: rgba(255,255,255, 1);
+    border: 1px solid rgba(226, 126, 110, 1);
+    border-radius: .1rem;
+    padding: .1rem .15rem;
+    box-sizing: border-box;
+  }
+  .tanchuang .tit3{
+    text-align: center;
+    margin-bottom: .1rem;
+  }
+  .tanchuang img{
+    position: absolute;
+    right: .1rem;
+    width: .2rem;
+    font-size: .18rem;
+    font-family: 'PingFangR';
+  }
+  .tiaokuan{
+    color: #4E5870;
+    line-height: .2rem;
+  }
+  .jieshi{
+    padding: .1rem 0;
+    text-align: center;
+  }
+  .rule{
+    color: #647DE4;
+  }
+ #danmu .list {
+    font-size: .14rem;
+    background:rgba(255,255,255,0.6);
+    border:2px solid rgba(226, 126, 110, 1);
+    border-radius:12px;
+    height: .2rem;
+    line-height: .2rem;
+    overflow: hidden;
+    color:#E27E6E;
+    padding: .01rem .04rem;
+    position:absolute;
+    -webkit-transition: -webkit-transform 100s linear;
+    -moz-transition: -moz-transform 100s linear;
+    -o-transition: -o-transform 100s linear;
+    transition: transform 100s linear;
+    z-index: 999;
+    left: 100%;
+    white-space: nowrap;
+  }
+  /*此处弹幕的移动动画，使用transform不会引起页面的重绘，性能更好*/
+  #danmu .list.animate {
+    -webkit-transform: translateX(-9920px);
+    -moz-transform: translateX(-9920px);
+    -ms-transform: translateX(-9920px);
+    -o-transform: translateX(-9920px);
+    transform: translateX(-9920px);
+  }
+  .rule_box{
+    width: 80%;
+    height: 3rem;
+    background:url('../images/huikui/page10_rule.png');
+    font-size:.12rem;
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    margin-top: 1rem;
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%);
+  }
+  .rule_box .rule_box_tit{
+    width: 70%;
+    height: .5rem;
+    background:url('../images/huikui/page10_tit.png');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%, -50%)
+  }
+  .rule_box .rule_box_tit img{
+    position: absolute;
+    left: 3%;
+    bottom: 46%;
+    width: .5rem;
+  }
+  .rule_box .rule_box_tit P{
+    text-align: center;
+    line-height: .5rem;
+    font-size: .2rem;
+    font-family: 'PingFangR';
+  }
+  .rule_box2{
+    width: 94%;
+    margin: 0 auto;
+    margin-top: .3rem;
+  }
+  .rule_box2 img{
+    width: 100%;
+  }
\ No newline at end of file

css/initcss.css

+@font-face{
+    font-family:'yinxiang2020';
+    src:url('../fonts/yinxiang2020.woff');
+}
+@font-face {
+    font-family: "PingFangR";
+    src: url("../fonts/Semibold.eot"); /* IE9 */
+    src: url("../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
+    url("../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
+    url("../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    font-style: normal;
+    font-weight: normal;
+}
+  @font-face {
+    font-family: "lingxin";
+    src: url("../fonts/lingxin.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    font-style: normal;
+    font-weight: normal;
+}
+.yinxiang2020{
+    font-family: 'yinxiang2020';
+}
+html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
+	margin: 0;
+	padding: 0
+}
+
+header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
+	display: block
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0
+}
+
+caption,th {
+	text-align: left;
+	font-weight: normal
+}
+
+html,body,fieldset,img,iframe,abbr {
+	border: 0
+}
+
+i,cite,em,var,address,dfn {
+	font-style: normal
+}[hidefocus],summary {
+	outline: 0
+}
+
+li {
+	list-style: none
+}
+
+html,body {
+	width: 100%;
+	height: 100%
+}
+
+html {
+	overflow: hidden;
+	font-size: 62.5%
+}
+.ce9{
+  color: #e9d5ab !important;
+}
\ No newline at end of file

css/signinInfo.css

+.main{
+    height: 100%;
+    width: 100%;
+    background: url(../images/texiao/info_bg.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+}
+.dingguang{
+    height: 100%;
+    width: 100%;
+    background: url(../images/texiao/dengguang.png);
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    position: relative;
+    left: 0;
+    top: 0;
+}
+.info_box{
+    width: 80%;
+    height: 50%;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform:translate(-50%,-50%);
+    padding: 4rem;
+    box-sizing: border-box;
+}
+.info_box_left{
+    float: left;
+    width: 40%;
+    height: 100%;
+    box-shadow: -8px 8px 3px 4px #E1BD5E;
+}
+.info_box_left .img_box{
+    padding: .5rem;
+    background: -webkit-linear-gradient(right bottom,#B08C3E,#F4D371);
+    background: linear-gradient(right bottom,#B08C3E,#B08C3E);
+    height: 100%;
+    box-sizing: border-box;
+}
+.info_box_left .img_box img{
+    width: 100%;
+    height: 100%;
+    box-shadow: -3px -3px 1px 0px #dec586;
+}
+.info_box_right{
+    float: left;
+    margin-left: 5%;
+    width: 55%;
+    height: 100%;
+    text-align: center;
+}
+.info_box_right p{
+    font-family: 'PingFangR';
+    font-weight: bold;
+    padding-top: 1.3rem;
+}
+.info_box_right p.name{
+    font-size: 5.6rem;
+}
+.info_box_right p.font-s50{
+    font-size: 4rem;
+}
+.info_box_right p.info{
+    font-size: 3rem;
+}
+.font-cjb{
+    background-image:-webkit-linear-gradient(bottom,#DEB036,#FEFDDF); 
+    -webkit-background-clip:text; 
+    -webkit-text-fill-color:transparent; 
+}
\ No newline at end of file

html/GT_activities.html

@@ -155,7 +155,8 @@
 
         </div>
         <div class="notice_img">
-            <img src="https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/notice_2.png" alt="">
+<!--            <img src="https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/activity/notice_2.png" alt="">-->
+            <img src="" alt="">
             <p class="notice_name">尊敬的客户</p>
             <p class="notice_content"></p>
             <p class="notice_content2"></p>
@@ -169,7 +170,7 @@
     <!--<script type="text/javascript" src="js/countdown.js"></script>-->
     <script type="text/javascript" src="../js/md5.js"></script>
     <script type="text/javascript" src="../js/mian.js"></script>
-    <script src="../js/jquery.dataStatistics.js?r=efm54202"></script>
+    <script src="../js/jquery.dataStatistics.js?r=efh0054202"></script>
     <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
     <script type="text/javascript" src="../js/layer/layer.js"></script>
     <script type="text/javascript" src="../js/yql.js"></script>
@@ -395,6 +396,8 @@
 
                         // let activityStartDate = new Date('2019/11/08 17:43:50').getTime();
                         // let activityEndDate = new Date('2019/11/14 11:23:00').getTime();  //活动结束时间
+                        $('.notice_content').html('本次1118活动已圆满结束，感谢各位同业会员的支持与厚爱，我们将秉持印象之旅的初心，陆续推出更多的让利活动，请您持续关注，印象之旅全体员工祝各位老板生意兴隆');
+
                         if (nextActivity != null) {
 
                             let nexttime = nextActivity.activityStartDate;
@@ -402,8 +405,8 @@
                             let month = nexttime.split('T')[0].split('-')[1];
                             let day = nexttime.split('T')[0].split('-')[2];
                             let hour = nexttime.split('T')[1].split(':')[0];
-                            $('.notice_content').html('下期活动将于' + year + '年' + month + '月' + day + '日' + hour + '点开始。');
-                            $('.notice_content2').html('届时会有' + nextActivity.couponCount + '张价值' + nextActivity.denomination + '的折扣券等待您的抢 购(抢购价' + nextActivity.redemptionPrice + '元），请准时参加。');
+                            // $('.notice_content').html('下期活动将于' + year + '年' + month + '月' + day + '日' + hour + '点开始。');
+                            // $('.notice_content2').html('届时会有' + nextActivity.couponCount + '张价值' + nextActivity.denomination + '的折扣券等待您的抢 购(抢购价' + nextActivity.redemptionPrice + '元），请准时参加。');
                             // var time2 = setInterval(setTimer3, 1000); //计时器
                             let beforeDawn = new Date(year + '/' + month + '/' + day + ' 00:00:00').getTime()
                             let time = ((beforeDawn - nowDate) / 1000).toFixed(0);

html/SignIn/robot.html

+<!DOCTYPE html>
+<html>
+	<head>
+		<title>十周年签到墙-机器人</title>
+		<meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+        <link rel="stylesheet" href="../../css/initcss.css">
+        <style>
+        .main{
+            height: 100%;
+            width: 100%;
+            background: url(../../images/texiao/info_bg.png);
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+        }
+        .dingguang{
+            height: 100%;
+            width: 100%;
+            background: url(../../images/texiao/dengguang.png);
+            background-repeat: no-repeat;
+            background-size: 100% 100%;
+            position: relative;
+            left: 0;
+            top: 0;
+        }
+        .robot{
+            width: 36%;
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform:translate(-50%,-23%);
+            box-sizing: border-box;
+        }
+        </style>
+    </head>
+    <body>
+        <div class="main">
+            <div class="dingguang"></div>
+            <img class="robot" src="../../images/texiao/robot.png" alt="">
+            <audio id="audio" muted autoplay>您的浏览器不支持 audio 元素。</audio>
+        </div>
+        <script src="../../js/moveJs/jquery.min.js"></script>
+        <script src="../../js/moveJs/jquery.signalR.min.js"></script>
+        <script>
+            var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
+                qs: `i=888888&n=印象之旅&p=${encodeURIComponent(
+                "http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
+                )}`
+            });
+            var proxy = conn.createHubProxy("annualLeaveHub");
+            var dataList = []
+            conn.start().done(data => {
+                sendMsg()
+            }).fail(data => {});
+            getMsg()
+            var audio = document.getElementById('audio');
+            audio.addEventListener('ended', function () {
+                showSignln()
+            }, false);
+            function sendMsg() {
+                proxy.invoke("Hello", '1').done(msg => {
+                    console.log(msg)
+                });
+            }
+            function getMsg() {
+                proxy.on("clientMethod", data => {
+                    console.log(data)
+                });
+                proxy.on("updateUsersOnlineCount",data=>{
+                    console.log(data)
+                })
+                proxy.on("notifySignin", data=>{
+                    var newData = JSON.parse(data)
+                    dataList.push(newData)
+                })
+            }
+            function sleep(ms) {
+                return new Promise(resolve => setTimeout(resolve, ms));
+            }
+            showSignln()
+            async function showSignln(){
+                console.log(dataList)
+                if (dataList.length == 0) {
+                    await sleep(1000);
+                    showSignln()
+                } else {
+                    $("#audio").attr('src', 'http://tsn.baidu.com/text2audio?tex=%E6%9D%A5%E8%87%AA%E5%BE%AE%E9%80%94%E7%A7%91%E6%8A%80%E7%9A%84%E7%BD%97%E8%B6%85&tok=24.825b6abe0dddd567466b9daef6fd5c5c.2592000.1579746727.282335-15369296&cuid=00-E0-4C-01-80-B4&ctp=1&lan=zh&spd=5&pit=5&vol=5&per=0&aue=3');
+                    if(audio.paused){                 
+                        audio.play(); 
+                    }
+                    $('.robot').attr('src', '../../images/texiao/robot.gif');
+                    // 更改展示的图片
+                    setTimeout(function(){
+                        $('.robot').attr('src', '../../images/texiao/robot.png');
+                        dataList.splice(0, 1);
+                    },2000);
+                }
+			}
+        </script>
+    </body>
+</html>
\ No newline at end of file

html/SignIn/signinInfo.html

+<!DOCTYPE html>
+<html>
+	<head>
+		<title>十周年签到墙-详细信息</title>
+		<meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+        <link rel="stylesheet" href="../../css/initcss.css">
+        <link rel="stylesheet" href="../../css/signinInfo.css">
+        <link rel="stylesheet" href="../../css/moveAnimate.min.css">
+    </head>
+    <body>
+        <div class="main">
+            <div class="dingguang"></div>
+            <div class="info_box animated" style="display:none;">
+                <div class="info_box_left">
+                    <div class="img_box">
+                        <img class="head_img" src="" alt="">
+                    </div>
+                </div>
+                <div class="info_box_right">
+                    <p class="name font-cjb"></p>
+                    <p class="brc font-s50 font-cjb"></p>
+                    <p class="job font-s50 font-cjb"></p>
+                    <p class="year font-s50 font-cjb"></p>
+                    <p class="info font-cjb"></p>
+                </div>
+            </div>
+            <audio id="audio" muted autoplay>您的浏览器不支持 audio 元素。</audio>
+        </div>
+        <script src="../../js/moveJs/jquery.min.js"></script>
+        <script src="../../js/moveJs/jquery.signalR.min.js"></script>
+        <script>
+            var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
+                qs: `i=888887&n=印象之旅&p=${encodeURIComponent(
+                "http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
+                )}`
+            });
+            var proxy = conn.createHubProxy("annualLeaveHub");
+            var dataList = []
+            conn.start().done(data => {
+                sendMsg()
+            }).fail(data => {});
+            getMsg()
+            var audio = document.getElementById('audio');
+            audio.addEventListener('ended', function () {
+                showSignln()
+            }, false);
+            function sendMsg() {
+                proxy.invoke("Hello", '1').done(msg => {
+                    console.log(msg)
+                });
+            }
+            function getMsg() {
+                proxy.on("clientMethod", data => {
+                    console.log(data)
+                });
+                proxy.on("updateUsersOnlineCount",data=>{
+                    console.log(data)
+                })
+                proxy.on("notifySignin", data=>{
+                    var newData = JSON.parse(data)
+                    dataList.push(newData)
+                })
+            }
+            function sleep(ms) {
+                return new Promise(resolve => setTimeout(resolve, ms));
+            }
+            showSignln()
+            async function showSignln(){
+                console.log(dataList)
+                if (dataList.length == 0) {
+                    await sleep(1000);
+                    showSignln()
+                } else {
+                    $("#audio").attr('src', 'http://tsn.baidu.com/text2audio?tex=%E6%9D%A5%E8%87%AA%E5%BE%AE%E9%80%94%E7%A7%91%E6%8A%80%E7%9A%84%E7%BD%97%E8%B6%85&tok=24.825b6abe0dddd567466b9daef6fd5c5c.2592000.1579746727.282335-15369296&cuid=00-E0-4C-01-80-B4&ctp=1&lan=zh&spd=5&pit=5&vol=5&per=0&aue=3');
+                    if(audio.paused){                 
+                        audio.play(); 
+                    }
+                    let data = dataList[0]
+                    $('.info_box').show();
+                    $('.info_box').addClass('fadeIn');
+                    $(".name").text(data.EmName)
+                    $(".brc").text(data.BranchName)
+                    $(".job").text(data.Job)
+                    $(".info").text(data.Remark)
+                    $(".year").text(data.JobYear)
+                    $(".head_img").attr('src', data.SignInPhoto)
+					$('.show_info').removeClass('fadeIn');
+                    // 更改展示的图片
+                    if (dataList.length !== 1) {
+                        setTimeout(function(){
+                            $('.info_box').addClass('fadeOut');
+                            setTimeout(function(){
+                                $('.info_box').removeClass('fadeOut');
+                                $('.info_box').hide();
+                                dataList.splice(0, 1);
+                            }, 500);
+                        },2000);
+                    }
+                }
+			}
+        </script>
+    </body>
+</html>
\ No newline at end of file

html/annualMeeting/AnnuaLmeetingHome.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" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta content="yes" name="mobile-web-app-capable">
+    <meta content="yes" name="apple-mobile-web-app-capable" />
+    <meta http-equiv="Cache-Control" content="no-siteapp" />
+    <title>印象之旅年会</title>
+    <script type="text/javascript" src="../../js/autosize2.js"></script>
+    <link rel="stylesheet" href="css/Amhome.css">
+</head>
+<body>
+    <div class="Box">
+<!--        头部嘉宾-->
+        <div class="top">
+            <img src="../../images/aM/jiabing@2x.png" alt="">
+            <p>嘉宾：</p>
+            <p class="rNumber">0</p>
+        </div>
+<!--节目单-->
+        <div class="center">
+            <p class="tilte">节目单</p>
+            <div class="center_box">
+                <div class="c_left">
+
+                </div>
+
+                <div class="c_right" >
+
+
+
+                </div>
+
+            </div>
+        </div>
+
+<!--底部菜单和发送-->
+        <div class="bottom">
+            <div class="b_menu">
+                <div class="menu">
+
+                </div>
+            </div>
+            <div class="barrage">
+                <div class="bar_input">
+                    <input type="text" placeholder="发弹幕参与大屏互动">
+                </div>
+                <div class="send_btn" onclick="send()">
+                    <p>发送</p>
+                </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 conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
+        qs: `i=1951&n=张建国&p=${encodeURIComponent(
+            "http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
+        )}`
+    });
+    var proxy = conn.createHubProxy("annualLeaveHub");
+    conn.start().done(data => {
+        sendMsg()
+    }).fail(data => {});
+    getMsg()
+
+    function sendMsg(msg,type) {
+        if(type ==1){
+            proxy.invoke("SendBarrage", msg).done(data => {
+                layer.msg('发送成功');
+            });
+        }
+    }
+    function send() {
+        var value = $('.bar_input input').val();
+        if(value.length==0){
+            layer.msg('不能为空哦');
+            return
+        }
+        sendMsg(value,1)
+    }
+    function getMsg() {
+
+        //年会首页菜单
+        proxy.on("getMenus", function (data){
+            console.log(data)
+
+            $(".menu_view").remove()
+            var html="";
+            $.each(data, function(i,v) {//这里的函数参数是键值对的形式，k代表键名，v代表值
+                html+='<div class="menu_view" onclick="menu_btn('+data[i].Id+')">\n' +
+                    '                        <img src="../../images/aM/menu@2x.png" alt="">\n' +
+                    '                        <p>'+data[i].MName+'</p>\n' +
+                    '                    </div>'
+            });
+            $(".menu").append(html);
+        });
+
+        proxy.on('getPrograms',function (data) {
+            programguides(data)
+
+
+        });
+        //嘉宾数量
+        proxy.on('updateUsersOnlineCount',function (data) {
+            $(".rNumber").html(data)
+        })
+    }
+    function menu_btn(id) {
+        if(id == 1){
+            window.location.href = './HitMouse.html'
+
+        }
+
+        if(id ==5 ){ //我的礼品
+
+        }
+    }
+    function programguides(data){
+        $(".right_box").remove()
+        $(".letf_box").remove()
+        var leftList = [];
+        var rightList = [];
+        for(var i=0;i<data.length ;i++){
+            if(i%2==0){
+                rightList.push(data[i])
+            }else {
+                leftList.push(data[i])
+            }
+        }
+        var html_l="";
+        var html_r="";
+        $.each(rightList, function(i,v) {//这里的函数参数是键值对的形式，k代表键名，v代表值
+            if(i==0){
+                html_l+='<div class="right_box" style="margin-top:0rem ">\n' +
+                    '                        <p class="time">'+rightList[i].StartTime+'</p>\n' +
+                    '                        <div class="c_describe">\n' +
+                    '                            <p>'+rightList[i].Title+'</p>\n' +
+                    '                            <p>'+rightList[i].Performer+'</p>\n' +
+                    '                        </div>\n' +
+                    '                        <div class="yuan_r"></div>\n' +
+                    '                    </div>'
+            }else {
+                html_l+='<div class="right_box" style="margin-top:0.75rem ">\n' +
+                    '                        <p class="time">'+rightList[i].StartTime+'</p>\n' +
+                    '                        <div class="c_describe">\n' +
+                    '                            <p>'+rightList[i].Title+'</p>\n' +
+                    '                            <p>'+rightList[i].Performer+'</p>\n' +
+                    '                        </div>\n' +
+                    '                        <div class="yuan_r"></div>\n' +
+                    '                    </div>'
+            }
+
+        });
+        $(".c_right").append(html_l);
+
+        $.each(leftList, function(i,v) {//这里的函数参数是键值对的形式，k代表键名，v代表值
+            html_r+='<div class="letf_box" style="margin-top: 0.75rem">\n' +
+                '                        <div class="time">\n' +
+                '                            <p>'+leftList[i].StartTime+'</p>\n' +
+                '                        </div>\n' +
+                '                        <div class="c_describe">\n' +
+                '                            <p>'+leftList[i].Title+'</p>\n' +
+                '                            <p>'+leftList[i].Performer+'</p>\n' +
+                '                        </div>\n' +
+                '                        <div class="yuan_l"></div>\n' +
+                '                    </div>'
+        });
+        $(".c_left").append(html_r);
+    }
+
+</script>
+</html>

html/annualMeeting/HitMouse.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" />
+    <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/HitMouse.css">
+</head>
+<body>
+
+    <div class="Box">
+
+<!--        头部一块-->
+        <div class="top">
+            <div class="top_title">
+                <img src="../../images/aM/home.png" alt="" class="return">
+                <p>打老鼠</p>
+                <img src="../../images/aM/ranging.png" alt="" class="ranging">
+            </div>
+            <div class="top_data">
+                <div class='Td_L'>
+                    <p>分数：</p>
+                    <p class="score">0分</p>
+                </div>
+                <div class='Td_R'>
+                    <p>时间：</p>
+                    <p id="time">30</p>
+                    <img src="../../images/aM/countdown.png" alt="" class="time_img">
+                </div>
+
+            </div>
+        </div>
+
+<!-- 打老鼠部分-->
+        <div class="hole-container">
+            <div class="hole" style="transform: translate(0.5rem, 0) scale(0.8, 0.8);">
+                <div class="mouse">
+                </div>
+            </div>
+            <div class="hole" style="transform: translate(1.5rem, 0) scale(0.8, 0.8);">
+                <div class="mouse">
+                </div>
+            </div>
+            <div class="hole" style="transform: translate(2.5rem, 0) scale(0.8, 0.8);">
+                <div class="mouse">
+                </div>
+            </div>
+
+
+            <div class="hole" style="transform: translate(0.30rem, 0.6rem) scale(1, 1);">
+                <div class="mouse">
+                </div>
+            </div>
+            <div class="hole" style="transform: translate(1.45rem, 0.6rem) scale(1, 1);">
+                <div class="mouse">
+                </div>
+            </div>
+            <div class="hole" style="transform: translate(2.64rem, 0.6rem) scale(1, 1);">
+                <div class="mouse">
+                </div>
+            </div>
+
+
+            <div class="hole" style="transform: translate(0.15rem, 1.5rem) scale(1.2, 1.2);">
+                <div class="mouse">
+                </div>
+            </div>
+            <div class="hole" style="transform: translate(1.4rem, 1.5rem) scale(1.2, 1.2);">
+                <div class="mouse">
+                </div>
+            </div>
+            <div class="hole" style="transform: translate(2.8rem, 1.5rem) scale(1.2, 1.2);">
+                <div class="mouse">
+                </div>
+            </div>
+        </div>
+
+<!--底部云-->
+        <img src="../../images/aM/cloud.png" alt="" class="bottom">
+
+<!--        弹出的一层-->
+        <div class="status">
+            <p>游戏即将开始</p>
+        </div>
+        <div class="status1">
+            <p>保存体力，等待开始</p>
+        </div>
+        <div class="circleCount">3</div>
+
+        <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;">
+
+        <!--        排行榜-->
+        <div class="rank_mask">
+            <div class="zhezao"></div>
+            <div class="rank_box">
+                <div class="rBox_top"></div>
+                <div class="rank_y">
+                    <p>你的排名 第</p>
+                    <p>1</p>
+                    <p>名</p>
+                </div>
+                <div class="rank_i">
+                    <div class="rank_item">
+                        <div class="rank_itemL">
+                            <div class="rank_num">1</div>
+                            <p>李思思</p>
+                        </div>
+                        <div class="rank_itemR">
+                            <div class="shuxi"></div>
+                            <p>1234</p>
+                        </div>
+                    </div>
+
+                </div>
+
+                <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 status=0; //活动状态
+
+
+
+    var conn = $.hubConnection("http://192.168.2.65:7838/signalr", {
+        qs: `i=1951&n=张建国&p=${encodeURIComponent(
+            "http://imgfile.oytour.com/New/Upload/User/20191018150051176.png"
+        )}`
+    });
+    var proxy = conn.createHubProxy("annualLeaveHub");
+    conn.start().done(data => {
+        sendMsg()
+    }).fail(data => {});
+    getMsg()
+
+
+    function sendMsg(msg,type) {
+        if(type == 1){
+            proxy.invoke("ReadyGame", msg).done(data => {
+                layer.msg('开始准备');
+            });
+        }
+    //0,未开始；1，准备中；2，进行中；-1，已结束  菜单状态
+        proxy.invoke("GetMenuStatus", 'Mouse').done(data => {
+            if(data.status == 0){
+                $('.status').css({'display':'flex'});
+            }
+        });
+    }
+    function ces(msg) {
+        sendMsg('Mouse',1)
+    }
+
+    function getMsg() {
+        //随时获取游戏的状态
+        proxy.on('getChangeMenu',function (data) {
+            if(data.status==1){
+
+            }
+        });
+
+    }
+    // sort 是顺序，score分数，type -1鼠，2猪，location位置（出现在第几个洞），interval时间（与下一个间隔时间单位：毫秒）
+    let data=[
+        {"Sort":1,"Type":1,"Location":1,"Interval":349},
+    ];
+    var key = 0
+    var timer1;
+    var score = 0;
+    var Count=3;
+    var Count2=30;
+    function  ces2(){
+        key = 0
+          timer1 = setInterval(increase ,data[key].Interval+300)
+    }
+
+    function increase() {
+        var wz = data[key].Location-1
+        if(data[key].Type == 1){
+            //创建img元素
+            $('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/mouse.png" alt="">');
+            $('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.05rem"},600);
+            //为老鼠的时候加100分
+            $('.hole-container .hole:eq('+wz+') .mouse img').click(function () {
+                score=score+100;
+                $('.score').html(score+ '分')
+            })
+            $('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.65rem"},600);
+
+            //等动画消失之后删除元素
+            setTimeout(function () {
+                $('.hole-container .hole:eq('+wz+') .mouse').empty();
+            },1200)
+
+        }
+        if(data[key].Type == 2){
+            $('.hole-container .hole:eq('+wz+') .mouse').append('<img src="../../images/aM/pig.png" alt="">');
+            $('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.05rem"},600);
+            $('.hole-container .hole:eq('+wz+') .mouse img').click(function () {
+                score=score-50;
+                $('.score').html(score+ '分')
+            })
+            $('.hole-container .hole:eq('+wz+') .mouse img').animate({top:"0.65rem"},600);
+            setTimeout(function () {
+                $('.hole-container .hole:eq('+wz+') .mouse').empty();
+            },1200)
+        }
+        if(key == data.length-1){
+            //清楚定时器
+            clearInterval(timer1)
+        }
+        key++
+    }
+
+    //模拟监听到开始事件
+    $("#Start").click(function(){
+        StartGame();
+    });
+    function StartGame() {
+        Count=3;
+        Count2=30;
+        $('.circleCount').css('display','block');
+        $('.status1').css('display','flex');
+        var clock = window.setInterval(function(){
+            Count--;
+            $('.circleCount').html(Count);
+            if(Count==0){
+                $('.circleCount').css('display','none');
+                $('.status1').css('display','none');
+                window.clearInterval(clock);
+                Count30();
+            }
+        }, 1000);
+    }
+    //30秒倒计时
+    function Count30(){
+        $("#time").html(30);
+        let clock = window.setInterval(function() {
+            Count2--;
+            $("#time").html(Count2);
+            if (Count2 === 0) {
+                window.clearInterval(clock);
+                //显示统计窗口
+                $('.rank_mask').css('display','block');
+            }
+        }, 1000)
+    }
+    $('.Close').click(function () {
+        $('.rank_mask').css('display','none')
+    })
+
+</script>
+</html>

html/annualMeeting/Money.html

+<!DOCTYPE html>
+<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="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;">
+    <div class="money_count">
+        <div class="reg_bag" style='background-image: url("img/money/red_bag.png")'></div>
+        <div class="money_box">
+            <img src="img/money/money.png" alt=""/>
+        </div>
+        <div class="wait_tips" id="wait_tips"></div>
+        <div class="mask"></div>
+        <div class="gold"></div>
+        <div id="touchBox"></div>
+        <input type="button" value="开始" id="Start" style="z-index:9999;position: fixed;top:0;">
+        <input type="button" value="重置" id="reset" style="z-index:9999;position: fixed;top:0;left:40px;">
+
+        <div class="time">
+            <div class="time-txt">倒计时</div>
+        <span>
+            <span id="time">0</span>秒
+        </span>
+        </div>
+        <div class="tipsDiv">保存体力，等待开始</div>
+        <div class="circleCount">3</div>
+    </div>
+    <div class="play_tips" id="play_tips">
+        <div class="arrow"></div>
+        <div class="hand"></div>
+    </div>
+    <div class="opt">
+        <div class="back_ico" id="back_ico"></div>
+        <div class="rank_ico" id="rankBtn"></div>
+    </div>
+    <div class="rank_mask">
+        <div style="height:3rem"></div>
+        <div class="close" id="closeBtn"></div>
+        <div class="rank_list_box">
+            <div class="rank_dec"></div>
+            <div class="rank_list_ranking">
+                <div class="rank_list_rankingBs">
+                    <div class="my_rank">
+                        <p class="my_rankTop" style="padding:1.5rem 0 0.2rem 0">
+                            <span class="my-rank-title">您当前排名为</span>&nbsp;&nbsp;
+                            <span class="rank_myTop" id="myTop">1</span>&nbsp;&nbsp;名
+                        </p>
+                    </div>
+                    <div class="rank" id="rankBox" style="height: 27rem;">
+                        <div class="rank-row">
+                            <span class="rank-num num1"></span>
+                            <img src="img/money/back_ico.png"/>
+                            <span class="rank-name">张三</span>
+                            <span class="rank-score">10400</span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+<script type="text/javascript" src="../../js/jquery-1.10.2.js"></script>
+<script>
+    $(function () {
+        var music=document.getElementById('music');
+        var money_en =  $("body");
+        //传递后台的分数
+        var i= 0;
+        var off =true;
+        var Count=3;
+        var Count2=30;
+
+        //点击关闭统计弹窗
+        $('.close').click(function(){
+            $('.rank_mask').css('display','none');
+        });
+        //点击查看排行榜
+        $('#rankBtn').click(function(){
+            $('.rank_mask').css('display','block');
+        });
+        //模拟监听到再来一次重置事件
+        $("#reset").click(function(){
+            location.reload();
+            //StartGame();
+        });
+        //模拟监听到开始事件
+        $("#Start").click(function(){
+            StartGame();
+        });
+        //游戏开始
+        function StartGame(){
+            //3秒倒计时
+            $('.circleCount').html(3);
+            Count=3;
+            Count2=30;
+            $('.circleCount').css('display','block');
+            $('.tipsDiv').css('display','block');
+            $('.play_tips').css('display','none');
+            var clock = window.setInterval(function(){
+                Count--;
+                $('.circleCount').html(Count);
+                if(Count==0){
+                    $('.circleCount').css('display','none');
+                    $('.tipsDiv').css('display','none');
+                    window.clearInterval(clock);
+                    Count30();
+                    startMove();
+                }
+            }, 1000);
+        }
+        //30秒倒计时
+        function Count30(){
+            $("#time").html(30);
+            let clock = window.setInterval(function() {
+                Count2--;
+                $("#time").html(Count2);
+                if (Count2 === 0) {
+                    window.clearInterval(clock);
+                    //显示统计窗口
+                    $('.rank_mask').css('display','block');
+                }
+            }, 1000)
+        }
+        function startMove(){
+            money_en.on("touchstart", function(e) {
+                if (e.cancelable) {
+                    // 判断默认行为是否已经被禁用
+//                    if (!e.defaultPrevented) {
+//                        e.preventDefault();
+//                    }
+                }
+                startX = e.originalEvent.changedTouches[0].pageX;
+                startY = e.originalEvent.changedTouches[0].pageY;
+            });
+            money_en.on("touchend", function(e) {
+                if (e.cancelable) {
+                    // 判断默认行为是否已经被禁用
+//                    if (!e.defaultPrevented) {
+//                        e.preventDefault();
+//                    }
+                    $('.play_tips').css('display','none');
+                }
+                moveEndX = e.originalEvent.changedTouches[0].pageX;
+                moveEndY = e.originalEvent.changedTouches[0].pageY;
+                X = moveEndX - startX;
+                Y = moveEndY - startY;
+                if ( Y < 0 ) {
+                    //music.play();
+                    if(off){
+                        var time= setInterval(function () {
+                            if(Count2==0){
+                                clearInterval(time);
+                                $(".money_box").remove();
+                            }
+                        },1000);
+                    }
+                    off =false;
+//                setTimeout(function () {
+//                    music.play();
+//                },10);
+//                music.playbackRate = 4;
+//                music.defaultPlaybackRate = 4;
+                    $(".money_box").find('img').animate({
+                        "top":"-1000"
+                    },400, function () {
+                        $(this).remove();
+                        i+=100;
+                        //$(".money_add span").html("￥"+i)
+                    });
+                    setTimeout(function () {
+                        $(".money_box").append('<img src="img/money/money.png">');
+                    },100)
+                }
+            });
+        }
+        document.addEventListener("WeixinJSBridgeReady", function () {
+            music.load();
+        }, false);
+    });
+</script>
+</html>
\ No newline at end of file