描述:会议预约详情参与人员

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.js

@@ -11,7 +11,8 @@ import {
 
 import {
     selectReservationByIdRq,
-    cancelOrderRq
+    cancelOrderRq,
+    inviteRecordPersonListRq
 } from "../../../../../api/meeting/meetingRoom.js"
 
 Page({
@@ -22,7 +23,8 @@ Page({
     data: {
         IMG_NAME: app.IMG_NAME,
         id: null,
-        detail: null
+        detail: null,
+        joinPersonList: []
     },
 
     /**
@@ -102,6 +104,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
+            })
+        })
     },
 
     // 取消订单

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.wxml

@@ -69,6 +69,19 @@
         </view>
     </view>
 
+    <!-- 参与人员 -->
+    <view class="basicView">
+        <view class="labelTitle leftLineTitle">参与人员</view>
+        <view class="cellView borderNone">
+            <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="bottomFix" wx:if="{{detail.showPay || detail.showInvite || detail.showCancel}}">
         <view class="btn" wx:if="{{detail.showPay}}" bind:tap="jumpPay" data-id="{{detail.id}}">去支付</view>

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail.wxss

@@ -2,6 +2,10 @@
     padding-bottom: 200rpx;
 }
 
+.borderNone {
+    border: none !important;
+}
+
 .itemView {
     padding: 0 20rpx;
 }
@@ -92,6 +96,44 @@
     color: #4e96f8;
 }
 
+
+.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;
+}
+
+
+
 .bottomFix {
     box-sizing: border-box;
     position: fixed;
@@ -120,7 +162,7 @@
     color: #4e96f8;
 }
 
-.shareBtn{
+.shareBtn {
     position: absolute;
     z-index: 1;
     width: 100%;