sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254
							<!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/css/vant-ui.css" />
		<link rel="stylesheet" type="text/css" href="../css/css/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../css/css/main.css" />
		<script src="../script/js/vue.js"></script>
		<script src="../script/js/vant-ui.js"></script>
		<script src="../script/js/main.js"></script>
		<title></title>
	</head>
	<style>
		.login .loginFix {
			position: absolute;
		}
	</style>
	<body>
		<div id="app" v-cloak>
			<div class="login" id="aui-header">
				<div class="logo"></div>
				<div class="loginBox">
					<van-tabs v-model="activeWay" color="#03a9f4" background="transparent">
					  <van-tab title="账号密码登录" name="userPwd">
							<div class="labelTitle flex a-center" style="margin-top: .32rem;">
								<b class="i1"></b>
								账号
							</div>
							<div class="labelValue flex a-center">
								<input type="text" placeholder="请输入登录账号" key="user" 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="type?'password':'text'" placeholder="请输入密码" key="pwd" 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" key="userPwdbtn" v-on:click="login('userPwd')">
								登录
							</div>
						</van-tab>
					  <van-tab title="验证码登录" name="phoneCode">
							<div class="labelTitle flex a-center"  style="margin-top: .32rem;">
								<b class="i1"></b> 手机号
							</div>
							<div class="labelValue flex a-center">
								<input type="text" placeholder="请输入手机号" key="phone" 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="请输入验证码" key="code" 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="loginBtns flex a-center j-center" key="phoneCodebtn" v-on:click="login('phoneCode')">
								登录
							</div>
					  </van-tab>
					</van-tabs>
				</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');
			};
			api.closeFrameGroup({
			    name: 'indexGrouppcr'
			});
			api.closeFrameGroup({
			    name: 'indexGrouptbr'
			});
			new Vue({
				el : '#app',
				data : {
					activeWay: "userPwd",
					userCode : '', // 用户名
					userPassword : '', // 用户密码
					loginUrl : 'loginUrl',
					getPhoneCodeUrl : 'getPhoneCode',
					codeCookie: "",//验证码cookie
					checked : false,
					type : true,
					wait: 60,
				},
				methods : {
					//  点击登录
					login : function(params) {
					    var _this = this;
						if (this.userCode == "") {
							this.showToast("请输入用户账号");
							return;
						}
						if (this.userPassword == "") {
							this.showToast("用户密码不能为空");
							return;
						};
						var data;
						if(params=="userPwd"){
							data = {
								clientId : this.userCode,
								password : this.userPassword,
								authCode : "",
								url : 'json',
								type : 'body'
							};
							this.$post(this.loginUrl, data, function(ret) {
								if (ret.code == 0 || ret.code == '0') {
	                if(ret.data.data == null){
										api.toast({ msg : "账号不存在" });
										return;
									};
									_this.showToast("登录成功");

									//  将loginid 保存到本地
									$api.setStorage("token", ret.data.data.token);
									$api.setStorage("agentName", ret.data.data.name);
									$api.setStorage("kunnr", ret.data.data.kunnr);
									$api.setStorage('subRoleName', 'superAdmin');//存储登录的角色
									$api.setStorage('showScope', ret.data.data.showScope);
									_this.sendEvent("saveUserPwdInfo",ret);
									// 判断是否进行选择业务场景
									if(ret.data.data.showScope){
											setTimeout(function() {
												api.closeToWin({
												    name: 'root'
												});
											}, 500);
									}else{
										setTimeout(function() {
											api.closeWin({});
											$api.setStorage('roleScene', ret.data.data.spart);
										  _this.loginEntrance(ret.data.data.spart,'..');
										}, 500);
									}
								}
							});
						}else if(params=="phoneCode"){
							data = {
								tel : this.userCode,
								authCode : this.userPassword,
								cookie : this.codeCookie,
								url : 'json',
								type : 'body'
							}
						};
						this.$post("salesmanRegister", data, function(ret) {
							if (ret.code == 0 || ret.code == '0') {
                if(ret.data == null){
									api.toast({ msg : "账号不存在" });
									return;
								};
								_this.showToast("登录成功");
								$api.setStorage("pertel", ret.data.userMsg.tel);
								$api.setStorage("loginToken", ret.data.loginToken);
								$api.setStorage('subRoleName', 'orderPer');
								$api.setStorage('showScope', false);
								setTimeout(function() {
									$api.setStorage('roleScene', "500");
									_this.loginEntrance("500",'..');
								}, 500);
							}
						})
					},
					//  获取短信验证码
					getPhoneCode: function () {
						if (this.wait < 60) {
							return;
						};
						 var data = "tel=" + this.userCode,_this = this;
							var url = "getPhoneCode";
						this.$get(url, data, function (ret) {
							if (ret.code == 0 || ret.code == '0') {
								_this.codeCookie = ret.cookie;
								api.toast({
									msg: '验证码发送成功'
								});
								_this.startResod();
							}else{
								api.toast({
									msg: ret.msg
								});
							}
						})
					},
					//  开始倒计时
					startResod: function () {
						var _this = this;
						if (this.wait == 0) {
							this.wait = 60;
						} else {
							this.wait--;
							setTimeout(function () {
								_this.startResod();
							}, 1000)
						}
					}
				},
				filters : {
				},
				mounted : function() {
					api.addEventListener({
						name : 'keyback'
					}, function(ret, err) {
						api.closeWidget({
							id : 'A6040771020543', //这里是应用id
							retData : {
								name : 'closeWidget'
							},
							animation : {
								type : 'flip',
								subType : 'from_bottom',
								duration : 500
							}
						});
					});
				}
			})
		}
	</script>
</html>