1

miniprogram/app.json

@@ -57,7 +57,8 @@
     "pages/meeting/meetingRoom/meetingProtocol/meetingProtocol",
     "pages/meeting/meetingRoom/meetingCoupon/meetingCoupon",
     "pages/meeting/pay/waitPay/waitPay",
-    "pages/meeting/pay/waitComplete/waitComplete"
+    "pages/meeting/pay/waitComplete/waitComplete",
+    "pages/meeting/reservationRecord/reservationRecord"
   ],
   "window": {
     "backgroundTextStyle": "light",

miniprogram/pages/index/index.js

@@ -92,7 +92,7 @@ Page({
             {
                 name: "预约记录",
                 img: "/profile/static/index/menu-yyjl.png",
-                path: ""
+                path: "/pages/meeting/reservationRecord/reservationRecord"
             },
             {
                 name: "访客预约",

miniprogram/pages/meeting/reservationRecord/reservationRecord.js

@@ -0,0 +1,65 @@
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    onLoad(options) {
+        // 页面初始化 options为页面跳转所带来的参数
+        wx.setNavigationBarTitle({
+            title: options.name
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

miniprogram/pages/meeting/reservationRecord/reservationRecord.json

@@ -0,0 +1,5 @@
+{
+    "usingComponents": {
+        "van-icon": "@vant/weapp/icon/index"
+    }
+}

miniprogram/pages/meeting/reservationRecord/reservationRecord.wxml

@@ -0,0 +1,22 @@
+<view class="containerView public">
+
+    <!-- 预约记录列表 -->
+    <view class="itemView">
+        <view class="item">
+            <van-icon name="clock-o" size="80rpx" color="#ffffff"/>
+            <view class="title">会议预约记录</view>
+            <van-icon class="goImg" name="share" size="80rpx" color="#ffffff"/>
+        </view>
+        <view class="item">
+            <van-icon name="clock-o" size="80rpx" color="#ffffff"/>
+            <view class="title">会议预约记录</view>
+            <van-icon class="goImg" name="share" size="80rpx" color="#ffffff"/>
+        </view>
+        <view class="item">
+            <van-icon name="clock-o" size="80rpx" color="#ffffff"/>
+            <view class="title">会议预约记录</view>
+            <van-icon class="goImg" name="share" size="80rpx" color="#ffffff"/>
+        </view>
+    </view>
+
+</view>

miniprogram/pages/meeting/reservationRecord/reservationRecord.wxss

@@ -0,0 +1,24 @@
+.itemView {
+    padding-top: 40rpx;
+}
+
+.itemView .item {
+    border-radius: 16rpx;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin: 20rpx;
+    padding: 50rpx;
+    background: rgb(58, 137, 247);
+    background: linear-gradient(90deg, rgba(58, 137, 247, 1) 0%, rgba(89, 167, 248, 1) 62%);
+}
+
+.itemView .item .title {
+    font-size: 38rpx;
+    color: white;
+    margin-left: 30rpx;
+}
+
+.itemView .item .goImg {
+    margin-left: auto;
+}