|
|
@@ -0,0 +1,213 @@
|
|
|
+<!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/main.css" />
|
|
|
+ <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">13592708169</span></div>
|
|
|
+ <p>收货地址：东莞清溪三中金龙工业区徐福记对面优尼雅 电子科技</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="clearing-box">
|
|
|
+ <br />
|
|
|
+ <p id="msg"></p>
|
|
|
+ <br />
|
|
|
+ <div class="mui-content-padded mui-text-center">
|
|
|
+ <button type="button" class="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>
|
|
|
+ window.addEventListener('pageshow', function(e) {
|
|
|
+ // 通过persisted属性判断是否存在 BF Cache
|
|
|
+ if(e.persisted) {
|
|
|
+ location.reload();
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ var orderId = getParam("orderId");//从URL带过来的订单id
|
|
|
+ var newStatus = getParam("newStatus"); //2：退款 4：退货 7：换货
|
|
|
+ var status = 0;
|
|
|
+ //dom加载完毕
|
|
|
+ mui.ready(function() {
|
|
|
+
|
|
|
+ var nameMsg = "";
|
|
|
+ if(newStatus == 2){
|
|
|
+ $("#nameMsg").html("退款原因");
|
|
|
+ $("#remark").attr("placeholder","请填写您的退款原因");
|
|
|
+ }else if(newStatus == 4){
|
|
|
+ $("#nameMsg").html("退货原因");
|
|
|
+ $("#remark").attr("placeholder","请填写您的退货原因");
|
|
|
+ }else if(newStatus == 7){
|
|
|
+ $("#nameMsg").html("换货原因");
|
|
|
+ $("#remark").attr("placeholder","请填写您的换货原因");
|
|
|
+ }
|
|
|
+
|
|
|
+ $.ajax(base_path + '/wechat/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 == 4){ //退货退款
|
|
|
+ $("#addressInfo").show();
|
|
|
+ $("#msg").html("<p>提示：</p><p>1：提交成功后，需联系客服并寄回产品，且将寄回单号和 寄件人信息提供给客服、方便核实</p><p>2：我们收到退回产品后，将立即为您退款，当实付金额不为0时，您实付金额将在3个工作日内退款到原支付账户。</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 = "";
|
|
|
+ $.ajax(base_path + '/wechat/cart/updateOrderStatus?dates=' + new Date().getTime(), {
|
|
|
+ data: {
|
|
|
+ "status": status, //更改后的状态
|
|
|
+ "orderId": orderId, //订单id
|
|
|
+ "remark": remark
|
|
|
+ },
|
|
|
+ dataType: 'json',
|
|
|
+ xhrFields: {
|
|
|
+ withCredentials: true
|
|
|
+ },
|
|
|
+ crossDomain: true,
|
|
|
+ type: 'get',
|
|
|
+ timeout: 15000,
|
|
|
+ success: function(dt) {
|
|
|
+ if(dt.resultCode == 200) {
|
|
|
+ console.log(dt);
|
|
|
+ mui.alert('您的申请已提交，如有疑问请联系客服人员！',"提醒",function(){
|
|
|
+ location.href = "order-details.html?orderId="+orderId;
|
|
|
+ });
|
|
|
+
|
|
|
+ } else{
|
|
|
+ mui.alert(dt.message);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ console.log(xhr);
|
|
|
+ mui.alert("提交失败！网络错误");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+
|
|
|
+</html>
|
