|
|
@@ -201,7 +201,7 @@
|
|
|
<el-card shadow="hover">
|
|
|
<div class="stat-item">
|
|
|
<div class="stat-label">今日转账金额</div>
|
|
|
- <div class="stat-value balance-value">¥{{ statAmount.amount_of_today || "0.00" }}</div>
|
|
|
+ <div class="stat-value balance-value">¥{{ transferAmount.amount_of_today || "0.00" }}</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
@@ -210,7 +210,7 @@
|
|
|
<el-card shadow="hover">
|
|
|
<div class="stat-item">
|
|
|
<div class="stat-label">近7天转账金额</div>
|
|
|
- <div class="stat-value balance-value">¥{{ statAmount.amount_of_7days || "0.00" }}</div>
|
|
|
+ <div class="stat-value balance-value">¥{{ transferAmount.amount_of_7days || "0.00" }}</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
@@ -219,7 +219,65 @@
|
|
|
<el-card shadow="hover">
|
|
|
<div class="stat-item">
|
|
|
<div class="stat-label">累计转账金额</div>
|
|
|
- <div class="stat-value balance-value">¥{{ statAmount.amount_of_all || "0.00" }}</div>
|
|
|
+ <div class="stat-value balance-value">¥{{ transferAmount.amount_of_all || "0.00" }}</div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="16" class="mt-4">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <div class="stat-item">
|
|
|
+ <div class="stat-label">今日消费金额</div>
|
|
|
+ <div class="stat-value consume-value">¥{{ consumeAmount.amount_of_today || "0.00" }}</div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <div class="stat-item">
|
|
|
+ <div class="stat-label">近7天消费金额</div>
|
|
|
+ <div class="stat-value consume-value">¥{{ consumeAmount.amount_of_7days || "0.00" }}</div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <div class="stat-item">
|
|
|
+ <div class="stat-label">累计消费金额</div>
|
|
|
+ <div class="stat-value consume-value">¥{{ consumeAmount.amount_of_all || "0.00" }}</div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+
|
|
|
+ <el-row :gutter="16" class="mt-4">
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <div class="stat-item">
|
|
|
+ <div class="stat-label">今日汇总</div>
|
|
|
+ <div class="stat-value summary-value">¥{{ summaryAmount.amount_of_today || "0.00" }}</div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <div class="stat-item">
|
|
|
+ <div class="stat-label">近7天汇总</div>
|
|
|
+ <div class="stat-value summary-value">¥{{ summaryAmount.amount_of_7days || "0.00" }}</div>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
+ <el-col :span="8">
|
|
|
+ <el-card shadow="hover">
|
|
|
+ <div class="stat-item">
|
|
|
+ <div class="stat-label">累计汇总</div>
|
|
|
+ <div class="stat-value summary-value">¥{{ summaryAmount.amount_of_all || "0.00" }}</div>
|
|
|
</div>
|
|
|
</el-card>
|
|
|
</el-col>
|
|
|
@@ -301,7 +359,19 @@ const accountData = ref<{
|
|
|
scene?: string;
|
|
|
}>({});
|
|
|
const recentTransfers = ref<any[]>([]);
|
|
|
-const statAmount = ref<{
|
|
|
+const transferAmount = ref<{
|
|
|
+ amount_of_today?: string;
|
|
|
+ amount_of_7days?: string;
|
|
|
+ amount_of_all?: string;
|
|
|
+}>({});
|
|
|
+
|
|
|
+const consumeAmount = ref<{
|
|
|
+ amount_of_today?: string;
|
|
|
+ amount_of_7days?: string;
|
|
|
+ amount_of_all?: string;
|
|
|
+}>({});
|
|
|
+
|
|
|
+const summaryAmount = ref<{
|
|
|
amount_of_today?: string;
|
|
|
amount_of_7days?: string;
|
|
|
amount_of_all?: string;
|
|
|
@@ -438,14 +508,40 @@ async function fetchAccountInfo() {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-async function fetchStatAmount() {
|
|
|
+async function fetchTransferAmount() {
|
|
|
if (!currentEnterpriseId.value) return;
|
|
|
loading.value = true;
|
|
|
try {
|
|
|
const res = await AccountAPI.statAmount(undefined, currentEnterpriseId.value);
|
|
|
- statAmount.value = res.data.data || {};
|
|
|
+ transferAmount.value = res.data.data || {};
|
|
|
} catch (error) {
|
|
|
- console.error("获取统计金额失败:", error);
|
|
|
+ console.error("获取转账统计金额失败:", error);
|
|
|
+ } finally {
|
|
|
+ loading.value = false;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+async function fetchConsumeAmount() {
|
|
|
+ if (!currentEnterpriseId.value) return;
|
|
|
+ loading.value = true;
|
|
|
+ try {
|
|
|
+ const res = await AccountAPI.statConsumeAmount(undefined, currentEnterpriseId.value);
|
|
|
+ consumeAmount.value = res.data.data || {};
|
|
|
+ } catch (error) {
|
|
|
+ console.error("获取消费统计金额失败:", error);
|
|
|
+ } finally {
|
|
|
+ loading.value = false;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+async function fetchSummaryAmount() {
|
|
|
+ if (!currentEnterpriseId.value) return;
|
|
|
+ loading.value = true;
|
|
|
+ try {
|
|
|
+ const res = await AccountAPI.statSummaryAmount(undefined, currentEnterpriseId.value);
|
|
|
+ summaryAmount.value = res.data.data || {};
|
|
|
+ } catch (error) {
|
|
|
+ console.error("获取汇总统计金额失败:", error);
|
|
|
} finally {
|
|
|
loading.value = false;
|
|
|
}
|
|
|
@@ -453,12 +549,16 @@ async function fetchStatAmount() {
|
|
|
|
|
|
async function handleRefresh() {
|
|
|
await fetchAccountInfo();
|
|
|
- await fetchStatAmount();
|
|
|
+ await fetchTransferAmount();
|
|
|
+ await fetchConsumeAmount();
|
|
|
+ await fetchSummaryAmount();
|
|
|
}
|
|
|
|
|
|
async function refresh() {
|
|
|
await fetchAccountInfo();
|
|
|
- await fetchStatAmount();
|
|
|
+ await fetchTransferAmount();
|
|
|
+ await fetchConsumeAmount();
|
|
|
+ await fetchSummaryAmount();
|
|
|
}
|
|
|
|
|
|
defineExpose({ refresh });
|
|
|
@@ -509,6 +609,14 @@ defineExpose({ refresh });
|
|
|
.balance-value {
|
|
|
color: #67c23a;
|
|
|
}
|
|
|
+
|
|
|
+ .consume-value {
|
|
|
+ color: #409eff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .summary-value {
|
|
|
+ color: #e6a23c;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.text-truncate {
|