feat(wms): 调整库存差异和安全库存页面统计卡片布局

- 将库存差异页面的统计卡片从4列调整为3列
- 移除库存差异页面的平均差异率统计卡片
- 将安全库存预警页面的统计卡片从4列调整为3列
- 调整安全库存预警页面统计卡片的显示 移除顺序
-安全库存预警页面的低于安全库存统计卡片
master
zangch@mesnac.com 2 months ago
parent c925563568
commit 8522bf9fde

@ -27,7 +27,7 @@
<!-- 统计卡片 --> <!-- 统计卡片 -->
<el-row :gutter="20" class="mb-4"> <el-row :gutter="20" class="mb-4">
<el-col :span="6"> <el-col :span="8">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-green-500">{{ differenceStats.noDifference }}</div> <div class="stat-value text-green-500">{{ differenceStats.noDifference }}</div>
@ -35,7 +35,7 @@
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-blue-500">{{ differenceStats.profit }}</div> <div class="stat-value text-blue-500">{{ differenceStats.profit }}</div>
@ -43,7 +43,7 @@
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-red-500">{{ differenceStats.loss }}</div> <div class="stat-value text-red-500">{{ differenceStats.loss }}</div>
@ -51,14 +51,14 @@
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="6"> <!-- <el-col :span="6">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-orange-500">{{ differenceStats.avgRate.toFixed(2) }}%</div> <div class="stat-value text-orange-500">{{ differenceStats.avgRate.toFixed(2) }}%</div>
<div class="stat-label">平均差异率</div> <div class="stat-label">平均差异率</div>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>-->
</el-row> </el-row>
<!-- 图表展示区域 --> <!-- 图表展示区域 -->

@ -27,7 +27,7 @@
<!-- 统计卡片 --> <!-- 统计卡片 -->
<el-row :gutter="20" class="mb-4"> <el-row :gutter="20" class="mb-4">
<el-col :span="6"> <el-col :span="8">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-red-500">{{ alertStats.shortage }}</div> <div class="stat-value text-red-500">{{ alertStats.shortage }}</div>
@ -35,15 +35,15 @@
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="6"> <!-- <el-col :span="6">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-orange-500">{{ alertStats.belowSafety }}</div> <div class="stat-value text-orange-500">{{ alertStats.belowSafety }}</div>
<div class="stat-label">低于安全库存</div> <div class="stat-label">低于安全库存</div>
</div> </div>
</el-card> </el-card>
</el-col> </el-col>-->
<el-col :span="6"> <el-col :span="8">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-yellow-500">{{ alertStats.overstock }}</div> <div class="stat-value text-yellow-500">{{ alertStats.overstock }}</div>
@ -51,7 +51,7 @@
</div> </div>
</el-card> </el-card>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="8">
<el-card shadow="hover" class="stat-card"> <el-card shadow="hover" class="stat-card">
<div class="stat-item"> <div class="stat-item">
<div class="stat-value text-green-500">{{ alertStats.normal }}</div> <div class="stat-value text-green-500">{{ alertStats.normal }}</div>

Loading…
Cancel
Save