描述:会议室展厅显示多张图片

miniprogram/pages/meeting/meetingReservation/meetingReservation.js

@@ -200,8 +200,18 @@ Page({
         // 会议室列表数据
         meetingRoomListRq(param).then(res => {
             console.log('meetingRoomListRq', res);
+            let roomDataList = res.rows.map(item => {
+                if (item.indoorPicUrl) {
+                    try {
+                        item.indoorPicUrlFirst = JSON.parse(item.indoorPicUrl)[0].url
+                    } catch (error) {
+                        console.log(`JSON error : ${error}`);
+                    }
+                }
+                return item
+            })
             _this.setData({
-                roomDataList: res.rows
+                roomDataList
             })
         })
     },

miniprogram/pages/meeting/meetingReservation/meetingReservation.wxml

@@ -38,7 +38,7 @@
             </view>
             <view class="imgView">
                 <view class="title">{{room.typeName}}</view>
-                <image class="img" src="{{IMG_NAME + room.indoorPicUrl}}" mode="aspectFill" />
+                <image class="img" src="{{IMG_NAME + room.indoorPicUrlFirst}}" mode="aspectFill" />
             </view>
         </view>
     </view>

miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js

@@ -66,9 +66,18 @@ Page({
     getDetail() {
         let _this = this;
         meetingRoomDetailRq(this.data.meetingRoomId).then(res => {
+            let detail = res.roomContent;
+            let bannerList = []
+            if (detail.indoorPicUrl) {
+                try {
+                   bannerList = JSON.parse(detail.indoorPicUrl).map(item=>item.url)
+                } catch (error) {
+                    console.log(`JSON error : ${error}`);
+                }
+            }
             _this.setData({
-                room: res.roomContent,
+                room: detail,
-                bannerList: [res.roomContent.indoorPicUrl]
+                bannerList
             })
         })
     },

miniprogram/pages/meeting/meetingRoom/meetingRoom.js

@@ -27,10 +27,19 @@ Page({
         let meetingRoomId = options.id;
         meetingRoomDetailRq(meetingRoomId).then(res => {
             console.log('meetingRoomDetailRq', res);
+            let detail = res.roomContent;
+            let bannerList = []
+            if (detail.indoorPicUrl) {
+                try {
+                   bannerList = JSON.parse(detail.indoorPicUrl).map(item=>item.url)
+                } catch (error) {
+                    console.log(`JSON error : ${error}`);
+                }
+            }
             _this.setData({
                 meetingRoomId,
-                detail: res.roomContent,
+                detail,
-                bannerList: [res.roomContent.indoorPicUrl]
+                bannerList
             })
         })
         // 获取地址信息

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

@@ -100,6 +100,14 @@ Page({
             detail.showDetail = showDetail;
             // 状态字体颜色
             detail.statusColor = statusColor;
+            // 图片
+            if (detail.roomContent.indoorPicUrl) {
+                try {
+                    detail.roomContent.indoorPicUrlFirst = JSON.parse(detail.roomContent.indoorPicUrl)[0].url
+                } catch (error) {
+                    console.log(`JSON error : ${error}`);
+                }
+            }
             _this.setData({
                 detail
             })
@@ -227,7 +235,7 @@ Page({
         let param = {
             title: detail.title,
             path: "/pages/meeting/invite/invite?id=" + id,
-            imageUrl: app.IMG_NAME + detail.roomContent.indoorPicUrl,
+            imageUrl: app.IMG_NAME + detail.roomContent.indoorPicUrlFirst,
         }
         console.log('onShareAppMessage', param);
         return param;

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

@@ -2,7 +2,7 @@
     <!-- 展示区域 -->
     <view class="itemView">
         <view class="contentView">
-            <image class="img" src="{{IMG_NAME + detail.roomContent.indoorPicUrl}}" mode="aspectFill"></image>
+            <image class="img" src="{{IMG_NAME + detail.roomContent.indoorPicUrlFirst}}" mode="aspectFill"></image>
             <view class="msgView">
                 <view class="title">{{detail.roomContent.capacityNum}}人间 | {{detail.roomContent.roomName}} | {{detail.roomContent.buildingName}}</view>
                 <view class="name">{{detail.title}}</view>

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

@@ -229,6 +229,14 @@ Page({
             item.showDetail = showDetail;
             // 状态字体颜色
             item.statusColor = statusColor;
+            // 图片
+            if (item.roomContent.indoorPicUrl) {
+                try {
+                    item.roomContent.indoorPicUrlFirst = JSON.parse(item.roomContent.indoorPicUrl)[0].url
+                } catch (error) {
+                    console.log(`JSON error : ${error}`);
+                }
+            }
             return item;
         })
 
@@ -401,7 +409,7 @@ Page({
         let param = {
             title: detail.title,
             path: "/pages/meeting/invite/invite?id=" + id,
-            imageUrl: app.IMG_NAME + detail.roomContent.indoorPicUrl,
+            imageUrl: app.IMG_NAME + detail.roomContent.indoorPicUrlFirst,
         }
         console.log('onShareAppMessage', param);
         return param;

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

@@ -7,7 +7,7 @@
                     <view class="status" style="color: {{item.statusColor}};">{{item.statusName}}</view>
                 </view>
                 <view class="contentView" bind:tap="jumpMeetingDetail" data-id="{{item.id}}">
-                    <image class="img" src="{{IMG_NAME + item.roomContent.indoorPicUrl}}" mode="aspectFill"></image>
+                    <image class="img" src="{{IMG_NAME + item.roomContent.indoorPicUrlFirst}}" mode="aspectFill"></image>
                     <view class="msgView">
                         <view class="title">{{item.roomContent.capacityNum}}人间 | {{item.roomContent.roomName}} | {{item.roomContent.buildingName}}</view>
                         <view class="name">预约人: {{item.createBy}}</view>