czg_team/cashier-web
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化新版数据统计页面，优化销量统计

Browse Source
This commit is contained in:
gyq
2025-11-25 16:45:27 +08:00
parent 748c20362f
commit 89f9283163
6 changed files with 241 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/views/data/sales.vue
View File

@@ -94,6 +94,28 @@
<div class="t">退单量</div>
</div>
</div>
<div class="item">
<div class="icon_wrap" style="--bg-color: #c978ee">
<el-icon color="#fff">
<ShoppingCart />
</el-icon>
</div>
<div class="info">
<div class="m">{{ payCount.totalAmount - payCount.refundAmount || 0 }}</div>
<div class="t">实际销售额总和</div>
</div>
</div>
<div class="item">
<div class="icon_wrap" style="--bg-color: #c978ee">
<el-icon color="#fff">
<ShoppingCart />
</el-icon>
</div>
<div class="info">
<div class="m">{{ payCount.saleCount - payCount.refundCount || 0 }}</div>
<div class="t">实际销量总和</div>
</div>
</div>
</div>
</div>
<div class="head-container">
@@ -122,7 +144,6 @@
<el-table-column label="会员支付" prop="cash">
<template v-slot="scope">￥{{ scope.row.deposit }}</template>
</el-table-column>
<!-- <el-table-column label="充值金额" prop="cash">
<template v-slot="scope">
￥{{ scope.row.recharge }}
@@ -131,6 +152,12 @@
<el-table-column label="退款金额" prop="cash">
<template v-slot="scope">￥{{ scope.row.refund }}</template>
</el-table-column>
<el-table-column label="实际销量" prop="refundCount">
<template v-slot="scope"> {{ scope.row.saleCount - scope.row.refundCount }} </template>
</el-table-column>
<el-table-column label="实际销售额" prop="refundCount">
<template v-slot="scope"> ￥{{ scope.row.saleAmount - scope.row.refundAmount }} </template>
</el-table-column>
</el-table>
<el-table :data="tableData.data" v-loading="tableData.loading" v-if="orderType == 2">
<!-- <el-table-column label="商品分类" prop="cateName"></el-table-column>
@@ -145,6 +172,12 @@
<el-table-column label="退款金额" prop="refundAmount">
<template v-slot="scope">￥{{ scope.row.refundAmount }}</template>
</el-table-column>
<el-table-column label="实际销量" prop="refundCount">
<template v-slot="scope"> {{ scope.row.saleCount - scope.row.refundCount }} </template>
</el-table-column>
<el-table-column label="实际销售额" prop="refundCount">
<template v-slot="scope"> ￥{{ scope.row.saleAmount - scope.row.refundAmount }} </template>
</el-table-column>
</el-table>
</div>
<div class="head-container">
@@ -346,6 +379,14 @@ export default {
background-image: url(../../assets/images/home/data_forms1.png);
}
.item:nth-child(5) {
background-image: url(../../assets/images/home/data_forms2.png);
}
.item:nth-child(6) {
background-image: url(../../assets/images/home/data_forms1.png);
}
.item {
background-size: 100% 100%;
width: 255px;