Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
86f45304 by 任超
Options

style:新闻动态

1 parent 3eba14b9
Inline Side-by-side
Showing 8 changed files with 86 additions and 253 deletions
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <title>网上“一窗办事”登记系统</title>
7 <meta name="copyright" content=" &reg 技术支持 All Rights Reserved" />
8 <meta name="robots" content="index,follow" />
9 <meta name="googlebot" content="index,follow,archive" />
10 <link rel="alternate icon" type="image/png" href="./staticImages/logo-realestate.png">
11 <link rel='icon' href='favicon.ico' type='image/x-ico' />
12 <meta name="description" content="" />
13 <meta name="Keywords" content="" />
14 <link rel="stylesheet" type="text/css" href="./staticLib/layui/css/layui.css" />
15 <link type="text/css" rel="stylesheet" href="./staticCss/common.css" />
16 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
17 </head>
18
19 <body>
20 <div class="footer">
21 <div class="system_service">
22 <ul class="">
23 <li>
24 <a href="" title="公示公告">
25 <span>公示公告</span>
26 </a>
27 </li>
28 <li>
29 <a href="" title="法律法规">
30 <span>法律法规</span>
31 </a>
32 </li>
33 <li>
34 <a href="" title="相应政策">
35 <span>相应政策</span>
36 </a>
37 </li>
38 <li>
39 <a href="" title="下载服务">
40 <span>下载服务</span>
41 </a>
42 </li>
43 <li>
44 <a href="" title="关于我们">
45 <span>关于我们</span>
46 </a>
47 </li>
48 </ul>
49 </div>
50 <div class="subject">
51 <div class="footer_logo">
52 <a href="" title="党政机关">
53 <img src="./staticImages/jiguan.png" alt="党政机关" />
54 </a>
55 </div>
56 <ul>
57 <li>
58 西安市自然资源和规划局
59 </li>
60 <li>
61 电话：028-456465
62 </li>
63 <li>
64 地址：西安市丰城8路
65 </li>
66 <li>
67 网站标识吗：87987987
68 </li>
69 <li>
70 备案：陕IPC456465465
71 </li>
72 <li>
73 陕公网备案：456465465
74 </li>
75 </ul>
76 <ol>
77 <li>
78 <img src="./staticImages/code.png" alt="公众号" />
79 <p>扫描关注公众号</p>
80 </li>
81 <li>
82 <img src="./staticImages/code.png" alt="公众号" />
83 <p>扫描关注公众号</p>
84 </li>
85
86 </ol>
87 </div>
88 </div>
89
90 </body>
91
92 </html>
93 <script src="./staticLib/jquery/jquery.min.js"></script>
94 <script src="./staticLib/layui/layui.js"></script>
95
96 <script src="https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js"></script>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html>
2 <html lang="en">
3
4 <head>
5 <meta charset="UTF-8">
6 <title>网上“一窗办事”登记系统</title>
7 <meta name="copyright" content=" &reg 技术支持 All Rights Reserved" />
8 <meta name="robots" content="index,follow" />
9 <meta name="googlebot" content="index,follow,archive" />
10 <link rel="alternate icon" type="image/png" href="./staticImages/logo-realestate.png">
11 <link rel='icon' href='favicon.ico' type='image/x-ico' />
12 <meta name="description" content="" />
13 <meta name="Keywords" content="" />
14 <link rel="stylesheet" type="text/css" href="./staticLib/layui/css/layui.css" />
15 <link type="text/css" rel="stylesheet" href="./staticCss/common.css" />
16 <link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
17 </head>
18
19 <body>
20 <div class="top-logo">
21 <div class="top_logo_content">
22 <h1><a href="./staticIndex.html"><img src="staticImages/logo.jpg" alt="西安市不动产登记平台" /></a></h1>
23
24 <div class="top_logo_search">
25 <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
26 class="layui-input">
27 <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
28 </div>
29
30 <ul class="login">
31 <!-- <li>登录</li> -->
32 <li>
33 <a href="./staticViews/grzx/index.html">登录</a>
34 </li>
35 <li>注册</li>
36 </ul>
37 </div>
38 </div>
39 <div class="navigation">
40 <ul class="layui-nav layui-bg-blue" lay-filter="">
41 <li class="layui-nav-item layui-this"><a href="./staticIndex.html" title="首页">首页</a></li>
42 <li class="layui-nav-item"><a href="./staticViews/xwdt/index.html" title="新闻动态">新闻动态</a></li>
43 <li class="layui-nav-item"><a href="">政策法规</a></li>
44 <li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</a></li>
45 <li class="layui-nav-item"><a href="">业务办理</a></li>
46 <li class="layui-nav-item">
47 <a href="javascript:;">查验中心</a>
48 <dl class="layui-nav-child">
49 <!-- 二级菜单 -->
50 <dd><a href="">移动模块</a></dd>
51 <dd><a href="">后台模版</a></dd>
52 <dd><a href="">电商平台</a></dd>
53 </dl>
54 </li>
55 <li class="layui-nav-item"><a href="./staticViews/zxjf/index.html">在线缴费</a></li>
56 <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
57 </ul>
58 </div>
59 </body>
60
61 </html>
62 <script src="portalStaticPage/staticLib/jquery/jquery.min.js"></script>
63 <script src="portalStaticPage/staticLib/layui/layui.js"></script>
64 <script src="portalStaticPage/staticJs/staticIndex.js"></script>
65 <script src="https://at.alicdn.com/t/font_2174584_uxkon9mpq1.js"></script>
...\ No newline at end of file ...\ No newline at end of file
...@@ -128,4 +128,11 @@ ...@@ -128,4 +128,11 @@
128 position: absolute; 128 position: absolute;
129 left: 65px; 129 left: 65px;
130 top: 40px; 130 top: 40px;
131 }
132 .informationList li{
133 width: 100%!important;
134 }
135 .informationList li p {
136 width: 25%;
137 display: inline-block!important;
131 } 138 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -9,7 +9,7 @@ function login(){ ...@@ -9,7 +9,7 @@ function login(){
9 skin: 'confimInfo', 9 skin: 'confimInfo',
10 content: '<div class="loginINfo">' 10 content: '<div class="loginINfo">'
11 + '<ul>' 11 + '<ul>'
12 + '<li><span><a class="require">*</a>用户名</span>：<input id="userName"></li>' 12 + '<li><span><a class="require">*</a>手机号</span>：<input id="phone"></li>'
13 + '<li><span><a class="require">*</a>密码</span>：<input id="IDcard"></li>' 13 + '<li><span><a class="require">*</a>密码</span>：<input id="IDcard"></li>'
14 + '</ul>' 14 + '</ul>'
15 + '<div class="btns">' 15 + '<div class="btns">'
...@@ -26,9 +26,9 @@ $(document).on('click', '.PersonLogin', function(){ ...@@ -26,9 +26,9 @@ $(document).on('click', '.PersonLogin', function(){
26 // 点击登陆的时候 26 // 点击登陆的时候
27 $(document).on('click', '#loginButton', function(){ 27 $(document).on('click', '#loginButton', function(){
28 var userLoginRequest = {} 28 var userLoginRequest = {}
29 var username =$('#userName').val() 29 var username =$('#phone').val()
30 var password =$('#IDcard').val() 30 var password =$('#IDcard').val()
31 userLoginRequest.username = username 31 userLoginRequest.phone = username
32 userLoginRequest.password = password 32 userLoginRequest.password = password
33 clicklogin(userLoginRequest) 33 clicklogin(userLoginRequest)
34 layer.closeAll() 34 layer.closeAll()
......
...@@ -24,16 +24,34 @@ $(function () { ...@@ -24,16 +24,34 @@ $(function () {
24 $('#area p').text(houseInfo.jzmj); 24 $('#area p').text(houseInfo.jzmj);
25 // 买方信息 25 // 买方信息
26 var listItem; 26 var listItem;
27 for (var i = 0; i < list.sqrList.length; i++) { 27 let userInfo = [];
28 listItem = '<li>' 28 userInfo.push(getCookie('myCookie'));
29 listItem += '<p><span>姓名</span>：'+list.sqrList[i].sqrmc+'</p>' 29
30 if (list.sqrList[i].sqrzj == 1) { 30 console.log(userInfo)
31 listItem += '<p><span>证件类型</span>：身份证</p>' 31 if(list.sqrList && list.sqrList.length>0) {
32 for (var i = 0; i < list.sqrList.length; i++) {
33 listItem = '<li>'
34 listItem += '<p><span>姓名</span>：'+list.sqrList[i].sqrmc+'</p>'
35 if (list.sqrList[i].sqrzj == 1) {
36 listItem += '<p><span>证件类型</span>：身份证</p>'
37 }
38 listItem += '<p><span>证件号码</span>：'+list.sqrList[i].zjhm+'</p>'
39 listItem += '<p><span>联系电话</span>：'+list.sqrList[i].dhhm+'</p>'
40 $('#informationList').append(listItem)
41 }
42 }else {
43 for (var i = 0; i < userInfo.length; i++) {
44 listItem = '<li>'
45 listItem += '<p><span>姓名</span>：'+userInfo[i].username+'</p>'
46 if (userInfo[i].zjzl == 1) {
47 listItem += '<p><span>证件类型</span>：身份证</p>'
48 }
49 listItem += '<p><span>证件号码</span>：'+userInfo[i].zjhm+'</p>'
50 listItem += '<p><span>联系电话</span>：'+userInfo[i].phone+'</p>'
51 $('#informationList').append(listItem)
32 } 52 }
33 listItem += '<p><span>证件号码</span>：'+list.sqrList[i].zjhm+'</p>'
34 listItem += '<p><span>联系电话</span>：'+list.sqrList[i].dhhm+'</p>'
35 $('#informationList').append(listItem)
36 } 53 }
54
37 }) 55 })
38 //下一步事件 56 //下一步事件
39 function skipClick(){ 57 function skipClick(){
......
...@@ -2,22 +2,8 @@ $(function () { ...@@ -2,22 +2,8 @@ $(function () {
2 layui.use('element', function () { 2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 }); 4 });
5 addTabs('#wssq') 5 addTabs('#wssq');
6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
7 layui.use('laytpl', function () {
8 laytpl = layui.laytpl;
9 var getTpl = document.getElementById('progress').innerHTML
10 , view = document.getElementById('app_progress');
11 laytpl(getTpl).render(data, function (html) {
12 view.innerHTML = html;
13 });
14
15 layui.use(['element'], function () {
16 var element = layui.element;
17 //初始化动态元素，一些动态生成的元素如果不设置初始化，将不会有默认的动态效果
18 element.init();
19 });
20 });
21 // 7 //
22 $('.payment_channel_con li').click(function () { 8 $('.payment_channel_con li').click(function () {
23 $('.payment_channel_con li').removeClass('payActive'); 9 $('.payment_channel_con li').removeClass('payActive');
...@@ -32,30 +18,51 @@ $(function () { ...@@ -32,30 +18,51 @@ $(function () {
32 $('.paymentText').text('打开手机支付宝') 18 $('.paymentText').text('打开手机支付宝')
33 } 19 }
34 }) 20 })
35 layui.use('layer', function () { 21 // layui.use('layer', function () {
36 layer.open({ 22 // layer.open({
37 type: 1, 23 // type: 1,
38 title: false, 24 // title: false,
39 closeBtn: 0, 25 // closeBtn: 0,
40 shade:0, 26 // shade:0,
41 shadeClose: true, 27 // shadeClose: true,
42 skin: 'paymentSuccess', 28 // skin: 'paymentSuccess',
43 btn: ['下一步'], 29 // btn: ['下一步'],
44 yes : function() { 30 // yes : function() {
45 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 31 // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
46 }, 32 // },
47 content: '<ul>' 33 // content: '<ul>'
48 + '<li><img src="../../staticImages/xuanzhong.png"></li>' 34 // + '<li><img src="../../staticImages/xuanzhong.png"></li>'
49 + '<li>支付成功</li>' 35 // + '<li>支付成功</li>'
50 + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>' 36 // + '<li class="info"><span>支付流水号:</span><p>9898989989</p></li>'
51 + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>' 37 // + '<li class="info"><span>支付时间:</span><p>2023255-102-13</p></li>'
52 + '<li class="info"><span>支付金额:</span><p>600元</p></li>' 38 // + '<li class="info"><span>支付金额:</span><p>600元</p></li>'
53 + '</ul>' 39 // + '</ul>'
54 }); 40 // });
55 }) 41 // })
56 42
57 $('.payment_channel_con li').click(function () { 43 $('.payment_channel_con li').click(function () {
58 $('.payment_channel_con li').removeClass() 44 $('.payment_channel_con li').removeClass()
59 $(this).addClass('payActive') 45 $(this).addClass('payActive')
60 }) 46 })
47 _getSfxx(GetQueryString('bsm_slsq'));
61 }) 48 })
49 $('.submitButton button').click(function(){
50 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
51 })
52 // /portal/hlwSfxx/getSfxx 获取缴费信息
53 function _getSfxx(bsm_slsq) {
54 $.ajax({
55 type: "post", //提交方式
56 url: portal.api_url + "/portal/hlwSfxx/getSfxx",//路径
57 dataType: "json",
58 data: {
59 "bsmSlsq": bsm_slsq,
60 },
61 //数据，这里使用的是Json格式进行传输
62 success: function (result) {//返回数据根据结果进行相应的处理
63 if (result.code == 200 && result.data != null) {
64 console.log(result.data)
65 }
66 }
67 });
68 }
......
1 $(function () { 1 $(function () {
2 layui.use('element', function () { 2 layui.use('element', function () {
3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 3 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
4 //监听导航点击
5 element.on('nav(demo)', function (elem) {
6 console.log(elem)
7 layer.msg(elem.text());
8 });
9 }); 4 });
10 LoadNewsData(); 5 LoadNewsData();
11 HotArticle(); 6 HotArticle();
...@@ -22,7 +17,6 @@ function LoadNewsData(currentPage=1) { ...@@ -22,7 +17,6 @@ function LoadNewsData(currentPage=1) {
22 "pageSize":5 17 "pageSize":5
23 }, 18 },
24 dataType: "json", 19 dataType: "json",
25 async: false,
26 //数据，这里使用的是Json格式进行传输 20 //数据，这里使用的是Json格式进行传输
27 success: function (result) {//返回数据根据结果进行相应的处理 21 success: function (result) {//返回数据根据结果进行相应的处理
28 data.total = result.data.total 22 data.total = result.data.total
...@@ -49,7 +43,6 @@ function HotArticle() { ...@@ -49,7 +43,6 @@ function HotArticle() {
49 type: "get", //提交方式 43 type: "get", //提交方式
50 url: portal.api_url + "/portal/MhNews/getNewsHotArticleList",//路径 44 url: portal.api_url + "/portal/MhNews/getNewsHotArticleList",//路径
51 dataType: "json", 45 dataType: "json",
52 async: false,
53 //数据，这里使用的是Json格式进行传输 46 //数据，这里使用的是Json格式进行传输
54 success: function (result) {//返回数据根据结果进行相应的处理 47 success: function (result) {//返回数据根据结果进行相应的处理
55 if (result.code == 200 && result.data != null) { 48 if (result.code == 200 && result.data != null) {
...@@ -75,11 +68,9 @@ function PolicyHotArticle() { ...@@ -75,11 +68,9 @@ function PolicyHotArticle() {
75 type: "get", //提交方式 68 type: "get", //提交方式
76 url: portal.api_url + "/portal/MhPolicy/getPolicyHotArticleList",//路径 69 url: portal.api_url + "/portal/MhPolicy/getPolicyHotArticleList",//路径
77 dataType: "json", 70 dataType: "json",
78 async: false,
79 //数据，这里使用的是Json格式进行传输 71 //数据，这里使用的是Json格式进行传输
80 success: function (result) {//返回数据根据结果进行相应的处理 72 success: function (result) {//返回数据根据结果进行相应的处理
81 if (result.code == 200 && result.data != null) { 73 if (result.code == 200 && result.data != null) {
82 console.log(result.data)
83 for (var i = 0; i < result.data.length; i++) { 74 for (var i = 0; i < result.data.length; i++) {
84 li = '<li class="zcfg">' 75 li = '<li class="zcfg">'
85 li += '<div class="zcfg-top">'+result.data[i].headline+'</div>' 76 li += '<div class="zcfg-top">'+result.data[i].headline+'</div>'
...@@ -105,7 +96,9 @@ layui.use('laypage', function () { ...@@ -105,7 +96,9 @@ layui.use('laypage', function () {
105 , next: '>' 96 , next: '>'
106 , theme: '#0091FF' 97 , theme: '#0091FF'
107 , jump: function(obj, first){ 98 , jump: function(obj, first){
108 LoadNewsData(obj.curr); 99 if(!first){
100 LoadNewsData(obj.curr);
101 }
109 } 102 }
110 }); 103 });
111 }) 104 })
......
...@@ -97,6 +97,10 @@ ...@@ -97,6 +97,10 @@
97 </div> 97 </div>
98 </div> 98 </div>
99 </div> 99 </div>
100
101 <div class="submitButton">
102 <button type="button" class="layui-btn layui-btn-normal">下一步</button>
103 </div>
100 </div> 104 </div>
101 </div> 105 </div>
102 <!-- ------------------支付成功----------------- --> 106 <!-- ------------------支付成功----------------- -->
...@@ -106,39 +110,4 @@ ...@@ -106,39 +110,4 @@
106 <script type="text/javascript" src="../../staticJs/down.js"></script> 110 <script type="text/javascript" src="../../staticJs/down.js"></script>
107 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 111 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
108 <script type="text/javascript" src="../../staticJs/onlineApply/onlinePayment.js"></script> 112 <script type="text/javascript" src="../../staticJs/onlineApply/onlinePayment.js"></script>
109 <script id="progress" type="text/html">
110 {{# layui.each(d.progressList, function(index, item){ }}
111 {{# if(item.stepState==2){ }}
112 <li class="item_proress">
113 <p class="active"></p>
114 <h5>{{item.stepName}}</h5>
115 </li>
116 <li class="layui-progress">
117 <div class="layui-progress-bar" lay-percent="100%"></div>
118 </li>
119 {{# } }}
120 {{# if(item.stepState==1){ }}
121 <li class="item_proress">
122 <p class="activeing"></p>
123 <h5 class="activeingtext">{{item.stepName}}</h5>
124 </li>
125 {{# if(index!=(d.progressList.length-1)){ }}
126 <li class="layui-progress">
127 <div class="layui-progress-bar" lay-percent="50%"></div>
128 </li>
129 {{# } }}
130 {{# } }}
131 {{# if(item.stepState==0){ }}
132 <li class="item_proress">
133 <p></p>
134 <h5>{{item.stepName}}</h5>
135 </li>
136 {{# if(index!=(d.progressList.length-1)){ }}
137 <li class="layui-progress">
138 <div class="layui-progress-bar" lay-percent="0%"></div>
139 </li>
140 {{# } }}
141 {{# } }}
142 {{# }); }}
143 </script>
144 </html> 113 </html>
...\ No newline at end of file ...\ No newline at end of file
......