liujiankang
/
static


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>我要售后</title>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style>
			html,body,.mui-content{background: #fff;}
			.my-btn-black{width: 100px;display: block;margin: 0 auto;border-radius: 0;}
		</style>
		<script>
			//屏蔽分享
			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
				WeixinJSBridge.call('hideOptionMenu');
			});
		</script>
	</head>

	<body>
		<div class="mui-content">
			<div class="clearing-box">
				<!--换货列表-->
				<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed shopping-cart-list">
					
				</ul>
				<br/>
				<ul class="mui-table-view cusomer-ul">
					<li>
						<div class="mui-input-row">
						<label class="lbl-remarks"><span id="nameMsg"></span></label>
						<input class="ipt-remarks" type="text" placeholder="" id="remark">
					</div>
					</li>
				</ul>
				</div>
			<div class="address-cantainner" id="addressInfo">
				<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
					<li class="mui-table-view-cell">
						<div class="mui-table">							
							<!--微信地址-->
							<div class="mui-table-cell mui-col-xs-1 mui-text-left table-middle">
								<p><span class="iconfont icon-dingwei"></span></p>
							</div>
							<div class="mui-table-cell mui-col-xs-10 mui-text-left table-middle">
								<div>收货人：殷中华 <span class="mui-pull-right">18318941947</span></div>
								<p>收货地址：东莞清溪三中金龙工业区徐福记对面优尼雅电子科技</p>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clearing-box">
				<br />
				<p id="msg"></p>
				<div class="mui-content-padded mui-text-center">
					<button type="button" class="mui-btn my-btn-black" id="orderUpdateStatus">提交</button>
				</div>
			</div>
		</div>
		<!-- 加载ing begin-->
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>正在加载...</p>
		</div>
		<!-- 加载ing end -->
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-2.1.1.min.js"></script>
		<script src="js/main.js"></script>
		<script>
			var orderId = getParam("orderId");//从URL带过来的订单id
			var newStatus = getParam("newStatus"); //2：退款   5：退货       7：换货
			var status = 0;
			//dom加载完毕
			mui.ready(function() {
				
				var nameMsg = "";
				if(newStatus == 2){
					$("#nameMsg").html("退款原因");
					$("#remark").attr("placeholder","请填写您的退款原因");
				}else if(newStatus == 5){
					$("#nameMsg").html("退货原因");
					$("#remark").attr("placeholder","请填写您的退货原因");
				}else if(newStatus == 7){
					$("#nameMsg").html("换货原因");
					$("#remark").attr("placeholder","请填写您的换货原因");
				}
				
				$.ajax(base_path + '/cart/getShopOrderByOrderId?dates=' + new Date().getTime(), {
					data: {
						"orderId": orderId
					},
					dataType: 'json',
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					type: 'get',
					timeout: 15000,
					success: function(dt) {
						if(dt.isRedirect) {
							location.href = dt.redirectURL;
						} else {
							console.log(dt);
							var order = dt.data
							status = order.salesStatus; //赋值状态
							if(status == 2){
								$("#addressInfo").hide();
								$("#msg").html("提示：提交审核成功后，退款金额为您实付金额，当实付金额不为0时，您实付金额将在3个工作日内退款到原支付账户。");
							}else if(newStatus == 5){  //退货退款
								$("#addressInfo").show();
								$("#msg").html("<p>提示：</p><p>1：您好，麻烦您那边把机器邮寄前请将水箱、接水台中的水倒掉并擦干，不要留有水渍，避免运输途中水或奶粉溅入机器内部造成不必要的 损失； 用原包装或泡沫等材质包裹好机身。避免运输途中造成机器     磕碰、损坏。 请勿寄顺丰、圆通、EMS以及到付件快递，其他快递物流随意，寄回时，麻烦您在产品里面留下故障原因说明。</p><p>2：寄回后把单号给我们提供下然后提供下您的姓名、地址和电话方便我们修好后给您回寄。</p>" );
							}else if(newStatus == 7){ 
								$("#addressInfo").show();
								$("#msg").html("提示：提交成功后，需联系客服并寄回产品，并且将寄回单号和 寄件人信息、需要更换的机器信息一起提供给客服" );
							}
							var str = "";
							mui.each(order.orderItemList, function(index) {
								str += '<div class="mui-table"><div class="mui-table-cell mui-col-xs-5"><img class="mui-media-object wh-100" src="'+ this.itemProductPic +'"></div><div class="mui-table-cell table-middle mui-col-xs-7" style="line-height:2.5">'+ this.itemProductName +'<h6>颜色：'+ this.productColor +'<span class="center">数量：'+ this.itemNum +'</span></h6><div>¥'+ (this.itemProductDiscount / 100).toFixed(2) +'</div></div></div>';
							});
							document.querySelector('.shopping-cart-list').innerHTML = str;
							
							$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
						}
					},
					error: function(xhr, type, errorThrown) {
						console.log(xhr);
						mui.alert("获取订单列表失败！网络错误");
					}
				});
				
				$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
			});
			
			
			/*提交*/
			$(document).on('tap', '#orderUpdateStatus', function() {
				var remark = $("#remark").val();
				remark=remark.replace(/(^\s*)|(\s*$)/g, "");
				if(remark !=null && remark.trim().length != 0 && typeof(remark)!="undefined"){
					//if(remark){
					//}
					
//					var remark = $("#textarea").val();
				var ch_en_num = /^[A-Za-z0-9_\[\]\【\】\｛\｝\{\}\(\)\（\）\《\》\<\>\,\，\.\。\、\！\!\~\·\@\#\￥\$\%\^\…\&\—\：\:\；\;\‘\’\'\'\"\"\“\”\？\?\-\=\|\*\s\+\-\u4e00-\u9fa5]{0,100}$/;

				if(ch_en_num.test(remark)) {
					console.log("退款验证通过")
				} else {
					mui.alert("内容格式错误！仅支持中/英文,数字,普通符号");
					return false;
				}
					updateOrderStatus(orderId,newStatus,remark);
				}else{
					var info = "";
					if(newStatus == 2){
						info = "请填写您的退款原因";
					}else if(newStatus == 4){
						info = "请填写您的退货原因";
					}else if(newStatus == 7){
						info = "请填写您的换货原因";
					}
					mui.alert(info);
				}
			})
			/*修改状态*/
			function updateOrderStatus(orderId, status, remark) {
				var msg = "",url='';
				var data = new Array;
				if(newStatus==7){
					url = base_path + '/cart/exchangeOrder';
					data = {
						orderId: orderId,
						remake: remark
					}
				}else{
					url = base_path + '/cart/returnOrder';
					data = {
						orderId: orderId,
						remake: remark,
						status:newStatus
					}
				}
			$.ajax({
				data: data,
				url: url,
				dataType: 'json',
				type: 'post',
				timeout: 15000,
				xhrFields: {
					withCredentials: true
				},
				crossDomain: true,
				success: function(dt) {
					if(dt.status) {
						console.log(dt);
						mui.alert('您的申请已提交，如有疑问请联系客服人员！',"提醒",function(){
							location.href = "order_details.html?orderId="+orderId;
						});
					} else{
						mui.alert("提交失败！请联系客服人员！")
					}
				}
			});
			}
		</script>
	</body>

</html>