整理商品管理模块

This commit is contained in:
2024-07-25 19:20:53 +08:00
parent 717c89a58e
commit cf0961afdd
48 changed files with 1814 additions and 965 deletions

View File

@@ -6,7 +6,8 @@
class="monitor-card-tabs"
@change="onSaleTypeChange"
>
<a-tab-pane tab="销售额" key="saleroom" />
<a-tab-pane tab="商品销售排行(全门店)" key="saleroom" />
<a-tab-pane tab="用户消费排行(全门店)" />
<template #rightExtra>
<a-space
size="middle"

View File

@@ -8,22 +8,15 @@
<div class="ele-text-secondary ele-cell">
<div class="ele-cell-content">总销售额</div>
<a-tooltip title="指标说明">
<question-circle-outlined />
<ele-tag color="green">全门店</ele-tag>
</a-tooltip>
</div>
<h1 class="analysis-chart-card-num">¥ 126,560</h1>
<div class="analysis-chart-card-content" style="padding-top: 16px">
<a-space size="middle">
<span class="analysis-trend-text">
周同比12% <caret-up-outlined class="ele-text-danger" />
</span>
<span class="analysis-trend-text">
日同比11% <caret-down-outlined class="ele-text-success" />
</span>
</a-space>
</div>
<a-divider />
<div>日销售额 12,423</div>
<div class="flex justify-between">
<span>本月订单数</span>
<span>6,234</span>
</div>
</a-card>
</a-col>
<a-col
@@ -31,17 +24,15 @@
>
<a-card class="analysis-chart-card" :bordered="false">
<div class="ele-text-secondary ele-cell">
<div class="ele-cell-content">访问量</div>
<ele-tag color="red"></ele-tag>
<div class="ele-cell-content">订单总数</div>
<ele-tag color="green">全门店</ele-tag>
</div>
<h1 class="analysis-chart-card-num">8,846</h1>
<v-chart
ref="visitChartRef"
:option="visitChartOption"
style="height: 40px"
/>
<a-divider />
<div>日访问量 1,234</div>
<div class="flex justify-between">
<span>昨日订单数</span>
<span>634</span>
</div>
</a-card>
</a-col>
<a-col
@@ -49,17 +40,15 @@
>
<a-card class="analysis-chart-card" :bordered="false">
<div class="ele-text-secondary ele-cell">
<div class="ele-cell-content">支付笔</div>
<ele-tag color="blue"></ele-tag>
<div class="ele-cell-content">会员总</div>
<ele-tag color="blue">全门店</ele-tag>
</div>
<h1 class="analysis-chart-card-num">6,560</h1>
<v-chart
ref="payNumChartRef"
:option="payNumChartOption"
style="height: 40px"
/>
<h1 class="analysis-chart-card-num">16,560</h1>
<a-divider />
<div>转化率 60%</div>
<div class="flex justify-between">
<span>今日订单数</span>
<span>1</span>
</div>
</a-card>
</a-col>
<a-col
@@ -67,27 +56,17 @@
>
<a-card class="analysis-chart-card" :bordered="false">
<div class="ele-text-secondary ele-cell">
<div class="ele-cell-content">活动运营效果</div>
<ele-tag color="green"></ele-tag>
</div>
<h1 class="analysis-chart-card-num">78%</h1>
<div class="analysis-chart-card-content" style="padding-top: 16px">
<a-progress
:percent="78"
:show-info="false"
stroke-color="#13c2c2"
status="active"
/>
<div class="ele-cell-content">商品总数</div>
<ele-tag color="green">全门店</ele-tag>
</div>
<h1 class="analysis-chart-card-num">78</h1>
<!-- <div class="analysis-chart-card-content" style="padding-top: 16px">-->
<!-- </div>-->
<a-divider />
<a-space size="middle">
<span class="analysis-trend-text">
周同比12% <caret-up-outlined class="ele-text-danger" />
</span>
<span class="analysis-trend-text">
日同比11% <caret-down-outlined class="ele-text-success" />
</span>
</a-space>
<div class="flex justify-between">
<span>今日订单数</span>
<span>1</span>
</div>
</a-card>
</a-col>
</a-row>