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
2026-02-04 16:32:55 +08:00
parent ddd39ec031
commit b87b4c000e
8 changed files with 129 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

131
src/views/data/finance.vue
View File

@@ -35,31 +35,59 @@
<div class="intro">营业额</div>
<div class="pay_wrap">
<div class="item">
<span class="n">{{ tableData.turnover.wechat || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.wechat || 0) }}
</div>
<span class="t">微信支付金额</span>
</div>
<div class="item">
<span class="n">{{ tableData.turnover.alipay || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.alipay || 0) }}
</div>
<span class="t">支付宝支付金额</span>
</div>
<div class="item">
<span class="n">{{ tableData.turnover.selfScan || 0 }}</span>
<span class="t">主扫收款</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.selfScan || 0) }}
</div>
<span class="t">二维码收款</span>
</div>
<div class="item">
<span class="n">{{ tableData.turnover.cash || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.barScan || 0) }}
</div>
<span class="t">扫码收款</span>
</div>
<div class="item">
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.cash || 0) }}
</div>
<span class="t">现金收款</span>
</div>
<div class="item">
<span class="n">{{ tableData.turnover.recharge || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.recharge || 0) }}
</div>
<span class="t">充值</span>
</div>
<div class="item">
<span class="n">{{ tableData.turnover.owed || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.owed || 0) }}
</div>
<span class="t">挂账</span>
</div>
<div class="item">
<span class="n">{{ tableData.turnover.balance || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.turnover.balance || 0) }}
</div>
<span class="t">余额支付</span>
</div>
</div>
@@ -97,7 +125,10 @@
<span class="t">桌台数</span>
</div>
<div class="item">
<span class="n">{{ tableData.sts.avgPayAmount || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.sts.avgPayAmount || 0) }}
</div>
<div class="t">客单价
<el-tooltip class="box-item" effect="dark" content="实付金额(包含现金支付 包含会员支付 包含挂账)/就餐人数没有具体人数时，默认一桌按照1人计算"
placement="top">
@@ -118,7 +149,10 @@
</div>
</div>
<div class="item">
<span class="n">{{ tableData.sts.profitAmount || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.sts.profitAmount || 0) }}
</div>
<div class="t">毛利润
<el-tooltip class="box-item" effect="dark" content="（订单实付金额-商品成本）" placement="top">
<el-icon color="#666">
@@ -128,7 +162,10 @@
</div>
</div>
<div class="item">
<span class="n">{{ tableData.sts.productCostAmount || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.sts.productCostAmount || 0) }}
</div>
<span class="t">商品成本</span>
</div>
<div class="item">
@@ -146,7 +183,10 @@
<span class="t">净利率</span>
</div>
<div class="item">
<span class="n">{{ tableData.sts.netProfitRate || 0 }}</span>
<div class="n">
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.sts.netProfitRate || 0) }}
</div>
<span class="t">净利润</span>
</div>
</div>
@@ -172,7 +212,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.newConsumerDiscount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.newConsumerDiscount || 0) }}
</div>
<div class="label">
新客立减
@@ -180,7 +221,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.freeCashAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.freeCashAmount || 0) }}
</div>
<div class="label">
霸王餐
@@ -188,7 +230,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.fullMinusAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.fullMinusAmount || 0) }}
</div>
<div class="label">
满减活动
@@ -196,7 +239,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.couponAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.couponAmount || 0) }}
</div>
<div class="label">
优惠券
@@ -204,7 +248,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.memberDiscount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.memberDiscount || 0) }}
</div>
<div class="label">
会员折扣
@@ -212,7 +257,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.pointsDiscountAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.pointsDiscountAmount || 0) }}
</div>
<div class="label">
积分抵扣金额
@@ -220,7 +266,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.discount.orderDiscount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.discount.orderDiscount || 0) }}
</div>
<div class="label">
订单改价
@@ -237,7 +284,8 @@
<div class="item_list">
<div class="item">
<div class="n">
{{ tableData.refund.onlineRefundAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.refund.onlineRefundAmount || 0) }}
</div>
<div class="label">
线上退款金额
@@ -245,7 +293,8 @@
</div>
<div class="item">
<div class="n">
{{ tableData.refund.cashRefundAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.refund.cashRefundAmount || 0) }}
</div>
<div class="label">
现金退款金额
@@ -253,15 +302,17 @@
</div>
<div class="item">
<div class="n">
{{ tableData.refund.rechargeRefundAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.refund.memberRefundAmount || 0) }}
</div>
<div class="label">
充值退款金额
余额退款金额
</div>
</div>
<div class="item">
<div class="n">
{{ tableData.refund.onlineRechargeRefundAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.refund.onlineRechargeRefundAmount || 0) }}
</div>
<div class="label">
线上充值退款金额
@@ -269,20 +320,13 @@
</div>
<div class="item">
<div class="n">
{{ tableData.refund.cashRechargeRefundAmount || 0 }}
<span class="i">￥</span>
{{ multiplyAndFormat(tableData.refund.cashRechargeRefundAmount || 0) }}
</div>
<div class="label">
现金充值退款金额
</div>
</div>
<div class="item">
<div class="n">
{{ tableData.refund.memberRefundAmount || 0 }}
</div>
<div class="label">
会员退款金额
</div>
</div>
</div>
</div>
<div class="card" style="flex: 1;">
@@ -442,6 +486,11 @@ onMounted(() => {
.item_list {
margin-top: 14px;
.title {
font-size: 14px;
color: #666;
}
.item {
height: 50px;
display: flex;
@@ -457,6 +506,14 @@ onMounted(() => {
font-size: 16px;
color: #333;
font-weight: bold;
display: flex;
align-items: center;
.i {
font-size: 10px;
position: relative;
top: 1px;
}
}
.label {
@@ -503,6 +560,14 @@ onMounted(() => {
font-size: 20px;
font-weight: bold;
color: #333;
display: flex;
align-items: center;
.i {
font-size: 12px;
position: relative;
top: 3px;
}
}
.t {