fix(private-detail): 恢复退款弹窗规则表格的说明列

2026-08-14 17:00:09 +08:00
parent 0b694ff6db
commit 5bd4d7dcea
1 changed files with 8 additions and 0 deletions
@@ -79,10 +79,12 @@
            <view class="refund-rules-header">
              <text>距开始时间</text>
              <text>退款比例</text>
+              <text>说明</text>
            </view>
            <view v-for="(rule, idx) in refundQuote.rules" :key="idx" class="refund-rule-row" :class="{ active: rule.description === refundQuote.applicable_tier_description }">
              <text>{{ formatHoursBefore(rule.hours_before_start, idx) }}</text>
              <text>{{ rule.refund_percentage }}%</text>
+              <text>{{ rule.description }}</text>
            </view>
          </view>
          <view class="refund-amount-box">
@@ -334,6 +336,9 @@ const formatHoursBefore = (hours, idx) => {
  text {
    flex: 1;
    text-align: center;
+
+    &:first-child { flex: 0.8; }
+    &:last-child { flex: 1.4; }
  }
 }

@@ -347,6 +352,9 @@ const formatHoursBefore = (hours, idx) => {
  text {
    flex: 1;
    text-align: center;
+
+    &:first-child { flex: 0.8; }
+    &:last-child { flex: 1.4; text-align: left; }
  }

  &.active {