描述:展厅小时

miniprogram/pages/meeting/reservationRecord/exhibitionRecord/detail/detail.js

@@ -52,8 +52,8 @@ Page({
                 color = "#3794FF"
             } else if (detail.status == 1) { // 审核通过
                 color = "#62c855"
-            } else if (detail.status == 2) { // 审核驳回
+            } else if (detail.status == 4) { // 审核驳回
-                color = "red"
+                color = "#7F7F7F"
             }
             detail.statusColor = color;
             // persons
@@ -61,6 +61,14 @@ Page({
             let personList = []
             if (persons) {
                 personList = JSON.parse(persons);
+            }
+             // 图片
+             if (detail.indoorPicUrl) {
+                try {
+                    detail.indoorPicUrlFirst = JSON.parse(detail.indoorPicUrl)[0].url
+                } catch (error) {
+                    console.log(`JSON error : ${error}`);
+                }
             }
             //
             _this.setData({

miniprogram/pages/meeting/reservationRecord/exhibitionRecord/detail/detail.wxml

@@ -2,7 +2,7 @@
     <!-- 展示区域 -->
     <view class="itemView">
         <view class="contentView">
-            <image class="img" src="{{IMG_NAME + detail.indoorPicUrl}}" mode="aspectFill"></image>
+            <image class="img" src="{{IMG_NAME + detail.indoorPicUrlFirst}}" mode="aspectFill"></image>
             <view class="msgView">
                 <view class="title">{{detail.capacityNum}}人间 | {{detail.roomName}} | {{detail.buildingName}}</view>
                 <view class="name">{{detail.title}}</view>
@@ -73,6 +73,10 @@
             <view class="label">展厅状态</view>
             <view class="content status" style="color: {{detail.statusColor}};">{{detail.statusName}}</view>
         </view>
+        <view class="cellView" wx:if="{{detail.status == 4}}">
+            <view class="label">取消原因</view>
+            <view class="content status" style="color: {{detail.statusColor}};">{{detail.cancelResaon}}</view>
+        </view>
         <view class="cellView">
             <view class="label">展厅编号</view>
             <view class="content">{{detail.reservationNumber}}</view>

miniprogram/pages/meeting/reservationRecord/exhibitionRecord/list/list.js

@@ -76,12 +76,20 @@ Page({
                 color = "#3794FF"
             } else if (item.status == 1) { // 审核通过
                 color = "#62c855"
-            } else if (item.status == 2) { // 审核驳回
+            } else if (item.status == 4) { // 审核驳回
-                color = "red"
+                color = "#7F7F7F"
             }
             item.timeSlot = selfFormatTimeYMD(item.startTime) + ' ' + selfFormatTimeHM(item.startTime) + '~' + selfFormatTimeHM(item.endDate);
             console.log('item.timeSlot', item.timeSlot);
             item.statusColor = color;
+            // 图片
+            if (item.indoorPicUrl) {
+                try {
+                    item.indoorPicUrlFirst = JSON.parse(item.indoorPicUrl)[0].url
+                } catch (error) {
+                    console.log(`JSON error : ${error}`);
+                }
+            }
             return item;
         })
     },

miniprogram/pages/meeting/reservationRecord/exhibitionRecord/list/list.wxml

@@ -5,13 +5,14 @@
             <view class="status" style="color: {{item.statusColor}};">{{item.statusName}}</view>
         </view>
         <view class="contentView">
-            <image class="img" src="{{IMG_NAME + item.indoorPicUrl}}" mode="aspectFill"></image>
+            <image class="img" src="{{IMG_NAME + item.indoorPicUrlFirst}}" mode="aspectFill"></image>
             <view class="msgView">
                 <view class="title">{{item.capacityNum}}人间 | {{item.roomName}} | {{item.buildingName}}</view>
                 <view class="name">预约人: {{item.createBy}}</view>
                 <view class="time">{{item.timeSlot}}</view>
             </view>
         </view>
+        <view class="cancelContent" wx:if="{{item.status == 4 && item.cancelResaon}}">取消原因: {{item.cancelResaon}}</view>
         <view class="btnView">
             <view class="btn">查看详情</view>
         </view>

miniprogram/pages/meeting/reservationRecord/exhibitionRecord/list/list.wxss

@@ -68,6 +68,17 @@
     margin-top: 6rpx;
 }
 
+.itemView .cancelContent{
+    margin: 30rpx 0;
+    font-size: 26rpx;
+    color: #7F7F7F;
+
+    text-overflow: ellipsis;
+    overflow: hidden;
+    word-break: break-all;
+    white-space: nowrap;
+}
+
 .itemView .btnView {
     display: flex;
     justify-content: flex-end;