1

miniprogram/app.json

@@ -50,7 +50,8 @@
     "pages/meeting/accessControl/accessControl",
     "pages/meeting/accessControl/accessControlRecord/accessControlRecord",
     "pages/meeting/meetingReservation/meetingReservation",
-    "pages/meeting/visitorIinvitation/visitorIinvitation"
+    "pages/meeting/visitorIinvitation/visitorIinvitation",
+    "pages/meeting/meetingRoom/meetingRoom"
   ],
   "window": {
     "backgroundTextStyle": "light",

miniprogram/pages/meeting/meetingReservation/meetingReservation.js

@@ -1,11 +1,11 @@
-// pages/meeting/meetingReservation/meetingReservation.js
+const app = getApp()
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        IMG_NAME: app.IMG_NAME
     },
 
     /**
@@ -18,6 +18,13 @@ Page({
         })
     },
 
+    // 会议室
+    jumpMeetingRoom(){
+        wx.navigateTo({
+          url: "/pages/meeting/meetingRoom/meetingRoom",
+        })
+    },
+
     /**
      * 生命周期函数--监听页面初次渲染完成
      */

miniprogram/pages/meeting/meetingReservation/meetingReservation.wxml

@@ -1,12 +1,22 @@
 <view class="container">
-    
     <!-- 会议室列表 -->
     <view class="meetingRoomView">
-        <view class="meetingRoomItem">
+        <view class="meetingRoomItem" bind:tap="jumpMeetingRoom" wx:for="{{6}}" wx:for-index="idx">
             <view class="content">
-
+                <view class="title">10人间 | B2A | 12F</view>
+                <view class="articleView">
+                    <view class="article" wx:for="{{3}}">#电视</view>
+                </view>
+                <view class="propOpen"></view>
+                <view class="priceView">
+                    <view class="price">￥ 200.00/</view>
+                    <view class="unit">半小时 起</view>
+                </view>
+            </view>
+            <view class="imgView">
+                <view class="title">会议室</view>
+                <image class="img" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill" />
             </view>
-            <image class="img" src="{{IMG_NAME + '/profile/static/meeting/accessControl/openClose.png'}}" mode="aspectFill" />
         </view>
     </view>
 </view>

miniprogram/pages/meeting/meetingReservation/meetingReservation.wxss

@@ -0,0 +1,96 @@
+.container {
+    width: 100vw;
+    height: 100vh;
+    background: #ffffff;
+}
+
+.meetingRoomView {
+    padding: 30rpx 30rpx;
+}
+
+.meetingRoomView .meetingRoomItem {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 30rpx;
+    padding-bottom: 30rpx;
+    border-bottom: 1px solid rgb(126, 126, 126, 0.3);
+}
+
+.meetingRoomView .meetingRoomItem .content {
+    display: flex;
+    flex-direction: column;
+    justify-content: start;
+    align-items: flex-start;
+    height: 180rpx;
+}
+
+.meetingRoomView .meetingRoomItem .content .title {
+    font-size: 32rpx;
+    color: black;
+}
+
+.meetingRoomView .meetingRoomItem .content .articleView {
+    display: flex;
+    justify-content: start;
+    align-items: center;
+    margin-top: 18rpx;
+}
+
+.meetingRoomView .meetingRoomItem .content .articleView .article {
+    font-size: 28rpx;
+    color: gray;
+    margin-left: 10rpx;
+}
+
+.meetingRoomView .meetingRoomItem .content .articleView .article:first-child {
+    margin-left: 0;
+}
+
+
+.meetingRoomView .meetingRoomItem .content .propOpen {
+    flex: 1;
+}
+
+.meetingRoomView .meetingRoomItem .content .priceView {
+    display: flex;
+    justify-content: start;
+    align-items: center;
+}
+
+.meetingRoomView .meetingRoomItem .content .priceView .price {
+    font-size: 32rpx;
+    color: red;
+    font-weight: bold;
+}
+
+.meetingRoomView .meetingRoomItem .content .priceView .unit {
+    font-size: 24rpx;
+    color: gray;
+}
+
+
+.meetingRoomView .meetingRoomItem .imgView {
+    position: relative;
+    width: 320rpx;
+    height: 180rpx;
+}
+
+.meetingRoomView .meetingRoomItem .imgView .title {
+    position: absolute;
+    left: 0;
+    top: 16rpx;
+    background: #76aef9;
+    font-size: 24rpx;
+    color: white;
+    font-weight: bold;
+    padding: 8rpx 16rpx;
+    border-top-right-radius: 6rpx;
+    border-bottom-right-radius: 6rpx;
+}
+
+.meetingRoomView .meetingRoomItem .imgView .img {
+    width: 100%;
+    height: 100%;
+    border-radius: 10rpx;
+}

miniprogram/pages/meeting/meetingRoom/meetingRoom.js

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

miniprogram/pages/meeting/meetingRoom/meetingRoom.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml

@@ -0,0 +1,2 @@
+<!--pages/meeting/meetingRoom/meetingRoom.wxml-->
+<text>pages/meeting/meetingRoom/meetingRoom.wxml</text>

miniprogram/pages/meeting/meetingRoom/meetingRoom.wxss

@@ -0,0 +1 @@
+/* pages/meeting/meetingRoom/meetingRoom.wxss */