描述:服务

miniprogram/api/meeting/meetingRoom.js

@@ -99,3 +99,12 @@ export function selectCoordinateRq() {
         method: "get",
     });
 }
+
+
+// 根据会议室id查询所有的会议室服务与设备
+export function getMeetingRoomServiceAndEquipmentRq(id) {
+    return request({
+        url: '/api/roomContent/getMeetingRoomServiceAndEquipment/' + id,
+        method: "get",
+    });
+}

miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.js

@@ -1,18 +1,41 @@
-// pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.js
+const app = getApp()
+
+import {
+    getMeetingRoomServiceAndEquipmentRq
+} from "../../../../api/meeting/meetingRoom.js"
+
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        IMG_NAME: app.IMG_NAME,
+        meetingRoomId: null,
+        detail: {}
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
+        let _this = this;
+        _this.setData({
+            ...options
+        })
+        // 获取数据
+        _this.getData();
+    },
 
+    // 获取数据
+    getData() {
+        let _this = this;
+        getMeetingRoomServiceAndEquipmentRq(_this.data.meetingRoomId).then(res => {
+            _this.setData({
+                detail: res.data
+            })
+        })
     },
 
     /**

miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.wxml

@@ -1,12 +1,12 @@
-<view class="containerView">
+<view class="containerView public">
 
     <!-- 空间设施 -->
     <view class="facilitiesView">
         <view class="leftLineTitle">空间设施</view>
         <view class="itemView">
-            <view class="singleItem" wx:for="{{10}}">
-                <van-icon name="tv-o" size="40px" />
-                <view class="name">TV</view>
+            <view class="singleItem" wx:for="{{detail.roomItem}}" wx:key="*this">
+                <image class="img" src="{{IMG_NAME + item.picUrl}}" mode="aspectFill"></image>
+                <view class="name">{{item.name}}</view>
             </view>
         </view>
     </view>
@@ -15,9 +15,9 @@
     <view class="facilitiesView">
         <view class="leftLineTitle">免费服务</view>
         <view class="itemView">
-            <view class="singleItem" wx:for="{{10}}">
-                <van-icon name="flower-o" size="40px" />
-                <view class="name">服务</view>
+            <view class="singleItem" wx:for="{{detail.roomFreeServe}}" wx:key="*this">
+                <image class="img" src="{{IMG_NAME + item.pic}}" mode="aspectFill"></image>
+                <view class="name">{{item.serveName}}</view>
             </view>
         </view>
     </view>
@@ -26,9 +26,9 @@
     <view class="serviceView">
         <view class="leftLineTitle">增值服务</view>
         <view class="serviceItemView">
-            <view class="serviceItem" wx:for="{{6}}">
-                <view class="name">专业设备调试、音源专业设备调试、音源专业设备调试、音源专业设备调试、音源</view>
-                <view class="content">500元、800元、1000元/场次</view>
+            <view class="serviceItem" wx:for="{{detail.roomFServe}}" wx:key="*this">
+                <view class="name">{{item.serveName}}</view>
+                <view class="content">{{item.money}}</view>
             </view>
         </view>
     </view>

miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.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;
-}
-
 .facilitiesView {
     margin: 50rpx 20rpx;
 }
@@ -33,8 +19,13 @@
     margin-top: 30rpx;
 }
 
+.facilitiesView .itemView .singleItem .img {
+    width: 70rpx;
+    height: 70rpx;
+}
+
 .facilitiesView .itemView .singleItem .name {
-    margin-top: 4rpx;
+    margin-top: 16rpx;
 }
 
 .serviceView {}