Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
7b044e7c by 任超
Options

style:办事指南

1 parent 1363975f
Pipeline #13 for 7b044e7c failed in 0 seconds
Inline Side-by-side
Showing 5 changed files with 167 additions and 88 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,13 @@ ...@@ -120,9 +121,13 @@
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 }
129 .item_title a:hover {
130 color: #FFFFFF;
126 } 131 }
127 .success { 132 .success {
128 background-color: #44D7B6; 133 background-color: #44D7B6;
...@@ -172,3 +177,7 @@ ...@@ -172,3 +177,7 @@
172 text-align: center; 177 text-align: center;
173 margin: 0 auto; 178 margin: 0 auto;
174 } 179 }
180 #page {
181 text-align: center;
182 margin:30px 0;
183 }
...\ 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
...@@ -6,3 +6,86 @@ layui.use('element', function () { ...@@ -6,3 +6,86 @@ layui.use('element', function () {
6 layer.msg(elem.text()); 6 layer.msg(elem.text());
7 }); 7 });
8 }); 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 += '<a class="cancel_reservation">取消预约</a>'
56 li += '</div>'
57 li += '</li>'
58 // appointment_list.append(li);
59 }
60 }
61
62 paged(result.data.total, result.data.current);
63 }
64 });
65 }
66
67
68 // 分页
69 function paged(pageCount, curr) {
70 layui.use('laypage', function () {
71 let laypage = layui.laypage;
72 //执行一个laypage实例
73 laypage.render({
74 elem: 'page' //注意，这里的 test1 是 ID，不用加 # 号
75 , count: pageCount //数据总数，从服务端得到
76 , curr: curr
77 , prev: '<'
78 , next: '>'
79 , theme: '#0091FF'
80 , jump: function (obj, first) {
81 if (!first) {
82 console.log(obj.curr)
83 _initData(obj.curr);
84 }
85 }
86 });
87 })
88 }
89 var dataList = {
90 "userid":'0026609ddc6d2afabaa3c9b0ea3b0ec3'
91 };
...\ 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
...@@ -47,80 +47,10 @@ ...@@ -47,80 +47,10 @@
47 <div class="item_content"> 47 <div class="item_content">
48 <div class="item_title success"> 48 <div class="item_title success">
49 <h3>正常</h3> 49 <h3>正常</h3>
50 <p> 50 <a>
51 查看 51 查看
52 <i class="layui-icon layui-icon-right"></i> 52 <i class="layui-icon layui-icon-right"></i>
53 </p> 53 </a>
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> 54 </div>
125 <ul class="item_info"> 55 <ul class="item_info">
126 <li> 56 <li>
...@@ -149,6 +79,7 @@ ...@@ -149,6 +79,7 @@
149 </div> 79 </div>
150 </li> 80 </li>
151 </ul> 81 </ul>
82 <div id="page"></div>
152 </div> 83 </div>
153 </div> 84 </div>
154 </div> 85 </div>
...@@ -157,19 +88,4 @@ ...@@ -157,19 +88,4 @@
157 </html> 88 </html>
158 <script type="text/javascript" src="../staticJs/common.js"></script> 89 <script type="text/javascript" src="../staticJs/common.js"></script>
159 <script type="text/javascript" src="../staticJs/down.js"></script> 90 <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> 91 <script type="text/javascript" src="../staticJs/wdyy.js"></script>
...\ No newline at end of file ...\ No newline at end of file
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
......