优化财务仪表盘UI与快捷时间筛选

This commit is contained in:
yml2213
2026-08-20 16:10:55 +08:00
parent 80e329a604
commit 9a52b51c89
25 changed files with 1626 additions and 438 deletions
@@ -216,7 +216,11 @@ const hasContent = computed(() => Boolean(snapshot.value))
<!-- Mobile:默认折叠 -->
<section v-if="props.variant === 'mobile'" class="card-section">
<van-collapse v-model="mobileActive" :border="false">
<van-collapse-item name="snapshot" title="订单账号信息" :label="hasContent ? '下单时账号快照(点击展开)' : '暂无快照'">
<van-collapse-item
name="snapshot"
title="订单账号信息"
:label="hasContent ? '下单时账号快照(点击展开)' : '暂无快照'"
>
<template v-if="hasContent">
<div class="kv-list">
<div v-for="row in primaryRows" :key="row.label" class="kv-row">
@@ -366,9 +366,7 @@ function bizTypeLabel(bizType: BizType) {
</div>
<div class="crash-product-info">
<strong>{{ row.title }}</strong>
<span
>x{{ row.quantity || 1 }}{{ row.unit ? ` · ${row.unit}` : '' }}</span
>
<span>x{{ row.quantity || 1 }}{{ row.unit ? ` · ${row.unit}` : '' }}</span>
</div>
</div>
<div v-else class="rental-product-cell">
@@ -403,8 +401,12 @@ function bizTypeLabel(bizType: BizType) {
<el-table-column label="押金 / 数量" width="110">
<template #default="{ row }">
<div v-if="row.bizType === 'rental' && row.rental" class="amount-cell">
<span class="amount-value">¥{{ money(amountYuan(row.rental.deposit_amount_cent)) }}</span>
<span v-if="amountYuan(row.rental.deposit_waived_amount_cent) > 0" class="amount-label"
<span class="amount-value"
>¥{{ money(amountYuan(row.rental.deposit_amount_cent)) }}</span
>
<span
v-if="amountYuan(row.rental.deposit_waived_amount_cent) > 0"
class="amount-label"
>免 ¥{{ money(amountYuan(row.rental.deposit_waived_amount_cent)) }}</span
>
</div>
@@ -451,9 +453,7 @@ function bizTypeLabel(bizType: BizType) {
<div class="action-buttons">
<el-button
v-if="
row.bizType === 'rental' &&
row.rental &&
row.rental.status === 'pending_payment'
row.bizType === 'rental' && row.rental && row.rental.status === 'pending_payment'
"
size="small"
type="primary"