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 @@ ...@@ -100,7 +100,7 @@
100 </a> 100 </a>
101 </li> 101 </li>
102 <li> 102 <li>
103 <a href="./staticViews/convenienceService/certificateQuery.html" title="证书查询"> 103 <a href="./staticViews/convenienceService/certificateVerification.html" title="证书查询">
104 <img src="./staticImages/zscx.png" alt="证书查询" /> 104 <img src="./staticImages/zscx.png" alt="证书查询" />
105 <h6>证书查询</h6> 105 <h6>证书查询</h6>
106 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训作</p> 106 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训作</p>
......
...@@ -126,7 +126,8 @@ div.top-logo .top_logo_search input { ...@@ -126,7 +126,8 @@ div.top-logo .top_logo_search input {
126 } 126 }
127 div.top-logo .login { 127 div.top-logo .login {
128 float: right; 128 float: right;
129 margin-top: 8px; 129 position: relative;
130 top: 19px;
130 } 131 }
131 .login li { 132 .login li {
132 color: #6D7278; 133 color: #6D7278;
...@@ -159,7 +160,6 @@ div.top-logo .top_logo_search i { ...@@ -159,7 +160,6 @@ div.top-logo .top_logo_search i {
159 } 160 }
160 161
161 .top-logo ul li:first-child { 162 .top-logo ul li:first-child {
162 border-right: 2px solid #9B9B9B;
163 height: 13px; 163 height: 13px;
164 line-height: 12px; 164 line-height: 12px;
165 } 165 }
...@@ -322,6 +322,7 @@ div.footer .system_service ul li a:hover { ...@@ -322,6 +322,7 @@ div.footer .system_service ul li a:hover {
322 /* 登陆样式 by jxx */ 322 /* 登陆样式 by jxx */
323 .PersonLogin{ 323 .PersonLogin{
324 cursor: pointer; 324 cursor: pointer;
325 font-size: 14px;
325 } 326 }
326 .loginINfo { 327 .loginINfo {
327 padding: 50px 50px; 328 padding: 50px 50px;
...@@ -451,4 +452,22 @@ div.footer .system_service ul li a:hover { ...@@ -451,4 +452,22 @@ div.footer .system_service ul li a:hover {
451 } 452 }
452 .layui-layer-btn { 453 .layui-layer-btn {
453 text-align: center; 454 text-align: center;
455 }
456 .login-con {
457 background-color: #fff!important;
458 }
459 .loginSelect {
460 position: relative;
461 top: -5px;
462 cursor: pointer;
463 }
464 .not-select{
465 -moz-user-select:none; /*火狐*/
466 -webkit-user-select:none; /*webkit浏览器*/
467 -ms-user-select:none; /*IE10*/
468 -khtml-user-select:none; /*早期浏览器*/
469 user-select:none;
470 }
471 .loginAfter {
472 display: none;
454 } 473 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -10,12 +10,12 @@ document.writeln(" <meta charset=\'UTF-8\'>"); ...@@ -10,12 +10,12 @@ document.writeln(" <meta charset=\'UTF-8\'>");
10 document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />"); 10 document.writeln(" <meta name=\'copyright\' content=\' &reg 技术支持 All Rights Reserved\' />");
11 document.writeln(" <meta name=\'robots\' content=\'index,follow\' />"); 11 document.writeln(" <meta name=\'robots\' content=\'index,follow\' />");
12 document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />"); 12 document.writeln(" <meta name=\'googlebot\' content=\'index,follow,archive\' />");
13 document.writeln(" <link rel=\'alternate icon\' type=\'image/png\' href=\'"+localhostPaht+"/staticImages/logo-realestate.png\'>"); 13 document.writeln(" <link rel=\'alternate icon\' type=\'image/png\' href=\'" + localhostPaht + "/staticImages/logo-realestate.png\'>");
14 document.writeln(" <link rel=\'icon\' href=\'favicon.ico\' type=\'image/x-ico\' />"); 14 document.writeln(" <link rel=\'icon\' href=\'favicon.ico\' type=\'image/x-ico\' />");
15 document.writeln(" <meta name=\'description\' content=\'\' />"); 15 document.writeln(" <meta name=\'description\' content=\'\' />");
16 document.writeln(" <meta name=\'Keywords\' content=\'\' />"); 16 document.writeln(" <meta name=\'Keywords\' content=\'\' />");
17 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'"+localhostPaht+"/staticLib/layui/css/layui.css\' />"); 17 document.writeln(" <link rel=\'stylesheet\' type=\'text/css\' href=\'" + localhostPaht + "/staticLib/layui/css/layui.css\' />");
18 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'"+localhostPaht+"/staticCss/common.css\' />"); 18 document.writeln(" <link type=\'text/css\' rel=\'stylesheet\' href=\'" + localhostPaht + "/staticCss/common.css\' />");
19 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>"); 19 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/jquery/jquery.min.js\'></script>");
20 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/login.js\'></script>"); 20 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/login.js\'></script>");
21 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/common.js\'></script>"); 21 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticJs/common.js\'></script>");
...@@ -24,54 +24,59 @@ document.writeln(""); ...@@ -24,54 +24,59 @@ document.writeln("");
24 document.writeln("<body>"); 24 document.writeln("<body>");
25 document.writeln(" <div class=\'top-logo\'>"); 25 document.writeln(" <div class=\'top-logo\'>");
26 document.writeln(" <div class=\'top_logo_content\'>"); 26 document.writeln(" <div class=\'top_logo_content\'>");
27 document.writeln(" <h1><a href=\'"+localhostPaht+"/index.html\'><img src=\'"+localhostPaht+"/staticImages/logo.png\' alt=\'西安市不动产登记平台\' /></a></h1>"); 27 document.writeln(" <h1><a href=\'" + localhostPaht + "/index.html\'><img src=\'" + localhostPaht + "/staticImages/logo.png\' alt=\'西安市不动产登记平台\' /></a></h1>");
28 document.writeln(""); 28 document.writeln("");
29 document.writeln(" <div class=\'top_logo_search\'>"); 29 document.writeln(" <div class=\'top_logo_search\'>");
30 document.writeln(" <input type=\'text\' name=\'title\' required lay-verify=\'required\' placeholder=\'请输入关键字搜索\' autocomplete=\'off\'"); 30 document.writeln(" <input type=\'text\' name=\'title\' required lay-verify=\'required\' placeholder=\'请输入关键字搜索\' autocomplete=\'off\'");
31 document.writeln(" class=\'layui-input\'>"); 31 document.writeln(" class=\'layui-input\'>");
32 document.writeln(" <img class=\'search_img\' src=\'"+localhostPaht+"/staticImages/search.png\'>"); 32 document.writeln(" <img class=\'search_img\' src=\'" + localhostPaht + "/staticImages/search.png\'>");
33 document.writeln(" </div>"); 33 document.writeln(" </div>");
34 document.writeln(""); 34 document.writeln(" <ul class='login login-con isLogin'>");
35 document.writeln(" <ul class=\'login\'>");
36 document.writeln(" <!-- <li>登录</li> -->"); 35 document.writeln(" <!-- <li>登录</li> -->");
37 document.writeln(" <li class='personalCenter'>"); 36 document.writeln(" <li class='loginSelect'>");
38 document.writeln(" <a href=\'"+localhostPaht+"/staticViews/grzx.html\'>个人中心</a>");
39 document.writeln(" </li>");
40 document.writeln(" <li>");
41 document.writeln(" <p class='loginButton PersonLogin'>登录</p>"); 37 document.writeln(" <p class='loginButton PersonLogin'>登录</p>");
42 document.writeln(" </li>"); 38 document.writeln(" </li>");
43 document.writeln(" <li>"); 39 document.writeln(" </ul>");
44 document.writeln(" <p id='cancellation'>注销</p>"); 40 document.writeln(" <ul class='login layui-nav login-con loginAfter'>");
41 document.writeln(" <!-- <li>登录</li> -->");
42 document.writeln(" <li class='layui-nav-item loginSelect'>");
43 document.writeln(" <p class='loginButton PersonLogin'>登录</p>");
44 document.writeln(" <dl class='layui-nav-child userInfo'>");
45 document.writeln(" <!-- 二级菜单 -->");
46 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/grzx.html\'>个人中心</a></dd>");
47 document.writeln(" <dd><a>个人信息</a></dd>");
48 document.writeln(" <dd><a id='cancellation'>注销</a></dd>");
49 document.writeln(" </dl>");
45 document.writeln(" </li>"); 50 document.writeln(" </li>");
46 document.writeln(" </ul>"); 51 document.writeln(" </ul>");
47 document.writeln(" </div>"); 52 document.writeln(" </div>");
48 document.writeln(" </div>"); 53 document.writeln(" </div>");
49 document.writeln(" <div class=\'navigation\'>"); 54 document.writeln(" <div class=\'navigation\'>");
50 document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>"); 55 document.writeln(" <ul class=\'layui-nav layui-bg-blue\' lay-filter=\'\'>");
51 document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/index.html\' title=\'首页\'>首页</a></li>"); 56 document.writeln(" <li id='index' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/index.html\' title=\'首页\'>首页</a></li>");
52 document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/xwdt.html\' title=\'新闻动态\'>新闻动态</a></li>"); 57 document.writeln(" <li id='news' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/xwdt.html\' title=\'新闻动态\'>新闻动态</a></li>");
53 document.writeln(" <li id='zwgk' class=\'layui-nav-item\'>"); 58 document.writeln(" <li id='zwgk' class=\'layui-nav-item\'>");
54 document.writeln(" <a href=\'javascript:;\'>政务公开</a>"); 59 document.writeln(" <a href=\'javascript:;\'>政务公开</a>");
55 document.writeln(" <dl class=\'layui-nav-child\'>"); 60 document.writeln(" <dl class=\'layui-nav-child\'>");
56 document.writeln(" <!-- 二级菜单 -->"); 61 document.writeln(" <!-- 二级菜单 -->");
57 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/xyzc.html\'>相应政策</a></dd>"); 62 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/xyzc.html\'>相应政策</a></dd>");
58 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/flfg.html\'>法律法规</a></dd>"); 63 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/flfg.html\'>法律法规</a></dd>");
59 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/gsgg.html\'>公示公告</a></dd>"); 64 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/gsgg.html\'>公示公告</a></dd>");
60 document.writeln(" </dl>"); 65 document.writeln(" </dl>");
61 document.writeln(" </li>"); 66 document.writeln(" </li>");
62 document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>"); 67 document.writeln(" <li id='bszn' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/bszn.html\' title=\'办事指南\'>办事指南</a></li>");
63 document.writeln(" <li id='wssq' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/wssq.html\' title=\'网上申请\'>网上申请</a></li>"); 68 document.writeln(" <li id='wssq' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/wssq.html\' title=\'网上申请\'>网上申请</a></li>");
64 document.writeln(" <li class=\'layui-nav-item\'>"); 69 document.writeln(" <li class=\'layui-nav-item\'>");
65 document.writeln(" <a href=\'javascript:;\'>查验中心</a>"); 70 document.writeln(" <a href=\'javascript:;\'>查验中心</a>");
66 document.writeln(" <dl class=\'layui-nav-child\'>"); 71 document.writeln(" <dl class=\'layui-nav-child\'>");
67 document.writeln(" <!-- 二级菜单 -->"); 72 document.writeln(" <!-- 二级菜单 -->");
68 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/fileQuery.html\'>档案查询</a></dd>"); 73 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/fileQuery.html\'>档案查询</a></dd>");
69 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/recordInquiry.html\'>合同备案查询</a></dd>"); 74 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/recordInquiry.html\'>合同备案查询</a></dd>");
70 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/certificateQuery.html\'>二三维不动产证书查验</a></dd>"); 75 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/certificateQuery.html\'>二三维不动产证书查验</a></dd>");
71 document.writeln(" <dd><a href=\'"+localhostPaht+"/staticViews/convenienceService/certificateVerification.html\'>证书核验</a></dd>"); 76 document.writeln(" <dd><a href=\'" + localhostPaht + "/staticViews/convenienceService/certificateVerification.html\'>证书核验</a></dd>");
72 document.writeln(" </dl>"); 77 document.writeln(" </dl>");
73 document.writeln(" </li>"); 78 document.writeln(" </li>");
74 document.writeln(" <li id='zxjf' class=\'layui-nav-item\'><a href=\'"+localhostPaht+"/staticViews/zxjf.html\'>在线缴费</a></li>"); 79 document.writeln(" <li id='zxjf' class=\'layui-nav-item\'><a href=\'" + localhostPaht + "/staticViews/zxjf.html\'>在线缴费</a></li>");
75 document.writeln(" <li class=\'layui-nav-item\' class=\'item_last_child\'><a href=\'\'>好差评</a></li>"); 80 document.writeln(" <li class=\'layui-nav-item\' class=\'item_last_child\'><a href=\'\'>好差评</a></li>");
76 document.writeln(" </ul>"); 81 document.writeln(" </ul>");
77 document.writeln(" </div> "); 82 document.writeln(" </div> ");
...@@ -80,4 +85,3 @@ document.writeln(""); ...@@ -80,4 +85,3 @@ document.writeln("");
80 document.writeln("</html>"); 85 document.writeln("</html>");
81 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/layui/layui.js\'></script>"); 86 document.writeln("<script type='text/javascript' src=\'" + localhostPaht + "/staticLib/layui/layui.js\'></script>");
82 document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_1j8kvwarwge.js\'></script>"); 87 document.writeln("<script src=\'https://at.alicdn.com/t/font_2174584_1j8kvwarwge.js\'></script>");
83
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -20,37 +20,41 @@ function login() { ...@@ -20,37 +20,41 @@ function login() {
20 }); 20 });
21 }) 21 })
22 } 22 }
23 $(document).on('click', '.PersonLogin', function () {
24 login();
25 })
26
27 // 点击登陆的时候
28 $(document).on('click', '#loginButton', function () {
29 var userLoginRequest = {};
30 var username = $('#phone').val();
31 var password = $('#IDcard').val();
32 userLoginRequest.phone = username;
33 userLoginRequest.password = password;
34 delCookie();
35 clicklogin(userLoginRequest);
36 });
37 23
38 // cancellation 24 function fetchDataReview() {
39 $(document).on('click', '#cancellation', function () { 25 $(document).on('click', '.PersonLogin', function () {
40 layui.use('layer', function () { 26 login();
41 layer.confirm('此操作将进行注销', {
42 btn: ['是', '否'] //按钮
43 }, function () {
44 delCookie();
45 $('.loginButton').addClass('PersonLogin')
46 window.open('' + localhostPaht + '/index.html', '_self')
47 }, function () {
48 layer.msg('已取消');
49 });
50 }) 27 })
51 }); 28 // 点击登陆的时候
29 $(document).on('click', '#loginButton', function () {
30 var userLoginRequest = {};
31 var username = $('#phone').val();
32 var password = $('#IDcard').val();
33 userLoginRequest.phone = username;
34 userLoginRequest.password = password;
35 delCookie();
36 clicklogin(userLoginRequest);
37 });
38
39 // cancellation
40 $(document).on('click', '#cancellation', function () {
41 layui.use('layer', function () {
42 layer.confirm('此操作将进行注销', {
43 btn: ['是', '否'] //按钮
44 }, function () {
45 delCookie();
46 $('.loginButton').addClass('PersonLogin')
47 window.open('' + localhostPaht + '/index.html', '_self')
48 }, function () {
49 layer.msg('已取消');
50 });
51 })
52 });
53 }
54
52 55
53 $(function () { 56 $(function () {
57 fetchDataReview();
54 if (getCookie('myCookie').username) { 58 if (getCookie('myCookie').username) {
55 $('.loginButton').html(getCookie('myCookie').username); 59 $('.loginButton').html(getCookie('myCookie').username);
56 $('.loginButton').removeClass('PersonLogin') 60 $('.loginButton').removeClass('PersonLogin')
...@@ -75,10 +79,6 @@ function delCookie() { ...@@ -75,10 +79,6 @@ function delCookie() {
75 } 79 }
76 } 80 }
77 81
78 // 点击注册的时候
79 $(document).on('click', '#registerButton', function () {
80 window.open('' + localhostPaht + '/staticViews/register.html', '_self')
81 });
82 function clicklogin(data) { 82 function clicklogin(data) {
83 $.ajax({ 83 $.ajax({
84 type: "post", //提交方式 84 type: "post", //提交方式
...@@ -90,6 +90,8 @@ function clicklogin(data) { ...@@ -90,6 +90,8 @@ function clicklogin(data) {
90 data: JSON.stringify(data),//***关键****** 90 data: JSON.stringify(data),//***关键******
91 success: function (result) {//返回数据根据结果进行相应的处理 91 success: function (result) {//返回数据根据结果进行相应的处理
92 if (result.code == 200 && result.data !== null) { 92 if (result.code == 200 && result.data !== null) {
93 $('.loginAfter').show();
94 $('.isLogin').hide();
93 setCookie('myCookie', result.data, 60); 95 setCookie('myCookie', result.data, 60);
94 $('.loginButton').removeClass('PersonLogin') 96 $('.loginButton').removeClass('PersonLogin')
95 $('.personalCenter').addClass('show'); 97 $('.personalCenter').addClass('show');
...@@ -101,6 +103,10 @@ function clicklogin(data) { ...@@ -101,6 +103,10 @@ function clicklogin(data) {
101 } 103 }
102 }); 104 });
103 } 105 }
106 // 点击注册的时候
107 $(document).on('click', '#registerButton', function () {
108 window.open('' + localhostPaht + '/staticViews/register.html', '_self')
109 });
104 110
105 // 点击判断是否登录 111 // 点击判断是否登录
106 function isLogin() { 112 function isLogin() {
......
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
37 <input type="text" name="" placeholder="请输入证件号码" class="layui-input"> 37 <input type="text" name="" placeholder="请输入证件号码" class="layui-input">
38 </div> 38 </div>
39 <div> 39 <div>
40 <span>受理编号：</span> 40 <span>不动产权证号：</span>
41 <input type="text" name="" placeholder="请输入受理编号" class="layui-input"> 41 <input type="text" name="" placeholder="请输入受理编号" class="layui-input">
42 </div> 42 </div>
43 <div> 43 <div>
......
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 <input type="text" name="" placeholder="请输入证件号码" class="layui-input"> 36 <input type="text" name="" placeholder="请输入证件号码" class="layui-input">
37 </div> 37 </div>
38 <div> 38 <div>
39 <span>档案编号：</span> 39 <span>不动产权证号：</span>
40 <input type="text" name="" placeholder="请输入档案编号" class="layui-input"> 40 <input type="text" name="" placeholder="请输入档案编号" class="layui-input">
41 </div> 41 </div>
42 <div> 42 <div>
......
...@@ -22,6 +22,13 @@ ...@@ -22,6 +22,13 @@
22 </div> 22 </div>
23 <div class="informationService middleZoneHeight"> 23 <div class="informationService middleZoneHeight">
24 <div> 24 <div>
25 <span>买受人类型：</span>
26 <select name="interest" lay-filter="" class="typesCertificates">
27 <option value="1">权利人</option>
28 <option value="2">义务人</option>
29 </select>
30 </div>
31 <div>
25 <span>申请人：</span> 32 <span>申请人：</span>
26 <input type="text" name="" placeholder="请输入申请人" class="layui-input"> 33 <input type="text" name="" placeholder="请输入申请人" class="layui-input">
27 </div> 34 </div>
......