我的订单

w1363476380 · May 15, 2017 · 4517b68 · 4517b68
1 parent 3a6aebd
commit 4517b68
Show file tree

Hide file tree

Showing 6 changed files with 122 additions and 10 deletions.
diff --git a/image/.DS_Store b/image/.DS_Store
diff --git a/image/no-order.png b/image/no-order.png
diff --git a/pages/order/order.js b/pages/order/order.js
@@ -1,10 +1,55 @@
 // pages/order/order.js
+var util = require('../../utils/util.js');
+var ports = require('../../utils/ports.js');
+// 引入promise
+var Promise = require('../../lib/es6-promise.min.js'); 
 Page({
   data:{
-    orderList: []
+    orderList: [],
+    reasonData: [],
+    reasonList: {},
+    showLoadingFlag: false,
+    showLoadedFlag: false,
+    hasOrder: false
+  },
+  getReasonList: function() {
+      return new Promise((resolve, reject) => {
+          if(this.data.reasonData.length === 0) {
+              util.wxRequest({
+                  url: ports.orderMsgBox,
+                  method: 'POST',
+                  header: {
+                    'content-type': 'application/x-www-form-urlencoded'
+                  },                 
+                  data: { msg_type: 4 }
+              }).then(res => {
+                  if(res.status === 0) {
+                      var listData = [];
+                      for(let i = 0; i < res.data.msg_list.length; i++) {
+                          var item = {};
+                          var data = res.data.msg_list[i];
+                          for(let key in data) {
+                              this.setData(util.dynamicSetData('reasonList',data[key], key));
+                              listData.push(data[key]);
+                          }
+
+                      }
+                      this.setData({
+                        'reasonData': listData
+                      });
+                      resolve(this.data.reasonList);
+                  }else {
+                      reject('获取订单列表出错，请找客服处理~');
+                  }
+              })
+          }else {
+              resolve(this.data.reasonData);
+          }
+      }) 
   },
   onLoad:function(options){
     // 页面初始化 options为页面跳转所带来的参数
+    this.getReasonList();
   },
   onReady:function(){
     // 页面渲染完成

diff --git a/pages/order/order.wxml b/pages/order/order.wxml
@@ -25,7 +25,7 @@
             <view class="list-footer">
                 <view class="order-status">
                     <view class="status">
-                        <view wx:for="item.progress.info" wx:for-item="icon" wx:for-index="idx" class="status-item {{idx == item.progress.last_index-1 ? 'active' : ''}}" >
+                        <view wx:for="item.progress.info" wx:for-item="icon" wx:for-index="idx" class="status-item {{idx == item.progress.last_index-1 ? 'active' : ''}} {{idx === item.progress.info.length - 1 ? 'last-status-item' : ''}}" >
                             <span class="icon {{'icon-' + (icon.icon === 'cancel' ? 'refund' : icon.icon)}}"></span>
                             <view></view>
                             <text>{{icon.text}}</text>
@@ -45,3 +45,16 @@
         </view>
     </view>
 </view>
+<view class="order-loading" wx:if="{{showLoadingFlag}}">
+     <image src="../../image/loading-super.gif"></image>
+     <text>努力加载中</text>
+</view>
+<view class="no-more-order" wx:if="{{showLoadedFlag}}">
+    没有更多订单了~
+</view>
+<view class="no-order-box" wx:if="{{!hasOrder}}">
+    <view class="icon">
+        <image src="../../image/no-order.png"></image>
+        <view class="msg">您还没有相关的订单哦</view>
+    </view>
+</view>
diff --git a/pages/order/order.wxss b/pages/order/order.wxss
@@ -1,7 +1,7 @@
 /* pages/order/order.wxss */
-Page {
+/*Page {
     background-color: #eee;
-}
+}*/
 .hint {
     color: #f7a735;
 }
@@ -23,12 +23,9 @@ Page {
     color: #979797;
     text-align: center;
     margin-right: 38rpx;
-
-    &:last-child {
-        &:after {
-            border-top: none;
-        }
-    }
+}
+.order-list .order-status .status .status-item.last-status-item{
+    border-top: none;
 }
 .order-list .order-status .status .hint {
     position: absolute;
@@ -117,4 +114,47 @@ Page {
     right: 20rpx;
     color: #f7a735;
     font-size: 26rpx;
+}
+/*无订单*/
+.no-order-box{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 300rpx 0;
+} 
+.no-order-box .icon{
+    text-align: center;
+}
+.no-order-box .icon image{
+    width: 132rpx;
+    height: 132rpx;
+}
+.no-order-box .msg{
+    padding-top: 20rpx;
+    font-size:  30rpx;
+    color: #666;
+}
+/*数据加载时*/
+.order-loading{
+    color: #999;
+    font-size: 28rpx;
+    text-align: center;
+    height: 80rpx;
+    line-height:80rpx;
+}
+.order-loading text{
+    margin-left: 20rpx;
+}
+.order-loading image{
+    width: 40rpx;
+    height: 40rpx;
+    vertical-align: sub;
+}
+/*没有更多数据*/
+.no-more-order{
+    color: #999;
+    text-align: center;
+    font-size: 28rpx;
+    margin-top: 20rpx;
 }
diff --git a/utils/ports.js b/utils/ports.js
@@ -16,6 +16,20 @@ module.exports = {
     getLocation: wdomain + '/Location/getLocation',
     // 有门店的省市区列表
     regionList: wdomain + '/store/regionList',
+
+    // 订单模块
+    // 确认订单
+    checkoutOrder: wdomain + '/order/checkoutOrder',
+    createOrder: wdomain + '/order/createOrder',
+    refundOrder: wdomain + '/Aftersales/applyRefund',
+    cancelOrder: wdomain + '/order/cancelOrder',
+    // 确认收货
+    confirmOrder: wdomain + '/order/confirmGoods',
+    orderList: wdomain + '/order/orderlist',
+    orderDetail: wdomain + '/order/orderDetail',
+    orderProgress: wdomain + '/order/orderProgress',
+    orderMsgBox: wdomain + '/Aftersales/msgBox',
+
     //门店模块
     storeShow: wdomain + '/store/show',
     storeMore: wdomain + '/store/more',