场地预约整改

src/main/resources/views/mobile/activity/site/audit.html

@@ -1,5 +1,15 @@
 <!--# layout("/mobile/platform.html"){ #-->
 <style>
+/* 日期和每个时间段保持完整，同日连续场次由后端统一合并展示。 */
+.site-audit .reservation-times { text-align:left; font-variant-numeric:tabular-nums; }
+.site-audit .reservation-time-day { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; padding:3px 0; line-height:22px; }
+.site-audit .reservation-time-date { flex:0 0 88px; white-space:nowrap; font-weight:500; }
+.site-audit .reservation-time-ranges { display:flex; flex-wrap:wrap; gap:2px 12px; }
+.site-audit .reservation-time-range { white-space:nowrap; }
+    .site-audit .reservation-times { padding:4px 0 6px; font-size:14px; overflow-wrap:normal; }
+    .site-audit .reservation-time-day { display:block; padding:4px 0; }
+    .site-audit .reservation-time-date { display:block; color:#606266; }
+
     .site-audit .van-doc-card { margin:14px; padding:12px; background:#fff; border-radius:10px; box-shadow:0 8px 12px #ebedf0; line-height:20px; font-size:15px; position:relative; }
     .site-audit .card-title { font-size:18px; font-weight:bold; color:#1867b0; padding-left:4px; }
     .site-audit .title-mark { position:absolute; left:0; top:12px; color:#1867b0; font-weight:bold; }
@@ -33,7 +43,13 @@
                 <div><span class="field-label">所属单位：</span>{{row.reserve_person_unit || '—'}}</div>
                 <div><span class="field-label">预约类型：</span>{{typeName(row.reserve_type)}}</div>
                 <div v-if="row.club_name"><span class="field-label">所属协会：</span>{{row.club_name}}</div>
-                <div><span class="field-label">预约时段：</span>{{row.concat_day}}</div>
+                <div><span class="field-label">预约时段：</span><div class="reservation-times">
+    <div v-for="group in row.reservationTimeGroups" :key="group.date" class="reservation-time-day">
+        <span class="reservation-time-date">{{group.date}}</span>
+        <div class="reservation-time-ranges"><span v-for="(range,index) in group.ranges" :key="index" class="reservation-time-range">{{range.start}}–{{range.end}}</span></div>
+    </div>
+    <span v-if="!row.reservationTimeGroups || !row.reservationTimeGroups.length">—</span>
+</div></div>
             </div>
             <van-divider></van-divider>
             <div class="card-footer">
@@ -134,7 +150,7 @@
                     this.clearPopupHistory(() => pjaxReplace('/mobile/index'))
                 }
             },
-            typeName(type) { return {1:'个人预约',2:'单位预约',3:'协会预约'}[type] || '—' },
+            typeName(type) { return {1:'个人预约',2:'分工会预约',3:'协会预约'}[type] || '—' },
             filterOpened() { this.$set(this, 'filterShow', true) },
             filterClosed() { this.$set(this, 'filterShow', false) },
             canReview(row) {