guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/api.css" />
		<link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/style.css" />
		<style>
			body{background: #f2f2f2;}
        .order-status{
            font-size: 0.26rem;
            width: 100%;
            padding: 0.21rem 0;
            margin-bottom: 0.17rem;
        }
        .order-postaddr{
            width: 100%;
            padding: 0.32rem 0;
        }

        #state-btn{
          width:100%;
        }
        .order-btn{
          width:100%;
          background:#ffffff;
          border-top:1px solid #e8e8e8;
          position:fixed;
          bottom:0px;
        }
        .order-btn li{
          float:left;
          width:50%;
          height: 0.9rem;
          line-height: 0.9rem;
          text-align:center;
          font-size: 0.32rem;
          border-right:1px solid #e8e8e8;
          box-sizing:border-box;
        }
        .to-pay{
          color:#ffffff; background:#D60E15;
        }
        .order-list {
            margin-bottom: 0.9rem;
        }
        .order-list-right p {
            font-size: 0.22rem;
            color: #999;
        }
        p.font-size-18 {
            color: #666;
            height: auto;
        }
        .h5 {
            background: #f2f2f2;
            margin: 0 0 0 -0.32rem;
            width: 7.5rem;
        }
        .service_btn{clear: both; position: relative; text-align: right; padding:0.32rem; padding-top:0; padding-right:0;}
        .service_btn a{ 
			position: relative;
			display: inline-block;
			box-sizing: border-box;
			margin: 0;
			padding: 0.16rem;
			font-size: 0.24rem;
			line-height: 1.2;
			text-align: center;
			border-radius: 2px;
			cursor: pointer;
			-webkit-transition: opacity 0.2s;
			transition: opacity 0.2s;
			-webkit-appearance: none;
			color: #323233;
			background-color: #fff;
			border: 1px solid #ebedf0;
		}
		.weui-mask {
		    position: fixed;
		    z-index:998;
		    top: 0;
		    right: 0;
		    left: 0;
		    bottom: 0;
		    background: rgba(0, 0, 0, .6);
			display: none;
		}
		.openSelect{
			position: absolute;
			position: fixed;
			left: 10%;
			right: 10%;
			background-color: #fff;
			border-radius: 10px;
			z-index: 999;
			top: 20%;
			display: none;
		}
		.openSelect .change-room{
			width: 0.4rem;
			height: 0.4rem;
		}
		.addr-room{
			color: #222;
			padding: 0.26rem 0.4rem;
			border-bottom: 1px solid #f1f1f1;
		}
		.openSelect .selectTitle{
			padding:0.3rem 0.4rem;
			border-bottom: 1px solid #f1f1f1;
			color: #999999;
		}
		.btns div{
			text-align: center;
			padding:0.3rem 0.4rem;
			color: #222;
		}
		.btns div:nth-child(2){
			border-left: 1px solid #f1f1f1;
			color: #D60E15;
		}
		.openSelect .textarea{
			padding:0.3rem 0.4rem;
			width: 100%;
			box-sizing: border-box;
			border-bottom: 1px solid #f1f1f1;
			display: none;
		}
    </style>
		<script>
			(function(w, d, m) {
				function r() {
					var t = 100,
						o = 750,
						e = d.documentElement.clientWidth || w.innerWidth,
						n = m.max(m.min(e, 480), 320),
						h = 50;
					320 >= n && (h = m.floor(n / o * t * .99)),
						n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
						n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
						n > 375 && (h = m.floor(n / o * t * .97)),
						d.querySelector("html").style.fontSize = (e / 7.5) + "px"
				};
				r();
				w.onresize = function() {
					r()
				}
			})(window, document, Math);
		</script>
	</head>

	<body>
		<div class="topbar"></div>
		<header class="back-header back-header-bottom">
			<ul>
				<li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
				<li class="back-header-title">订单详情</li>
				<li class="more-btn"></li>
			</ul>
		</header>
		<section class="white-back" style="padding-top: 1.01rem;">
			<div id="order-status" class="order-status"></div>
		</section>
		<section class="white-back" style="margin-bottom: 0.17rem;">
			<div class="order-postaddr">
				<span id="contact-name"></span>
				<p id="contact-addr"></p>
			</div>
		</section>
		<section class="order-list white-back">
		</section>
		<div id="state-btn"></div>
		<div class="openSelect">
			<div class="selectTitle">请选择退款的理由</div>
			<div class="white-back">
				<div class="flex-box flex-v-ce addr-room" onclick="activeSelect(this,1)">
					<span class="flex-1">拍错/多拍/不想要</span>
					<img class="change-room img1" tag="set-addr" src="../../image/checked.png" />
				</div>
				<div class="addr-room flex-box flex-v-ce" onclick="activeSelect(this,2)">
					<span class="flex-1">协商一致退货</span>
					<img class="change-room" tag="set-addr" src="../../image/checkun.png" />
				</div>
				<div class="addr-room flex-box flex-v-ce" onclick="activeSelect(this,3)">
					<span class="flex-1">缺货</span>
					<img class="change-room" tag="set-addr" src="../../image/checkun.png" />
				</div>
				<div class="addr-room flex-box flex-v-ce" onclick="activeSelect(this,4)">
					<span class="flex-1">未按约定时间发货</span>
					<img class="change-room" tag="set-addr" src="../../image/checkun.png" />
				</div>
				<div class="addr-room flex-box flex-v-ce" onclick="activeSelect(this,5)">
					<span class="flex-1">其他</span>
					<img class="change-room" tag="set-addr" src="../../image/checkun.png" />
				</div>
				<textarea rows="3" placeholder="请输入理由" class="textarea"></textarea>
			</div>
			
			<div class="flex-box btns">
				<div class="flex-1" onclick="closeRefund()">取消</div>
				<div class="flex-1" onclick="activeRefund()">确定</div>
			</div>
		</div>
		<div class="weui-mask"></div>
	</body>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript" src="../../script/jquery.min.js"></script>
	<script type="text/javascript" src="../../script/jquery.tap.js"></script>
	<script type="text/javascript" src="../../script/imagesloaded.pkgd.min.js"></script>
	<script type="text/javascript">
		var _keyid = '';
		var str="拍错/多拍/不想要";
		var index=1;
		apiready = function() {
			_keyid = api.pageParam.keyid;
			setFixStatusBar();
			// getRouteData(_keyid)

			api.addEventListener({
				name: 'resume'
			}, function(ret, err) {
				freshen_page();
			});
			api.addEventListener({
				name: 'viewappear'
			}, function(ret, err) {
				freshen_page();
			});
		};

		function freshen_page() {
			$("#contact-name").html('');
			$("#contact-addr").html('');
			$("#order-status").html('');
			$(".order-list").html('');
			$("#state-btn").html('');
			getRouteData(_keyid);
		}

		function getRouteData(_keyid) {
			toast_loding_show();
			$.ajax({
				url: siteurl + 'v2/order/info',
				data: {
					order_id: _keyid
				},
				headers: {
					"X-TOKEN": $api.getStorage("accesstoken")
				},
				dataType: 'json',
				type: 'post',
				success: function(datas) {
					toast_loding_hide();
					if (!datas.result) {
						api.toast({
							msg: '订单信息获取失败!'
						});
						return false;
					}
					var item = datas.data;
					var _html = '';
					// $.each(datas, function(index, item) {
					_html += '<div class="order-list-title" state="' + item.order_state + '" keyid="' + item.order_id +
						'"><img src="' + siteurl + 'uploads/home/store/' + item.storeid + '/' + item.store_avatar + '"/> ' + item.store_name +
						'</div>';
					$.each(item.goods, function(index2, item2) {
						var arr = item2.goods_name.split(" ");
						var name_arr = arr[0];
						var size_arr = item2.goods_name.replace(name_arr, "");
						_html += '<div class="order-list-goods" goods_commonid="' + item2.goods_commonid + '" storeid="' + item2.store_id +
							'" keyid="' + item2.goods_id + '"><ul><li><img src="' + siteurl + 'uploads/home/store/goods/' + item2.goods_image
							.substr(0, item2.goods_image.indexOf("\_")) + '/' + item2.goods_image + '"/></li>';
						_html += '<li class="order-list-right"><span class="font-rem11">' + name_arr + '</span><p>' + size_arr +
							'  x' + item2.goods_num + '</p>';
						_html += '<p class="font-size-18">￥' + item2.goods_price + '</p></li>';
						if (item.order_state == 40 && item.evaluation_state == 0 && item2.status == 2 && item.payment_code !=
							'point') {
							_html += '<div class="service_btn"><a href="javascript:void(0);" data-goods_id="' + item2.goods_id +
								'">退货退款</a></div>';
						}
						if (item2.status == 3) {
							_html += '<div class="service_btn"><a href="javascript:void(0);" data-refund_id="' + item2.or_id +
								'" data-goods_id="' + item2.goods_id + '">退款申请中</a></div>';
						}
						if (item2.status == 4) {
							_html += '<div class="service_btn"><a href="javascript:void(0);" data-refund_id="' + item2.or_id +
								'" data-goods_id="' + item2.goods_id + '">已退款</a></div>';
						}
						_html += '</ul></div><div class="h2"></div>';
					});
					_html += '<div class="order-list-title" style="border-bottom:none;border-top: 1px solid #e8e8e8;">运费：' + item.shipping_fee +
						' <span style="margin-left: 0.2rem;">合计：￥' + item.order_amount + '</span></div>';
					_html += '<div class="order-list-title" style="border-bottom:none;">订单编号：' + item.order_sn +
						'</div><div class="h5"></div>';
					if (item.shipping_code) {
						_html += '<div class="order-list-title" style="border-bottom:none;">快递单号：' + item.shipping_code +
							'&nbsp;&nbsp;(&nbsp;' + item.express_name + '&nbsp;)</div><div class="h5"></div>';
					}
					$("#contact-name").html(datas.data.reciver_name + " " + datas.data.reciver_info.phone);
					$("#contact-addr").html(datas.data.reciver_info.address);
					item.payment_time = item.payment_time ? item.payment_time : '未支付';
					item.delay_time = item.delay_time ? item.delay_time : '未发货';
					item.finnshed_time = item.finnshed_time ? item.finnshed_time : '未确认';
					_html += '<div class="order-list-title" style="border-bottom:none;">下单时间：' + item.add_time + '</div>';
					_html += '<div class="order-list-title" style="border-bottom:none;">支付订单：' + item.payment_time + '</div>';
					_html += '<div class="order-list-title" style="border-bottom:none;">商家发货：' + item.delay_time + '</div>';
					_html += '<div class="order-list-title" style="border-bottom:none;">确认收货：' + item.finnshed_time + '</div>';
					// });
					$(".order-list").append(_html);
					function_name();

					if (item.refund_state == 1) {
						$("#order-status").html("等待酒店处理退货申请");
					} else {
						$("#order-status").html(item.status);
					}
					if (item.order_state == 10) {
						$("#state-btn").append(
							'<div class="order-btn" id="footer2"><ul><li  id="order-cancel" >取消订单</li><li class="to-pay" keyid="' + item.order_id +
							'">去付款(￥' + item.order_amount + ')</li></ul></div>');
						$api.fixTabBar($api.byId('footer2'))	
					}
					if (item.order_state == 20) {
						if (item.shipping_type == 0) {
							$("#state-btn").append('<div  class="order-btn"  id="order-cancel" ><ul><li class="o-refund" keyid="' + item.order_id +
								'">退款</li><li class="urge" keyid="' + item.order_id + '">催单</li></ul></div>');
							$api.fixTabBar($api.byId('order-cancel'))
						} else {
							$("#state-btn").append('<div  class="order-btn"  id="order-cancel" ><ul><li class="o-refund" keyid="' + item.order_id +
								'">退款</li><li class="contacthotel" keyid="' + item.order_id + '">联系酒店</li></ul></div>');
							$api.fixTabBar($api.byId('order-cancel'))
						}
					}
					if (item.order_state == 30) {
						$("#state-btn").append(
							'<div  class="order-btn"  id="order-cancel" ><ul><li class="confirm" style="width:100%;border-right:none;">确认收货</li></ul></div>'
						);
						$api.fixTabBar($api.byId('order-cancel'))
					}
					if (item.order_state == 40) {
						if (item.refund_state == 0) {
							if (item.evaluation_state == 0) {
								$("#state-btn").append(
									'<div class="order-btn" id="order-return"><ul><li class="evaluate" style="width: 100%">去评价</li></ul></div>'
								);
							}
							$api.fixTabBar($api.byId('order-return'))
						}
						if (item.refund_state == 4 && item.evaluation_state == 0) {
							$("#state-btn").append(
								'<div class="order-btn" id="order-return"><ul><li class="evaluate" style="width: 100%">去评价</li></ul></div>'
							);
							$api.fixTabBar($api.byId('order-return'))
						}
						if (item.refund_state == 2 || item.refund_state == 3 || item.refund_state == 4) {
							$("#state-btn").append(
								'<div  class="order-btn"  id="order-del" ><ul><li style="width:100%;border-right:none;">删除订单</li></ul></div>'
							);
							$api.fixTabBar($api.byId('order-del'))
						}
					}
					if (item.order_state == 0) {
						$("#state-btn").append(
							'<div  class="order-btn"  id="order-del" ><ul><li style="width:100%;border-right:none;">删除订单</li></ul></div>'
						);
						$api.fixTabBar($api.byId('order-del'))
					}
				}
			});
		}
		///
		function getAddrData(_keyid) {
			$.ajax({
				url: rooturl + '?do=getordercommon',
				data: {
					memberid: $api.getStorage("memberid"),
					order_id: _keyid
				},
				dataType: 'json',
				type: 'post',
				success: function(datas) {
					$("#contact-name").html(datas.reciver_name + " " + datas.reciver_info.phone);
					$("#contact-addr").html(datas.reciver_info.address);
				}
			});
		}
		///
		$("#state-btn").on("tap", ".to-pay", function() {
			var _keyid = $(this).attr("keyid");
			api.openWin({
				name: 'paymode',
				url: '../home/paymode.html',
				bounces: false,
				pageParam: {
					keyid: _keyid
				}
			});
			return false;
		})
		$("#state-btn").on("tap", ".urge", function() {
			var _keyid = $(this).attr("keyid");
			api.openWin({
				name: 'urge',
				url: './urge.html',
				bounces: false,
				pageParam: {
					keyid: _keyid
				}
			});
			return false;
		})
		
		//选择理由
		function activeSelect(_this,items){
			$(".change-room").attr("src", "../../image/checkun.png");
			$(_this).find("img").attr("src", "../../image/checked.png");
			str=$(_this).find("span").html();
			index=items;
			if(index==5){
				$(".textarea").fadeIn();
			}else{
				$(".textarea").fadeOut();
			}
		}
		
		//取消退款
		function closeRefund(){
			$(".openSelect").fadeOut();
			$(".weui-mask").fadeOut();
			$(".textarea").fadeOut();
			 str="拍错/多拍/不想要";
			 index=1;
			$(".textarea").value="";
			$(".change-room").attr("src", "../../image/checkun.png");
			$(".img1").attr("src", "../../image/checked.png");
			return false;
		}
		
		//确认退款
		function activeRefund(){
			if(index==5){
				str=$('.textarea').val();
				if(str==''){
					api.toast({msg: '请输入退款理由'});
					return false;
				}
			}
			toast_loding_show();
			$.ajax({
				url: siteurl + 'v3/Order/refund_direct',
				data: {
					order_id: _keyid,
					remark:str
				},
				headers: {
					"X-TOKEN": $api.getStorage("accesstoken")
				},
				dataType: 'json',
				type: 'post',
				success: function(datas) {
					toast_loding_hide();
					if (datas.result) {
						api.toast({msg: '操作成功！'});
						refreshData();
						setTimeCloseWin("orderdtl");
					} else {
						closeRefund();
						errcode(datas, datas.code);
					}
				}
			});
			return false;
		}
		
		//退款
		$("#state-btn").on("tap", ".o-refund", function() {
			_keyid=$(this).attr("keyid");
			$(".openSelect").fadeIn('200');
			$(".weui-mask").fadeIn('200');
			return false;	
		})

		$("#state-btn").on("tap", ".contacthotel", function() {
			var _keyid = $(this).attr("keyid");
			api.openWin({
				name: 'contacthotel',
				url: './contacthotel.html',
				bounces: false,
				pageParam: {
					keyid: _keyid
				}
			});
			return false;
		})

		$(".order-list").on("tap", ".service_btn a", function(e) {
			e.stopPropagation()
			var goods_id = $(this).attr("data-goods_id");
			var refund_id = $(this).attr("data-refund_id");
			if (refund_id * 1 > 0) {
				api.openWin({
					name: 'refund_orderdtl',
					url: '../order/refund_orderdtl.html',
					bounces: false,
					pageParam: {
						goods_id: goods_id,
						order_id: _keyid,
						keyid: refund_id
					}
				});
				return false
			}
			api.openWin({
				name: 'order_return',
				url: './order_return.html',
				bounces: false,
				pageParam: {
					keyid: _keyid,
					goods_id: goods_id
				}
			});
		})
		$(".order-list").on("tap", ".order-list-goods", function() {
			var _keyid = $(this).attr("keyid");
			var _storeid = $(this).attr("storeid");
			var _goods_commonid = $(this).attr("goods_commonid");
			if (_goods_commonid == 0) {
				return false;
			}
			api.openWin({
				name: 'showgoods',
				url: '../home/showgoods.html',
				bounces: false,
				pageParam: {
					keyid: _goods_commonid,
					storeid: _storeid,
				}
			});
			return false;
		})
		$("#state-btn").on("tap", "#order-cancel", function() {
			api.confirm({
				title: '是否取消订单',
				buttons: ['取消', '确定']
			}, function(ret, err) {
				var index = ret.buttonIndex;
				if (index == 2) {
					toast_loding_show();
					$.ajax({
						url: siteurl + 'v2/order/cancel',
						data: {
							order_id: _keyid,
							memberid: $api.getStorage("memberid"),
							type: 'user'
						},
						headers: {
							"X-TOKEN": $api.getStorage("accesstoken")
						},
						dataType: 'json',
						type: 'post',
						success: function(datas) {
							toast_loding_hide();
							if (datas.result) {
								// alert(JSON.stringify(datas));
								api.toast({
									msg: '操作成功！'
								});
								refreshData();
								setTimeCloseWin("orderdtl");
							} else {
								// alert(JSON.stringify(datas));
								errcode(datas, datas.code);
							}
						}
					});
				}
			})
			return false;
		})
		////退款
		$("#state-btn").on("tap", "#order-return", function() {
			api.openWin({
				name: 'order_return',
				url: './order_return.html',
				bounces: false,
				pageParam: {
					keyid: _keyid
				}
			});
			return
			api.confirm({
				title: '是否申请退换货',
				buttons: ['取消', '确定']
			}, function(ret, err) {
				var index = ret.buttonIndex;
				if (index == 2) {
					toast_loding_show();
					$.ajax({
						url: siteurl + 'v2/order/refund',
						data: {
							order_id: _keyid,
							memberid: $api.getStorage("memberid"),
							type: 'user'
						},
						headers: {
							"X-TOKEN": $api.getStorage("accesstoken")
						},
						dataType: 'json',
						type: 'post',
						success: function(datas) {
							toast_loding_hide();
							if (datas.result) {
								api.toast({
									msg: '您的退换货申请已经提交，商户客服人员会尽快联系您！',
									duration: 3000,
									location: 'middle'
								});
								refreshData();
								setTimeout(function() {
									api.closeWin({
										name: "orderdtl"
									});
								}, 2500);
							} else {
								errcode(datas, datas.code);
							}
						}
					});
				}
			})
			return false;
		})
		$("#state-btn").on("tap", ".confirm", function() {
			api.confirm({
				title: '是否确认收货',
				buttons: ['取消', '确定']
			}, function(ret, err) {
				var index = ret.buttonIndex;
				if (index == 2) {
					$.ajax({
						url: siteurl + 'v2/order/confirm', //'?do=orderconfirm',
						data: {
							memberid: $api.getStorage("memberid"),
							order_id: _keyid
						},
						headers: {
							"X-TOKEN": $api.getStorage("accesstoken")
						},
						dataType: 'json',
						type: 'post',
						success: function(datas) {
							if (datas.result) {
								api.toast({
									msg: '操作成功！'
								});
								refreshData();
								setTimeCloseWin("orderdtl");
							} else {
								errcode(datas, datas.code);
							}
						}
					});
				}
			})
			return false;
		})
		$("#state-btn").on("tap", ".evaluate", function() {
			api.openWin({
				name: 'evaluate',
				url: './evaluate.html',
				bounces: false,
				pageParam: {
					keyid: _keyid
				}
			});
			return false;
		})
		$("#state-btn").on("tap", "#order-del", function() {
			api.confirm({
				title: '是否要删除订单',
				buttons: ['取消', '确定']
			}, function(ret, err) {
				var index = ret.buttonIndex;
				if (index == 2) {
					$.ajax({
						url: siteurl + 'v2/order/drop', //'?do=orderdel',
						data: {
							order_id: _keyid,
							memberid: $api.getStorage("memberid")
						},
						headers: {
							"X-TOKEN": $api.getStorage("accesstoken")
						},
						dataType: 'json',
						type: 'post',
						success: function(datas) {
							if (datas.result) {
								api.toast({
									msg: '操作成功！'
								});
								refreshData();
								setTimeCloseWin("orderdtl");
							} else {
								errcode(datas, datas.code);
							}
						}
					});
				}
			})
			return false;
		})

		function refreshData() {
			api.execScript({
				name: 'index',
				frameName: 'frame2',
				script: 'getRouteData();'
			});
		}
	</script>

</html>