You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

119 lines
4.4 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>千鸟回收</title>
<link rel="stylesheet" href="/web/fonts/iconfont.css"/>
<link rel="stylesheet" href="/web/css/font.css"/>
<link rel="stylesheet" href="/web/css/mui.css"/>
<link rel="stylesheet" href="/web/css/weui.min.css"/>
<link rel="stylesheet" href="/web/css/jquery-weui.min.css"/>
<link rel="stylesheet" href="/web/css/animate.css"/>
<link rel="stylesheet" href="/web/css/pages/login.css?v=1.0.3"/>
<script>(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
};
if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
})(document, window);
function goto(url){
window.location.href=url;
}
</script>
</head>
<body>
<div class="header">
<img src="/web/images/矢量智能对象@2x.png" alt="">
</div>
<div class="login-wrap">
<div class="login-box">
<form id="loginForm" role="form" method="post">
<input type="hidden" id="openId" name="openId" th:value="${openId}">
<p th:text="${msg}" style="color: red;"></p>
<div class="input-wrap">
<img src="/web/images/账号@2x.png" alt="">
<input type="tel" name="username" class="phone" placeholder="请输入手机号">
</div>
<div class="input-wrap">
<img src="/web/images/密码@2x.png" alt="">
<input type="password" name="password" class="password" placeholder="请输入密码" id="demo_input">
<img src="/web/images/密码-不显示@2x.png" alt="" class="imgs" id="demo_img" onclick="hideShowPsw()">
</div>
<!--<div class="input-wrap">
<input type="text" name="yanzm" placeholder="验证码">
<img src="" class="validate-code">
</div>-->
</form>
</div>
<!--<div class="btns">
<a href="javascript:;" class="current">采购商</a>
<a href="javascript:;">供应商</a>
</div>-->
<a href="javascript:void(0);" class="weui_btn login-btn weui_btn_primary" id="showTooltips">绑定手机号</a>
</div>
<script src="/web/js/jquery.min.js"></script>
<script src="/web/js/jquery-weui.js?v=1.2"></script>
<script src="/web/js/layer_mobile/layer.js"></script>
<script>
$("#showTooltips").click(function() {
if($("#userName").val()==""||$("#userName").val()==null){
alert("用户名不能为空")
return false;
}
else if(!/^1[3|4|5|7|8]\d{9}$/.test($("#userName").val())){
alert("请输入正确的手机号")
return false;
}
else if($("#password").val() == "" ){
alert("密码不能为空")
return false;
}
$.ajax({
data:{
userName:$("#userName").val(),
password:$("#password").val(),
openId:$("#openId").val()
},
url:"/web/user/mobile/bind",
type:"post",
dataType:'json',
success:function(data) {
if(data.code == 0) {
layer.open({
content: '绑定成功',
skin: 'msg',
time: 3 //3秒后自动关闭
});
setTimeout(function(){
goto("/index?device=m");
},1000);
}else{
layer.open({
content: data.msg,
skin: 'msg',
time: 3 //3秒后自动关闭
});
}
},
error:function() {
layer.open({
content: '网络出现异常',
skin: 'msg',
time: 3 //3秒后自动关闭
});
}
});
});
</script>
</body>
</html>