sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
							<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>Hello APP</title>
		<link rel="stylesheet" type="text/css" href="../../../../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../css/aui-win.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../css/css/vant-ui.css" />
		<link rel="stylesheet" type="text/css" href="../../../../../css/css/iconfont.css">

		<script src="../../../../../script/js/vue.js"></script>
		<script src="../../../../../script/js/vant-ui.js"></script>
		<script src="../../../../../script/js/auto-size.js"></script>
		<script src="../../../../../script/js/pdfjs-2.5.207-es5-dist/build/pdf.js"></script>
		<script src="../../../../../script/js/pdf_plugins.js"></script>

		<style>
			.flex{
				display: flex;
			}
			#app{}
			#aui-header{
				background: linear-gradient(to right,#1474E4,#14A7E4);
				justify-content: space-between;
				align-items: center;
			}
			#scrollcontaier{
				overflow-y: auto;
			}
			.aui-btn-info{
				border: 0
			}
				.title{
					padding: 10px 12px;
					color: #ffffff;
				}
				.image-icon{
					width: .66rem;
					height: .66rem;
					margin-right: 19px;
				}
					img{
						width: 100%;
						height: 100%;
					}
					.nav{
						width: 10.1rem;
						height: 1.44rem;
						margin: .28rem auto 0;
						justify-content: space-between;
						align-items: center;
						background: url("../../../../../image/icon/hedui.png") no-repeat 0 0;
						background-size: 100% auto;
					}
						.details-btn{
							height: .96rem;
							line-height: .96rem;
							padding: 0 .38rem;
							border-radius: 0.08rem;
							background: #1474E4;
							color: #ffffff;
							margin-right: .24rem;
						}
				.details-wrap{
					background: #ffffff;
					box-sizing: border-box;
					width: 10.1rem;
					margin: 0.36rem auto 0;
					border-radius: 0.08rem;
					padding: .4rem;
				}
					.canvas-container{
						position: relative;
					}
						#canvas{
							width: 9.45rem;
							height: 2.39rem;
							background: blue;
						}
					.scale-btn{
						position: absolute;
						top: 0;
						right: -.13rem;
						width: 0;
						height: 0;
						border-bottom: .8rem solid transparent;
				    border-right: .8rem solid #1474E4;
				    border-left: .8rem solid transparent;
					}
					.scale-btn span{
						display: inline-block;
						width: .32rem;
						height: .32rem;
						position: absolute;
						top: 0;
						right: -.7rem;
					}
					.scale-btn span img{
						width: 100%;
						height: 100%;
					}
				.text-msg{
					color: #595959;

				}
			.field-container{
				background: #F5F5F5;
			}
			.signature{
				/*height: 3.2rem;*/
				width: 100%;
			}
			.signature p{
				color: #595959;
			}
			.esign-box{
					background: rgba(236,236,236,.5) url(../../../../../image/icon/qianming.png) no-repeat 50%;
					width: 9.42rem;
					height: 4.54rem;
			}
			.esigh-btns{
				margin-top: 10px;
			}
			.confirm-btn-container{
				justify-content: center;
				width: 10.1rem;
				margin: .4rem auto;
			}
				.confirm-btn{
					background: linear-gradient(to right, #F09623, #FFCF4C);
					/*padding: 0 1.18rem;*/
					height: .96rem;
					width: 10.1rem;
					line-height: .96rem;
					border-radius: .48rem;
					color: #ffffff;
					font-size: .42rem;
					text-align: center;
					margin: .42rem auto;

				}
		</style>
	</head>
	<style>
	</style>
	<body>
		<div id="app">
			<header class="flex flex-between" id="aui-header">
				<a class="aui-btn aui-btn-info aui-pull-left" tapmode onclick="closeWin()"> <span class="aui-iconfont aui-icon-left"></span> </a>
				<div class="title">操作指南</div>
				<div class="image-icon"></div>
			</header>
			<div id="scrollcontaier" ref="scrollcontaier">
					<video width="100%" height="auto" src="https://b2bcnfile.sailuntire.com/upload/TMS/operationManual/instructions.mp4" poster="https://b2bcnfile.sailuntire.com/upload/TMS/operationManual/instructions.jpg" controls>您的浏览器不支持 video 标签。</video>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../../../../../script/aui_compress.min.js"></script>
	<script type="text/javascript" src="../../../../../script/api.js"></script>
	<link rel="stylesheet" href="../../../../../script/mescroll/mescroll.min.css">
	<script type="text/javascript" src="../../../../../script/mescroll/mescroll.min.js"></script>
	<script type="text/javascript" src="../../../js/httpRequest_sub.js"></script>
	<script type="text/javascript" src="../../../js/vue_plugins_sub.js"></script>
	<script type="text/javascript" src="../../../../../script/jquery-1.11.0.min.js"></script>

	<script type="text/javascript">
		function closeWin() {
			api.closeWin({
			});
		}
		apiready = function() {
			api.parseTapmode();
			var header = $api.byId('aui-header');
			$api.fixStatusBar(header);
			var headerPos = $api.offset(header);
			var body_h = $api.offset($api.dom('body')).h;
			document.getElementById("scrollcontaier").style.height = $api.offset($api.dom('body')).h -  headerPos.h + "px";
			new Vue({
				el: '#app',
				data: {

				},
			 mounted: function() {

				},
				methods:{

				}
			})
		};
	</script>
</html>