feat(M08-A): 增加权益可视化选择器

miniapp/pages/room/detail.wxml

@@ -10,11 +10,41 @@
   </view>
 
   <view class="section-title">权益抵扣</view>
-  <view class="benefit-grid">
-    <input placeholder="优惠券ID" value="{{couponGrantId}}" data-field="couponGrantId" bindinput="updateBenefitField" />
-    <input placeholder="套餐ID" value="{{packageHoldingId}}" data-field="packageHoldingId" bindinput="updateBenefitField" />
-    <input placeholder="套餐分钟" type="number" value="{{packageMinutes}}" data-field="packageMinutes" bindinput="updateBenefitField" />
-    <input placeholder="套餐抵扣元" type="digit" value="{{packageCreditYuan}}" data-field="packageCreditYuan" bindinput="updateBenefitField" />
+  <view wx:if="{{benefitLoading}}" class="muted">权益加载中</view>
+  <view wx:if="{{!benefitLoading && availableCoupons.length === 0 && availablePackages.length === 0}}" class="muted">暂无可用权益</view>
+  <view wx:if="{{availableCoupons.length}}" class="benefit-list">
+    <view
+      wx:for="{{availableCoupons}}"
+      wx:key="couponGrantId"
+      class="benefit-option {{couponGrantId === item.couponGrantId ? 'active' : ''}}"
+      data-id="{{item.couponGrantId}}"
+      bindtap="selectCoupon"
+    >
+      <view class="option-head">
+        <view class="option-title">{{item.name}}</view>
+        <view class="option-value">{{item.valueText}}</view>
+      </view>
+      <view class="muted">{{item.thresholdText}} · {{item.scopeText}}</view>
+    </view>
+  </view>
+  <view wx:if="{{availablePackages.length}}" class="benefit-list">
+    <view
+      wx:for="{{availablePackages}}"
+      wx:key="packageHoldingId"
+      class="benefit-option {{packageHoldingId === item.packageHoldingId ? 'active' : ''}}"
+      data-id="{{item.packageHoldingId}}"
+      bindtap="selectPackage"
+    >
+      <view class="option-head">
+        <view class="option-title">{{item.name}}</view>
+        <view class="option-value">{{item.remainingAmountText}}</view>
+      </view>
+      <view class="muted">剩余 {{item.remainingMinutes}} 分钟 · {{item.scopeText}}</view>
+    </view>
+  </view>
+  <view wx:if="{{packageHoldingId}}" class="benefit-grid">
+    <input placeholder="套餐分钟" type="number" value="{{packageMinutes}}" data-field="packageMinutes" bindinput="updatePackageUsage" />
+    <input placeholder="套餐抵扣元" type="digit" value="{{packageCreditYuan}}" data-field="packageCreditYuan" bindinput="updatePackageUsage" />
   </view>
 
   <view class="action-grid">
@@ -39,6 +69,8 @@
     <view class="result-title">订单</view>
     <view>订单编号：{{order.orderId}}</view>
     <view wx:if="{{order.reservationId}}">预占编号：{{order.reservationId}}</view>
+    <view wx:if="{{selectedCouponName}}">已选优惠券：{{selectedCouponName}}</view>
+    <view wx:if="{{selectedPackageName}}">已选套餐：{{selectedPackageName}}</view>
     <view wx:if="{{order.quote.discountCents}}">优惠抵扣：{{order.quote.discountCents}}分</view>
     <view wx:if="{{order.quote.packageCreditCents}}">套餐抵扣：{{order.quote.packageCreditCents}}分</view>
     <button size="mini" data-order-id="{{order.orderId}}" bindtap="openOrder">查看订单</button>