1

css/Invitation.css

@@ -365,3 +365,20 @@
     font-size: 0.35rem;
     margin-top: .2rem;
 }
+.muted,.muted2{
+    position: fixed;
+    right: 1%;
+    top: 1%;
+    width: 30px;
+    z-index: 2022;
+    opacity: .8;
+}
+.muted2{
+    -webkit-filter: grayscale(100%) brightness(1) contrast(.5);
+    -moz-filter: grayscale(100%) brightness(1) contrast(.5);
+    -ms-filter: grayscale(100%) brightness(1) contrast(.5);
+    -o-filter: grayscale(100%) brightness(1) contrast(.5);
+    filter: grayscale(100%) brightness(1) contrast(.5);
+    -webkit-filter: grey opacity(.5);
+    filter: grey opacity(.5)
+}
\ No newline at end of file

css/SignIn.css

@@ -168,11 +168,13 @@
 }
 .bigCard {
     width: 461px;
-    height: 484px;
+    height: 80%;
     background: url("../images/texiao/red.png") no-repeat;
     background-size: 100% 100%;
     position: fixed;
     right: 13%;
+    padding-top: 10%;
+    box-sizing: border-box;
 }
 
 .bigCard p {
@@ -207,6 +209,11 @@
     background-position: -2px -2px;
     margin: 0 auto;
 }
+#uerImg img{
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+}
 @keyframes signin3d {
     0%{top:0;left:0;width:158px;height:157px;background: url("../images/texiao/sprites.png?v=1") no-repeat -865px -630px;}
     2.86%{top:0;left:0;width:169px;height:155px;background: url("../images/texiao/sprites.png?v=1") no-repeat -865px -475px;}

css/animate.css

@@ -2573,8 +2573,8 @@
 	animation-name:slideOutUp
 }
 .zhuan{
-	animation:zhuan 5s infinite;
-	-webkit-animation:zhuan 5s infinite; /*Safari and Chrome*/
+	animation:zhuan 2s infinite linear;
+	-webkit-animation:zhuan 2s infinite linear; /*Safari and Chrome*/
 }
 @-webkit-keyframes zhuan {
 	0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}

html/Invitation.html

@@ -10,7 +10,7 @@
         <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
         <meta http-equiv="Pragma" content="no-cache" />
         <meta http-equiv="Expires" content="0" />
-        <title>印象之旅2019年底大红包</title>
+        <title>印象之旅十周年生日Party~十年随影·感恩有你</title>
         <style>
             .loding{
                 width: 100%;
@@ -78,6 +78,9 @@
                 <div class="double-bounce2"></div>
             </div>
         </div>
+        <audio style="position: absolute; top: -20%;z-index: -1" id="audio" loop="loop" src="../video/bg_m_0001.mp3"  controls></audio>
+        <img class="muted zhuan" src="../images/yaoqinghan/musical-note.png" alt="">
+        <img class="muted2" src="../images/yaoqinghan/musical-note.png" alt="">
         <div class="wrap fzse c17" id="wrap">
             <div class="fan fan-up animated bounceInDown" id="fan-up">
                 <img src="../images/huikui/arr2.png" alt="">
@@ -482,12 +485,28 @@
             };
             window.onload = function(){
                 $('.loding').hide()
+                $('.muted2').hide()
                 pages({
                     wrap: 'wrap', //.wrap的id
                     wrap2: 'wrap2', //.wrap2的id
                     len: maxPageIndex, //一共有几页
                     n: newPageIndex //页面一打开默认在第几页？第一页就是0，第二页就是1
                 });
+                var audio = $('#audio')
+                var ado = audio[0];
+                window.addEventListener('click', function(){
+                    ado.play()
+                })
+                $('.muted').click(function () {
+                    ado.muted = true;
+                    $('.muted').hide()
+                    $('.muted2').show()
+                })
+                $('.muted2').click(function () {
+                    ado.muted = false;
+                    $('.muted').show()
+                    $('.muted2').hide()
+                })
             }
         </script>
     </body>

html/SignIn/SignIn.html

@@ -146,18 +146,23 @@
                 <div id="container"></div>
                 <!-- style="display:none;" -->
                 <div class="show_info animated" style="display:none;">
-                    <div class="bigCard" style="top: 250px; display: block; opacity: 1; transform: scale(1, 1);">
+                    <div class="bigCard" style="top: 10%; display: block; opacity: 1; transform: scale(1, 1);">
                         <div class="bigCardScale">
-                            <div class="bigCard-divBigBs bigCard-divBigBsAnm" id="uerImg"></div>
+                            <div class="bigCard-divBigBs bigCard-divBigBsAnm" id="uerImg">
+								<img src="" alt="">
+							</div>
 						</div>
 						<p class="job" id="job" class="yinxiang2020"></p>
                         <p class="nickname" id="nickname" class="yinxiang2020"></p>
                     </div>
                 </div>
 			</div>
-			<div id="danmu">
+			<div id="danmu" onclick="senddddddd()">
 
 			</div>
+			<!-- <div id="danmu" onclick="senddddddd()">
+
+			</div> -->
         </div>
         <audio id="audio" autoplay>您的浏览器不支持 audio 元素。</audio>
 		<script>
@@ -212,6 +217,23 @@
                 }
 			})
             getMsg()
+			function senddddddd(){
+				dataList.push({
+					BranchName: "微途科技",
+					EmName: "华国豪",
+					EmpId: 1755,
+					GiftCode: "202001091535475564",
+					Id: 415,
+					IsReceive: 0,
+					Job: "技术开发",
+					JobYear: "2年",
+					ParentId: 1,
+					ReceiveDate: null,
+					Remark: null,
+					SignInDate: "2020-01-09T15:35:47.0815078+08:00",
+					SignInPhoto: "http://imgfile.oytour.com/Upload/Temporary/20200109033546047.jpg",
+				})
+			}
 			showSignln()
             function sendMsg() {
                 proxy.invoke("Hello", '1').done(msg => {
@@ -271,8 +293,9 @@
     		var _out = ['bounceOut','bounceOutDown','bounceOutLeft','bounceOutRight','bounceOutUp','fadeOut','fadeOutDown','fadeOutDownBig','fadeOutLeft','fadeOutLeftBig','fadeOutRight','fadeOutRightBig','fadeOutUp','fadeOutUpBig','rotateOut','rotateOutDownLeft','rotateOutDownRight','rotateOutUpLeft','rotateOutUpRight','slideOutDown','slideOutLeft','slideOutRight'];
     		// 推送数据
 			async function showSignln(){
+				console.log(dataList)
                 if (dataList.length == 0) {
-                    await sleep(1000);
+                    await sleep(2000);
                     showSignln()
                 } else {
                     let data = dataList[0]
@@ -289,16 +312,14 @@
                     $(".job").text(data.BranchName)
                     $(".JobYear").text(data.JobYear)
 					$('.show_info').removeClass(_in[rand_in]);
-					console.log(data)
+					$('#uerImg img').attr('src', data.SignInPhoto)
 					chainAnimations(data.EmName)
 					// 更改展示的图片
                     var img = document.getElementsByClassName('element')[CurPersonNum].getElementsByTagName('img')[0];
                     img.setAttribute('src', data.SignInPhoto);
                     ++CurPersonNum;
                     setTimeout(function(){
-                        $('.show_info').addClass(_out[rand_out]);
                         setTimeout(function(){
-                            $('.show_info').removeClass(_out[rand_out]);
 							$('.show_info').hide();
 							dataList2.push({
 								bn: dataList[0].BranchName,
@@ -307,7 +328,7 @@
 							})
                             dataList.splice(0, 1);
                         },1000);
-                    },1500);
+                    },2000);
                 }
 			}
 			function chainAnimations(name){

html/annualMeeting/test1.html

@@ -165,8 +165,9 @@
 	}
 
     function initConnection(){
+        let url = 'http://192.168.2.65:7838/signalr'// getApiUrl().urlSignalr
         var conn = $.hubConnection(getApiUrl().urlSignalr, {
-            qs: `i=${userInfo.id}&n=${userInfo.name}&p=http://192.168.2.214:8130/Upload/Temporary/20200103060438316.jpg}&e=2018-01-02`
+            qs: `i=${EmployeeId}&n=${userInfo.name}&p=http://192.168.2.214:8130/Upload/Temporary/20200103060438316.jpg}&e=2018-01-02`
         });
 		proxy = conn.createHubProxy("annualLeaveHub");
 		conn.start().done(data => {