|
|
@@ -21,12 +21,6 @@
|
|
|
<text class="payscore-badge-text">微信支付分</text>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 分数展示 -->
|
|
|
- <view v-if="order.payScoreValue" class="score-display">
|
|
|
- <text class="score-value">{{ order.payScoreValue }}</text>
|
|
|
- <text class="score-label">分</text>
|
|
|
- </view>
|
|
|
-
|
|
|
<!-- 成功图标 -->
|
|
|
<view class="success-icon-wrapper">
|
|
|
<view class="success-icon">
|
|
|
@@ -40,30 +34,6 @@
|
|
|
<text class="success-subtitle">计入微信支付分按时支付记录</text>
|
|
|
</view>
|
|
|
|
|
|
- <!-- 商户信息卡片 -->
|
|
|
- <view class="card merchant-card">
|
|
|
- <view class="merchant-header">
|
|
|
- <view class="merchant-avatar">
|
|
|
- <text class="merchant-avatar-text">AI</text>
|
|
|
- </view>
|
|
|
- <view class="merchant-info">
|
|
|
- <text class="merchant-name">AI零售柜</text>
|
|
|
- <text class="merchant-desc">智慧零售 · 自助先购后付</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="merchant-divider" />
|
|
|
- <view class="merchant-meta">
|
|
|
- <view class="meta-item">
|
|
|
- <text class="meta-label">服务项目</text>
|
|
|
- <text class="meta-value">自助购物</text>
|
|
|
- </view>
|
|
|
- <view class="meta-item" v-if="order.storeName">
|
|
|
- <text class="meta-label">服务地点</text>
|
|
|
- <text class="meta-value">{{ order.storeName }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
<!-- 商品清单 -->
|
|
|
<view class="card products-card">
|
|
|
<view class="card-header">
|
|
|
@@ -234,7 +204,6 @@ const loadOrderDetail = async (orderId: string) => {
|
|
|
discountAmount: 0,
|
|
|
payStatus: 'PAID',
|
|
|
payChannel: 'wechat_payscore',
|
|
|
- payScoreValue: 687,
|
|
|
status: 3,
|
|
|
products: [
|
|
|
{ name: '芝士牛肉卷', quantity: 1, price: 12.50 },
|
|
|
@@ -343,27 +312,6 @@ $wechat-green-light: #e8f8ee;
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
-.score-display {
|
|
|
- display: flex;
|
|
|
- align-items: baseline;
|
|
|
- gap: 4rpx;
|
|
|
- margin-bottom: 24rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.score-value {
|
|
|
- font-size: 72rpx;
|
|
|
- font-weight: 800;
|
|
|
- color: $wechat-green;
|
|
|
- line-height: 1;
|
|
|
- letter-spacing: -2rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.score-label {
|
|
|
- font-size: 28rpx;
|
|
|
- color: $wechat-green;
|
|
|
- font-weight: 500;
|
|
|
-}
|
|
|
-
|
|
|
.success-icon-wrapper {
|
|
|
width: 120rpx;
|
|
|
height: 120rpx;
|
|
|
@@ -434,76 +382,6 @@ $wechat-green-light: #e8f8ee;
|
|
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
|
|
|
}
|
|
|
|
|
|
-/* ========== 商户卡片 ========== */
|
|
|
-.merchant-header {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 20rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-avatar {
|
|
|
- width: 80rpx;
|
|
|
- height: 80rpx;
|
|
|
- border-radius: 16rpx;
|
|
|
- background: linear-gradient(135deg, #FFC107, #FF9800);
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-avatar-text {
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: 700;
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-info {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- gap: 6rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-name {
|
|
|
- font-size: 30rpx;
|
|
|
- font-weight: 600;
|
|
|
- color: #1a1a1a;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-desc {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-divider {
|
|
|
- height: 1rpx;
|
|
|
- background: #f0f0f0;
|
|
|
- margin: 24rpx 0;
|
|
|
-}
|
|
|
-
|
|
|
-.merchant-meta {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- gap: 16rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.meta-item {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.meta-label {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-.meta-value {
|
|
|
- font-size: 26rpx;
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-
|
|
|
/* ========== 商品卡片 ========== */
|
|
|
.card-header {
|
|
|
display: flex;
|