Skip to content

Commit

Permalink
build 00637: prepare for V3.0's view
Browse files Browse the repository at this point in the history
~ 新版登录页面
  • Loading branch information
SmallOyster committed Jan 12, 2020
1 parent 5cc52ff commit 519ccf8
Show file tree
Hide file tree
Showing 19 changed files with 1,485 additions and 133 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

▲ 开发商:广州市生蚝科技有限公司(生蚝科技)

▲ 代码版本信息:***Build 00617***
▲ 代码版本信息:***Build 00637***

▲ 系统版本信息:***2.0.0***

Expand Down
73 changes: 23 additions & 50 deletions application/views/user/login.php
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
* @name 生蚝科技RBAC开发框架-V-登录
* @author Jerry Cheung <[email protected]>
* @since 2018-02-20
* @version 2019-07-18
* @version 2020-01-07
*/
?>

Expand All @@ -22,7 +22,7 @@
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css" rel="stylesheet">
<link href="<?=base_url('resource/css/login.css');?>" rel="stylesheet">
<link href="<?=base_url('resource/css/loginOld.css');?>" rel="stylesheet">

<!-- Baidu tongji-->
<script>
Expand Down Expand Up @@ -67,61 +67,34 @@
<h2 class="active" style="line-height:32px;">欢迎登录 生蚝科技统一身份认证平台<br>正在通过统一认证平台快速登录:<?=$appName;?> </h2>

<div id="userIcon" class="fadeIn first">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px"
y="0px" width="210.25px" height="159.942px" viewBox="0 0 105.125 79.971" enable-background="new 0 0 105.125 79.971"
xml:space="preserve">
<g id="Icons">
<g>
<circle fill="#E9EAEB" cx="52" cy="48.971" r="20" />
<path fill="none" stroke="#D8D8D8" stroke-width="2" stroke-miterlimit="10" d="M29.657,65.902 c-3.517-4.677-5.602-10.492-5.602-16.795c0-15.448,12.523-27.972,27.973-27.972C67.477,21.135,80,33.659,80,49.107 c0,6.304-2.085,12.121-5.604,16.798" />
<g>
<path fill="#FFFFFF" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" d="M52,54.971c2.292,0,6.438-3.063,7-4 s0.775-1.863,1-3c0.053-0.27,0.828-1.771,1-2c0.942-1.253,1-5,1-5l-1-1c0,0-0.244-3.141-0.383-4.681 c-0.575-4.498-3.674-7.319-8.617-7.319s-8.042,2.822-8.617,7.319C43.244,36.831,43,39.971,43,39.971l-1,1c0,0,0.058,3.747,1,5 c0.172,0.229,0.947,1.73,1,2c0.224,1.137,0.438,2.063,1,3S49.708,54.971,52,54.971z" />
<path fill="#2DC1E5" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" d="M52,74.971c7.004,0,13.39-2.432,18-7v-4 c-0.561-2.002-2.162-3.026-4-4l-7-3c0,0-3.604,3-7,3s-6-3-6-3l-8,3c-1.838,0.974-3.439,1.998-4,4v4 C38.61,72.54,44.996,74.971,52,74.971z" />
<g>
<line fill="none" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" x1="46"
y1="56.971" x2="46" y2="51.971" />
</g>
<g>
<line fill="none" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" x1="58"
y1="57.565" x2="58" y2="51.971" />
</g>
</g>
</g>
<ellipse fill="#EE5456" cx="12.771" cy="43.409" rx="2.104" ry="2.063" />
<polygon fill="#EE5456" points="86.028,32.771 85.644,33.905 86.359,34.864 85.163,34.849 84.471,35.826 84.116,34.683 82.973,34.328 83.95,33.636 83.935,32.439 84.894,33.155 " />
<polygon fill="#2EC3E6" points="29.75,14.596 29.083,14.37 28.519,14.791 28.527,14.087 27.952,13.68 28.625,13.471 28.834,12.799 29.241,13.374 29.945,13.365 29.523,13.929 " />
<circle fill="none" stroke="#2EC3E6" stroke-miterlimit="10" cx="15.25" cy="18.471" r="1.125" />
<circle fill="#2EC3E6" cx="89.75" cy="47.221" r="1.25" />
<circle fill="#2EC3E6" cx="71.688" cy="18.784" r="1.688" />
<rect x="37" y="7.971" fill="#CECECE" width="1" height="1" />
<rect x="85" y="57.971" transform="matrix(0.9503 -0.3114 0.3114 0.9503 -14.2181 29.8919)" fill="#CECECE" width="3" height="3" />
<rect x="14.334" y="57.805" fill="#CECECE" width="2" height="2" />
<rect x="16" y="31.971" transform="matrix(0.6706 -0.7419 0.7419 0.6706 -18.8596 23.4739)" fill="none" stroke="#CECECE" stroke-miterlimit="10" width="2" height="2" />
<rect x="49" y="8.971" transform="matrix(0.5866 -0.8099 0.8099 0.5866 12.397 45.2283)" fill="#2EC3E6" width="3" height="3" />
<circle fill="#FDDB00" cx="88.834" cy="21.638" r="1.5" />
<circle fill="#FDDB00" cx="26.583" cy="23.555" r="0.75" />
<circle fill="#FDDB00" cx="63.625" cy="8.763" r="1.042" />
<polygon fill="#FDDB00" points="21.118,11.668 21.705,12.087 22.385,11.841 22.167,12.53 22.61,13.099 21.889,13.104 21.485,13.703 21.256,13.018 20.562,12.819 21.143,12.389" />
<polygon fill="#D8D8D8" points="82.083,10.138 81.728,11.087 80.728,11.254 80.083,10.472 80.438,9.522 81.438,9.355" />
<polygon fill="#D8D8D8" points="40.083,17.305 38.819,17.826 37.736,16.992 37.917,15.638 39.181,15.117 40.264,15.95" />
<polygon fill="#D8D8D8" points="61.417,16.221 60.548,16.394 59.964,15.727 60.249,14.888 61.118,14.716 61.702,15.382" />
<polygon fill="#D8D8D8" points="94,36.555 92.964,37.015 92.047,36.348 92.166,35.221 93.202,34.76 94.119,35.427" />
</g>
<g id="Layer_3">
</g>
</svg>
<?php include 'loginPageSvg.php'; ?>
</div>

<div id="loginForm" class="form-signin">
<input type="hidden" id="<?=$this->sessPrefix;?>appId" value="<?=$appId;?>">
<input type="text" id="<?=$this->sessPrefix;?>userName" class="fadeIn second" maxlength="20" placeholder="键入您的通行证账号" onkeyup='if(event.keyCode==13)$("#<?=$this->sessPrefix;?>password").focus();'>
<input type="password" id="<?=$this->sessPrefix;?>password" class="fadeIn third" maxlength="30" placeholder="键入您账号对应的密码" onkeyup='if(event.keyCode==13)toLogin();'>
<button class="fadeIn fourth" style="font-size:18px;background-color:#56baed;border:none;color:#fff;padding:15px 39px;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;-webkit-box-shadow:0 10px 30px 0 rgba(95,186,233,.4);box-shadow:0 10px 30px 0 rgba(95,186,233,.4);-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;margin:5px 20px 40px 20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out" value="登 录" onclick="toReg()">注 册</button><button class="fadeIn fourth" style="font-size:18px;background-color:#9ccc65;border:none;color:#fff;padding:15px 39px;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;-webkit-box-shadow:0 10px 30px 0 rgba(95,186,233,.4);box-shadow:0 10px 30px 0 rgba(95,186,233,.4);-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;margin:5px 20px 40px 20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out" onclick="toLogin()">登 录</button>

<button class="fadeIn fourth" style="font-size:18px;background-color:#56baed;border:none;color:#fff;padding:15px 12%;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;-webkit-box-shadow:0 10px 30px 0 rgba(95,186,233,.4);box-shadow:0 10px 30px 0 rgba(95,186,233,.4);-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;margin:5px 5px 40px 5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out" onclick="toReg()">注 册</button>
<button class="fadeIn fourth" style="font-size:18px;background-color:#9ccc65;border:none;color:#fff;padding:15px 12%;text-align:center;text-decoration:none;display:inline-block;text-transform:uppercase;-webkit-box-shadow:0 10px 30px 0 rgba(95,186,233,.4);box-shadow:0 10px 30px 0 rgba(95,186,233,.4);-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;margin:5px 5px 40px 5px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out" onclick="toLogin()">登 录</button>

<br>

<p style="text-align:left;padding-left:25px;font-size:17px;">
第三方登录:
<!--a href="https://github.com/login/oauth/authorize?client_id=&scope=user"><i class="fa fa-2x fa-github" aria-hidden="true"></i></a>&nbsp;&nbsp;-->
<a onclick="changeLoginMethod();"><i class="fa fa-2x fa-weixin" aria-hidden="true"></i></a>&nbsp;&nbsp;
<!--a href="https://github.com/login/oauth/authorize?client_id=637c1fd18f219c7987aa&scope=user" style="color:#24292e"><i class="fa fa-2x fa-github" aria-hidden="true"></i></a>&nbsp;&nbsp;-->
<a onclick="alert('敬请期待!\n\n预计于2020年2月1日前上线!')" style="color:#24292e">
<i class="fa fa-2x fa-github" aria-hidden="true"></i>
</a>&nbsp;&nbsp;
<a onclick="changeLoginMethod();" style="color:#2ba245">
<i class="fa fa-2x fa-weixin" aria-hidden="true"></i>
</a>&nbsp;&nbsp;
<a onclick="alert('敬请期待!\n\n预计于2020年2月1日前上线!')">
<img src="https://id.xshgzs.com/resource/images/gzlib_origin.jpg" style="width:40px;height:40px;border-radius:50%;margin-top: -12px;">
</a>&nbsp;&nbsp;
<a onclick="alert('敬请期待!\n\n预计于2020年2月1日前上线!')">
<img src="https://id.xshgzs.com/resource/images/weixinWork.png" style="width:40px;height:40px;margin-top: -12px;">
</a>&nbsp;&nbsp;
</p>
<p style="line-height:6px;">&nbsp;</p>
</div>
Expand Down Expand Up @@ -336,7 +309,7 @@ function toLogin(){
}
/********** ▲ 记住密码 ▲ **********/

if(userName.length<5 || userName.length>20){
if(userName.length<4 || userName.length>20){
unlockScreen();
showModalTips("请正确输入用户名!");
return false;
Expand All @@ -349,7 +322,7 @@ function toLogin(){


$.ajax({
url:"toLogin",
url:"<?=base_url('user/toLogin');?>",
type:"post",
data:{"appId":appId,"userName":userName,"password":password},
dataType:"json",
Expand Down
163 changes: 163 additions & 0 deletions application/views/user/loginNew.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,163 @@
<html>
<head>
<title>登录 / 生蚝科技统一身份认证平台</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="生蚝科技,生蚝科技统一身份认证平台,生蚝科技用户中心">
<meta name="description" content="生蚝科技统一身份认证平台">
<meta name="author" content="生蚝科技 Oyster Tech">
<link rel="shortcut icon" href="<?=base_url('resource/image/favicon.ico');?>">
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" type="text/css" href="https://id.xshgzs.com/resource/css/login.css">

<script src="https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://static.xshgzs.com/js/utils.js"></script>
<script src="/resource/js/login.js"></script>

<!-- Baidu tongji-->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?57f935b2ea561c6b84f8ea26dd96fe5a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body style="background-image: url(https://static.xshgzs.com/image/backstage_bg.png); background-position: center center; background-repeat: repeat;">

<!-- 登陆面板 -->
<div class="login_page">
<div class="login_box_m">
<div class="content">

<div class="logo">
<img src="/resource/images/logo.png">
</div>

<div class="login_form">
<div class="login_form_title">
<center><h3>用户登录</h3></center>
</div>

<div class="login_form_detail">
<!-- 登录表单 -->
<div class="left_side">

<div class="input_div">
<i class="_icon _i-user"></i>
<input id="username" placeholder="请输入您的通行证帐号">
</div>

<div class="input_div psw" style="margin-bottom: 20px;">
<i class="_icon _i-psw"></i>
<input type="password" id="password" placeholder="请输入通行证密码">
</div>

<button class="sub_btn" style="cursor: pointer;">登录</button>

<!-- 忘记密码? -->
<div class="clearfix">
<a class="forgetPassword">忘记密码</a>
</div>

</div>

<!-- 右侧 -->
<div class="right_side clearfix">
<!-- 第三方互联登录 -->
<div class="div1">
<div class="login_form_title2">
<center><h3>第三方互联登录<br></h3></center>
</div>

<!-- 移动端分割线 -->
<div class="connectHr"><hr></div>
<!-- /.移动端分割线 -->

<a style="color:#07C160;text-decoration: none;">
<i class="fa fa-weixin"></i>
<b class="connectText">微信扫码<br></b>
</a>
<a style="color:#24292e;text-decoration: none;">
<i class="fa fa-github"></i>
<b class="connectText">Github互联<br></b>
</a>
<a style="text-decoration: none;">
<img src="https://id.xshgzs.com/resource/images/weixinWork.png">
<b class="connectText">企业微信扫码<br></b>
</a>
<a style="text-decoration: none;">
<img src="https://id.xshgzs.com/resource/images/gzlib_origin.jpg" style="border-radius:50%;">
<b class="connectText">广州图书馆互联<br></b>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.登陆面板 -->

<div class="page-copy">
<center>
<!-- 页脚版权 -->
<p style="font-weight:bold;font-size:18px;line-height:26px;">
&copy; <a href="https://www.xshgzs.com?from=sso3" target="_blank" style="font-size:21px;">生蚝科技</a> 2014-2019
<a style="color:#07C160" onclick='showWXCode()'><i class="fa fa-weixin fa-lg" aria-hidden="true"></i></a>
<a style="color:#FF7043" onclick='launchQQ()'><i class="fa fa-qq fa-lg" aria-hidden="true"></i></a>
<a style="color:#29B6F6" href="mailto:[email protected]"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a>
<a style="color:#AB47BC" href="https://github.com/OysterTech" target="_blank"><i class="fa fa-github fa-lg" aria-hidden="true"></i></a>

<br>

All Rights Reserved.<br>
<a href="http://www.miitbeian.gov.cn/" target="_blank" style="color:black;">粤ICP备19018320号-1</a><br><br>
</p>
<!-- ./页脚版权 -->
</center>
</div>

<div class="modal fade" id="tipsModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h3 class="modal-title" id="ModalTitle">温馨提示</h3>
</div>
<div class="modal-body">
<font color="red" style="font-weight:bolder;font-size:24px;text-align:center;">
<p id="tips"></p>
</font>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-warning" onclick='isAjaxing=0;$("#tipsModal").modal("hide");'>返回 &gt;</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="wxModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h3 class="modal-title">微信公众号二维码</h3>
</div>
<div class="modal-body">
<center><img src="https://www.xshgzs.com/resource/index/images/wxOfficialAccountQRCode.jpg" style="width:85%"></center>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" onclick='$("#wxModal").modal("hide");'>关闭 &gt;</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>
43 changes: 43 additions & 0 deletions application/views/user/loginPageSvg.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px"
y="0px" width="210.25px" height="159.942px" viewBox="0 0 105.125 79.971" enable-background="new 0 0 105.125 79.971"
xml:space="preserve">
<g id="Icons">
<g>
<circle fill="#E9EAEB" cx="52" cy="48.971" r="20" />
<path fill="none" stroke="#D8D8D8" stroke-width="2" stroke-miterlimit="10" d="M29.657,65.902 c-3.517-4.677-5.602-10.492-5.602-16.795c0-15.448,12.523-27.972,27.973-27.972C67.477,21.135,80,33.659,80,49.107 c0,6.304-2.085,12.121-5.604,16.798" />
<g>
<path fill="#FFFFFF" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" d="M52,54.971c2.292,0,6.438-3.063,7-4 s0.775-1.863,1-3c0.053-0.27,0.828-1.771,1-2c0.942-1.253,1-5,1-5l-1-1c0,0-0.244-3.141-0.383-4.681 c-0.575-4.498-3.674-7.319-8.617-7.319s-8.042,2.822-8.617,7.319C43.244,36.831,43,39.971,43,39.971l-1,1c0,0,0.058,3.747,1,5 c0.172,0.229,0.947,1.73,1,2c0.224,1.137,0.438,2.063,1,3S49.708,54.971,52,54.971z" />
<path fill="#2DC1E5" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" d="M52,74.971c7.004,0,13.39-2.432,18-7v-4 c-0.561-2.002-2.162-3.026-4-4l-7-3c0,0-3.604,3-7,3s-6-3-6-3l-8,3c-1.838,0.974-3.439,1.998-4,4v4 C38.61,72.54,44.996,74.971,52,74.971z" />
<g>
<line fill="none" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" x1="46"
y1="56.971" x2="46" y2="51.971" />
</g>
<g>
<line fill="none" stroke="#2A5082" stroke-width="2" stroke-miterlimit="10" x1="58"
y1="57.565" x2="58" y2="51.971" />
</g>
</g>
</g>
<ellipse fill="#EE5456" cx="12.771" cy="43.409" rx="2.104" ry="2.063" />
<polygon fill="#EE5456" points="86.028,32.771 85.644,33.905 86.359,34.864 85.163,34.849 84.471,35.826 84.116,34.683 82.973,34.328 83.95,33.636 83.935,32.439 84.894,33.155 " />
<polygon fill="#2EC3E6" points="29.75,14.596 29.083,14.37 28.519,14.791 28.527,14.087 27.952,13.68 28.625,13.471 28.834,12.799 29.241,13.374 29.945,13.365 29.523,13.929 " />
<circle fill="none" stroke="#2EC3E6" stroke-miterlimit="10" cx="15.25" cy="18.471" r="1.125" />
<circle fill="#2EC3E6" cx="89.75" cy="47.221" r="1.25" />
<circle fill="#2EC3E6" cx="71.688" cy="18.784" r="1.688" />
<rect x="37" y="7.971" fill="#CECECE" width="1" height="1" />
<rect x="85" y="57.971" transform="matrix(0.9503 -0.3114 0.3114 0.9503 -14.2181 29.8919)" fill="#CECECE" width="3" height="3" />
<rect x="14.334" y="57.805" fill="#CECECE" width="2" height="2" />
<rect x="16" y="31.971" transform="matrix(0.6706 -0.7419 0.7419 0.6706 -18.8596 23.4739)" fill="none" stroke="#CECECE" stroke-miterlimit="10" width="2" height="2" />
<rect x="49" y="8.971" transform="matrix(0.5866 -0.8099 0.8099 0.5866 12.397 45.2283)" fill="#2EC3E6" width="3" height="3" />
<circle fill="#FDDB00" cx="88.834" cy="21.638" r="1.5" />
<circle fill="#FDDB00" cx="26.583" cy="23.555" r="0.75" />
<circle fill="#FDDB00" cx="63.625" cy="8.763" r="1.042" />
<polygon fill="#FDDB00" points="21.118,11.668 21.705,12.087 22.385,11.841 22.167,12.53 22.61,13.099 21.889,13.104 21.485,13.703 21.256,13.018 20.562,12.819 21.143,12.389" />
<polygon fill="#D8D8D8" points="82.083,10.138 81.728,11.087 80.728,11.254 80.083,10.472 80.438,9.522 81.438,9.355" />
<polygon fill="#D8D8D8" points="40.083,17.305 38.819,17.826 37.736,16.992 37.917,15.638 39.181,15.117 40.264,15.95" />
<polygon fill="#D8D8D8" points="61.417,16.221 60.548,16.394 59.964,15.727 60.249,14.888 61.118,14.716 61.702,15.382" />
<polygon fill="#D8D8D8" points="94,36.555 92.964,37.015 92.047,36.348 92.166,35.221 93.202,34.76 94.119,35.427" />
</g>
<g id="Layer_3">
</g>
</svg>
Loading

0 comments on commit 519ccf8

Please sign in to comment.