Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
61938376 by 田浩浩
Options

Merge branch 'master' of http://yun.pashanhoo.com:9090/renchao/portalStaticPage

2 parents 95d59206 fa4c2b39
Pipeline #15 for 61938376 failed in 0 seconds
Inline Side-by-side
Showing 5 changed files with 172 additions and 125 deletions
...@@ -94,6 +94,7 @@ ...@@ -94,6 +94,7 @@
94 font-size: 0; 94 font-size: 0;
95 margin-left: -10px; 95 margin-left: -10px;
96 margin-right: -10px; 96 margin-right: -10px;
97 overflow: hidden;
97 } 98 }
98 .appointment_list li { 99 .appointment_list li {
99 width: 33.333%; 100 width: 33.333%;
...@@ -120,9 +121,14 @@ ...@@ -120,9 +121,14 @@
120 display: inline-block; 121 display: inline-block;
121 float: left; 122 float: left;
122 } 123 }
123 .item_title p { 124 .item_title a {
124 display: inline-block; 125 display: inline-block;
125 float: right; 126 float: right;
127 color: #FFFFFF;
128 cursor: pointer;
129 }
130 .item_title a:hover {
131 color: #FFFFFF;
126 } 132 }
127 .success { 133 .success {
128 background-color: #44D7B6; 134 background-color: #44D7B6;
...@@ -171,4 +177,8 @@ ...@@ -171,4 +177,8 @@
171 line-height: 40px; 177 line-height: 40px;
172 text-align: center; 178 text-align: center;
173 margin: 0 auto; 179 margin: 0 auto;
180 }
181 #page {
182 text-align: center;
183 margin:30px 0;
174 } 184 }
...\ No newline at end of file ...\ No newline at end of file
......
1 $(function () {
2 _initData()
3 })
4
5 layui.use('element', function () {
6 var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
7 });
8 // 新闻详情数据
9 function _initData() {
10 var newsDetail = $("#newsDetail");
11 newsDetail.empty();
12 $.ajax({
13 type: "get", //提交方式
14 url: portal.api_url + "/hlwj/MhNotice/getMHDetailById",//路径
15 data: {
16 "id": GetQueryString('id'),
17 },
18 dataType: "json",
19 //数据，这里使用的是Json格式进行传输
20 success: function (result) {//返回数据根据结果进行相应的处理
21 if (result.code == 200 && result.data != null) {
22 $('.newsTitle').html(result.data.title)
23 $('.releaseTime').html(result.data.addtime)
24 newsDetail.append(result.data.content)
25 }
26 }
27 });
28 }
29
30 function GetQueryString(name) {
31 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
32 var r = window.location.search.substr(1).match(reg);
33 if (r != null) return decodeURIComponent(r[2]);
34 return null;
35 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,4 +5,90 @@ layui.use('element', function () { ...@@ -5,4 +5,90 @@ layui.use('element', function () {
5 //console.log(elem) 5 //console.log(elem)
6 layer.msg(elem.text()); 6 layer.msg(elem.text());
7 }); 7 });
8 });
...\ No newline at end of file ...\ No newline at end of file
8 });
9 $(function () {
10 _initData()
11 })
12 // 获取列表信息
13 function _initData(currentPage=1) {
14 var appointment_list = $(".appointment_list");
15 appointment_list.empty();
16 var li;
17 $.ajax({
18 type: "post", //提交方式
19 url: portal.api_url + "/portal/WorkBoxService/bookingBusinessReord",//路径
20 dataType: "json",
21 data: {
22 "userId": dataList.userid,
23 "currentPage": currentPage,
24 "pageSize": 10
25 },
26 //数据，这里使用的是Json格式进行传输
27 success: function (result) {//返回数据根据结果进行相应的处理
28 if (result.code == 200 && result.data != null) {
29 let records = result.data.records
30 for (var i = 0; i < records.length; i++) {
31 li = '<li>'
32 li += '<div class="item_content">'
33 if (records[i].state == '1') {
34 li += '<div class="item_title success">'
35 li += '<h3>赴约</h3>'
36 li += '<a>查看<i class="layui-icon layui-icon-right"></i></a>'
37 li += '</div>'
38 }else if(records[i].state == '2') {
39 li += '<div class="item_title overdue">'
40 li += '<h3>逾期</h3>'
41 li += '<a>查看<i class="layui-icon layui-icon-right"></i></a>'
42 li += '</div>'
43 }else if(records[i].state == '4') {
44 li += '<div class="item_title cancel">'
45 li += '<h3>取消</h3>'
46 li += '<a>查看<i class="layui-icon layui-icon-right"></i></a>'
47 li += '</div>'
48 }
49 li += '<ul class="item_info">'
50 li += '<li><span>预约人：</span><p>'+records[i].name+'</p></li>'
51 li += '<li><span>办事大厅：</span><p>'+records[i].organizationName+'</p></li>'
52 li += '<li><span>办理业务类型：</span><p>'+records[i].businessName+'</p><a href="">办事指南</a></li>'
53 li += '<li><span>预约日期：</span><p>'+records[i].reserveTime+'</p></li>'
54 li += '<li><span>预约流水号：</span><p>'+records[i].reservationNumber+'</p></li>'
55 li += '</ul>'
56 if (records[i].state == '1') {
57 li += '<a class="cancel_reservation">取消预约</a>'
58 }
59 li += '</div>'
60 li += '</li>'
61 appointment_list.append(li);
62 }
63 }
64
65 paged(result.data.total, result.data.current);
66 }
67 });
68 }
69
70
71 // 分页
72 function paged(pageCount, curr) {
73 layui.use('laypage', function () {
74 let laypage = layui.laypage;
75 //执行一个laypage实例
76 laypage.render({
77 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
78 , count: pageCount //数据总数，从服务端得到
79 , curr: curr
80 , prev: '<'
81 , next: '>'
82 , theme: '#0091FF'
83 , jump: function (obj, first) {
84 if (!first) {
85 console.log(obj.curr)
86 _initData(obj.curr);
87 }
88 }
89 });
90 })
91 }
92 var dataList = {
93 "userid":'0026609ddc6d2afabaa3c9b0ea3b0ec3'
94 };
...\ No newline at end of file ...\ No newline at end of file
......
1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <style>
6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title>办事指南详情</title>
9 <script type="text/javascript" src="../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../staticCss/ggxq.css">
11 </head>
12 <body>
13 <div class="navigation_crumbs">
14 <div class="contentBox">
15 <span class="layui-breadcrumb">
16 <a href="../index.html">首页</a>
17 <a href="./bszn.html">办事指南</a>
18 <a><cite>办事指南详情</cite></a>
19 </span>
20 </div>
21 </div>
22 <div class="mainbody">
23 <div class="title newsTitle"></div>
24 <div class="release">
25 <div class="source"></div>
26 <div>发布日期：<p class="releaseTime"></p></div>
27 </div>
28 <div class="DividingLine"></div>
29 <div class="notice_content" id="newsDetail">
30 </div>
31 </div>
32 </body>
33 <script type="text/javascript" src="../staticJs/common.js"></script>
34 <script type="text/javascript" src="../staticJs/down.js"></script>
35 <script type="text/javascript" src="../staticJs/businessGuideDeatil.js"></script>
36 </html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -42,113 +42,8 @@ ...@@ -42,113 +42,8 @@
42 </div> 42 </div>
43 <!-- -------------预约列表--------------- --> 43 <!-- -------------预约列表--------------- -->
44 <div class="contentBox"> 44 <div class="contentBox">
45 <ul class="appointment_list"> 45 <ul class="appointment_list"></ul>
46 <li> 46 <div id="page"></div>
47 <div class="item_content">
48 <div class="item_title success">
49 <h3>正常</h3>
50 <p>
51 查看
52 <i class="layui-icon layui-icon-right"></i>
53 </p>
54 </div>
55 <ul class="item_info">
56 <li>
57 <span>预约人：</span>
58 <p>任超</p>
59 </li>
60 <li>
61 <span>办事大厅：</span>
62 <p>米香园办事大厅</p>
63 </li>
64 <li>
65 <span>办理业务类型：</span>
66 <p>二手房交易</p>
67 <a href="">办事指南</a>
68 </li>
69 <li>
70 <span>预约日期：</span>
71 <p>2020-12-56 上午 16：13</p>
72 </li>
73 <li>
74 <span>预约流水号：</span>
75 <p>897987987987</p>
76 </li>
77 </ul>
78 <a class="cancel_reservation">取消预约</a>
79 </div>
80 </li>
81 <li>
82 <div class="item_content">
83 <div class="item_title overdue">
84 <h3>正常</h3>
85 <p>
86 查看
87 <i class="layui-icon layui-icon-right"></i>
88 </p>
89 </div>
90 <ul class="item_info">
91 <li>
92 <span>预约人：</span>
93 <p>任超</p>
94 </li>
95 <li>
96 <span>办事大厅：</span>
97 <p>米香园办事大厅</p>
98 </li>
99 <li>
100 <span>办理业务类型：</span>
101 <p>二手房交易</p>
102 <a href="">办事指南</a>
103 </li>
104 <li>
105 <span>预约日期：</span>
106 <p>2020-12-56 上午 16：13</p>
107 </li>
108 <li>
109 <span>预约流水号：</span>
110 <p>897987987987</p>
111 </li>
112 </ul>
113 <a class="cancel_reservation">取消预约</a>
114 </div>
115 </li>
116 <li>
117 <div class="item_content">
118 <div class="item_title cancel">
119 <h3>正常</h3>
120 <p>
121 查看
122 <i class="layui-icon layui-icon-right"></i>
123 </p>
124 </div>
125 <ul class="item_info">
126 <li>
127 <span>预约人：</span>
128 <p>任超</p>
129 </li>
130 <li>
131 <span>办事大厅：</span>
132 <p>米香园办事大厅</p>
133 </li>
134 <li>
135 <span>办理业务类型：</span>
136 <p>二手房交易</p>
137 <a href="">办事指南</a>
138 </li>
139 <li>
140 <span>预约日期：</span>
141 <p>2020-12-56 上午 16：13</p>
142 </li>
143 <li>
144 <span>预约流水号：</span>
145 <p>897987987987</p>
146 </li>
147 </ul>
148 <a class="cancel_reservation">取消预约</a>
149 </div>
150 </li>
151 </ul>
152 </div> 47 </div>
153 </div> 48 </div>
154 </div> 49 </div>
...@@ -157,19 +52,4 @@ ...@@ -157,19 +52,4 @@
157 </html> 52 </html>
158 <script type="text/javascript" src="../staticJs/common.js"></script> 53 <script type="text/javascript" src="../staticJs/common.js"></script>
159 <script type="text/javascript" src="../staticJs/down.js"></script> 54 <script type="text/javascript" src="../staticJs/down.js"></script>
160 <script type="text/javascript" src="../staticLib/wdyy/index.json"></script>
161 <script type="text/javascript" src="../staticJs/wdyy.js"></script>
162 <script type="text/html" id="zizeng">
163 {{d.LAY_TABLE_INDEX+1}}
164 </script>
165 <script type="text/html" id="barDemo">
166 <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
167 <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
168 </script>
169 <script type="text/html" id="state">
170 {{# if(d.state=='1'){ }}
171 是
172 {{# } else{}}
173 否
174 {{# } }}
175 </script>
...\ No newline at end of file ...\ No newline at end of file
55 <script type="text/javascript" src="../staticJs/wdyy.js"></script>
...\ No newline at end of file ...\ No newline at end of file
......