描述:支付页面

miniprogram/app.json

@@ -55,7 +55,8 @@
     "pages/meeting/meetingRoom/meetingFacilities/meetingFacilities",
     "pages/meeting/meetingRoom/meetingOrder/meetingOrder",
     "pages/meeting/meetingRoom/meetingProtocol/meetingProtocol",
-    "pages/meeting/meetingRoom/meetingCoupon/meetingCoupon"
+    "pages/meeting/meetingRoom/meetingCoupon/meetingCoupon",
+    "pages/meeting/meetingRoom/meetingWaitPay/meetingWaitPay"
   ],
   "window": {
     "backgroundTextStyle": "light",

miniprogram/pages/index/index.js

@@ -85,7 +85,7 @@ Page({
             },      
             */
             {
-                name: "会议预约",
+                name: "会议邀约",
                 img: "/profile/static/index/menu-hyyy.png",
                 path: "/pages/meeting/meetingReservation/meetingReservation"
             },

miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js

@@ -58,6 +58,13 @@ Page({
         })
     },
 
+    // 提交订单
+    submitCase() {
+        wx.redirectTo({
+            url: "/pages/meeting/meetingRoom/meetingWaitPay/meetingWaitPay",
+        })
+    },
+
     /**
      * 生命周期函数--监听页面初次渲染完成
      */

miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml

@@ -81,6 +81,6 @@
             <view class="title">合计:</view>
             <view class="price">￥ 200.00</view>
         </view>
-        <view class="caseBtn">提交订单</view>
+        <view class="caseBtn" bind:tap="submitCase">提交订单</view>
     </view>
 </view>

miniprogram/pages/meeting/meetingRoom/meetingWaitPay/meetingWaitPay.js

@@ -0,0 +1,66 @@
+// pages/meeting/meetingRoom/meetingWaitPay.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    countdownTime : 5 * 60 * 1000 // 单位毫秒
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

miniprogram/pages/meeting/meetingRoom/meetingWaitPay/meetingWaitPay.json

@@ -0,0 +1,6 @@
+{
+    "usingComponents": {
+        "van-count-down": "@vant/weapp/count-down/index"
+    },
+    "navigationBarTitleText": "支付订单"
+}

miniprogram/pages/meeting/meetingRoom/meetingWaitPay/meetingWaitPay.wxml

@@ -0,0 +1,13 @@
+<view class="containerView public">
+
+    <!-- 订单信息 -->
+    <view class="msgView">
+        <van-count-down class="time" time="{{ countdownTime }}" format="支付剩余时间: mm分ss秒" />
+        <view class="price">￥200.00</view>
+        <view class="title">支付金额</view>
+    </view>
+
+    <!-- 确认支付 -->
+    <view class="submitBtn">确认支付</view>
+
+</view>

miniprogram/pages/meeting/meetingRoom/meetingWaitPay/meetingWaitPay.wxss

@@ -0,0 +1,36 @@
+.msgView {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: 150rpx;
+}
+
+.msgView .time .van-count-down {
+    font-size: 28rpx;
+}
+
+.msgView .price {
+    margin: 20rpx 0;
+    font-size: 70rpx;
+}
+
+.msgView .title {
+    font-size: 28rpx;
+    color: gray;
+}
+
+.submitBtn{
+    box-sizing: border-box;
+    position: absolute;
+    width: 600rpx;
+    left: 50%;
+    margin-left: -300rpx;
+    bottom: 120rpx;
+    border-radius: 10rpx;
+    padding: 20rpx;
+    background: #4e96f8;
+    color: white;
+    font-size: 30rpx;
+    text-align: center;
+}