Skip to content

施宇 / icsales

Go to a project
Commit 570dca8b by 梁建民
Options

css

parent 4128839e
Expand all
Inline Side-by-side
Showing with 202 additions and 27 deletions
Application/Home/View/Login/index.html
......@@ -15,6 +15,7 @@
<p class="t1">IC业务助手</p>
<p class="t2">让询报价更轻松、便捷</p>
</div>
<!--微信绑定-->
<div class="wechat" style="display: none">
<a href="javascript:;" class="btn">
<i class="iconfont iconjuxing22 va-m"></i>
......@@ -25,6 +26,7 @@
<a href="javascript:;">密码登录</a>
</p>
</div>
<!--绑定手机号-->
<div class="bind-mobile layui-form" style="display: none">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
......@@ -45,6 +47,7 @@
<a href="javascript:;" class="btn">绑定手机号</a>
</div>
</div>
<!--验证码登录-->
<div class="verify-code layui-form" style="display: none">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
......@@ -72,23 +75,26 @@
</p>
</div>
</div>
<!--密码登录-->
<div class="login layui-form">
<div class="input-wrap">
<i class="iconfont iconjuxing23 va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入手机号">
<input type="text" class="w w1 va-m" placeholder="请输入手机号" name="mobile">
<div class="sel lineBlock va-m">
<select name="interest">
<select>
<option value="0">中国 +86</option>
<option value="1">香港 +86</option>
</select>
</div>
</div>
<div class="input-wrap error">
<div class="input-wrap">
<i class="iconfont iconpassword va-m"></i>
<input type="text" class="w w1 va-m" placeholder="请输入密码">
<i class="iconfont iconjuxing27 va-m lineBlock"></i>
<div class="pwd lineBlock">
<input type="password" class="w w1 va-m" placeholder="请输入密码" name="password">
</div>
<i class="iconfont iconiconxiantiaoshouji va-m lineBlock eyes"></i>
</div>
<div class="error-text">
<div class="error-text" style="display: none">
<i class="iconfont iconjuxing20 va-m"></i>
<span class="va-m">验证码错误，请重新输入</span>
</div>
......@@ -96,10 +102,10 @@
<a href="javascript:;" class="fr">忘记密码？</a>
</div>
<div class="btn-wrap">
<a href="javascript:;" class="btn">登录</a>
<a href="javascript:;" class="btn" lay-submit lay-filter="login">登录</a>
</div>
<div class="operate clr">
<a href="javascript:;" class="fl l">密码登录</a>
<a href="javascript:;" class="fl l">验证码登录</a>
<p class="fr r">
<span>还没账户？</span>
<a href="passporticsales/register">免费注册</a>
......@@ -113,7 +119,15 @@
<include file="public/foot"/>
<script src="__PUBLIC__/js/person/login.js"></script>
<script type="text/html" id="pwdHtml">
{{# if (d.flag== 1) { }}
<input type="text" class="w w1 va-m" placeholder="请输入密码" name="password" value="{{d.value}}">
{{# } else { }}
<input type="password" class="w w1 va-m" placeholder="请输入密码" name="password" value="{{d.value}}">
{{# } }}
</script>
</body>
</html>
\ No newline at end of file
Application/Home/View/Register/index.html
......@@ -31,7 +31,7 @@
<div class="pwd lineBlock">
<input type="password" class="w w1 va-m" placeholder="请输入密码" name="password">
</div>
<i class="iconfont iconjuxing27 va-m lineBlock eyes"></i>
<i class="iconfont iconiconxiantiaoshouji va-m lineBlock eyes"></i>
</div>
<!--验证码-->
<div class="input-wrap" id="verifiCode" style="display: none">
......
Application/Home/View/public/header.html
......@@ -11,6 +11,8 @@
<![endif]-->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/js/layui/css/layui.css">
<script>
var cookieHostname = window.location.hostname.split(".")[1] + "." + window.location.hostname.split(".")[2];
var auth_url = 'authapi',
so_url = 'soapi',
user_url = 'userapi',
......
dist/css/person.css
......@@ -237,12 +237,14 @@ body {
font-size: 14px;
color: #0d84d1;
}
.person .wrap .login .iconiconxiantiaoshouji,
.person .wrap .login .iconjuxing27 {
font-size: 20px;
color: #adb6bf;
width: 112px;
text-align: left;
padding-left: 55px;
cursor: pointer;
}
.person .wrap .login .pwd {
margin-bottom: 60px;
......
dist/css/person.less
......@@ -286,12 +286,13 @@ body {
}
}
.iconjuxing27 {
.iconiconxiantiaoshouji,.iconjuxing27 {
font-size: 20px;
color: #adb6bf;
width: 112px;
text-align: left;
padding-left: 55px;
cursor: pointer;
}
.pwd {
......
dist/js/global/global.min.js
......@@ -3,15 +3,19 @@
init: function () {
this.mounted(this).handleBind(this);
},
getData: function (url, type, param, callback,) {
var index = layer.load(1, {
offset: ['50%', "50%"],
shade: false
});
getData: function (url, type, param, callback, isload) {
//是否启动loadin效果
if(isload == undefined){
var index = layer.load(1, {
offset: ['50%', "50%"],
shade: false
});
}
var platform = {
source: 2,
token: Util.getCookie('token') || ''
source: 2
};
var params = $.extend({}, platform, param);
......@@ -21,7 +25,6 @@
if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.indexOf('Opera') < 0)) {
dataTypeXpx = "jsonp";
}
var cookieHostname = window.location.hostname.split(".")[1] + "." + window.location.hostname.split(".")[2];
$.ajax({
type: type,
......@@ -88,12 +91,12 @@
* @param domain
* @returns {boolean}
*/
setCookie: function (name, value, time) {
// domain = domain ? ";domain=" + domain : "";
setCookie: function (name, value, time, domain) {
domain = domain ? ";domain=" + domain : "";
var Days = time;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + value + ";expires=" + exp.toGMTString();
document.cookie = name + "=" + value + ";expires=" + exp.toGMTString() + ";path=/" + domain;
return true;
},
/**
......@@ -116,11 +119,12 @@
* 删除cookie
* @param name
*/
delCookie: function (name) {
delCookie: function (name, domain) {
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = this.getCookie(name);
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
if (cval != null)
document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString() + ";path=/" + domain;
},
/**
* 获取参数
......
dist/js/person/login.js
!function () {
window.LoginController = {
isClick: false,
init: function () {
this.created(this).mounted(this).handleBind(this);
},
......@@ -12,8 +13,148 @@
return this;
},
calcForm: function (opt) {
var $mobile = $('input[name="mobile"]'),
$password = $('input[name="password"]');
if (!$mobile.val()) {
$mobile.parent('.input-wrap').addClass('error');
return false;
}
if (!$password.val()) {
$password.parent().parent('.input-wrap').addClass('error');
return false;
}
//密码长度要大于6位，由数字和字母组成
var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,}$/;
if (!reg.test($password.val())) {
$password.parent().parent('.input-wrap').addClass('error');
$(".error-text").show().find("span").text('密码长度要大于6位，由数字和字母组成');
return false;
}
$('.error').removeClass('error');
return true;
},
handleBind: function (opt) {
//手机号
$('input[name="mobile"]').on('input propertychange', function () {
var val = $(this).val();
if (val) {
$(this).parent('.input-wrap').removeClass('error');
}
});
//密码
$('input[name="password"]').on('input propertychange', function () {
var val = $(this).val();
if (val) {
$(this).parent().parent('.input-wrap').removeClass('error');
//符合密码长度要大于6位，由数字和字母组成
var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,}$/;
if (reg.test(val)) {
$(".error-text").hide();
}
}
});
//查看密码
$(".eyes").on('click', function () {
//兼容ie
var flag;
var self = this;
if ($(this).hasClass('iconiconxiantiaoshouji')) {
$(this).removeClass('iconiconxiantiaoshouji').addClass('iconjuxing27');
} else {
$(this).removeClass('iconjuxing27').addClass('iconiconxiantiaoshouji');
}
flag = $(this).hasClass('iconjuxing27') ? '1' : '2';
var data = {
value: $("input[name='password']").val(),
flag: flag
};
var getTpl = pwdHtml.innerHTML;
layui.laytpl(getTpl).render(data, function (html) {
$(self).prev('.pwd').empty().html(html);
});
});
//注册提交
layui.form.on('submit(login)', function (data) {
if (opt.calcForm()) {
$(data.elem).addClass("layui-btn-disabled");
if (!opt.isClick) {
opt.isClick = true;
IcController.getData(apis.authlogin, 'POST', data.field, function (res) {
if (res.err_msg == 0) {
//注入token
Util.setCookie('token', res.data.access_token,1,cookieHostname);
} else {
layer.msg(res.err_msg);
opt.isClick = false;
$(data.elem).removeClass("layui-btn-disabled");
}
});
}
} else {
}
});
return this;
},
......
dist/js/person/register.js
......@@ -225,10 +225,20 @@
//兼容ie
var flag;
var self = this;
if ($(this).hasClass('iconiconxiantiaoshouji')) {
$(this).removeClass('iconiconxiantiaoshouji').addClass('iconjuxing27');
} else {
$(this).removeClass('iconjuxing27').addClass('iconiconxiantiaoshouji');
}
$(this).toggleClass('iconiconxiantiaoshouji');
flag = $(this).hasClass('iconiconxiantiaoshouji') ? '1' : '2';
flag = $(this).hasClass('iconjuxing27') ? '1' : '2';
var data = {
value: $("input[name='password']").val(),
......@@ -260,9 +270,9 @@
if (res.err_msg == 0) {
//注入token
Util.setCookie('token', res.access_token);
Util.setCookie('token', res.access_token, 1, cookieHostname);
window.location.href = homeicsales_url + '/homes';
window.location.href = home_url + '/homes';
} else {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment