Home Explore Help
Register Sign In
tangdehang
/
android-cloud-H5
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

优化

heyang 3 years ago
parent
509c120aa0
commit
46ed06b943
44 changed files with 743 additions and 34 deletions
Split View Show Diff Stats
  1. 29 21
      microserviceUserH5/static/css/maJiaBaoGoApp.css
  2. BIN
      microserviceUserH5/static/img/border-btn.png
  3. BIN
      microserviceUserH5/static/img/border-close.png
  4. BIN
      microserviceUserH5/static/img/border-text.png
  5. BIN
      microserviceUserH5/static/img/border.png
  6. BIN
      microserviceUserH5/static/img/btn-text.png
  7. BIN
      microserviceUserH5/static/img/downLoadText.png
  8. BIN
      microserviceUserH5/static/img/fullAttendAssistant/bg.png
  9. BIN
      microserviceUserH5/static/img/fullAttendAssistant/border.png
  10. BIN
      microserviceUserH5/static/img/fullAttendAssistant/btn.png
  11. BIN
      microserviceUserH5/static/img/fullAttendAssistant/close.png
  12. BIN
      microserviceUserH5/static/img/fullAttendAssistant/download-bg.png
  13. BIN
      microserviceUserH5/static/img/fullAttendAssistant/download-text.png
  14. BIN
      microserviceUserH5/static/img/fullAttendAssistant/fullAttend.png
  15. BIN
      microserviceUserH5/static/img/homeAttence/bg.png
  16. BIN
      microserviceUserH5/static/img/homeAttence/border.png
  17. BIN
      microserviceUserH5/static/img/homeAttence/btn.png
  18. BIN
      microserviceUserH5/static/img/homeAttence/close.png
  19. BIN
      microserviceUserH5/static/img/homeAttence/download-bg.png
  20. BIN
      microserviceUserH5/static/img/homeAttence/download-text.png
  21. BIN
      microserviceUserH5/static/img/homeAttence/home.png
  22. BIN
      microserviceUserH5/static/img/ios-text.png
  23. BIN
      microserviceUserH5/static/img/ios-title.png
  24. BIN
      microserviceUserH5/static/img/maJiaBaoGoAppBag.png
  25. BIN
      microserviceUserH5/static/img/pangda/bg.png
  26. BIN
      microserviceUserH5/static/img/pangda/border.png
  27. BIN
      microserviceUserH5/static/img/pangda/btn.png
  28. BIN
      microserviceUserH5/static/img/pangda/close.png
  29. BIN
      microserviceUserH5/static/img/pangda/download-bg.png
  30. BIN
      microserviceUserH5/static/img/pangda/download-text.png
  31. BIN
      microserviceUserH5/static/img/pangda/pangda.png
  32. BIN
      microserviceUserH5/static/img/snail.png
  33. BIN
      microserviceUserH5/static/img/zhenxiangAttence/bg.png
  34. BIN
      microserviceUserH5/static/img/zhenxiangAttence/border.png
  35. BIN
      microserviceUserH5/static/img/zhenxiangAttence/btn.png
  36. BIN
      microserviceUserH5/static/img/zhenxiangAttence/close.png
  37. BIN
      microserviceUserH5/static/img/zhenxiangAttence/download-bg.png
  38. BIN
      microserviceUserH5/static/img/zhenxiangAttence/download-text.png
  39. BIN
      microserviceUserH5/static/img/zhenxiangAttence/zhenxiang.png
  40. 167 0
      microserviceUserH5/vcloud/fullAttendAssistant.html
  41. 167 0
      microserviceUserH5/vcloud/homeAttence.html
  42. 47 13
      microserviceUserH5/vcloud/maJiaBaoGoApp.html
  43. 167 0
      microserviceUserH5/vcloud/pangdaAttence.html
  44. 166 0
      microserviceUserH5/vcloud/zhenxiangAttence.html

+ 29 - 21
microserviceUserH5/static/css/maJiaBaoGoApp.css
View File 

@@ -24,14 +24,14 @@ ul, li {
 
   width: 7.5rem;
 
   height: 100vh;
 
   margin: 0 auto;
 
-  background: url(../img/maJiaBaoGoAppBag.png);
 
+  /* background: url(../img/maJiaBaoGoAppBag.png);
 
   background-repeat: no-repeat;
 
-  background-size: 7.5rem 100vh;
 
+  background-size: 7.5rem 100vh; */
 
 }
 
 
 .btn-content{
 
   position: absolute;
 
-  bottom: 2rem;
 
+  bottom: 3rem;
 
   left: 1.12rem;
 
 }
 
 
@@ -87,36 +87,44 @@ ul, li {
 
 }
 
 
 .border-close{
 
-  width: 0.44rem;
 
-  height: 0.44rem;
 
+  width: 1.8rem;
 
+  height: 0.52rem;
 
   position: absolute;
 
-  right: 2.32rem;
 
-  bottom: 0.06rem;
 
+  right: 1.62rem;
 
+  bottom: -0.52rem;
 
 }
 
 
 .border-text {
 
-  width: 4.20rem;
 
-  height: 1.26rem;
 
+  width: 3.40rem;
 
+  height: 0.35rem;
 
+  position: absolute;
 
+  right: 0.74rem;
 
+  top: 1.01rem;
 
+}
 
+
 
+.border-btn {
 
+  width: 4rem;
 
+  height: 0.54rem;
 
   position: absolute;
 
-  right: 0.32rem;
 
-  top: 0.61rem;
 
+  right: 0.53rem;
 
+  bottom: 0.53rem;
 
 }
 
 
-.ios-text {
 
-  width: 2.56rem;
 
-  height: 0.42rem;
 
+.btn-text{
 
+  width: 3.67rem;
 
+  height: 0.31rem;
 
   position: absolute;
 
-  right: 1.28rem;
 
-  top: -0.21rem;
 
+  right: 0.7rem;
 
+  bottom: 0.64rem;
 
   z-index: 99;
 
 }
 
 
-.ios-title{
 
-  width: 3.46rem;
 
-  height: 0.76rem;
 
+.small-routine{
 
+  width: 3.02rem;
 
+  height: 3.02rem;
 
   position: absolute;
 
-  right: 0.8rem;
 
-  top: -0.4rem;
 
+  right: 1.02rem;
 
+  top: 1.83rem;
 
 }
 
 
 .head-list{

BIN
microserviceUserH5/static/img/border-btn.png
View File


BIN
microserviceUserH5/static/img/border-close.png
View File


BIN
microserviceUserH5/static/img/border-text.png
View File


BIN
microserviceUserH5/static/img/border.png
View File


BIN
microserviceUserH5/static/img/btn-text.png
View File


BIN
microserviceUserH5/static/img/downLoadText.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/bg.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/border.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/btn.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/close.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/download-bg.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/download-text.png
View File


BIN
microserviceUserH5/static/img/fullAttendAssistant/fullAttend.png
View File


BIN
microserviceUserH5/static/img/homeAttence/bg.png
View File


BIN
microserviceUserH5/static/img/homeAttence/border.png
View File


BIN
microserviceUserH5/static/img/homeAttence/btn.png
View File


BIN
microserviceUserH5/static/img/homeAttence/close.png
View File


BIN
microserviceUserH5/static/img/homeAttence/download-bg.png
View File


BIN
microserviceUserH5/static/img/homeAttence/download-text.png
View File


BIN
microserviceUserH5/static/img/homeAttence/home.png
View File


BIN
microserviceUserH5/static/img/ios-text.png
View File


BIN
microserviceUserH5/static/img/ios-title.png
View File


BIN
microserviceUserH5/static/img/maJiaBaoGoAppBag.png
View File


BIN
microserviceUserH5/static/img/pangda/bg.png
View File


BIN
microserviceUserH5/static/img/pangda/border.png
View File


BIN
microserviceUserH5/static/img/pangda/btn.png
View File


BIN
microserviceUserH5/static/img/pangda/close.png
View File


BIN
microserviceUserH5/static/img/pangda/download-bg.png
View File


BIN
microserviceUserH5/static/img/pangda/download-text.png
View File


BIN
microserviceUserH5/static/img/pangda/pangda.png
View File


BIN
microserviceUserH5/static/img/snail.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/bg.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/border.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/btn.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/close.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/download-bg.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/download-text.png
View File


BIN
microserviceUserH5/static/img/zhenxiangAttence/zhenxiang.png
View File


+ 167 - 0
microserviceUserH5/vcloud/fullAttendAssistant.html
View File 

@@ -0,0 +1,167 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
+	<title>下载APP</title>
 
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
 
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
 
+	<link rel="stylesheet" href="../static/css/maJiaBaoGoApp.css">
 
+	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
 
+	<script src="../static/js/vender/toastr/toastr.min.js"></script>
 
+	<script src="../static/js/vender/config.js"></script>
 
+	<style>
 
+		.code-container {
 
+			background: url(../static/img/fullAttendAssistant/bg.png);
 
+			background-repeat: no-repeat;
 
+			background-size: 7.5rem 100vh;
 
+		}
 
+	</style>
 
+</head>
 
+
 
+<body>
 
+	<div class="code-container">
 
+		<div class="btn-content">
 
+			<img class="download-app" src="../static/img/fullAttendAssistant/download-bg.png" />
 
+			<img class="download-text" src="../static/img/fullAttendAssistant/download-text.png" />
 
+		</div>
 
+		<div class="mask">
 
+			<div class="point">
 
+				<img class="point-img" src="../static/img/point.png" />
 
+			</div>
 
+			<div class="dialog">
 
+			    <img class="border" src="../static/img/fullAttendAssistant/border.png" />
 
+			    <img class="border-close" src="../static/img/fullAttendAssistant/close.png" />
 
+			    <img class="border-text" src="../static/img/border-text.png" />
 
+			    <img class="border-btn" src="../static/img/fullAttendAssistant/btn.png" />
 
+			    <img class="small-routine" src="../static/img/fullAttendAssistant/fullAttend.png" id="picurl" />
 
+			    <img class="btn-text" src="../static/img/btn-text.png" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script>
 
+		toastr.options.positionClass = 'toast-center-center';
 
+		toastr.options.timeOut = '1500';
 
+	</script>
 
+	<script type="text/javascript">
 
+        // var baseUrl = 'http://14.215.128.96/'
 
+	    let timer,flag = true;
 
+		var url = window.location.href;
 
+		url = url.split('/')
 
+		var loc = window.location.search,
 
+		    n1 = loc.length,//地址的总长度
 
+		    n2 = loc.indexOf("="),//取得=号的位置
 
+		    id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
 
+			u = navigator.userAgent,
 
+			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 
+		//埋点
 
+		if(isAndroid){
 
+			operate(id);
 
+		}
 
+		if(isiOS){
 
+			const pointName = id + '_IOS'
 
+			operate(pointName);
 
+		}
 
+		function operate(pointName){
 
+			$.ajax({
 
+				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					pointName: pointName
 
+				}),
 
+				contentType:"application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(isAndroid){
 
+						getAppDownload();
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//点击下载APP
 
+	    $('.btn-content')[0].addEventListener('click',()=>{
 
+			var ua = navigator.userAgent.toLowerCase();
 
+			if(ua.match(/MicroMessenger/i)=="micromessenger" || ua.match(/QQ\/[0-9]/i)){
 
+				$('.point').animate({top: '0.1rem'},"fast");
 
+				$('.mask').css('background','rgba(0,0,0,0.7)');
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}else if(isAndroid){
 
+				const pointName = id + '_click'
 
+		        operate(pointName);
 
+			}else if(isiOS){
 
+				const pointName = id + '_IOS_click'
 
+				operate(pointName);
 
+				$('.dialog').animate({top: '4.36rem'},"fast");
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}
 
+		},false);
 
+		//关闭
 
+	    $('.border-close')[0].addEventListener('click',handleClose,false);
 
+		function handleClose() {
 
+			$('.dialog').animate({top: '-6.96rem'},"fast");
 
+			$('.mask').hide();
 
+			document.documentElement.style.overflow='auto';
 
+		}
 
+		//调用下载接口
 
+		function getAppDownload(){
 
+			$.ajax({
 
+				url: baseUrl + '/api/user/v1/ditchClient/addChannelAppDownload',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					code:"Q4796f4k26ST",
 
+					platform:"1",
 
+					version:""
 
+				}),
 
+				contentType: "application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(res.status === 0){
 
+						window.location.href = baseUrl + '/file-center/fileOperate/downloadFile?id=169403';
 
+					}else{
 
+						stopManyClick(() =>{
 
+							toastr.error(res.msg)
 
+						})
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//保存到相册
 
+	    $('.btn-text')[0].addEventListener('click',savePic,false);
 
+		function savePic(){         
+			var picurl= $("#picurl").attr("src");
 
+			savePicture(picurl);
 
+		}
 
+		//保存图片
 
+		function savePicture(Url){
 
+			var blob=new Blob([''], {type:'application/octet-stream'});
 
+			var url = URL.createObjectURL(blob);
 
+			var a = document.createElement('a');
 
+			a.href = Url;
 
+			a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
 
+			var e = document.createEvent('MouseEvents');
 
+			e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
 
+			a.dispatchEvent(e);
 
+			URL.revokeObjectURL(url);
 
+			stopManyClick(() =>{
 
+				toastr.error('保存成功！')
 
+			})
 
+		}
 
+		//防止提示一秒内重复显示
 
+		function stopManyClick(fn) {
 
+			if (flag) {
 
+				fn();
 
+			}
 
+			flag = false;
 
+			if(timer){clearTimeout(timer);}
 
+			timer = setTimeout(() => {flag = true}, 1500);
 
+		}
 
+	</script>
 
+</body>
 
+
 
+</html>

+ 167 - 0
microserviceUserH5/vcloud/homeAttence.html
View File 

@@ -0,0 +1,167 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
+	<title>下载APP</title>
 
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
 
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
 
+	<link rel="stylesheet" href="../static/css/maJiaBaoGoApp.css">
 
+	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
 
+	<script src="../static/js/vender/toastr/toastr.min.js"></script>
 
+	<script src="../static/js/vender/config.js"></script>
 
+	<style>
 
+		.code-container {
 
+			background: url(../static/img/homeAttence/bg.png);
 
+			background-repeat: no-repeat;
 
+			background-size: 7.5rem 100vh;
 
+		}
 
+	</style>
 
+</head>
 
+
 
+<body>
 
+	<div class="code-container">
 
+		<div class="btn-content">
 
+			<img class="download-app" src="../static/img/homeAttence/download-bg.png" />
 
+			<img class="download-text" src="../static/img/homeAttence/download-text.png" />
 
+		</div>
 
+		<div class="mask">
 
+			<div class="point">
 
+				<img class="point-img" src="../static/img/point.png" />
 
+			</div>
 
+			<div class="dialog">
 
+			    <img class="border" src="../static/img/homeAttence/border.png" />
 
+			    <img class="border-close" src="../static/img/homeAttence/close.png" />
 
+			    <img class="border-text" src="../static/img/border-text.png" />
 
+			    <img class="border-btn" src="../static/img/homeAttence/btn.png" />
 
+			    <img class="small-routine" src="../static/img/homeAttence/home.png" id="picurl" />
 
+			    <img class="btn-text" src="../static/img/btn-text.png" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script>
 
+		toastr.options.positionClass = 'toast-center-center';
 
+		toastr.options.timeOut = '1500';
 
+	</script>
 
+	<script type="text/javascript">
 
+        // var baseUrl = 'http://14.215.128.96/'
 
+	    let timer,flag = true;
 
+		var url = window.location.href;
 
+		url = url.split('/')
 
+		var loc = window.location.search,
 
+		    n1 = loc.length,//地址的总长度
 
+		    n2 = loc.indexOf("="),//取得=号的位置
 
+		    id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
 
+			u = navigator.userAgent,
 
+			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 
+		//埋点
 
+		if(isAndroid){
 
+			operate(id);
 
+		}
 
+		if(isiOS){
 
+			const pointName = id + '_IOS'
 
+			operate(pointName);
 
+		}
 
+		function operate(pointName){
 
+			$.ajax({
 
+				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					pointName: pointName
 
+				}),
 
+				contentType:"application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(isAndroid){
 
+						getAppDownload();
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//点击下载APP
 
+	    $('.btn-content')[0].addEventListener('click',()=>{
 
+			var ua = navigator.userAgent.toLowerCase();
 
+			if(ua.match(/MicroMessenger/i)=="micromessenger" || ua.match(/QQ\/[0-9]/i)){
 
+				$('.point').animate({top: '0.1rem'},"fast");
 
+				$('.mask').css('background','rgba(0,0,0,0.7)');
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}else if(isAndroid){
 
+				const pointName = id + '_click'
 
+		        operate(pointName);
 
+			}else if(isiOS){
 
+				const pointName = id + '_IOS_click'
 
+				operate(pointName);
 
+				$('.dialog').animate({top: '4.36rem'},"fast");
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}
 
+		},false);
 
+		//关闭
 
+	    $('.border-close')[0].addEventListener('click',handleClose,false);
 
+		function handleClose() {
 
+			$('.dialog').animate({top: '-6.96rem'},"fast");
 
+			$('.mask').hide();
 
+			document.documentElement.style.overflow='auto';
 
+		}
 
+		//调用下载接口
 
+		function getAppDownload(){
 
+			$.ajax({
 
+				url: baseUrl + '/api/user/v1/ditchClient/addChannelAppDownload',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					code:"Q4796f4k26ST",
 
+					platform:"1",
 
+					version:""
 
+				}),
 
+				contentType: "application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(res.status === 0){
 
+						window.location.href = baseUrl + '/file-center/fileOperate/downloadFile?id=169403';
 
+					}else{
 
+						stopManyClick(() =>{
 
+							toastr.error(res.msg)
 
+						})
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//保存到相册
 
+	    $('.btn-text')[0].addEventListener('click',savePic,false);
 
+		function savePic(){         
+			var picurl= $("#picurl").attr("src");
 
+			savePicture(picurl);
 
+		}
 
+		//保存图片
 
+		function savePicture(Url){
 
+			var blob=new Blob([''], {type:'application/octet-stream'});
 
+			var url = URL.createObjectURL(blob);
 
+			var a = document.createElement('a');
 
+			a.href = Url;
 
+			a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
 
+			var e = document.createEvent('MouseEvents');
 
+			e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
 
+			a.dispatchEvent(e);
 
+			URL.revokeObjectURL(url);
 
+			stopManyClick(() =>{
 
+				toastr.error('保存成功！')
 
+			})
 
+		}
 
+		//防止提示一秒内重复显示
 
+		function stopManyClick(fn) {
 
+			if (flag) {
 
+				fn();
 
+			}
 
+			flag = false;
 
+			if(timer){clearTimeout(timer);}
 
+			timer = setTimeout(() => {flag = true}, 1500);
 
+		}
 
+	</script>
 
+</body>
 
+
 
+</html>

+ 47 - 13
microserviceUserH5/vcloud/maJiaBaoGoApp.html
View File 

@@ -11,6 +11,13 @@
 
 	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
 
 	<script src="../static/js/vender/toastr/toastr.min.js"></script>
 
 	<script src="../static/js/vender/config.js"></script>
 
+	<style>
 
+		.code-container {
 
+			background: url(../static/img/maJiaBaoGoAppBag.png);
 
+			background-repeat: no-repeat;
 
+			background-size: 7.5rem 100vh;
 
+		}
 
+	</style>
 
 </head>
 
 
 <body>
 
@@ -27,8 +34,9 @@
 
 			    <img class="border" src="../static/img/border.png" />
 
 			    <img class="border-close" src="../static/img/border-close.png" />
 
 			    <img class="border-text" src="../static/img/border-text.png" />
 
-			    <img class="ios-text" src="../static/img/ios-text.png" />
 
-			    <img class="ios-title" src="../static/img/ios-title.png" />
 
+			    <img class="border-btn" src="../static/img/border-btn.png" />
 
+			    <img class="small-routine" src="../static/img/snail.png" id="picurl" />
 
+			    <img class="btn-text" src="../static/img/btn-text.png" />
 
 			</div>
 
 		</div>
 
 	</div>
 
@@ -37,7 +45,6 @@
 
 		toastr.options.timeOut = '1500';
 
 	</script>
 
 	<script type="text/javascript">
 
-        var baseUrl = 'http://client.androidscloud.com'
 
 	    let timer,flag = true;
 
 		var url = window.location.href;
 
 		url = url.split('/')
 
@@ -49,21 +56,25 @@
 
 			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
 			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 
 		//埋点
 
-		operate(3);
 
-		function operate(accessType){
 
+		if(isAndroid){
 
+			operate(id);
 
+		}
 
+		if(isiOS){
 
+			const pointName = id + '_IOS'
 
+			operate(pointName);
 
+		}
 
+		function operate(pointName){
 
 			$.ajax({
 
-				url: baseUrl + '/api/public/v1/game/user/operate',
 
+				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 
 				type: 'post',
 
 				data:JSON.stringify({
 
-					accessType: accessType,
 
-					entrance: id,
 
-					url: window.location.href
 
+					pointName: pointName
 
 				}),
 
 				contentType:"application/json",
 
 				dataType: 'json',
 
 				cache: false,
 
 				success: function (res) {
 
-					if(accessType === 1 && isAndroid){
 
+					if(isAndroid){
 
 						getAppDownload();
 
 					}
 
 				},
 
@@ -78,9 +89,11 @@
 
 				$('.mask').show();
 
 				document.documentElement.style.overflow='hidden';
 
 			}else if(isAndroid){
 
-		        operate(1);
 
+				const pointName = id + '_click'
 
+		        operate(pointName);
 
 			}else if(isiOS){
 
-				operate(1);
 
+				const pointName = id + '_IOS_click'
 
+				operate(pointName);
 
 				$('.dialog').animate({top: '4.36rem'},"fast");
 
 				$('.mask').show();
 
 				document.documentElement.style.overflow='hidden';
 
@@ -101,7 +114,7 @@
 
 				data:JSON.stringify({
 
 					code:"Q4796f4k26ST",
 
 					platform:"1",
 
-					version:"pD7J72l6TpN7"
 
+					version:""
 
 				}),
 
 				contentType: "application/json",
 
 				dataType: 'json',
 
@@ -117,6 +130,27 @@
 
 				},
 
 			})
 
 		}
 
+		//保存到相册
 
+	    $('.btn-text')[0].addEventListener('click',savePic,false);
 
+		function savePic(){         
+			var picurl= $("#picurl").attr("src");
 
+			savePicture(picurl);
 
+		}
 
+		//保存图片
 
+		function savePicture(Url){
 
+			var blob=new Blob([''], {type:'application/octet-stream'});
 
+			var url = URL.createObjectURL(blob);
 
+			var a = document.createElement('a');
 
+			a.href = Url;
 
+			a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
 
+			var e = document.createEvent('MouseEvents');
 
+			e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
 
+			a.dispatchEvent(e);
 
+			URL.revokeObjectURL(url);
 
+			stopManyClick(() =>{
 
+				toastr.error('保存成功！')
 
+			})
 
+		}
 
 		//防止提示一秒内重复显示
 
 		function stopManyClick(fn) {
 
 			if (flag) {

+ 167 - 0
microserviceUserH5/vcloud/pangdaAttence.html
View File 

@@ -0,0 +1,167 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
+	<title>下载APP</title>
 
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
 
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
 
+	<link rel="stylesheet" href="../static/css/maJiaBaoGoApp.css">
 
+	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
 
+	<script src="../static/js/vender/toastr/toastr.min.js"></script>
 
+	<script src="../static/js/vender/config.js"></script>
 
+	<style>
 
+		.code-container {
 
+			background: url(../static/img/pangda/bg.png);
 
+			background-repeat: no-repeat;
 
+			background-size: 7.5rem 100vh;
 
+		}
 
+	</style>
 
+</head>
 
+
 
+<body>
 
+	<div class="code-container">
 
+		<div class="btn-content">
 
+			<img class="download-app" src="../static/img/pangda/download-bg.png" />
 
+			<img class="download-text" src="../static/img/pangda/download-text.png" />
 
+		</div>
 
+		<div class="mask">
 
+			<div class="point">
 
+				<img class="point-img" src="../static/img/point.png" />
 
+			</div>
 
+			<div class="dialog">
 
+			    <img class="border" src="../static/img/pangda/border.png" />
 
+			    <img class="border-close" src="../static/img/pangda/close.png" />
 
+			    <img class="border-text" src="../static/img/border-text.png" />
 
+			    <img class="border-btn" src="../static/img/pangda/btn.png" />
 
+			    <img class="small-routine" src="../static/img/pangda/pangda.png" id="picurl" />
 
+			    <img class="btn-text" src="../static/img/btn-text.png" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script>
 
+		toastr.options.positionClass = 'toast-center-center';
 
+		toastr.options.timeOut = '1500';
 
+	</script>
 
+	<script type="text/javascript">
 
+        // var baseUrl = 'http://14.215.128.96/'
 
+	    let timer,flag = true;
 
+		var url = window.location.href;
 
+		url = url.split('/')
 
+		var loc = window.location.search,
 
+		    n1 = loc.length,//地址的总长度
 
+		    n2 = loc.indexOf("="),//取得=号的位置
 
+		    id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
 
+			u = navigator.userAgent,
 
+			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 
+		//埋点
 
+		if(isAndroid){
 
+			operate(id);
 
+		}
 
+		if(isiOS){
 
+			const pointName = id + '_IOS'
 
+			operate(pointName);
 
+		}
 
+		function operate(pointName){
 
+			$.ajax({
 
+				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					pointName: pointName
 
+				}),
 
+				contentType:"application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(isAndroid){
 
+						getAppDownload();
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//点击下载APP
 
+	    $('.btn-content')[0].addEventListener('click',()=>{
 
+			var ua = navigator.userAgent.toLowerCase();
 
+			if(ua.match(/MicroMessenger/i)=="micromessenger" || ua.match(/QQ\/[0-9]/i)){
 
+				$('.point').animate({top: '0.1rem'},"fast");
 
+				$('.mask').css('background','rgba(0,0,0,0.7)');
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}else if(isAndroid){
 
+				const pointName = id + '_click'
 
+		        operate(pointName);
 
+			}else if(isiOS){
 
+				const pointName = id + '_IOS_click'
 
+				operate(pointName);
 
+				$('.dialog').animate({top: '4.36rem'},"fast");
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}
 
+		},false);
 
+		//关闭
 
+	    $('.border-close')[0].addEventListener('click',handleClose,false);
 
+		function handleClose() {
 
+			$('.dialog').animate({top: '-6.96rem'},"fast");
 
+			$('.mask').hide();
 
+			document.documentElement.style.overflow='auto';
 
+		}
 
+		//调用下载接口
 
+		function getAppDownload(){
 
+			$.ajax({
 
+				url: baseUrl + '/api/user/v1/ditchClient/addChannelAppDownload',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					code:"Q4796f4k26ST",
 
+					platform:"1",
 
+					version:""
 
+				}),
 
+				contentType: "application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(res.status === 0){
 
+						window.location.href = baseUrl + '/file-center/fileOperate/downloadFile?id=169403';
 
+					}else{
 
+						stopManyClick(() =>{
 
+							toastr.error(res.msg)
 
+						})
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//保存到相册
 
+	    $('.btn-text')[0].addEventListener('click',savePic,false);
 
+		function savePic(){         
+			var picurl= $("#picurl").attr("src");
 
+			savePicture(picurl);
 
+		}
 
+		//保存图片
 
+		function savePicture(Url){
 
+			var blob=new Blob([''], {type:'application/octet-stream'});
 
+			var url = URL.createObjectURL(blob);
 
+			var a = document.createElement('a');
 
+			a.href = Url;
 
+			a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
 
+			var e = document.createEvent('MouseEvents');
 
+			e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
 
+			a.dispatchEvent(e);
 
+			URL.revokeObjectURL(url);
 
+			stopManyClick(() =>{
 
+				toastr.error('保存成功！')
 
+			})
 
+		}
 
+		//防止提示一秒内重复显示
 
+		function stopManyClick(fn) {
 
+			if (flag) {
 
+				fn();
 
+			}
 
+			flag = false;
 
+			if(timer){clearTimeout(timer);}
 
+			timer = setTimeout(() => {flag = true}, 1500);
 
+		}
 
+	</script>
 
+</body>
 
+
 
+</html>

+ 166 - 0
microserviceUserH5/vcloud/zhenxiangAttence.html
View File 

@@ -0,0 +1,166 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
+	<title>下载APP</title>
 
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
 
+	<link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
 
+	<link rel="stylesheet" href="../static/css/maJiaBaoGoApp.css">
 
+	<script src="../static/js/vender/jquery-3.4.1.min.js"></script>
 
+	<script src="../static/js/vender/toastr/toastr.min.js"></script>
 
+	<script src="../static/js/vender/config.js"></script>
 
+	<style>
 
+		.code-container {
 
+			background: url(../static/img/zhenxiangAttence/bg.png);
 
+			background-repeat: no-repeat;
 
+			background-size: 7.5rem 100vh;
 
+		}
 
+	</style>
 
+</head>
 
+
 
+<body>
 
+	<div class="code-container">
 
+		<div class="btn-content">
 
+			<img class="download-app" src="../static/img/zhenxiangAttence/download-bg.png" />
 
+			<img class="download-text" src="../static/img/zhenxiangAttence/download-text.png" />
 
+		</div>
 
+		<div class="mask">
 
+			<div class="point">
 
+				<img class="point-img" src="../static/img/point.png" />
 
+			</div>
 
+			<div class="dialog">
 
+			    <img class="border" src="../static/img/zhenxiangAttence/border.png" />
 
+			    <img class="border-close" src="../static/img/zhenxiangAttence/close.png" />
 
+			    <img class="border-text" src="../static/img/border-text.png" />
 
+			    <img class="border-btn" src="../static/img/zhenxiangAttence/btn.png" />
 
+			    <img class="small-routine" src="../static/img/zhenxiangAttence/zhenxiang.png" id="picurl" />
 
+			    <img class="btn-text" src="../static/img/btn-text.png" />
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<script>
 
+		toastr.options.positionClass = 'toast-center-center';
 
+		toastr.options.timeOut = '1500';
 
+	</script>
 
+	<script type="text/javascript">
 
+	    let timer,flag = true;
 
+		var url = window.location.href;
 
+		url = url.split('/')
 
+		var loc = window.location.search,
 
+		    n1 = loc.length,//地址的总长度
 
+		    n2 = loc.indexOf("="),//取得=号的位置
 
+		    id = loc.substr(n2 + 1, n1 - n2),//从=号后面的内容
 
+			u = navigator.userAgent,
 
+			isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
 
+			isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
 
+		//埋点
 
+		if(isAndroid){
 
+			operate(id);
 
+		}
 
+		if(isiOS){
 
+			const pointName = id + '_IOS'
 
+			operate(pointName);
 
+		}
 
+		function operate(pointName){
 
+			$.ajax({
 
+				url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					pointName: pointName
 
+				}),
 
+				contentType:"application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(isAndroid){
 
+						getAppDownload();
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//点击下载APP
 
+	    $('.btn-content')[0].addEventListener('click',()=>{
 
+			var ua = navigator.userAgent.toLowerCase();
 
+			if(ua.match(/MicroMessenger/i)=="micromessenger" || ua.match(/QQ\/[0-9]/i)){
 
+				$('.point').animate({top: '0.1rem'},"fast");
 
+				$('.mask').css('background','rgba(0,0,0,0.7)');
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}else if(isAndroid){
 
+				const pointName = id + '_click'
 
+		        operate(pointName);
 
+			}else if(isiOS){
 
+				const pointName = id + '_IOS_click'
 
+				operate(pointName);
 
+				$('.dialog').animate({top: '4.36rem'},"fast");
 
+				$('.mask').show();
 
+				document.documentElement.style.overflow='hidden';
 
+			}
 
+		},false);
 
+		//关闭
 
+	    $('.border-close')[0].addEventListener('click',handleClose,false);
 
+		function handleClose() {
 
+			$('.dialog').animate({top: '-6.96rem'},"fast");
 
+			$('.mask').hide();
 
+			document.documentElement.style.overflow='auto';
 
+		}
 
+		//调用下载接口
 
+		function getAppDownload(){
 
+			$.ajax({
 
+				url: baseUrl + '/api/user/v1/ditchClient/addChannelAppDownload',
 
+				type: 'post',
 
+				data:JSON.stringify({
 
+					code:"Q4796f4k26ST",
 
+					platform:"1",
 
+					version:""
 
+				}),
 
+				contentType: "application/json",
 
+				dataType: 'json',
 
+				cache: false,
 
+				success: function (res) {
 
+					if(res.status === 0){
 
+						window.location.href = baseUrl + '/file-center/fileOperate/downloadFile?id=108849';
 
+					}else{
 
+						stopManyClick(() =>{
 
+							toastr.error(res.msg)
 
+						})
 
+					}
 
+				},
 
+			})
 
+		}
 
+		//保存到相册
 
+	    $('.btn-text')[0].addEventListener('click',savePic,false);
 
+		function savePic(){         
+			var picurl= $("#picurl").attr("src");
 
+			savePicture(picurl);
 
+		}
 
+		//保存图片
 
+		function savePicture(Url){
 
+			var blob=new Blob([''], {type:'application/octet-stream'});
 
+			var url = URL.createObjectURL(blob);
 
+			var a = document.createElement('a');
 
+			a.href = Url;
 
+			a.download = Url.replace(/(.*\/)*([^.]+.*)/ig,"$2").split("?")[0];
 
+			var e = document.createEvent('MouseEvents');
 
+			e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
 
+			a.dispatchEvent(e);
 
+			URL.revokeObjectURL(url);
 
+			stopManyClick(() =>{
 
+				toastr.error('保存成功！')
 
+			})
 
+		}
 
+		//防止提示一秒内重复显示
 
+		function stopManyClick(fn) {
 
+			if (flag) {
 
+				fn();
 
+			}
 
+			flag = false;
 
+			if(timer){clearTimeout(timer);}
 
+			timer = setTimeout(() => {flag = true}, 1500);
 
+		}
 
+	</script>
 
+</body>
 
+
 
+</html>