审查视图

public/themes/simpleboot3/static/html/refund.html 3.9 KB
lihan authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144
<!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_6y9erxzbkn2.css" />
		<script type="text/javascript" src="../assets/font/iconfont.js">
		</script>
		<link rel="stylesheet" href="../css/refund.css" />
	</head>
	<body>
		 <div class="goods">
		 	<span>订单号:20180808001</span>
		 	
		 		<span class="confirmed">待付定金</span>
		 	
		 </div >
		  <div class="goods">
		  	<div class="pic_row">
		  		<span class="pic">
		  			<img src="../images/banner1.jpg" alt="" />
		  		</span>
		  		<span class="two">
		  			<span>两天攀岩活动</span>
		  			<span>
		  				<span>定金 ¥600</span>
		  		     	<span>价格 ¥1190</span>
		  			</span>
		  		</span>
		  	</div>
	       <div></div>
		 </div >
		<div class="waitoney">
			待付定金
		</div>
		<ul class="list">
			<li>
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">取消</button>
			</li>
			<li>
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">取消</button>
			</li>
			<li>
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">取消</button>
			</li>
			<li >
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">取消</button>
			</li>
		</ul>
		<div class="footer ok">
				提交
		</div>
		
<!--确认取消弹出框-->
		<div class="confirm_cancel">
			<div class="confirm_main">
				<div class="hint">
					确定取消吗?
				</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/common.js"></script>
<script type='text/javascript' src='../assets/js/Augly_Verification.js'></script>
<script>
	$(function(){
		confirm(message);
		//确认取消弹出框
		$('.cancel').click(function(){
//		 	var id = $(this).parents('.good_out').data("id");
			$('.refund_reason_out').css('display','block');
		}) 		 
		//阻止按钮的点击冒泡
		$('.btnlist').click(function(event) {
			event.stopPropagation();
		});    
		$('.choice .swiper-slide').click(function(){
			$(this).addClass("active_top").siblings().removeClass("active_top");
			
		})
//		//点击提交
		$('.refund_reason_submit').click(function(){
			$('.refund_reason_out').css('display','none');
			setTimeout("toast('提交成功');",900)			
		})
//		$('.list button').click(function(){
//			$(this).attr('class','cancel cancel_active');
//			$(this).html('已发起退款');
//		})
		$('.refund_reason_out').click(function(event){
			$(this).css('display','none');
		})
		$('.icon-chahao').click(function(){
			$(this).parents('.refund_reason_out').css('display','none');
		})
		$('.refund_reason').click(function(event){
			event.stopPropagation();
		})
		//确认取消弹出框
	 $('.cancel').click(function(){
	 
	 	 if(confirm("是否确认删除")){alert(1)}

	 	$('.confirm_cancel').css('display','block');	
	 	 $('.confirm_yes').click(function(){

	 	 	$('.confirm_cancel').css('display','none');	
	     })
	 	 $('.confirm_no').click(function(){
	 		$('.confirm_cancel').css('display','none');
	 		
	     })
	 })  
	 $('.confirm_cancel').click(function(){
	 	event.stopPropagation();
	 	$(this).css('display','none');
	 	
	 })
	$('.confirm_main').click(function(){
	 	event.stopPropagation();
//	 	$(this).css('display','none');
	 })
	
	})
	
	

</script>