feat(M08-A): 接入顾客端权益明细

miniapp/pages/benefits/index.wxml

@@ -0,0 +1,43 @@
+<scroll-view class="scrollarea" scroll-y type="list">
+  <view class="page">
+    <view class="title">权益明细</view>
+    <view wx:if="{{errorMessage}}" class="error">{{errorMessage}}</view>
+
+    <view class="section-title">优惠券</view>
+    <view wx:if="{{!loading && coupons.length === 0}}" class="empty">暂无优惠券</view>
+    <view wx:for="{{coupons}}" wx:key="couponGrantId" class="benefit-card">
+      <view class="card-head">
+        <view class="benefit-name">{{item.name}}</view>
+        <view class="status">{{item.statusText}}</view>
+      </view>
+      <view class="benefit-value">{{item.valueText}}</view>
+      <view class="muted">{{item.thresholdText}}</view>
+      <view class="muted">{{item.scopeText}}</view>
+      <view class="muted">{{item.validText}}</view>
+      <view class="muted">剩余次数：{{item.remainingUses}}</view>
+    </view>
+
+    <view class="section-title">套餐</view>
+    <view wx:if="{{!loading && packages.length === 0}}" class="empty">暂无套餐</view>
+    <view wx:for="{{packages}}" wx:key="packageHoldingId" class="benefit-card">
+      <view class="card-head">
+        <view class="benefit-name">{{item.name}}</view>
+        <view class="status">{{item.statusText}}</view>
+      </view>
+      <view class="row">
+        <text>剩余分钟</text>
+        <text>{{item.remainingMinutes}} / {{item.minutesTotal}}</text>
+      </view>
+      <view class="row">
+        <text>剩余金额</text>
+        <text>{{item.remainingAmountText}} / {{item.totalAmountText}}</text>
+      </view>
+      <view class="row">
+        <text>购买价</text>
+        <text>{{item.priceText}}</text>
+      </view>
+      <view class="muted">{{item.scopeText}}</view>
+      <view class="muted">{{item.validText}}</view>
+    </view>
+  </view>
+</scroll-view>