waibao
/
NN2022090201


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
							<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="keywords" content="">
	<!-- Set render engine for 360 browser -->
	<meta name="renderer" content="webkit">
	<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
	<link rel="stylesheet" href="__CDN__/assets/shop/css/login/style.css">
</head>
<body>
<div class="wrapper">
	<div class="container">
		<div class="sign-up-container">
			<form id="regForm" onsubmit="return false;">
				<h1>创建账号</h1>
				<div class="social-links">
					<div>
						<a><i class="fa fa-facebook" aria-hidden="true"></i></a>
					</div>
					<div>
						<a><i class="fa fa-twitter" aria-hidden="true"></i></a>
					</div>
					<div>
						<a><i class="fa fa-linkedin" aria-hidden="true"></i></a>
					</div>
				</div>
				<span>或者使用您的手机号码</span>
				{:token()}
				<input class="input" type="text" name="mobile" placeholder="手机号码">
				<input class="input" type="email" name="referee" placeholder="邀请码">
				<input class="input" type="password" name="password" placeholder="登录密码">
				<input class="input" type="password" name="password2" placeholder="安全密码">
				<label class="am-checkbox am-secondary am-padding-top-0">
					<input type="checkbox" data-am-ucheck value=""> 我同意<a class="publish" onclick="showAgree()">《注册协议》</a>条款
				</label>
				<button class="form_btn" onclick="register()">注册</button>
				<span id="signIn">登录</span>
			</form>
		</div>
		<div class="sign-in-container">
			<form id="loginForm" onsubmit="return false;">
				<h1>登录</h1>
				<div class="social-links">
					<div>
						<a><i class="fa fa-facebook" aria-hidden="true"></i></a>
					</div>
					<div>
						<a><i class="fa fa-twitter" aria-hidden="true"></i></a>
					</div>
					<div>
						<a><i class="fa fa-linkedin" aria-hidden="true"></i></a>
					</div>
				</div>
				<span>或者使用你的账号</span>
				{:token()}
				<input class="input" type="text" name="account" placeholder="手机号码">
				<input class="input" type="password" name="password" placeholder="登录密码">
				<input class="input" type="text" name="studio" placeholder="商家编号">
				<div class="action">
					<a href="findpwd.html" class="am-u-sm-6" style="color: #fff;">忘记密码</a>
					<a href="{:config('site')['appdowm']}" style="color: #fff;" class="download">下载App</a>
				</div>
				<button class="form_btn" onclick="login()">登录</button>
				<span id="signUp" >注册</span>
			</form>
		</div>
	</div>
</div>
<!-- partial -->
{php}$art1=db('article')->where(['catid'=>3,'status'=>1])->find();{/php}
<script src="__CDN__/assets/index/js/jquery.min.js"></script>
<script src="__CDN__/assets/index/js/amazeui.min.js"></script>
<script src="__CDN__/assets/libs/layer/layer.js"></script>
<script >
	$(function(){
		$("#signUp").click(function(){
			$(".container").addClass('right-panel-active')
		})

		$("#signIn").click(function(){
			$(".container").removeClass('right-panel-active')
		})
	})

	/**
	 * 登录
	 */
	function login(){
		var formData = getFormData('loginForm');
		if(formData.account == ''){
			layer.msg('请输入手机号');
			return false;
		}
		if(formData.password == ''){
			layer.msg('请输入登录密码');
			return false;
		}
		if(formData.studio == ''){
			layer.msg('请输入商家编号');
			return false;
		}
		$.ajax({
			type: "POST",
			url: "{:url('user/login')}",
			data: formData,
			success: function(data) {
				console.log(data);
				layer.msg(data.msg,{time:1200},function(){
					if(data.code >0 )
					{
						// location='/shop/index/run';
						location='/shop/index/index';
					}else{
						location.reload()
					}
				});
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				layer.msg("{:__('网络错误,请稍后重试')}");
			}
		});
	}

	/**
	 * 注册协议
	 */
	function showAgree(){
		layer.alert('{$art1["content"]}',{title:'注册协议',area:['90%','90%']});
	}

	/**
	 * 注册
	 */
	function register(){
		var formData = getFormData('registerForm');
		if(formData.mobile == ''){
			layer.msg('请输入手机号');
			return false;
		}
		if(formData.referee == ''){
			layer.msg('请输入邀请码');
			return false;
		}
		if(formData.password == ''){
			layer.msg('请输入登录密码');
			return false;
		}
		if(formData.password2 == ''){
			layer.msg('请输入安全密码');
			return false;
		}
		layer.open({
			type: 1
			,title: false //不显示标题栏
			,closeBtn: false
			,area: ['90%','90%']
			,shade: 0.8
			,id: 'LAY_layuipro' //设定一个id，防止重复弹出
			,btn: ['已阅读', '取消']
			,btnAlign: 'c'
			,moveType: 1 //拖拽模式，0或者1
			,content: '<div style="padding:  10px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">{$art1["content"]}</div>'
			,yes: function(){
				layer.close(layer.index);
				parent.$('input[type=checkbox]').prop('checked',true);
				var formData = new FormData($('#form1')[0]);
				$.ajax({
					type: "POST",
					url: "{:url('api/user/register')}",
					data: formData,
					success: function (data) {
						if (data.code > 0) {
							layer.msg(data.msg, {time: 1200}, function () {
								location = 'login.html';
							});
						} else {
							layer.msg(data.msg);
						}
					},
					error: function (XMLHttpRequest, textStatus, errorThrown) {
						layer.msg("{:__('网络错误,请稍后重试')}");
					}
				});


			}
		});
	}

	/**
	 * 获取表单格式化数据
	 * @param id
	 * @returns {{}}
	 */
	function getFormData(id){
		var fields = {};
		var arr = $("#"+id).serializeArray();
		console.log(arr)
		$.each(arr, function(k,item){
			fields[item.name] = item.value;
		})

		return fields;
	}
</script>
</body>
</html>