描述:选择时间

miniprogram/app.json

@@ -56,6 +56,7 @@
     "pages/meeting/meetingRoom/meetingOrder/meetingOrder",
     "pages/meeting/meetingRoom/meetingProtocol/meetingProtocol",
     "pages/meeting/meetingRoom/meetingCoupon/meetingCoupon",
+    "pages/meeting/meetingRoom/meetingBooked/meetingBooked",
     "pages/meeting/pay/waitPay/waitPay",
     "pages/meeting/pay/waitComplete/waitComplete",
     "pages/meeting/reservationRecord/reservationRecord",

miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.js

@@ -0,0 +1,83 @@
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        minHour: 10,
+        maxHour: 20,
+        minDate: new Date().getTime(),
+        maxDate: new Date(2029, 10, 1).getTime(),
+        currentDate: new Date().getTime(),
+    },
+
+
+    onInput(event) {
+        this.setData({
+            currentDate: event.detail,
+        });
+    },
+
+    // 跳转完成
+    jumpComplete() {
+        wx.navigateTo({
+            url: "/pages/meeting/meetingRoom/meetingOrder/meetingOrder",
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+        console.log('onShow' , 111);
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.json

@@ -0,0 +1,7 @@
+{
+    "usingComponents": {
+        "van-picker": "@vant/weapp/picker/index",
+        "van-datetime-picker": "@vant/weapp/datetime-picker/index"
+    },
+    "navigationBarTitleText": "会议室已预约"
+}

miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.wxml

@@ -0,0 +1,16 @@
+<view class="containerView public">
+
+
+<!-- 预约时间 -->
+<view class="submitBtn" bind:tap="jumpComplete">预约时间</view>
+
+<!-- 选择时间 -->
+<van-datetime-picker
+  type="datetime"
+  value="{{ currentDate }}"
+  min-date="{{ minDate }}"
+  max-date="{{ maxDate }}"
+  bind:input="onInput"
+/>
+
+</view>

miniprogram/pages/meeting/meetingRoom/meetingBooked/meetingBooked.wxss

@@ -0,0 +1,14 @@
+.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;
+}

miniprogram/pages/meeting/meetingRoom/meetingRoom.js

@@ -58,10 +58,10 @@ Page({
         })
     },
 
-    // 跳转会议订单
-    jumpMeetingOrder() {
+    // 跳转-会议室已预约
+    jumpMeetingBooked() {
         wx.navigateTo({
-            url: "/pages/meeting/meetingRoom/meetingOrder/meetingOrder",
+            url: "/pages/meeting/meetingRoom/meetingBooked/meetingBooked",
         })
     },
 

miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml

@@ -1,4 +1,4 @@
-<view class="containerView">
+<view class="containerView public">
     <!-- 轮播图 -->
     <swiper class='swiper-box' indicator-dots autoplay interval="3000" duration="1000" circular='true'>
         <swiper-item wx:for="{{bannerList}}" wx:key="index">
@@ -60,6 +60,6 @@
     </view>
 
     <!-- 预约 -->
-    <view class="reservationBtn" bind:tap="jumpMeetingOrder">会议预约</view>
+    <view class="reservationBtn" bind:tap="jumpMeetingBooked">会议预约</view>
 
 </view>

miniprogram/pages/meeting/meetingRoom/meetingRoom.wxss

@@ -1,17 +1,3 @@
-.containerView {
-    height: 100vh;
-    width: 100vw;
-    overflow: auto;
-    padding-bottom: 100rpx;
-    background: #ffffff;
-}
-
-.leftLineTitle {
-    border-left: 8rpx solid #76aef9;
-    padding-left: 10rpx;
-    font-size: 32rpx;
-}
-
 .swiper-box {
     border-radius: 14rpx;
     box-sizing: border-box;
@@ -151,7 +137,7 @@
     height: 500rpx;
 }
 
-.reservationBtn{
+.reservationBtn {
     background: #5a6ff2;
     font-size: 28rpx;
     color: white;

project.private.config.json

@@ -6,6 +6,13 @@
   "condition": {
     "miniprogram": {
       "list": [
+        {
+          "name": "pages/meeting/meetingRoom/meetingBooked/meetingBooked",
+          "pathName": "pages/meeting/meetingRoom/meetingBooked/meetingBooked",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
         {
           "name": "pages/meeting/invite/invite",
           "pathName": "pages/meeting/invite/invite",