提交

pages/orderList/orderList.js

@@ -10,7 +10,9 @@ Page({
     list: [],
     current: 1,
     pages: 0,
-    sts: 0
+    sts: 0,
+    showModal: false,
+    currentNumber: ''
   },
 
   /**
@@ -293,25 +295,23 @@ Page({
       url: '/pages/orderWithdrawal/orderWithdrawal?type=' + data.type + '&ordernum=' + data.ordernum + '&amount='+ amount+ '&orderIncome=' +JSON.stringify(data.item.orderIncome),
     })
   },
+  // <text class="txt-notice" wx:if="{{type ==2}}">1、退单金额将退还到您的可提现余额中。 \n 2、订单没有满以下期限会扣相应的手续费 \n  01、2020年12月12号之前退款的将扣除本金的35%。 \n 02、2020年12月12号起订单周期 {{'<'}} 30天，扣本金 15% \n 03、2020年12月12号起订单周期 30天 {{'<'}} X {{'<'}} 60天，扣本金 12% \n 04、2020年12月12号起订单周期 60天 {{'<'}} X {{'<'}} 90天，扣本金 9% \n 05、2020年12月12号起订单周期 90 天 {{'<'}} X {{'<'}} 120天，扣本金 6% </text>
   // 挂单
   onPendingOrder: function (e) {
     var ths = this;
     let data = e.currentTarget.dataset.item
-    wx.showModal({
-      title: '',
-      content: '您是否要挂单？',
-      confirmColor: "#eb2444",
-      success(res) {
-        if (res.confirm) {
-          wx.showLoading({
-            mask: true
-          });
-
+    ths.setData({
+      showModal: true,
+      currentNumber: data.orderNumber
+    })
+  },
+  confirmBtn(){
+    var ths = this;
     var params = {
       url: "/p/myOrder/updateOrderStatus",
       method: "GET",
       data: {
-              orderNumber: data.orderNumber,
+        orderNumber: ths.data.currentNumber,
         status: 8
       },
       callBack: function (res) {
@@ -321,11 +321,32 @@ Page({
       }
     };
     http.request(params);
-        } else if (res.cancel) {
-          //console.log('用户点击取消')
-        }
-      }
-    })
+  },
+   /**
+   * 弹出框蒙层截断touchmove事件
+   */
+  preventTouchMove: function () {
+  },
+  /**
+   * 隐藏模态对话框
+   */
+  hideModal: function () {
+    this.setData({
+      showModal: false
+    });
+  },
+  /**
+   * 对话框取消按钮点击事件
+   */
+  onCancel: function () {
+    this.hideModal();
+  },
+  /**
+   * 对话框确认按钮点击事件
+   */
+  onConfirm: function () {
+    this.hideModal();
+    this.confirmBtn()
   },
   // 提货
   onPickGoods: function (e) {

pages/orderList/orderList.wxml

@@ -9,7 +9,7 @@
         <view bindtap='onStsTap' data-sts="0" class="{{sts==0?'on':''}}">全部</view>
         <view bindtap='onStsTap' data-sts="1" class="{{sts==1?'on':''}}">待支付</view>
         <view bindtap='onStsTap' data-sts="7" class="{{sts==7?'on':''}}">收益中</view>
-        <view bindtap='onStsTap' data-sts="7" class="{{sts==8?'on':''}}">挂单中</view>
+        <view bindtap='onStsTap' data-sts="8" class="{{sts==8?'on':''}}">挂单中</view>
         <view bindtap='onStsTap' data-sts="2" class="{{sts==2?'on':''}}">待发货</view>
         <view bindtap='onStsTap' data-sts="3" class="{{sts==3?'on':''}}">待收货</view>
         <view bindtap='onStsTap' data-sts="5" class="{{sts==5?'on':''}}">已完成</view>
@@ -135,5 +135,17 @@
   </view>
 </view>
 <!-- end 订单列表 -->
-
+<view class="modal-mask" bindtap="hideModal" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
+<view class="modal-dialog" wx:if="{{showModal}}">
+  <view class="modal-title">您是否要挂单？</view>
+  <view class="modal-next" style="margin-bottom: 20rpx;">
+    <text class="modal-content">
+    1、退单金额将退还到您的可提现余额中。 \n 2、订单没有满以下期限会扣相应的手续费 \n  01、2020年12月12号之前退款的将扣除本金的35%。 \n 02、2020年12月12号起订单周期 {{'<'}} 30天，扣本金 15% \n 03、2020年12月12号起订单周期 30天 {{'<'}} X {{'<'}} 60天，扣本金 12% \n 04、2020年12月12号起订单周期 60天 {{'<'}} X {{'<'}} 90天，扣本金 9% \n 05、2020年12月12号起订单周期 90 天 {{'<'}} X {{'<'}} 120天，扣本金 6% 
+  </text>
+  </view>
+  <view class="modal-footer">
+    <view class="btn-cancel" bindtap="onCancel" data-status="cancel">取消</view>
+    <view class="btn-confirm" bindtap="onConfirm" data-status="confirm">确定</view>
+  </view>
+</view>
 <wxs module="wxs" src="../../wxs/number.wxs" />
\ No newline at end of file

pages/orderList/orderList.wxss

@@ -278,3 +278,81 @@ page {
 .order-state .order-sts.gray {
   color: #999;
 }
+.modal-mask {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  background: #000;
+  opacity: 0.5;
+  overflow: hidden;
+  z-index: 9000;
+  color: #fff;
+}
+.modal-dialog {
+  width: 600rpx;
+  overflow: hidden;
+  position: fixed;
+  z-index: 9999;
+  background: #f9f9f9;
+  left: 50%;
+  top: 50%;
+  padding: 0 20rpx 20rpx;
+  transform: translate(-50%, -50%);
+  border-radius: 36rpx;
+}
+.modal-title {
+  padding-top: 50rpx;
+  font-size: 36rpx;
+  color: #030303;
+  text-align: center;
+}
+modal-next{
+  padding: 0 20rpx;
+}
+.modal-content {
+  padding: 50rpx 32rpx;
+  font-size: 24rpx;
+}
+.modal-input {
+  display: flex;
+  background: #fff;
+  border: 2rpx solid #ddd;
+  border-radius: 4rpx;
+  font-size: 28rpx;
+}
+
+.input {
+  width: 100%;
+  height: 82rpx;
+  font-size: 28rpx;
+  line-height: 28rpx;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  color: #333;
+}
+input-holder {
+  color: #666;
+  font-size: 28rpx;
+}
+
+.modal-footer {
+  display: flex;
+  flex-direction: row;
+  height: 86rpx;
+  border-top: 1px solid #dedede;
+  font-size: 34rpx;
+  line-height: 86rpx;
+}
+.btn-cancel {
+  width: 50%;
+  color: #666;
+  text-align: center;
+  border-right: 1px solid #dedede;
+}
+.btn-confirm {
+  width: 50%;
+  color: #ec5300;
+  text-align: center;
+}
\ No newline at end of file

pages/orderWithdrawal/orderWithdrawal.js

@@ -38,8 +38,6 @@ Page({
       ordernum: this.options.ordernum,
       amount: this.options.amount,
       defaultAmount: this.options.amount,
-      note: `1、退单金额将退还到您的可提现余额中。\n 2、订单没有满以下期限会扣相应的手续费 \n  01、2020年12余额12号之前退款的将扣除本金的35%。 \n  02、2020年12余额12号起订单周期 < 30天，扣本金 15% \n 03、2020年12余额12号起订单周期 30天 < X < 60天，扣本金 12% \n
-      04、2020年12余额12号起订单周期 60天 < X < 90天，扣本金 9% \n 05、2020年12余额12号起订单周期 90 天 < X < 120天，扣本金 6%`,
        orderIncome: JSON.parse(this.options.orderIncome)
     })
     console.log('list',this.data.type,this.data.ordernum)

pages/orderWithdrawal/orderWithdrawal.wxml

@@ -5,9 +5,9 @@
       <text class="txt">{{type == 2? '退单金额': '提现金额'}}</text>
       <view class="my-input">
         <text>￥</text>
-        <input wx:if="{{type == 2}}" class='input' type='text' value="{{amount}}" bindinput="amountinput" placeholder-class='phcolor'
-          :placeholder="{{type == 2? '请输入退单金额': '请输入提现金额'}}"></input>
-          <text wx:else>{{amount || 0}}</text>
+        <!-- <input wx:if="{{type == 2}}" class='input' type='text' value="{{amount}}" bindinput="amountinput" placeholder-class='phcolor'
+          :placeholder="{{type == 2? '请输入退单金额': '请输入提现金额'}}"></input> -->
+          <text>{{amount || 0}}</text>
       </view>
       <view class="notice">
         <text style="margin-right: 20rpx;">{{type == 2? '可退单金额': '可提现金额'}}￥{{amount}}</text>
@@ -29,7 +29,7 @@
 
   <view class="notice-container">
     <text class='txt-notice-title'>【温馨提醒】</text>
-    <text class="txt-notice" wx:if="{{type ==2}}">1、退单金额将退还到您的可提现余额中。 \n 2、订单没有满以下期限会扣相应的手续费 \n  01、2020年12余额12号之前退款的将扣除本金的35%。 \n 02、2020年12余额12号起订单周期 {{'<'}} 30天，扣本金 15% \n 03、2020年12余额12号起订单周期 30天 {{'<'}} X {{'<'}} 60天，扣本金 12% \n 04、2020年12余额12号起订单周期 60天 {{'<'}} X {{'<'}} 90天，扣本金 9% \n 05、2020年12余额12号起订单周期 90 天 {{'<'}} X {{'<'}} 120天，扣本金 6% </text>
+    <text class="txt-notice" wx:if="{{type ==2}}">1、退单金额将退还到您的可提现余额中。 \n 2、订单没有满以下期限会扣相应的手续费 \n  01、2020年12月12号之前退款的将扣除本金的35%。 \n 02、2020年12月12号起订单周期 {{'<'}} 30天，扣本金 15% \n 03、2020年12月12号起订单周期 30天 {{'<'}} X {{'<'}} 60天，扣本金 12% \n 04、2020年12月12号起订单周期 60天 {{'<'}} X {{'<'}} 90天，扣本金 9% \n 05、2020年12月12号起订单周期 90 天 {{'<'}} X {{'<'}} 120天，扣本金 6% </text>
     <text class="txt-notice" wx:else>1、订单收益的提现将提现到您的可提现余额中
     </text>
   </view>