描述:参加会议显示参与人员

miniprogram/api/meeting/meetingRoom.js

@@ -151,4 +151,12 @@ export function meetingRoomPayOrderRq(data) {
         method: "post",
         data
     });
+}
+
+// 查询参与会议预约人员列表
+export function inviteRecordPersonListRq(id) {
+    return request({
+        url: '/api/roomContent/inviteRecord?reservationId=' + id,
+        method: "get",
+    });
 }

miniprogram/pages/meeting/invite/invite.js

@@ -12,7 +12,8 @@ import {
     selectReservationByIdRq,
     selectCoordinateRq,
     roomContentIsVisitorRq,
-    roomContentAddVisitorRq
+    roomContentAddVisitorRq,
+    inviteRecordPersonListRq
 } from "../../../api/meeting/meetingRoom.js"
 
 import {
@@ -44,6 +45,7 @@ Page({
         },
         id: null,
         detail: null,
+        joinPersonList: [],
         address: {},
         openid: null,
         authorizationShow: true,
@@ -99,8 +101,20 @@ Page({
                 detail
             })
         })
+        // 查询参与会议预约人员列表
+        _this.getInviteRecordPersonList()
+    },
+    // 查询参与会议预约人员列表
+    getInviteRecordPersonList() {
+        let _this = this;
+        let id = _this.data.id;
+        inviteRecordPersonListRq(id).then(res => {
+            console.log('inviteRecordPersonListRq', res);
+            _this.setData({
+                joinPersonList: res.data
+            })
+        })
     },
-
     // 打开地图
     openMap(e) {
         console.log('openMap', e);
@@ -202,6 +216,8 @@ Page({
                     participateShow: false,
                     openDoorShow: true
                 })
+                 // 查询参与会议预约人员列表
+                _this.getInviteRecordPersonList()
             } else { //参与失败
                 Notify({
                     type: 'danger',

miniprogram/pages/meeting/invite/invite.wxml

@@ -34,6 +34,21 @@
         <view class="title">会面时间</view>
         <view class="content">{{detail.timeSlot}}</view>
     </view>
+
+    <!-- 参与人员 -->
+    <view class="otherView">
+        <view class="title">参与人员</view>
+        <view class="content">
+            <view class="joinView">
+                <view class="joinPersonView" wx:for="{{joinPersonList}}"  wx:key="*this">
+                    <image class="img" src="{{item.avatar ? IMG_NAME + item.avatar :  IMG_NAME + '/profile/static/user/headImg.png'}}" mode="aspectFill"></image>
+                    <view class="name">{{item.userName}}</view>
+                </view>
+            </view>
+        </view>
+    </view>
+
+
     <!-- 授权登录 -->
     <view class="submitBtn" wx:if="{{authorizationShow}}">授权登录
         <button class="loginBtn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

miniprogram/pages/meeting/invite/invite.wxss

@@ -71,6 +71,41 @@
     font-size: 26rpx;
 }
 
+.joinView {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+}
+
+.joinView .joinPersonView {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-right: 20rpx;
+    margin-bottom: 20rpx;
+}
+
+.joinView .joinPersonView .img {
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 100rpx;
+}
+
+.joinView .joinPersonView .name {
+    width: 100rpx;
+    margin-top: 10rpx;
+    font-size: 24rpx;
+    color: #5e5e5e;
+
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+}
+
 .submitBtn {
     box-sizing: border-box;
     position: absolute;

project.private.config.json

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