style:预约列表
Showing
3 changed files
with
8 additions
and
40 deletions
| ... | @@ -125,6 +125,7 @@ | ... | @@ -125,6 +125,7 @@ |
| 125 | display: inline-block; | 125 | display: inline-block; |
| 126 | float: right; | 126 | float: right; |
| 127 | color: #FFFFFF; | 127 | color: #FFFFFF; |
| 128 | cursor: pointer; | ||
| 128 | } | 129 | } |
| 129 | .item_title a:hover { | 130 | .item_title a:hover { |
| 130 | color: #FFFFFF; | 131 | color: #FFFFFF; | ... | ... |
| ... | @@ -11,8 +11,8 @@ $(function () { | ... | @@ -11,8 +11,8 @@ $(function () { |
| 11 | }) | 11 | }) |
| 12 | // 获取列表信息 | 12 | // 获取列表信息 |
| 13 | function _initData(currentPage=1) { | 13 | function _initData(currentPage=1) { |
| 14 | // var appointment_list = $(".appointment_list"); | 14 | var appointment_list = $(".appointment_list"); |
| 15 | // appointment_list.empty(); | 15 | appointment_list.empty(); |
| 16 | var li; | 16 | var li; |
| 17 | $.ajax({ | 17 | $.ajax({ |
| 18 | type: "post", //提交方式 | 18 | type: "post", //提交方式 |
| ... | @@ -52,10 +52,13 @@ function _initData(currentPage=1) { | ... | @@ -52,10 +52,13 @@ function _initData(currentPage=1) { |
| 52 | li += '<li><span>办理业务类型:</span><p>'+records[i].businessName+'</p><a href="">办事指南</a></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>' | 53 | li += '<li><span>预约日期:</span><p>'+records[i].reserveTime+'</p></li>' |
| 54 | li += '<li><span>预约流水号:</span><p>'+records[i].reservationNumber+'</p></li>' | 54 | li += '<li><span>预约流水号:</span><p>'+records[i].reservationNumber+'</p></li>' |
| 55 | li += '</ul>' | ||
| 56 | if (records[i].state == '1') { | ||
| 55 | li += '<a class="cancel_reservation">取消预约</a>' | 57 | li += '<a class="cancel_reservation">取消预约</a>' |
| 58 | } | ||
| 56 | li += '</div>' | 59 | li += '</div>' |
| 57 | li += '</li>' | 60 | li += '</li>' |
| 58 | // appointment_list.append(li); | 61 | appointment_list.append(li); |
| 59 | } | 62 | } |
| 60 | } | 63 | } |
| 61 | 64 | ... | ... |
| ... | @@ -42,43 +42,7 @@ | ... | @@ -42,43 +42,7 @@ |
| 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> | ||
| 47 | <div class="item_content"> | ||
| 48 | <div class="item_title success"> | ||
| 49 | <h3>正常</h3> | ||
| 50 | <a> | ||
| 51 | 查看 | ||
| 52 | <i class="layui-icon layui-icon-right"></i> | ||
| 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 | </ul> | ||
| 82 | <div id="page"></div> | 46 | <div id="page"></div> |
| 83 | </div> | 47 | </div> |
| 84 | </div> | 48 | </div> | ... | ... |
-
Please register or sign in to post a comment