cancel.html 3.6 KB
<!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/cancel.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>
		
		

	
	</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>