feat: 券面名称改为「200元汽油电子券」,券详情页移除有效角标与券规则行(同步清理无用引用样式)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
jacobxu666
2026-09-24 15:42:30 +08:00
co-authored by Claude Fable 5
parent ad710a81ce
commit 091832ce65
3 changed files with 3 additions and 8 deletions
+1 -6
View File
@@ -18,7 +18,6 @@
<!-- 已发券(statusCode=2):二维码 + 订单信息 -->
<block v-else-if="status === 2">
<view class="qrbox">
<view class="qr-badge">有效</view>
<!-- 核销码为图片URL时直接展示 -->
<image v-if="isQrImage" class="qr-img" :src="qrText" mode="widthFix" />
<!-- 核销码为字符串时前端渲染二维码(每60秒向服务端换取新码) -->
@@ -29,7 +28,6 @@
<view class="card">
<view class="card-title">订单信息</view>
<view class="kv"><text class="k">券名称</text><text class="v">{{ voucherName }}</text></view>
<view class="kv"><text class="k">券规则</text><text class="v rule-hl">{{ voucherRule }} | 无门槛</text></view>
<view class="kv"><text class="k">有效期至</text><text class="v">{{ voucher.validUntil || '-' }}</text></view>
<view class="kv"><text class="k">实付金额</text><text class="v">¥{{ amountText }}</text></view>
<view class="kv"><text class="k">支付时间</text><text class="v">{{ fmtTime(voucher.payTime) }}</text></view>
@@ -82,7 +80,7 @@
<script>
import {
VOUCHER_NAME, VOUCHER_RULE, VOUCHER_USE_RULES, VOUCHER_USE_FLOW,
VOUCHER_NAME, VOUCHER_USE_RULES, VOUCHER_USE_FLOW,
bizOk, bizMsg, bizData
} from '@/common/petrolVoucher.js'
@@ -98,7 +96,6 @@ export default {
pollLeft: 3,
checkTimer: null,
voucherName: VOUCHER_NAME,
voucherRule: VOUCHER_RULE,
useRules: VOUCHER_USE_RULES,
useFlow: VOUCHER_USE_FLOW
}
@@ -235,7 +232,6 @@ export default {
.nav-title { flex: 1; text-align: center; font-size: 17px; font-weight: 600; color: #1a1818; padding: 0 56px; }
.qrbox { position: relative; background-color: #ffffff; border-radius: 8px; margin: 12px; padding: 28px 20px 18px; text-align: center; }
.qr-badge { position: absolute; top: 14px; left: 14px; font-size: 11px; color: #2BB879; border: 1px solid #b6e6cf; border-radius: 3px; padding: 2px 8px; background-color: #f2fbf7; }
.qr-canvas { display: inline-block; }
.qr-canvas img, .qr-canvas canvas { display: block; }
.qr-img { width: 200px; }
@@ -247,7 +243,6 @@ export default {
.kv:last-child { border-bottom: none; }
.k { color: #999999; flex-shrink: 0; margin-right: 12px; }
.v { color: #1a1818; text-align: right; word-break: break-all; }
.rule-hl { color: #ff4d4f; font-weight: 600; }
.ol-item { font-size: 13px; color: #666666; line-height: 1.8; }
.issuing { background-color: #ffffff; border-radius: 8px; margin: 12px; padding: 46px 20px 26px; text-align: center; }