sailun
/
sailun-agent


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
							<!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;
		}
	</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="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="flex jlr a-center checkedXieyi">
						<van-checkbox v-model="checked">
							同意用户协议
						</van-checkbox>
						<a href="javascript:;">忘记密码?</a>
					</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');
			}
			new Vue({
				el : '#app',
				data : {
					userCode : '', // 用户名
					userPassword : '', // 用户密码
					loginUrl : 'loginUrl',
					getPhoneCodeUrl : 'getPhoneCode',
					checked : false,
					type : true
				},
				methods : {
					//  点击登录
					login : function() {
					    var _this = this;
						if (this.userCode == "") {
							this.showToast("请输入用户账号");
							return;
						}
						if (this.userPassword == "") {
							this.showToast("用户密码不能为空");
							return;
						}
						var 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", "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjEwMDAyNzUiLCJra2JlciI6IjgxMDEiLCJzcGFydCI6IjQwIiwia3VubnIiOiIwMDAxMDAwMjc1IiwidmtvcmciOiI4MTAwIiwidnR3ZWciOiIxMCIsImtua2xpIjoiMDAwMTAwMDI3NSJ9.igsiQzKgXQaChTpT8e4Z6Q_jKV28_2dGmHdNaj1B8FY");
								$api.setStorage("loginid", ret.data.data.kunnr);
								$api.setStorage("token", ret.data.data.token);
								$api.setStorage("agentName", ret.data.data.name);
								$api.setStorage("kunnr", ret.data.data.kunnr);
								setTimeout(function() {
									_this.sendEvent("refushUser", "");
								}, 500);
								setTimeout(function() {
									_this.sendEvent("openFrameGroup", "");
								}, 500);
							}
						})
					},
					//  点击注册
					regize : function(){
					    this.goWin("regize_win", "regize_win.html", "");
					}
				},
				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>