|
|
@@ -27,7 +27,30 @@
|
|
|
加载中...
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
|
|
|
+ <a class="mui-tab-item">
|
|
|
+ <span class="iconfont icon-shouye"></span>
|
|
|
+ <span class="mui-tab-label">首页</span>
|
|
|
+ </a>
|
|
|
+ <a class="mui-tab-item">
|
|
|
+ <span class="iconfont icon-gouwuche"></span>
|
|
|
+ <span class="mui-tab-label">购物车</span>
|
|
|
+ </a>
|
|
|
+ <a class="mui-tab-item mui-active">
|
|
|
+ <span class="iconfont icon-dingdan"></span>
|
|
|
+ <span class="mui-tab-label">订单</span>
|
|
|
+ </a>
|
|
|
+ <a class="mui-tab-item">
|
|
|
+ <span class="iconfont icon-wode"></span>
|
|
|
+ <span class="mui-tab-label">我的</span>
|
|
|
+ </a>
|
|
|
+ </footer>
|
|
|
+
|
|
|
<div class="mui-content">
|
|
|
+ <input type="hidden" id="salesPostFirm" name="salesPostFirm" value=""/>
|
|
|
+ <input type="hidden" id="salesPostNum" name="salesPostNum" value=""/>
|
|
|
+
|
|
|
<div style="margin:14px 14px 0 14px;background-color: #f3f3f3;text-align: center;">
|
|
|
<ul class="mui-table-view mui-table-view-striped my-grid-view-no mui-table-view-condensed">
|
|
|
<li class="mui-table-view-cell" style="background-color: #f3f3f3;border-radius: 5px;padding: 11px 8px;">
|
|
|
@@ -69,9 +92,9 @@
|
|
|
下单时间：<span id="salesCreateDate"></span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
- <textarea id="textarea" rows="1" placeholder="如您选择退款，请先输入退款原因！" style="background-color: #f9f9f9;border: 0;margin:0;padding: 15px;font-size: 14px;"></textarea>
|
|
|
- <div class="mui-content-padded mui-text-center">
|
|
|
- <button type="button" class="mui-btn my-btn-request" disabled="disabled">我要退款</button>
|
|
|
+ <!--<textarea id="textarea" rows="1" placeholder="如您选择退款，请先输入退款原因！" style="background-color: #f9f9f9;border: 0;margin:0;padding: 15px;font-size: 14px;"></textarea>-->
|
|
|
+ <div class="mui-content-padded mui-text-center" id="operation">
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -81,6 +104,7 @@
|
|
|
<script src="js/main.js"></script>
|
|
|
<script>
|
|
|
var orderId = getParam("orderId");
|
|
|
+ var status;
|
|
|
var isPay = true; // 是否在请求支付，false表示正在请求,true可以请求
|
|
|
var isEfficacious = true; //商品是否有效，有效则可以支付，无效则不能支付
|
|
|
mui.ready(function() {
|
|
|
@@ -108,9 +132,11 @@
|
|
|
location.href = dt.redirectURL;
|
|
|
} else {
|
|
|
if(dt.status) {
|
|
|
- console.log(dt)
|
|
|
+ //console.log(dt)
|
|
|
var order = dt.data;
|
|
|
|
|
|
+ status = order.salesStatus;
|
|
|
+
|
|
|
$("#addressInfo").html(order.salesAddressInfo);
|
|
|
$("#addressName").html(order.salesAddressName);
|
|
|
$("#salesAddressTel").html(order.salesAddressTel);
|
|
|
@@ -124,47 +150,73 @@
|
|
|
document.querySelector('.shopping-cart-list').innerHTML = str;
|
|
|
document.querySelector('.loading-bg').style.display = 'none';
|
|
|
|
|
|
+ if(order.salesPostFirm != null && order.salesPostFirm != "" && typeof(order.salesPostFirm) != "undefined"){
|
|
|
+ $("#salesPostFirm").val(order.salesPostFirm);
|
|
|
+ }
|
|
|
+ if(order.salesPostNum != null && order.salesPostNum != "" && typeof(order.salesPostNum) != "undefined"){
|
|
|
+ $("#salesPostNum").val(order.salesPostNum);
|
|
|
+ }
|
|
|
+
|
|
|
+ var logisticsHtml = '';
|
|
|
+ if(status == 5 || status == 12 || status == 6 || status == 11) { //状态为取消，待支付，代发货，退货，换货都没有物流信息
|
|
|
+ if(order.salesPostFirm != null && order.salesPostFirm != "" && typeof(order.salesPostFirm) != "undefined" && order.salesPostNum != null && order.salesPostNum != "" && typeof(order.salesPostNum) != "undefined"){
|
|
|
+ logisticsHtml = '<button type="button" class="mui-btn my-btn-request logistics" style="margin-right: 20px;">查看物流</button>';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var payHtml = '<button type="button" class="mui-btn my-btn-request go_pay" style="margin-right: 20px;">立即支付</button>';
|
|
|
+ var aftermarketHtml = '<button type="button" class="mui-btn my-btn-request go_aftermarket" style="margin-right: 20px;">我要售后</button>';
|
|
|
+ var cancelHtml = '<button type="button" class="mui-btn my-btn-request go_cancel" style="margin-right: 20px;">取消申请</button>';
|
|
|
/*订单状态*/
|
|
|
var statusName = "";
|
|
|
+ var operationHtml = "";
|
|
|
switch (parseInt(order.salesStatus)){
|
|
|
case 0 :
|
|
|
statusName = "取消订单";
|
|
|
break;
|
|
|
case 1 :
|
|
|
statusName = "待支付";
|
|
|
+ operationHtml += payHtml;
|
|
|
break;
|
|
|
case 2 :
|
|
|
statusName = "已支付";
|
|
|
+ operationHtml += aftermarketHtml;
|
|
|
break;
|
|
|
case 3 :
|
|
|
statusName = "退款申请中";
|
|
|
+ operationHtml += cancelHtml;
|
|
|
break;
|
|
|
case 4 :
|
|
|
statusName = "已退款";
|
|
|
break;
|
|
|
case 5 :
|
|
|
statusName = "已发货";
|
|
|
+ operationHtml += aftermarketHtml + logisticsHtml;
|
|
|
break;
|
|
|
case 6 :
|
|
|
statusName = "申请退货中";
|
|
|
+ operationHtml += cancelHtml + logisticsHtml;
|
|
|
break;
|
|
|
case 7 :
|
|
|
statusName = "退货中";
|
|
|
+ operationHtml += cancelHtml;
|
|
|
break;
|
|
|
case 8 :
|
|
|
statusName = "订单退货完成";
|
|
|
break;
|
|
|
case 9 :
|
|
|
statusName = "换货中";
|
|
|
+ operationHtml += cancelHtml;
|
|
|
break;
|
|
|
case 10 :
|
|
|
statusName = "换货完成";
|
|
|
break;
|
|
|
case 11 :
|
|
|
statusName = "申请换货中";
|
|
|
+ operationHtml += cancelHtml + logisticsHtml;
|
|
|
break;
|
|
|
case 12 :
|
|
|
statusName = "订单完成";
|
|
|
+ operationHtml += logisticsHtml
|
|
|
break;
|
|
|
default:
|
|
|
break;
|
|
|
@@ -174,6 +226,7 @@
|
|
|
$("#salesCreateDate").html(order.salesCreateDate);
|
|
|
$("#salesYetAmount").html(accDiv(order.salesYetAmount,100));
|
|
|
$("#num").html(num);
|
|
|
+ $("#operation").html(operationHtml);
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
@@ -200,6 +253,163 @@
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 立即支付
|
|
|
+ */
|
|
|
+ mui('body').on('tap', '.go_pay', function() {
|
|
|
+ goOrderPay(orderId);
|
|
|
+ });
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 申请售后
|
|
|
+ */
|
|
|
+ mui('body').on('tap', '.go_aftermarket', function() {
|
|
|
+ location.href = "customer-service.html?orderId=" + orderId;
|
|
|
+ });
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 查询物流
|
|
|
+ */
|
|
|
+ mui('body').on('tap', '.logistics', function() {
|
|
|
+ var salesPostFirm = $("#salesPostFirm").val();
|
|
|
+ var salesPostNum = $("#salesPostNum").val();
|
|
|
+ location.href = "logistics-massage.html?salesPostFirm="+salesPostFirm + "&salesPostNum="+salesPostNum;
|
|
|
+ });
|
|
|
+
|
|
|
+ /**
|
|
|
+ * 取消订单
|
|
|
+ */
|
|
|
+ mui('body').on('tap', '.go_cancel', function() {
|
|
|
+ var newStatus;
|
|
|
+ if(status == 3){ //申请退款的
|
|
|
+ newStatus = 3
|
|
|
+ }else if(status == 6){ //申请退货的
|
|
|
+ newStatus = 5
|
|
|
+ }else if(status == 7){ //退货中 的
|
|
|
+ newStatus = 6
|
|
|
+ }else if(status == 11){
|
|
|
+ newStatus = 8
|
|
|
+ }
|
|
|
+ if(status != null){
|
|
|
+ updateOrderStatus(orderId,newStatus,"");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /*修改订单状态*/
|
|
|
+ function updateOrderStatus(orderId, status, remark) {
|
|
|
+ var msg = "";
|
|
|
+ if(status == 1){
|
|
|
+ msg = "是否取消该订单";
|
|
|
+ }else if(status == 3){
|
|
|
+ msg = "是否取消申请退款";
|
|
|
+ }else if(status == 5){
|
|
|
+ msg = "是否取消申请退货";
|
|
|
+ }else if(status == 6){
|
|
|
+ msg = "是否取消申请退货";
|
|
|
+ }else if(status == 8){
|
|
|
+ msg = "是否取消申请换货";
|
|
|
+ }
|
|
|
+
|
|
|
+ var btnArray = ['否', '是'];
|
|
|
+ mui.confirm(msg, "", btnArray, function(e){
|
|
|
+ if (e.index == 1) {
|
|
|
+ $.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) {
|
|
|
+ //mui.alert("获取订单列表失败！网络错误");
|
|
|
+ //location.reload();//刷新
|
|
|
+ }
|
|
|
+ location.reload();//刷新
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ console.log(xhr);
|
|
|
+ mui.alert("获取订单列表失败！网络错误");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ function goOrderPay(salesOrderid) {
|
|
|
+ var dataArgs = {
|
|
|
+ "orderId": salesOrderid
|
|
|
+ };
|
|
|
+
|
|
|
+ $.ajax(base_path+'/wechat/cart/orderPay', { // 提交订单,准备支付
|
|
|
+ data: dataArgs,
|
|
|
+ dataType: 'json',
|
|
|
+ type: 'POST',
|
|
|
+ timeout: 15000,
|
|
|
+ success: function(dt) {
|
|
|
+// layer.closeAll();
|
|
|
+ if(dt.status) {
|
|
|
+ var str = dt.data.info;
|
|
|
+ var obj = JSON.parse("{" + str + "}");
|
|
|
+ WeixinJSBridge.invoke('getBrandWCPayRequest', obj, function(res) {
|
|
|
+ if(res.err_msg == 'get_brand_wcpay_request:ok') {
|
|
|
+ var orderIds = {
|
|
|
+ "orderId": dt.data.orderId
|
|
|
+ };
|
|
|
+// layer.open({
|
|
|
+// type: 2,
|
|
|
+// shadeClose: false,
|
|
|
+// content: "正在请求加载订单信息..."
|
|
|
+// }); // 调用加载弹出层
|
|
|
+ $.ajax(base_path+'/wechat/order/checkOrderPaySuccess', { // 校验订单状态
|
|
|
+ data: orderIds,
|
|
|
+ dataType: 'json',
|
|
|
+ type: 'post',
|
|
|
+ timeout: 15000,
|
|
|
+ success: function(dt) {
|
|
|
+ if(dt.status) { // 支付成功
|
|
|
+ window.location.href = "pay-win.html?orderId=" + orderIds.orderId + "&dates=" + new Date().getTime();
|
|
|
+ } else {
|
|
|
+ setTimeout(checkOrderStatus(orderIds), 1000);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ isPay = true;
|
|
|
+// layer.closeAll();
|
|
|
+ mui.toast("您的网络异常，请刷新重试!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ isPay = true;
|
|
|
+ //mui.alert("对不起，支付失败!请稍后重试!" + dt.data.orderId + "支付失败!");
|
|
|
+ //window.location.href = "order-details.html?orderId=" + dt.data.orderId; // 前往订单详情
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ isPay = true;
|
|
|
+ mui.toast(dt.message);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ isPay = true;
|
|
|
+// layer.closeAll();
|
|
|
+ mui.toast("您的网络异常，请刷新重试!");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
</script>
|
|
|
</body>
|
|
|
|
