feat 轮次切换颜色修改+删除订单按钮

pages/user/my_order/my_order.js

@@ -14,13 +14,14 @@ Page({
     switch_: ["麻花官网", "第三方平台"],
     page: 1
   },
-    //回到顶部
+  //回到顶部
-    goTop: function (e) {  // 一键回到顶部
+  goTop: function (e) {  // 一键回到顶部
-      if (wx.pageScrollTo) {
+    if (wx.pageScrollTo) {
-        wx.pageScrollTo({
+      wx.pageScrollTo({
-          scrollTop: 0
+        scrollTop: 0
-        })
+      })
-      }},
+    }
+  },
   init_order(type) {
     http("/api/v1/order-list", "get", {
       type
@@ -37,12 +38,33 @@ Page({
   },
   detail(e) {
     wx.navigateTo({
-      url: '/pages/user/order_detail/order_detail?order_no=' + e.currentTarget.dataset.order_no+'&_type='+this.data._type,
+      url: '/pages/user/order_detail/order_detail?order_no=' + e.currentTarget.dataset.order_no + '&_type=' + this.data._type,
     })
   },
   pay(e) {
     wx.navigateTo({
-      url: '/pages/user/order_detail/order_detail?order_no=' + e.currentTarget.dataset.order_no+'&_type='+this.data._type,
+      url: '/pages/user/order_detail/order_detail?order_no=' + e.currentTarget.dataset.order_no + '&_type=' + this.data._type,
+    })
+  },
+  dele(e) {
+    var that = this
+    wx.showModal({
+      content: '订单删除不可恢复，是否删除?',
+      success(res) {
+        if (res.confirm) {
+          http("/api/v1/order-delete", "get", {
+            order_no: e.currentTarget.dataset.order_no
+          }).then(res => {
+            wx.showToast({
+              title: '删除成功！',
+              duration: 1000
+            })
+            setTimeout(() => {
+              that.init_order(1)
+            }, 200);
+          })
+        }
+      }
     })
   },
   cancel(e) {
@@ -55,10 +77,12 @@ Page({
             order_no: e.currentTarget.dataset.order_no
           }).then(res => {
             wx.showToast({
-              title: '取消订单成功！',
+              title: '取消成功！',
               duration: 1000
             })
-            that.init_order(1)
+            setTimeout(() => {
+              that.init_order(1)
+            }, 200);
           })
         }
       }
@@ -115,10 +139,10 @@ Page({
   onReachBottom: function () {
     if (this.data.has_more) {
       wx.showNavigationBarLoading(); //在标题栏中显示加载图标
-      let  page = this.data.page + 1
+      let page = this.data.page + 1
       let _data = {
         type: this.data._type,
-       page
+        page
       }
       http("/api/v1/order-list", "get", _data).then(res => {
         wx.hideNavigationBarLoading(); //完成停止加载图标

pages/user/my_order/my_order.wxml

@@ -6,8 +6,7 @@
       <view class="warn">还未查询到您的观看记录</view>
     </view>
     <view wx:else>
-      <view class="order_list" wx:for="{{order_list}}"
+      <view class="order_list" wx:for="{{order_list}}" data-order_no="{{item.order_no}}" bindtap="detail">
-        data-order_no="{{item.order_no}}" bindtap="detail">
         <van-cell custom-class="order_status_info"
           value-class="value {{item.order_status==2?'_value1':(item.order_status==1?'_value2':'')}}">
           <view slot="title" class="_title"><text style="font-weight:bold;">订单号：</text>{{item.order_no}}</view>
@@ -28,9 +27,15 @@
               </view>
             </view>
           </view>
-          <view wx:if="{{item.order_status==2}}" slot="footer" class="_footer">
+          <view slot="footer" class="_footer">
-            <view class="_cancel" data-order_no="{{item.order_no}}" catchtap="cancel">取消订单</view>
+            <block wx:if="{{item.order_status==2}}">
-            <view class="_confirm" data-order_no="{{item.order_no}}" catchtap="pay">立即支付</view>
+              <view class="_cancel" data-order_no="{{item.order_no}}" catchtap="cancel">取消订单</view>
+              <view class="_confirm" data-order_no="{{item.order_no}}" catchtap="pay">立即支付</view>
+            </block>
+            <!--  -->
+            <block wx:if="{{item.order_status==12||item.order_status==15}}">
+              <view class="_confirm" data-order_no="{{item.order_no}}" catchtap="dele">删除订单</view>
+            </block>
           </view>
         </van-card>
       </view>