Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
9865414d by 任超
Options

style:登录的修改

1 parent a6b6969c
Inline Side-by-side
Showing 7 changed files with 98 additions and 62 deletions
......@@ -100,7 +100,7 @@
</a>
</li>
<li>
<a href="./staticViews/convenienceService/certificateQuery.html" title="证书查询">
<a href="./staticViews/convenienceService/certificateVerification.html" title="证书查询">
<img src="./staticImages/zscx.png" alt="证书查询" />
<h6>证书查询</h6>
<p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训作</p>
......
......@@ -126,7 +126,8 @@ div.top-logo .top_logo_search input {
}
div.top-logo .login {
float: right;
margin-top: 8px;
position: relative;
top: 19px;
}
.login li {
color: #6D7278;
......@@ -159,7 +160,6 @@ div.top-logo .top_logo_search i {
}
.top-logo ul li:first-child {
border-right: 2px solid #9B9B9B;
height: 13px;
line-height: 12px;
}
......@@ -322,6 +322,7 @@ div.footer .system_service ul li a:hover {
/* 登陆样式 by jxx */
.PersonLogin{
cursor: pointer;
font-size: 14px;
}
.loginINfo {
padding: 50px 50px;
......@@ -451,4 +452,22 @@ div.footer .system_service ul li a:hover {
}
.layui-layer-btn {
text-align: center;
}
.login-con {
background-color: #fff!important;
}
.loginSelect {
position: relative;
top: -5px;
cursor: pointer;
}
.not-select{
-moz-user-select:none; /*火狐*/
-webkit-user-select:none; /*webkit浏览器*/
-ms-user-select:none; /*IE10*/
-khtml-user-select:none; /*早期浏览器*/
user-select:none;
}
.loginAfter {
display: none;
}
\ No newline at end of file
......
......@@ -10,12 +10,12 @@ document.writeln(" <meta charset=\'UTF-8\'>");
document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />");
document.writeln(" <meta name=\'robots\' content=\'index,follow\' />");
document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />");
document.writeln(" <link rel=\'alternate icon\' type=\'image/png\' href=\'"+localhostPaht+"/staticImages/logo-realestate.png\'>");
document.writeln(" <link rel=\'alternate icon\' type=\'image/png\' href=\'" + localhostPaht + "/staticImages/logo-realestate.png\'>");
document.writeln(" <link rel=\'icon\' href=\'favicon.ico\' type=\'image/x-ico\' />");
document.writeln(" <meta name=\'description\' content=\'\' />");
document.writeln(" <meta name=\'Keywords\' content=\'\' />");
document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />");
document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />");
document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'" + localhostPaht + "/staticLib/layui/css/layui.css\' />");
document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'" + localhostPaht + "/staticCss/common.css\' />");
document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>");
document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/login.js\'></script>");
document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/common.js\'></script>");
......@@ -24,54 +24,59 @@ document.writeln("");
document.writeln("<body>");
document.writeln(" <div class=\'top-logo\'>");
document.writeln(" <div class=\'top_logo_content\'>");
document.writeln(" <h1><a href=\'"+localhostPaht+"/index.html\'><img src=\'"+localhostPaht+"/staticImages/logo.png\' alt=\'西安市不动产登记平台\' /></a></h1>");
document.writeln(" <h1><a href=\'" + localhostPaht + "/index.html\'><img src=\'" + localhostPaht + "/staticImages/logo.png\' alt=\'西安市不动产登记平台\' /></a></h1>");
document.writeln("");
document.writeln(" <div class=\'top_logo_search\'>");
document.writeln(" <input type=\'text\' name=\'title\' required lay-verify=\'required\' placeholder=\'请输入关键字搜索\' autocomplete=\'off\'");
document.writeln(" class=\'layui-input\'>");
document.writeln(" <img class=\'search_img\' src=\'"+localhostPaht+"/staticImages/search.png\'>");
document.writeln(" <img class=\'search_img\' src=\'" + localhostPaht + "/staticImages/search.png\'>");
document.writeln(" </div>");
document.writeln("");
document.writeln(" <ul class=\'login\'>");
document.writeln(" <ul class='login login-con isLogin'>");
document.writeln(" <!-- <li>登录</li> -->");
document.writeln(" <li class='personalCenter'>");
document.writeln(" <a href=\'"+localhostPaht+"/staticViews/grzx.html\'>个人中心</a>");
document.writeln(" </li>");
document.writeln(" <li>");
document.writeln(" <li class='loginSelect'>");
document.writeln(" <p class='loginButton PersonLogin'>登录</p>");
document.writeln(" </li>");
document.writeln(" <li>");
document.writeln(" <p id='cancellation'>注销</p>");
document.writeln(" </ul>");
document.writeln(" <ul class='login layui-nav login-con loginAfter'>");
document.writeln(" <!-- <li>登录</li> -->");
document.writeln(" <li class='layui-nav-item loginSelect'>");
document.writeln(" <p class='loginButton PersonLogin'>登录</p>");
document.writeln(" <dl class='layui-nav-child userInfo'>");
document.writeln(" <!-- 二级菜单 -->");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/grzx.html\'>个人中心</a></dd>");
document.writeln(" <dd><a>个人信息</a></dd>");
document.writeln(" <dd><a id='cancellation'>注销</a></dd>");
document.writeln(" </dl>");
document.writeln(" </li>");
document.writeln(" </ul>");
document.writeln(" </div>");
document.writeln(" </div>");
document.writeln(" <div class=\'navigation\'>");
document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>");
document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>");
document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt.html\' title=\'新闻动态\'>新闻动态</a></li>");
document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/index.html\' title=\'首页\'>首页</a></li>");
document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/xwdt.html\' title=\'新闻动态\'>新闻动态</a></li>");
document.writeln(" <li id='zwgk' class=\'layui-nav-item\'>");
document.writeln(" <a href=\'javascript:;\'>政务公开</a>");
document.writeln(" <dl class=\'layui-nav-child\'>");
document.writeln(" <!-- 二级菜单 -->");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/xyzc.html\'>相应政策</a></dd>");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/flfg.html\'>法律法规</a></dd>");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/gsgg.html\'>公示公告</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/xyzc.html\'>相应政策</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/flfg.html\'>法律法规</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/gsgg.html\'>公示公告</a></dd>");
document.writeln(" </dl>");
document.writeln(" </li>");
document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>");
document.writeln(" <li id='wssq' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/wssq.html\' title=\'网上申请\'>网上申请</a></li>");
document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>");
document.writeln(" <li id='wssq' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/wssq.html\' title=\'网上申请\'>网上申请</a></li>");
document.writeln(" <li class=\'layui-nav-item\'>");
document.writeln(" <a href=\'javascript:;\'>查验中心</a>");
document.writeln(" <dl class=\'layui-nav-child\'>");
document.writeln(" <!-- 二级菜单 -->");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/fileQuery.html\'>档案查询</a></dd>");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/recordInquiry.html\'>合同备案查询</a></dd>");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/certificateQuery.html\'>二三维不动产证书查验</a></dd>");
document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/certificateVerification.html\'>证书核验</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/fileQuery.html\'>档案查询</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/recordInquiry.html\'>合同备案查询</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/certificateQuery.html\'>二三维不动产证书查验</a></dd>");
document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/certificateVerification.html\'>证书核验</a></dd>");
document.writeln(" </dl>");
document.writeln(" </li>");
document.writeln(" <li id='zxjf' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zxjf.html\'>在线缴费</a></li>");
document.writeln(" <li id='zxjf' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/zxjf.html\'>在线缴费</a></li>");
document.writeln(" <li class=\'layui-nav-item\' class=\'item_last_child\'><a href=\'\'>好差评</a></li>");
document.writeln(" </ul>");
document.writeln(" </div> ");
......@@ -80,4 +85,3 @@ document.writeln("");
document.writeln("</html>");
document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/layui/layui.js\'></script>");
document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_1j8kvwarwge.js\'></script>");
\ No newline at end of file
......
......@@ -20,37 +20,41 @@ function login() {
});
})
}
$(document).on('click', '.PersonLogin', function () {
login();
})
// 点击登陆的时候
$(document).on('click', '#loginButton', function () {
var userLoginRequest = {};
var username = $('#phone').val();
var password = $('#IDcard').val();
userLoginRequest.phone = username;
userLoginRequest.password = password;
delCookie();
clicklogin(userLoginRequest);
});
// cancellation
$(document).on('click', '#cancellation', function () {
layui.use('layer', function () {
layer.confirm('此操作将进行注销', {
btn: ['是', '否'] //按钮
}, function () {
delCookie();
$('.loginButton').addClass('PersonLogin')
window.open('' + localhostPaht + '/index.html', '_self')
}, function () {
layer.msg('已取消');
});
function fetchDataReview() {
$(document).on('click', '.PersonLogin', function () {
login();
})
});
// 点击登陆的时候
$(document).on('click', '#loginButton', function () {
var userLoginRequest = {};
var username = $('#phone').val();
var password = $('#IDcard').val();
userLoginRequest.phone = username;
userLoginRequest.password = password;
delCookie();
clicklogin(userLoginRequest);
});
// cancellation
$(document).on('click', '#cancellation', function () {
layui.use('layer', function () {
layer.confirm('此操作将进行注销', {
btn: ['是', '否'] //按钮
}, function () {
delCookie();
$('.loginButton').addClass('PersonLogin')
window.open('' + localhostPaht + '/index.html', '_self')
}, function () {
layer.msg('已取消');
});
})
});
}
$(function () {
fetchDataReview();
if (getCookie('myCookie').username) {
$('.loginButton').html(getCookie('myCookie').username);
$('.loginButton').removeClass('PersonLogin')
......@@ -75,10 +79,6 @@ function delCookie() {
}
}
// 点击注册的时候
$(document).on('click', '#registerButton', function () {
window.open('' + localhostPaht + '/staticViews/register.html', '_self')
});
function clicklogin(data) {
$.ajax({
type: "post", //提交方式
......@@ -90,6 +90,8 @@ function clicklogin(data) {
data: JSON.stringify(data),//***关键******
success: function (result) {//返回数据根据结果进行相应的处理
if (result.code == 200 && result.data !== null) {
$('.loginAfter').show();
$('.isLogin').hide();
setCookie('myCookie', result.data, 60);
$('.loginButton').removeClass('PersonLogin')
$('.personalCenter').addClass('show');
......@@ -101,6 +103,10 @@ function clicklogin(data) {
}
});
}
// 点击注册的时候
$(document).on('click', '#registerButton', function () {
window.open('' + localhostPaht + '/staticViews/register.html', '_self')
});
// 点击判断是否登录
function isLogin() {
......
......@@ -37,7 +37,7 @@
<input type="text" name="" placeholder="请输入证件号码" class="layui-input">
</div>
<div>
<span>受理编号：</span>
<span>不动产权证号：</span>
<input type="text" name="" placeholder="请输入受理编号" class="layui-input">
</div>
<div>
......
......@@ -36,7 +36,7 @@
<input type="text" name="" placeholder="请输入证件号码" class="layui-input">
</div>
<div>
<span>档案编号：</span>
<span>不动产权证号：</span>
<input type="text" name="" placeholder="请输入档案编号" class="layui-input">
</div>
<div>
......
......@@ -22,6 +22,13 @@
</div>
<div class="informationService middleZoneHeight">
<div>
<span>买受人类型：</span>
<select name="interest" lay-filter="" class="typesCertificates">
<option value="1">权利人</option>
<option value="2">义务人</option>
</select>
</div>
<div>
<span>申请人：</span>
<input type="text" name="" placeholder="请输入申请人" class="layui-input">
</div>
......