sailun
/
sailun-shop


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
							<!DOCTYPE html>
<html class="">
<!--STATUS OK-->

<head>
	<meta name="referrer" content="always" />
	<meta charset='utf-8' />
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta http-equiv="x-dns-prefetch-control" content="on">
	<meta name="description" content="">
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" type="text/css" href="css/vant-ui.css" />
	<link rel="stylesheet" type="text/css" href="css/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<script src="js/vue.js"></script>
	<script src="js/vant-ui.js"></script>
	<script src="js/main.js"></script>
	<title></title>
</head>
<style>
	.login .loginFix {
		position: absolute;
	}

	.getCodeBtn {
		width: 100px;
		background-color: #00a0ea;
		padding: 5px;
		color: #fff !important;
		border-radius: 8px 5px;
		text-align: center !important;
	}

	.dontSend {
		background-color: #ccc !important;
		color: #999 !important;
	}

	.login .goEnter {
		font-size: 0.30rem;
	}
</style>

<body>
	<div id="app">
		<div class="login" id="aui-header">
			<div class="logo"></div>
			<div class="loginBox">
				<div class="labelTitle flex a-center" style="margin-top: 0;">
					<b class="i1"></b> 手机号
				</div>
				<div class="labelValue flex a-center">
					<input type="text" placeholder="请输入手机号" v-model="userCode" />
				</div>
				<div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
					<b class="i2"></b> 验证码
				</div>
				<div class="labelValue flex a-center">
					<input type="text" placeholder="请输入验证码" v-model="userPassword" />
					<div class="labelToolbel a-center getCodeBtn" v-bind:class="wait < 60 ? 'dontSend' : ''"
						v-on:click="getPhoneCode">
						{{ wait == 60 ? '获取验证码' : (wait + "s 后重发") }}
					</div>
				</div>
				<!--<div class="labelTitle flex a-center" style="margin-top: 0.3rem;">
						<b class="i2"></b>
						密码
					</div>
					<div class="labelValue flex a-center">
						<input :type="type?'password':'text'" placeholder="请输入密码" v-model="userPassword"/>
						<div class="labelToolbel flex a-center">
							<van-icon name="clear" size="0.3rem" v-if="userPassword.length" @click="userPassword=''"></van-icon>
							<div>
								<svg @click="type=!type" v-if="type" t="1589111457609" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2189" width="22" height="22">
									<path d="M512 209.403241c-201.731514 0-374.009206 125.476783-443.808922 302.596759 69.798692 177.119977 242.077408 302.596759 443.808922 302.596759 201.933105 0 374.010229-125.476783 443.808922-302.596759C886.009206 334.880023 713.933105 209.403241 512 209.403241zM512 713.731514c-111.355157 0-201.731514-90.375334-201.731514-201.731514s90.375334-201.731514 201.731514-201.731514 201.731514 90.375334 201.731514 201.731514S623.355157 713.731514 512 713.731514zM512 390.961296c-66.772776 0-121.038704 54.265928-121.038704 121.038704s54.265928 121.038704 121.038704 121.038704 121.038704-54.265928 121.038704-121.038704S578.772776 390.961296 512 390.961296z" p-id="2190" fill="#00a0ea"></path>
								</svg>
								<svg @click="type=!type" v-else t="1589111610728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2762" width="22" height="22">
									<path d="M928.312889 267.477333C792.078222 436.906667 655.957333 519.111111 519.651556 519.111111c-136.832 0-278.584889-82.773333-425.031112-252.913778a49.777778 49.777778 0 1 0-75.463111 64.938667C182.826667 521.287111 349.596444 618.666667 519.637333 618.666667c170.609778 0 332.785778-97.934222 486.257778-288.810667a49.777778 49.777778 0 0 0-77.582222-62.378667z" p-id="2763" fill="#00a0ea"></path><path d="M162.730667 469.447111l-94.819556 109.710222a35.555556 35.555556 0 1 0 53.802667 46.506667l94.819555-109.710222a35.555556 35.555556 0 0 0-53.802666-46.506667zM354.247111 598.186667l-37.930667 151.708444a35.555556 35.555556 0 0 0 68.992 17.251556l37.930667-151.708445a35.555556 35.555556 0 0 0-68.992-17.251555zM629.575111 604.387556l53.333333 151.694222a35.555556 35.555556 0 0 0 67.072-23.580445l-53.333333-151.694222a35.555556 35.555556 0 0 0-67.072 23.580445zM823.111111 475.164444l109.710222 109.724445a35.555556 35.555556 0 0 0 50.289778-50.289778l-109.710222-109.710222a35.555556 35.555556 0 0 0-50.289778 50.289778z" p-id="2764" fill="#00a0ea"></path>
								</svg>
							</div>
						</div>
					</div>-->
				<div class="loginBtns flex a-center j-center" v-on:click="login">
					登录
				</div>
				<div class="goEnter flex a-center j-center" v-on:click="regize">
					还没有账号？ <a href="javascript:;">立即注册</a>
				</div>
			</div>
			<div class="loginFix">
				赛轮集团
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/httpRequest.js"></script>
<script type="text/javascript" src="../script/vue_plugins.js"></script>
<script type="text/javascript">
	apiready = function () {
		var header = $api.byId('aui-header');
		$api.fixStatusBar(header);
		var headerPos = $api.offset(header);
		if (api.systemType == 'android') {
			$api.css($api.byId('aui-header'), 'padding-top:2.1rem');
		} else {
			$api.css($api.byId('aui-header'), 'padding-top:2.1rem');
		}
		new Vue({
			el: '#app',
			data: {
				userCode: '', // 用户名
				userPassword: '', // 用户密码
				loginUrl: 'loginUrl',
				getPhoneCodeUrl: 'getPhoneCode',
				checked: true,
				type: true,
				setinvate: 0,
				wait: 60,
			},
			methods: {
				init: function () {
					this.getcheckVersion()
				},
				//  检查更新
				getcheckVersion: function () {
					var data = '',
						url = "checkVersionU",
						_this = this;
					this.$get(url, data, function (ret) {
						if (ret.code == 0 || ret.code == '0') {
							_this.version=ret.version
						}
					})
				},
				//  点击登录
				login: function () {
					if (this.checked == false) {
						this.showToast("请同意用户协议");
						return;
					}
					var _this = this;
					if (this.userCode == "") {
						this.showToast("请输入用户手机号");
						return;
					}
					if (this.userPassword == "") {
						this.showToast("验证码不能为空");
						return;
					}
					if(this.version!=parseFloat(api.appVersion)){
						_this.getNewVersionUrl(function () {
						});
						return;
					}
					var data = {
						mobile: this.userCode,
						mobileCode: this.userPassword,
						url: 'json',
						type: 'body'
					}
					this.$post(this.loginUrl, data, function (ret) {
						if (ret.code == 0 || ret.code == '0') {
							_this.showToast("登录成功");
							//  将loginid 保存到本地
							$api.setStorage("kunnr", ret.data.kunnr);
							$api.setStorage("loginid", ret.data.loginId);
							$api.setStorage("userid", ret.data.userId);
							$api.setStorage("token", ret.data.token);
							setTimeout(function () {
								_this.sendEvent("startLogin", "");
							}, 200);
							setTimeout(function () {
								_this.sendEvent("refushMeber", "");
							}, 400);
							setTimeout(function () {
								_this.sendEvent("getIcon", "");
							}, 600);
							setTimeout(function () {
								_this.sendEvent("openFrameGroup", "");
							}, 600);
						}
					})
				},
				//  查看协议pdf
				lookPdf: function () {
					this.pdfReader.open({
						path: this.ptfurl,
						hidden: {
							print: true,
							export: true,
							bookmark: true,
							email: true
						},
						backBtn: {
							size: { //JSON对象；左上角按钮的大小配置
								w: 20, //数字类型；左上角按钮的宽；默认：60
								h: 20//数字类型；左上角按钮的高；默认：40
							},
							title: { //JSON对象；按钮标题配置
								text: "返回", //字符串类型；标题文本；默认：‘’
							},
							corner: 5 //数字类型；左上角按钮圆角大小；默认值：5.0
						}
					});
				},
				//  获取短信验证码
				getPhoneCode: function () {
					if (this.wait < 60) {
						return;
					}
					var data = {
						"mobile": this.userCode,
						"validType": "1",
						url: 'json',
						type: 'body'
					},
						_this = this,
						url = "getPhoneCode";
					this.$post(url, data, function (ret) {
						if (ret.code == 0 || ret.code == '0') {
							api.toast({
								msg: '验证码发送成功'
							});
							_this.startResod();
						}
					})
				},
				//  点击注册
				regize: function () {
					this.goWin("regize_win", "regize_win.html", "");
				},
				//  开始倒计时
				startResod: function () {
					var _this = this;
					if (this.wait == 0) {
						this.wait = 60;
					} else {
						this.wait--;
						setTimeout(function () {
							_this.startResod();
						}, 1000)
					}
				}
			},
			filters: {},
			mounted: function () {
				this.init();
				api.addEventListener({
					name: 'keyback'
				}, function (ret, err) {
					api.closeWidget({
						id: 'A6040771066321', //这里是应用id
						retData: {
							name: 'closeWidget'
						},
						animation: {
							type: 'flip',
							subType: 'from_bottom',
							duration: 500
						}
					});
				});
			}
		})
	}
</script>

</html>