码迷,mamicode.com
首页 > 其他好文 > 详细

我的预约订单页面List

时间:2019-04-23 11:07:35      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:cells   items   sibling   cin   0.00   名称   addm   imp   gen   

  1 <%@ page language="java" contentType="text/html;charset=UTF-8"%>
  2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  3 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
  4 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
  5 <%@include file="/jsp/common/common_ctx.jsp" %>
  6 <div class="shelves-title">
  7     <div class="shelves-t-left">我的药品预约订单</div>
  8     <div class="shelves-t-right"></div>
  9 </div>
 10 <%--<div class="wxts">温馨提示:收货完成后给予评价,即可获得额外积分</div>--%>
 11 <!--订单弹窗  -->
 12 <style>
 13 .wxts{border:1px solid #e2e2e2;height:25px;line-height: 25px;padding-left:10px;margin-top:10px;}
 14 .glotc-bg{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
 15 .glotc-main{ width: 460px; height: 200px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -230px; margin-top: -100px;z-index: 801; display: none;}
 16 .glotc-main .glotc-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
 17 .glotc-main .glo-close{background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat; display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
 18 .glotc-main .glo-close:hover{ background-position: 0 -155px;}
 19 .glotc-main .glo-text{ padding: 15px 30px;}
 20 .glotc-main .hi100{ height: 100px;}
 21 .glotc-main .hi100 h5{ line-height: 28px;}
 22 .glotc-main .hi100 p{ text-indent: 2em; height: 24px;}
 23 .glotc-main .hi100 span{ color: #c40000; font-size: 14px;}
 24 .glotc-main .glo-bt{ text-align: center;}
 25 .glotc-main .glo-bt a{ width: 100px; margin-right: 5px; text-align: center; border: 1px solid #e5e5e5; background: #f8f8f8; color: #333; display: inline-block; line-height: 30px; height: 30px;}
 26 .glotc-main .glo-bt a.bt-c4{ background: #c40000; border: 1px solid #c40000; color: #fff;}
 27 .glotc-main .glo-bt a.bt-c4:hover{ background: #e43532;border: 1px solid #e43532;}
 28 .glotc-main .glo-bt a:hover{ background: #e5e5e5;}
 29 </style>
 30 <style >
 31     .taiping-title{
 32         padding: 10px 0px 10px 14px;
 33         border-bottom: 2px solid #ae060f;
 34         overflow: hidden;
 35     }
 36     .taiping-title h3{
 37         color: #c65057;
 38         font-size: 14px;
 39         font-weight: bold;
 40         float: left;
 41     }
 42     .order_nav{
 43         width: 100%;
 44         overflow: hidden;
 45         border-bottom: 2px solid #c20712;
 46     }
 47     .order_nav ul{
 48         float:left;
 49     }
 50     .order_nav ul li {
 51         padding: 6px 32px 4px 32px;
 52         background: #f5f5f5;
 53         float:left;
 54         text-align: center;
 55         font-weight: bold;
 56         margin-right: 2px;
 57     }
 58     .order_nav ul li {
 59         cursor: pointer;
 60     }
 61     .tp-tab-checked{
 62         background: #c20712!important;
 63         color:#fff!important;
 64     }
 65     /*                    .tp-content-Box{
 66                             width:983px;
 67                             float: left;
 68                            border-left: 1px solid #e2e2e2;
 69                            border-bottom: 1px solid #e2e2e2;
 70                            border-right: 1px solid #e2e2e2;
 71                            margin-bottom: 27px;
 72                         }
 73                         .tp-content-list ul,.tp-all-content ul{
 74                             float:left;
 75                             width: 100%;
 76                             border-bottom: 1px solid #e2e2e2;
 77                         }
 78                         .tp-content-list ul li {
 79                             padding: 10px 0;
 80                             text-align: center;
 81                             float: left;
 82                             width: 25%;
 83                         }
 84     */                    .wxts{
 85                                       border: 1px solid #e2e2e2;
 86                                       height: 25px;
 87                                       line-height: 25px;
 88                                       padding-left: 10px;
 89                                       margin-top: 10px;
 90                                       margin-bottom: 10px;
 91                                   }
 92     .order_box {
 93         margin: 20px 0 26px 0;
 94         border: 1px solid #e5e5e5;
 95     }
 96     .order_date  td {
 97         padding: 6px 0;
 98     }
 99     .order_date span{
100         margin: 0 16px;
101         color: #c1c1c1;
102     }
103     .order_date span cite{
104         color: #333333;
105         margin-left: 10px;
106     }
107     .order_title {
108         background: #f5f5f5;
109     }
110     .order_title th{
111         padding: 6px 0;
112     }
113     .order_list {
114         text-align: center;
115     }
116     .order_list,.order_list td{
117         border: 1px solid #e5e5e5;
118     }
119     .order_img{
120         width: 366px;
121         height: 105px;
122         border-top: 1px solid #e5e5e5;
123     }
124     .order_img div {
125         width: 68px;
126         height: 68px;
127         border: 1px solid #e5e5e5;
128         float: left;
129         margin: 19px 16px;
130         position: relative;
131     }
132     .order_img div img {
133         margin: auto;
134         display: block;
135         max-width: 100%;
136         max-height: 100%;
137         position: absolute;
138         right: 0;
139         top: 0;
140         left: 0;
141         bottom: 0;
142     }
143     .order_img span {
144         float: left;
145         margin: 32px 33px 21px 26px;
146         width: 203px;
147         font-size: 12px;
148         line-height: 21px;
149     }
150     .order_img:nth-of-type(1){
151         border:none;
152     }
153     .order_img_box {
154         width: 366px;
155     }
156     .order_number {
157         width: 122px;
158     }
159     .order_price {
160         width: 190px;
161     }
162     .order_price span {
163         display: block;
164         width: 139px;
165         text-align: left;
166         padding-left: 24px;
167     }
168     .order_state{
169         width: 173px;
170     }
171     .order_handle {
172         width: 144px;
173     }
174     .order_handle span,.order_handle a{
175         display: block;
176 
177     }
178     .order_handle a{
179         color: #4c89c5;
180     }
181     .order_pay{
182         color: #fff;
183         padding:4px 8px 7px 8px;
184         background: #fc8524;
185         border: none;
186         border-radius: 5px;
187         cursor:pointer;
188     }
189     .order_none {
190         width: 100%;
191         text-align: center;
192         padding-top: 20px;
193     }
194     /*mode 样式 start*/
195     .mode_content{
196         padding: 40px 35px 65px 35px;
197     }
198     .mode_content h3,.mode_content select{
199         float: left;
200     }
201     .order_mode {
202         height: auto;
203     }
204     .mode_content select {
205         margin-left: 5px;
206         width: 200px;
207         height: 26px;
208         border-color: #e5e5e5;
209         text-align: center;
210         text-align-last:center;
211         color: #b7b7b7;
212     }
213 
214     .mode_content span{
215 
216         display: none;
217         color:#c40000;
218         margin-left: 150px;
219     }
220 </style>
221 
222 <script>
223     function sealedOrderList(){
224 
225         var sealedMemberId=$(#sealedAcc).val();
226 
227         if(sealedMemberId==null || sealedMemberId ==0){
228             refreshDivContent("collectionRight",appPath+"/myec/view/order/1.html",
229                     {timeId:$(#menu1).val()});
230         }else{
231             refreshDivContent("collectionRight",appPath+"/myec/view/sealedOrder/1.html",
232                     {timeId:$(#menu1).val(),sealedMemberId:sealedMemberId});
233         }
234 
235     }
236 
237 
238 </script>
239 <div class="coupons-body">
240     <div class="coupons-title">
241         <div class=‘order_nav‘>
242             <ul>
243                 <li class=‘tp-tab-checked‘ id="0">
244                     全部
245                 </li>
246                 <li id="1">
247                     待付款
248                 </li>
249                 <li id="2">
250                     待发货
251                 </li>
252                 <li id="3">
253                     待收货
254                 </li>
255                 <li id="4">
256                     待评价
257                 </li>
258                 <li id="6">
259                     已取消
260                 </li>
261             </ul>
262         <select id="menu1" name="menu1" onchange="checkMounth()" style="float: right; margin-top: 3px;">
263             <option value="0" <c:if test="${model.sel == ‘s‘}">selected="selected"</c:if>>最近一个月订单</option>
264             <option value="1" <c:if test="${model.sel == ‘b‘}">selected="selected"</c:if>>一个月前订单</option>
265         </select>
266 
267         <c:choose>
268             <c:when test="${!empty model.sealedMemberList}">
269                 <div>
270 
271                     <select id="sealedAcc" name="sealedAcc" onchange="sealedOrderList()" style="float:right; margin-right: 20px;margin-top:4px;">
272                         <option value="0" <c:if test="${sels == ‘0‘}">selected="selected"</c:if>>请选择</option>
273                         <c:forEach var="row" items="${model.sealedMemberList}">
274 
275                             <option value=${row.memberId} <c:if test="${model.sealedMemberId == row.memberId}"> selected="selected"</c:if>>${row.loginName}</option>
276 
277 
278                         </c:forEach>
279 
280                     </select>
281                     <div style="float: right; margin-right: 10px;">已封存账户:</div>
282                 </div>
283             </c:when>
284         </c:choose>
285 
286         <div class="clear"></div>
287 
288     </div>
289     <form id="orderConfirm" name="orderConfirm" method="post" action="${urlPrefix.j1Web}/myec/myecOrderCommit.html">
290 
291             <c:choose>
292                 <c:when test="${model.pagination.data == null}">
293                     <tr>
294                         <td colspan="6" align="center" class="process-td process-bottom">无相关记录</td>
295                     </tr>
296                 </c:when>
297                 <c:otherwise>
298                     <c:forEach var="row" items="${model.pagination.data}">
299                         <c:if test="${row.memberId == sessionScope.memberId  or row.memberId == model.sealedMemberId }">
300                             <table width=‘100%‘ class=‘order_box‘>
301                             <tbody width="100%">
302                             <tr width="100%" class=‘order_title‘>
303                                 <th>商品名称</th>
304                                 <th>数量</th>
305                                 <th>实际付款(元)</th>
306                                 <th>订单状态</th>
307                                 <th>操作</th>
308                             </tr>
309                             <tr class=‘order_date‘>
310                                 <td colspan="5" >
311                                     <span>下单时间:<cite>${row.commitTime }</cite></span>
312                                     <span>订单号: <cite>${row.orderId}</cite></span>
313                                     <span>收货人: <cite>${row.receiveUser }</cite></span>
314                                 </td>
315                             </tr>
316                             <c:if test="${not empty row.orderItems}">
317                                 <c:set var="len" value="${fn:length(row.orderItems)}"/>
318                                 <c:if test="${len > 2}">
319                                     <c:set var="td_cls" value="bian-b"/>
320                                 </c:if>
321                                 <c:forEach varStatus="st" begin="0" step="1" var="orderItem"
322                                            items="${row.orderItems}">
323                                     <tr class=‘order_list‘>
324                                         <td class="order_img_box"><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank" class="pic_01"><img
325                                                 src="${orderItem.proImageUrl}" alt=""/></a>
326 
327                                             <div class="desc">
328                                                 <p><a href="${urlPrefix.j1Web}/product/${orderItem.productId }-${orderItem.goodsId }.html" target="_blank">${orderItem.goodsName}</a></p>
329                                             </div>
330                                         </td>
331                                         <!-- 出现2行以上td添加类 bian-b -->
332                                         <td class="cp-3 ${td_cls}">×${orderItem.goodsAmount}
333                                         </td>
334                                         <c:if test="${st.index == 0}">
335                                             <!-- 有几行数字就是几rowspan="2" -->
336                                             <td rowspan="${len}" class="order_price"><p>商品总价:¥<fmt:formatNumber
337                                                     pattern="#0.00#"
338                                                     value="${empty row.skuFee ?0.00:row.skuFee}"/></p>
339 
340                                                 <p>运费金额:¥<fmt:formatNumber pattern="#0.00#"
341                                                                            value="${empty row.deliveryFee ?0.00:row.deliveryFee}"/></p>
342                                                 <c:set var="disFee"
343                                                        value="${row.discountFee+row.orderPoints+row.orderVouchers+row.otherDiscounts}"/>
344                                                 <p>优惠金额:¥<fmt:formatNumber pattern="#0.00#"
345                                                                            value="${empty disFee ?0.00:disFee}"/></p>
346 
347                                                 <p>税费金额:¥<fmt:formatNumber pattern="#0.00#"
348                                                                            value="${empty row.taxFee ?0.00:row.taxFee}"/></p>
349                                                 <p>积分抵扣金额:¥<fmt:formatNumber pattern="#0.00#"
350                                                                              value="${empty row.orderPoints ?0.00:row.orderPoints}"/></p>
351                                                 <p>订单合计:
352 
353                                                     <c:if test="${row.isPaid ne ‘Y‘ }">
354<fmt:formatNumber pattern="#0.00#"
355                                                                            value="${empty row.orderFee ?0.00:row.orderFee}"/>
356                                                     </c:if>
357                                                     <c:if test="${row.isPaid eq ‘Y‘ }">
358<fmt:formatNumber pattern="#0.00#"
359                                                                            value="${empty row.orderFee ?0.00:row.orderPayFee}"/>
360 
361                                                     </c:if>
362 
363                                                     <c:choose>
364                                                         <c:when test="${not empty row.paymentTypeName}">(${row.paymentTypeName })</c:when>
365                                                     </c:choose>
366                                                 </p>
367 
368                                             </td>
369                                             <td rowspan="${len}" class="cp-5">
370                                                 <p id="stateSpan_${row.orderId}" onmousemove="showRz(this.id)"
371                                                    onmouseout="hideRz(this.id)"> ${row.codeValue }</p>
372 
373                                                 <p>
374                                                     <c:choose>
375                                                         <c:when test="${row.isPaid eq ‘Y‘ }">
376                                                             (已付款)
377                                                         </c:when>
378                                                         <c:otherwise>
379                                                             (未付款)
380                                                         </c:otherwise>
381                                                     </c:choose>
382                                                 </p>
383 
384                                                 <div id="ddrz_${row.orderId}" style="display: none"
385                                                      class="address-relative">
386                                                     <div class="address-relative-body">
387                                                         <h4>订单跟踪</h4>
388 
389                                                         <div class="address-absolute"></div>
390                                                         <div></div>
391                                                         <table id="tb_${row.orderId}" width="100%" border="0"
392                                                                cellspacing="0" cellpadding="0" class="address-tip">
393                                                             <tr>
394                                                                 <td class="address-bottom">处理时间</td>
395                                                                 <td class="address-bottom">处理意见</td>
396                                                             </tr>
397                                                             <c:forEach var="orderLog" items="${row.orderLogList}">
398                                                                 <tr>
399                                                                     <td class="address-bottom">${orderLog.logTime}</td>
400                                                                     <td class="address-bottom">${orderLog.logContent}</td>
401                                                                 </tr>
402                                                             </c:forEach>
403                                                         </table>
404                                                     </div>
405                                                 </div>
406 
407                                             </td>
408                                             <td rowspan="${len}" class="cp-6">
409                                                     <%--<a href="" class="buy">立即支付</a>
410                                                     <p>订单取消</p>
411                                                     <p><a href="" target="_blank" class="cb">评价</a></p>--%>
412                                                 <!--  已完成     -->
413                                                 <c:if test="${row.codeNo eq ‘finish‘}">
414                                                     <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>&nbsp;&nbsp;
415                                                     <c:if test="${model.isSealedMember eq ‘N‘}">
416                                                         <c:choose>
417                                                             <c:when test="${row.iseval eq ‘Y‘ }">
418                                                                 <c:if test="${row.isTc eq ‘N‘ }">
419                                                                     <p><a href="javaScript:void(0);"
420                                                                           class="blue">已评价</a></p>
421                                                                 </c:if>
422                                                             </c:when>
423                                                             <c:otherwise>
424                                                                 <c:if test="${row.isTc eq ‘N‘ }">
425                                                                     <p>
426                                                                         <a href="${urlPrefix.j1Web}/comment/view/evaluations.html"
427                                                                            class="blue">评价</a></p>
428                                                                 </c:if>
429                                                             </c:otherwise>
430                                                         </c:choose>
431                                                     </c:if>
432                                                     <c:if test="${row.isPaid eq ‘Y‘}">
433                                                         <c:forEach items="${prizeList}" var="pp">
434                                                             <c:if test="${pp.ORDER_ID == row.orderId && pp.PRIZE_COUNT == 0 && pp.PAID_FEE >= 85}">
435                                                                 <p><a style="margin-left: 10px; color: red"
436                                                                       href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
437                                                                 </p>
438                                                             </c:if>
439                                                         </c:forEach>
440                                                     </c:if>
441                                                     <c:if test="${row.isHcwCj eq ‘Y‘}">
442                                                         <p><a class="blue" href="#"
443                                                               onclick="showHcCode(${row.orderId})">查看兑换码</a></p>
444                                                     </c:if>
445                                                 </c:if>
446                                                 <!--  已发货     -->
447                                                 <c:if test="${row.codeNo eq ‘delivering‘ && row.codeNo ne ‘finish‘ && model.isSealedMember eq ‘N‘}">
448                                                     <c:if test="${row.paymentMode eq ‘KDFH‘ }">
449                                                         <p><a href="#" class="blue"
450                                                               onclick="deliveringOrder(‘${row.orderId}‘)">收货确认</a>
451                                                         </p>
452                                                     </c:if>
453                                                     <div class="clear"></div>
454                                                     <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
455                                                     <c:if test="${row.isPaid eq ‘Y‘}">
456                                                         <c:forEach items="${prizeList}" var="pp">
457                                                             <c:if test="${pp.ORDER_ID==row.orderId && pp.PRIZE_COUNT==0 && pp.PAID_FEE >= 85}">
458                                                                 <p><a style="margin-left: 10px; color: red"
459                                                                       href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
460                                                                 </p>
461                                                             </c:if>
462                                                         </c:forEach>
463                                                     </c:if>
464                                                 </c:if>
465                                                 <!-- 已取消 -->
466                                                 <c:if test="${row.codeNo eq ‘cancel‘ && row.codeNo ne ‘finish‘}">
467                                                     <c:if test="${model.isSealedMember eq ‘N‘}"><p>订单已取消</p></c:if>
468                                                     <div class="clear"></div>
469                                                     <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
470                                                     <c:if test="${row.isPaid eq ‘Y‘}">
471                                                         <c:forEach items="${prizeList}" var="pp">
472                                                             <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
473                                                                 <p><a style="margin-left: 10px; color: red"
474                                                                       href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
475                                                                 </p>
476                                                             </c:if>
477                                                         </c:forEach>
478                                                     </c:if>
479                                                 </c:if>
480                                                 <!--  -->
481                                                 <c:if test="${row.codeNo ne ‘cancel‘ && row.codeNo ne ‘delivering‘  && row.codeNo ne ‘finish‘}">
482                                                     <c:if test="${row.paymentMode eq ‘KDFH‘ || row.paymentMode eq ‘ZTFK‘ }">
483                                                         <c:if test="${row.isPaid ne ‘Y‘ && row.orderPayFee > 0  && model.isSealedMember eq ‘N‘}">
484                                                             <!--
485                                                             <a onclick="commitMyecOrder(‘${row.orderId }‘)"
486                                                             class="buy">立即支付</a>
487                                                             -->
488                                                             <input name="" type="button" class="pay-btn" style="margin: 0 auto; margin-bottom: 5px; float: none; cursor: pointer;" onclick="commitMyecOrder(‘${row.orderId }‘)" />
489                                                             <div class="clear"></div>
490                                                         </c:if>
491                                                     </c:if>
492 
493                                                     <%-- <p><a href="#" class="blue" onclick="addMultiCart(‘${row.ids}‘)">重新加入购物车</a></p>--%>
494                                                     <a href="${urlPrefix.j1Web}/myec/view/reservation/${row.orderId }/queryOrderDetail.html" class="blue">订单详情</a>
495                                                     <c:if test="${row.isPaid eq ‘Y‘}">
496                                                         <c:forEach items="${prizeList}" var="pp">
497                                                             <c:if test="${pp.ORDER_ID eq row.orderId && pp.PRIZE_COUNT eq 0 && pp.PAID_FEE >= 85}">
498                                                                 <p><a style="margin-left: 10px; color: red"
499                                                                       href="${urlPrefix.j1Web}/myec/${pp.ORDER_ID}/getPrize.html">抽奖</a>
500                                                                 </p>
501                                                             </c:if>
502                                                         </c:forEach>
503                                                     </c:if>
504                                                     <div class="clear"></div>
505                                                     <c:if test="${model.isSealedMember eq ‘N‘}">
506                                                         <c:if test="${row.isPaid eq ‘N‘ && row.paymentMode eq ‘KDFH‘  && row.codeNo ne ‘audit‘ && row.codeNo ne ‘matching‘ && row.codeNo ne ‘out_stock‘  && model.isSealedMember eq ‘N‘}">
507                                                             <p><a href="#" class="blue"
508                                                                   onclick="cancelOrderDiv(‘${row.orderId}‘)">取消订单</a></p>
509                                                         </c:if>
510                                                         <!-- cancelOrder -->
511                                                         <c:if test="${row.isPaid eq ‘N‘ && row.paymentMode eq ‘ZTFK‘  && row.codeNo ne ‘audit‘ && row.codeNo ne ‘matching‘ && row.codeNo ne ‘out_stock‘  && model.isSealedMember eq ‘N‘}">
512                                                             <p><a href="#" class="blue"
513                                                                   onclick="cancelOrderDiv(‘${row.orderId}‘)">取消订单</a></p>
514                                                         </c:if>
515                                                         <c:if test="${row.paymentMode eq ‘HDFK‘ && row.orderState eq ‘29‘ && model.isSealedMember eq ‘N‘}">
516                                                             <p><a href="#" class="blue"
517                                                                   onclick="cancelOrderDiv(‘${row.orderId}‘)">取消订单</a></p>
518                                                         </c:if>
519                                                     </c:if>
520                                                 </c:if>
521 
522                                             </td>
523                                         </c:if>
524                                     </tr>
525                                 </c:forEach>
526                             </c:if>
527                         </c:if>
528                         </tbody>
529                         </table>
530                     </c:forEach>
531                 </c:otherwise>
532             </c:choose>
533         </table>
534     </form>
535     <c:if test="${model.pagination.data != null}">
536         <div align="right">
537             <jsp:include page="/jsp/component/pagination_footer_ajax.jsp">
538                 <jsp:param value="true" name="scroll" />
539             </jsp:include>
540         </div>
541     </c:if>
542 </div>
543 <!-- 虎彩网抽奖2014-08-06到2014-09-20 -->
544 <style>
545 .hcbg-1{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
546 .caijin-tc{ width: 460px; height: 290px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -240px; margin-top: -145px;z-index: 801; display: none;}
547 .caijin-tc .ycmm-tit a{ background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;}
548 .caijin-tc .ycmm-tit a{ display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
549 .caijin-tc .ycmm-tit a:hover{ background-position: 0 -155px;}
550 .caijin-tc .ycmm-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
551 .caijin-tc .ycmmsz ul{ height: 120px; border: 1px solid #e5e5e5; margin: 0 20px; overflow: auto;}
552 .caijin-tc .ycmmsz dl{ text-align: center;}
553 .caijin-tc .ycmmsz dt,.caijin-tc .ycmmsz dd{ width: 198px; float: left;}
554 .caijin-tc h4{ font: 700 18px/35px "\5FAE\8F6F\96C5\9ED1"; text-align: center; padding: 10px 0; color: #c40000;}
555 .caijin-tc .hcyxq{ padding: 10px 20px;}
556 .caijin-tc .hcyxq a{ width: 100px; text-align: center;  background: #c40000;border: 1px solid #c40000; display: inline-block; line-height: 25px; height: 25px; color: #fff; text-decoration: none; margin-top: 10px;}
557 .caijin-tc .hcyxq a:hover{ background: #E43532;border: 1px solid #E43532;}
558 .hcbg-2{ position: fixed; left:0; top:0;_position:absolute;width: 100%; height: 100%; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 800; display: none;}
559 .caijin-ysw{ width: 460px; height: 200px; background: #fff; position: fixed;_position:absolute; border: 3px solid #cfcfcf; left: 50%; top: 50%; margin-left: -240px; margin-top: -100px;z-index: 801; display: none;}
560 .caijin-ysw .ycmm-tit a{ background: url(https://img02.j1.com/images/images1308/ico/zc-ico.png) 0 0 no-repeat;}
561 .caijin-ysw .ycmm-tit a{ display: inline-block; width: 16px; height: 16px; overflow: hidden; text-indent: 10em; position: absolute; right: 10px; top: 9px; background-position: -19px -155px;}
562 .caijin-ysw .ycmm-tit a:hover{ background-position: 0 -155px;}
563 .caijin-ysw .ycmm-tit{ background: #c40000; position: relative; height: 36px; font: 400 14px/36px "\5FAE\8F6F\96C5\9ED1"; color: #fff; padding: 0 8px;}
564 .cpysw{ text-align: center;}
565 .cpysw h4{ font: 700 24px/35px "\5FAE\8F6F\96C5\9ED1"; text-align: center;color: #999; padding: 40px 0 20px;}
566 .cpysw a{ width: 100px; text-align: center;  background: #c40000;border: 1px solid #c40000; display: inline-block; line-height: 25px; height: 25px; color: #fff; text-decoration: none; margin-top: 10px;}
567 .cpysw a:hover{ background: #E43532;border: 1px solid #E43532;}
568 </style>
569 <div class="hcbg-1"></div>
570 <div class="caijin-tc">
571     <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;">close</a></div>
572     <div class="ycmmsz">
573         <h4>恭喜您获得以下彩金</h4>
574         <ul id="codeTable">
575 <!--             <dl> -->
576 <!--                 <dt>卡号</dt> -->
577 <!--                 <dd>密码</dd> -->
578 <!--             </dl> -->
579 <!--             <dl> -->
580 <!--                 <dt>31654646445561</dt> -->
581 <!--                 <dd>56464</dd> -->
582 <!--             </dl> -->
583 <!--             <dl> -->
584 <!--                 <dt>31654646445561</dt> -->
585 <!--                 <dd>56464</dd> -->
586 <!--             </dl> -->
587 
588         </ul>
589         <div class="hcyxq">
590             <div class="fl">
591                 <p>请立即到虎彩网兑换彩金投注彩票,祝您中大奖</p>
592                 <p>友情提示:每个账号最多领取10份彩金</p>
593             </div>
594             <div class="fr"><a href="http://www.hoocp.com/useraccount/hb/chongzhi.html" target="_blank">前去投注</a></div>
595         </div>
596         <dl class="zf-fs clearfix">
597             <dt>&nbsp;</dt>
598             <dd></dd>
599         </dl>
600 
601     </div>
602 </div>
603 <div class="hcbg-2"></div>
604 <div class="caijin-ysw">
605     <div class="ycmm-tit"><span>查看彩金</span><a href="javascript:;" onclick="yswClose()">close</a></div>
606     <div class="cpysw">
607         <h4 id="cpyswId" >很遗憾,彩票已送完</h4>
608         <a href="#" onclick="yswClose()">确认</a>
609     </div>
610 </div>
611 
612 
613 <!-- 订单弹窗 -->
614 <div class="glotc-bg"></div>
615 <div class="glotc-main">
616     <div class="glotc-tit"><span>信息提示</span><a href="javascript:;" onclick="gloClose()" class="glo-close">close</a></div>
617     <div class="glo-text">
618         <div class="hi100">
619             <h5>亲爱的用户:</h5>
620             <p><span>是否确定该订单已收货?</span></p>
621             <p>确认收货后给予评价,即可获得积分</p>
622         </div>
623         <div class="glo-bt">
624             <a id="qrshOk" href="javascript:;" class="bt-c4">确定</a>
625             <a href="javascript:;" onclick="gloClose()">取消</a>
626         </div>
627     </div>
628 </div>
629 </div>
630 <!-- 订单取消原因弹窗-->
631 <div class="glotc-bg1" ></div>
632 <div class="glotc-main1 order_mode">
633     <div class="glotc-tit">
634         <span id="glotcTitle">取消订单</span><a href="javascript:;" onclick="ggtcColse()" class="glo-close">close</a>
635     </div>
636     <div class="glo-text">
637 
638         <div class=‘mode_content‘>
639             <dl class="category clearfix">
640                 <input type="hidden" id="complaintOrderId" value="" />
641                 <h3>请选择取消订单的理由: </h3>
642                 <dd>
643                     <select name="cancelId" id="cancelId" class="bk-e2">
644                         <option value="">请选择取消的原因</option>
645                         <option value="1">不想要了</option>
646                         <option value="2">其他原因</option>
647                         <option value="3">遇到付款问题</option>
648                         <option value="4">选错商品</option>
649                     </select>
650                     <span class="ts-error" id="addComplaintTypeIdError"><em class="ico"></em>请选择订单取消原因</span>
651 
652                 </dd>
653             </dl>
654         </div>
655 
656         <div class="glo-bt">
657             <a href="javascript:;" name="ggtcBtn" action="ok" class="bt-c4"  style="" onclick="saveCancelOrder()">确定</a>
658             <a href="javascript:;" class="btn-ljzc" onclick="cancelOrder()">取消</a>
659         </div>
660     </div>
661 </div>
662 <!-- 订单列表-->
663 <script type="text/javascript">
664     $(".order_nav li").click(function(){
665         var operation = $(this).attr("id");
666         $(this).addClass(tp-tab-checked).siblings().removeClass(tp-tab-checked);
667         $("#operation").val(operation);
668         clickPageNum(null,"p=1");
669     })
670 </script>

 

我的预约订单页面List

标签:cells   items   sibling   cin   0.00   名称   addm   imp   gen   

原文地址:https://www.cnblogs.com/wangchuanfu/p/10755047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!