lex
/
orchestra-app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<meta name="fragment" content="!">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, viewport-fit=cover">
		<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" />
		<meta http-equiv="Cache" content="no-cache">
		<meta name="description" content="">

		<link rel="icon" href="../../favicon.ico">
		<title>查看协议</title>
		<style>
			body {
				padding: 0;
				margin: 0;
				height: 100vh;
    			overflow: hidden;
			}
			.downloadUrl {
				position: fixed;
				bottom: 15px;
				width: 90%;
				background: #01C1B5;
				border-radius: 30px;
				left: 5%;
				text-align: center;
				padding: 15px 0;
				color: #fff;
				font-size: 16px;
			}
		</style>
	</head>
	<body>
		<style>
		  .m-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:content-box;width:88px;max-width:70%;min-height:88px;padding:16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word;background-color:rgba(50,50,51,0.88);border-radius:4px;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);z-index:2002}.m-loading{position:relative;color:#fff;font-size:0;vertical-align:middle;padding:4px}.m-loading__spinner{position:relative;display:inline-block;width:30px;max-width:100%;height:30px;max-height:100%;vertical-align:middle;-webkit-animation:m-rotate .8s linear infinite;animation:m-rotate .8s linear infinite}.m-loading__spinner--circular{-webkit-animation-duration:2s;animation-duration:2s}.m-loading__circular{display:block;width:100%;height:100%}.m-loading__circular circle{-webkit-animation:m-circular 1.5s ease-in-out infinite;animation:m-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.m-loading__text{display:inline-block;margin-left:8px;color:#969799;font-size:14px;vertical-align:middle}.m-loading--vertical{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.m-loading--vertical .m-loading__text{margin:8px 0 0}@-webkit-keyframes m-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}@keyframes m-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.m-toast__text{margin-top:8px}
		</style>
		<div id="m_loading" class="m-toast m-toast--middle m-toast--loading" style="z-index: 2001;"><div class="m-loading m-loading--circular m-toast__loading"><span class="m-loading__spinner m-loading__spinner--circular"><svg viewBox="25 25 50 50" class="m-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><div class="m-toast__text">加载中...</div></div>
		<div id="app">
			<iframe src="" id="iframe" style="border: 0;" width="100%" height="800"></iframe>

			<!-- <div class="downloadUrl" onclick="funDownLoadUrl()">下载协议</div> -->
			<!-- <van-button color="#01C1B5" round @click="onDownLoad">下载协议</van-button> -->
		</div>
		<script type="text/javascript">
			 function getQueryVariable(variable) {
				if (window.location.hash.indexOf("?") < 0) {
					return null;
				}
				let query = window.location.hash.split("?")[1];
				let vars = query.split("&");
				for (let i = 0; i < vars.length; i++) {
					let pair = vars[i].split("=");
					if (pair[0] == variable) {
					return pair[1];
					}
				}
				return false;
				}
			var downloadUrl = getQueryVariable('downLoadUrl')
			var iframe = document.querySelector('#iframe')
			iframe.src = './web/viewer.html?file=' + decodeURIComponent(downloadUrl)

			// function funDownLoadUrl() {
			// 	window.location.href = decodeURIComponent(downloadUrl)
			// }

			if (iframe.attachEvent){ 
				iframe.attachEvent("onload", function(){ 
					// alert("Local iframe is now loaded."); 
					document.querySelector('#m_loading').style.display = 'none'
				}); 
			} else { 
				iframe.onload = function(){ 
					// alert("Local iframe is now loaded."); 
					document.querySelector('#m_loading').style.display = 'none'
				}; 
			}

			setTimeout(function() {
				document.querySelector('#m_loading').style.display = 'none'
			}, 5000)
		</script>
	</body>
</html>