<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <script type="text/javascript" src="../js/base.js"></script> <link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_5o00hpwhlb.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/paybalance.css" /> <style type="text/css"> .bot_reason { display: none; } </style> </head> <body> <div class="good"> <span>订单号:20180808001</span> <span class="confirmed">待付尾款</span> </div> <div class="goods"> <div class="pic_row"> <span class="rock"> <span class="pic"> <img src="../images/banner1.jpg" alt="" /> </span> <span class="two"> <span>两天攀岩活动</span> <span class="price"> <span>定金 ¥600</span> <span>价格 ¥1190</span> </span> </span> </span> </div> <span class="five"> x5 </span> </div> <div class="list"> <div class="title">待付尾款</div> <!--1--> <div class="caned_out"> <div class="caned"> <div class="real">出行人A 13612984367 x1 定金600</div> <div class="refund_money">退款</div> </div> </div> <!--2--> <div class="caned_out"> <div class="caned"> <div class="real">出行人A 13612984367 x1 定金600</div> <div class="refund_money">退款</div> </div> </div> <!--5--> <div class="caned_out caned_bottom"> <div class="caned"> <div class="real">出行人A 13612984367 x1 定金600</div> <div class="refundmoneyed"> <span>已发起退款</span> <i class="iconfont icon-iconset0413"></i> </div> </div> <div class="refund_main_out"> <div class="refund"> <span class="tui"> 退款进度 </span> <span class="tui reson">查看原因</span> </div> <div class="faqi_out"> <div class="circle_main active_circle"> <span class="circle"> </span> <span class="fa"> 发起退款待审核中 </span> <!--<span class='span_line'></span>--> </div> <div class="circle_main"> <span class="circle"> <i class="iconfont icon-chahao" id="icon-chahao"></i> </span> <span class="fa "> 审核不通过 </span> <span class='span_line'></span> </div> <div class="circle_main "> <span class="circle"> </span> <span class="fa"> 已退款 </span> <span class='span_line'></span> </div> </div> </div> <div class="bot_reason"> <div class="bottom_reason"> <span>由于XX原因,您的审核未通过有何疑问请联系客服</span> <i class="iconfont icon-dianhua-copy"></i> <span>16895487264</span> </div> </div> </div> <!--5--> <div class="caned_out caned_bottom"> <div class="caned"> <div class="real">出行人A 13612984367 x1 定金600</div> <div class="refundmoneyed"> <span>已发起退款</span> <i class="iconfont icon-iconset0413"></i> </div> </div> <div class="refund_main_out"> <div class="refund"> <span class="tui"> 退款进度 </span> <span class="tui reson">查看原因</span> </div> <div class="faqi_out"> <div class="circle_main active_circle"> <span class="circle"> </span> <span class="fa"> 发起退款待审核中 </span> <!--<span class='span_line'></span>--> </div> <div class="circle_main active_circle"> <span class="circle"> </span> <span class="fa"> 审核通过 </span> <span class='span_line'></span> </div> <div class="circle_main active_circle"> <span class="circle"> </span> <span class="fa"> 已退款 </span> <span class='span_line'></span> </div> </div> </div> <!--<div class="bot_reason"> <div class="bottom_reason"> <span>由于XX原因,您的审核未通过有何疑问请联系客服</span> <i class="iconfont icon-dianhua-copy"></i> <span>16895487264</span> </div> </div>--> </div> <div class="footer_out"> <div class="footer ok"> 立即支付 </div> </div> <!--选择支付方式--> <div class='move1'> <div class='move_main1'> <div class="shang2"> <div class="shang1"> <span class="choose"> 选择支付方式 </span> </div> <div class="shang1 shan1 shang_list"> <div class="shang1_inner"> <div class="img_out"> <img src="../images/yue.png" alt="" class="yue" /> </div> <div> 余额支付 </div> </div> <div> <i class='iconfont icon-xuanzhong2'></i> </div> </div> <div class="shang1 shan1"> <div class="shang1_inner"> <div class="img_out"> <img src="../images/wei.png" alt="" class="yue" /> </div> <div> 微信支付 </div> </div> <div> <i class='iconfont'></i> </div> </div> <div class="shang1 shan1"> <div class="shang1_inner"> <div class="img_out"> <img src="../images/zhi.png" alt="" class="yue" /> </div> <div> 支付宝支付 </div> </div> <div> <i class='iconfont'></i> </div> </div> <div class="agreepay"> 确认支付 </div> </div> </div> </div> <div class="confirm_cancel"> <div class="confirm_main"> <div class="hint"> 确认取消? </div> <div class="true">确定取消订单吗?</div> <div class="choose"> <span class="confirm_yes">取消</span> <span class="confirm_no">确定</span> </div> </div> </div> </body> </html> <script type="text/javascript" src="../assets/js/jquery-2.1.0.js"></script> <script type="text/javascript" src="../assets/js/swiper-3.4.2.min.js"></script> <script type="text/javascript" src="../assets/js/weui.js"></script> <script> //点击选择支付方式 $('.footer').click(function() { $('.move1').css('display', 'block'); }) $('.move1').click(function() { $(this).css('display', 'none'); }) $('.move_main').click(function(e) { e.stopPropagation(); }) $('.move_main1').click(function(e) { e.stopPropagation(); }) $('.shan1').click(function() { $(this).find('i').attr('class', 'iconfont icon-xuanzhong2'); $(this).siblings().find('i').attr('class', 'iconfont'); }) $('.move1').click(function() { $(this).css('display', 'none'); }) $('.phone_btn').click(function() { $('.move3').css('display', 'none'); }) $('.reson').click(function() { if($(this).parents('.caned_out').find('.bot_reason').css('display') == 'none') { $(this).parents('.caned_out').find('.bot_reason').css('display', 'block'); } else { $(this).parents('.caned_out').find('.bot_reason').css('display', 'none'); } }) $('.refundmoneyed').click(function() { if($(this).parents('.caned_out').find('.refund_main_out').css('display') == 'none') { $(this).parents('.caned_out').find('.refund_main_out').css('display', 'block'); $(this).parents('.caned_out').find('.iconfont').attr("class", "iconfont icon-iconset0414"); $('#icon-chahao').attr("class", "iconfont icon-chahao"); } else { $(this).parents('.caned_out').find('.refund_main_out').css('display', 'none'); $(this).parents('.caned_out').find('.bot_reason').css('display', 'none'); $(this).parents('.caned_out').find('.iconfont').attr("class", "iconfont icon-iconset0413"); $('#icon-chahao').attr("class", "iconfont icon-chahao"); } }) //确认取消弹出框 $('.confirm_main').click(function(event) { event.stopPropagation(); }); $('.confirm_main').click(function(event) { event.stopPropagation(); }); $('.confirm_no').click(function(event) { $('.confirm_cancel').css('display','none'); }); $('.confirm_yes').click(function(event) { $('.confirm_cancel').css('display','none'); }); $('.confirm_cancel').click(function(event) { $('.confirm_cancel').css('display','none'); }); $('.can').click(function() { var id = $(this).parents('.good_out').data("id"); console.log(id); $('.confirm_cancel').css('display', 'block'); $('.confirm_yes').click(function() { console.log("点击确定按钮获取整个li的id为:" + id); $('.confirm_cancel').css('display', 'none'); }) $('.confirm_no').click(function() { $('.confirm_cancel').css('display', 'none'); }) $('.confirm_main').click(function() { event.stopPropagation(); // $(this).css('display','none'); }) }) $('.refund_money').click(function(){ $('.confirm_cancel').css('display','block'); }) </script>