From 5b952be3c2534d1d34cd9a75e0f7df1e109f2354 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期三, 18 十月 2023 11:26:46 +0800
Subject: [PATCH] feat: 产品类别弹窗添加产品数量展示
---
src/components/makepager/FormBtnsView.vue | 79 +++++++++++++++++++++++++++------------
1 files changed, 55 insertions(+), 24 deletions(-)
diff --git a/src/components/makepager/FormBtnsView.vue b/src/components/makepager/FormBtnsView.vue
index c223bb0..8ed335f 100644
--- a/src/components/makepager/FormBtnsView.vue
+++ b/src/components/makepager/FormBtnsView.vue
@@ -7,74 +7,85 @@
<div class="right-label">棰濆鐨勪环鏍�</div>
</div>
</div> -->
- <div v-if="!showProduct && !showWarehouse && !showPosition && !addProduct" class="sub-number left_border">
+ <div v-if="!showProduct && !showWarehouse && !showPosition && !addProduct" class="sub-number left_border no-cursor">
<div class="left"><i class="el-icon-present"></i></div>
<div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
+ <div class="right-label">{{ countObject.inLibrary + "浠�" }}</div>
<div class="right-label">鍦ㄥ簱</div>
</div>
</div>
- <div v-if="!showProduct && !showWarehouse && !showPosition && !addProduct" class="sub-number">
+ <div v-if="!showProduct && !showWarehouse && !showPosition && !addProduct" class="sub-number no-cursor">
<div class="left"><i class="el-icon-present"></i></div>
<div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
+ <div class="right-label">{{ countObject.forecast + "浠�" }}</div>
<div class="right-label">棰勬祴</div>
</div>
</div>
<div
v-if="!showProduct && !showWarehouse && !showPosition"
- class="sub-number"
+ class="sub-number yes-cursor"
@click="inOutBoundClick"
- style="cursor: pointer"
:class="{ left_border: addProduct }"
>
<div class="left icon-view"><i class="el-icon-sort"></i></div>
<div class="right">
- <div class="right-label">{{ "杩�: " + 0 }}</div>
- <div class="right-label">{{ "鍑�: " + 0 }}</div>
+ <div class="right-label">{{ "杩�: " + countObject.enter }}</div>
+ <div class="right-label">{{ "鍑�: " + countObject.exit }}</div>
</div>
</div>
- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
- <div class="left"><i class="el-icon-refresh"></i></div>
+ <!-- <div
+ v-if="!showProduct && !showWarehouse && !showPosition"
+ class="sub-number"
+ @click="inOutBoundClick"
+ :class="{ left_border: addProduct }"
+ >
+ <div class="left"><i class="el-icon-s-shop"></i></div>
<div class="right">
<div class="right-label">{{ 0 }}</div>
+ <div class="right-label">BOM</div>
+ </div>
+ </div> -->
+ <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number no-cursor">
+ <div class="left"><i class="el-icon-refresh"></i></div>
+ <div class="right">
+ <div class="right-label">{{ countObject.reorderRule }}</div>
<div class="right-label">閲嶈璐ц鍒�</div>
</div>
</div>
- <div v-if="showProduct" class="sub-number left_border" @click="productClick" style="cursor: pointer">
+ <div v-if="showProduct" class="sub-number left_border yes-cursor" @click="productClick">
<div class="left"><i class="el-icon-s-fold"></i></div>
<div class="right">
- <div class="right-label">{{ 0 }}</div>
+ <div class="right-label">{{ countObject.product }}</div>
<div class="right-label">浜у搧</div>
</div>
</div>
- <div v-if="!showWarehouse" class="sub-number">
+ <div v-if="!showWarehouse" class="sub-number left_border no-cursor">
<div class="left"><i class="el-icon-refresh"></i></div>
<div class="right">
<div class="right-one">涓婃灦瑙勫垯</div>
</div>
</div>
- <!-- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
- <div class="left"><i class="el-icon-s-data"></i></div>
- <div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
- <div class="right-label">宸插敭</div>
- </div>
- </div> -->
- <div v-if="!showProduct && !showWarehouse && !showPosition && showProcure" class="sub-number">
+ <!-- <div v-if="!showProduct && !showWarehouse && !showPosition && showProcure" class="sub-number">
<div class="left"><i class="el-icon-bank-card"></i></div>
<div class="right">
<div class="right-label">{{ "0.00" + "浠�" }}</div>
<div class="right-label">宸查噰璐�</div>
</div>
</div>
- <div v-if="showPosition" class="sub-number">
+ <div v-if="!showProduct && !showWarehouse && !showPosition && showSale" class="sub-number">
+ <div class="left"><i class="el-icon-bank-card"></i></div>
+ <div class="right">
+ <div class="right-label">{{ "0.00" + "浠�" }}</div>
+ <div class="right-label">宸插敭</div>
+ </div>
+ </div> -->
+ <div v-if="showPosition" class="sub-number no-cursor">
<div class="left"><i class="el-icon-help"></i></div>
<div class="right">
<div class="right-one">褰撳墠搴撳瓨</div>
</div>
</div>
- <div v-if="showWarehouse" class="sub-number">
+ <div v-if="showWarehouse" class="sub-number left_border no-cursor">
<div class="left"><i class="el-icon-refresh"></i></div>
<div class="right">
<div class="right-one">璺嚎</div>
@@ -105,6 +116,23 @@
showProcure: {
type: Boolean,
default: true
+ },
+ showSale: {
+ type: Boolean,
+ default: true
+ },
+ countObject: {
+ type: Object,
+ default: () => {
+ return {
+ inLibrary: 0, // 鍦ㄥ簱
+ forecast: 0, // 棰勬祴
+ enter: 0, // 杩�
+ exit: 0, // 鍑�
+ reorderRule: 0, // 閲嶈璐ц鍒�
+ product: 0 // 浜у搧
+ }
+ }
}
},
data() {
@@ -129,11 +157,14 @@
display: flex;
justify-content: right;
height: 44px;
- border-bottom: 1px solid #e9e9e9;
+ // border-bottom: 1px solid #e9e9e9;
+ padding: 0px 10px;
font-size: 13px;
.sub-number {
width: 12.5%;
border-right: 1px solid #e9e9e9;
+ border-top: 1px solid #e9e9e9;
+ border-bottom: 1px solid #e9e9e9;
display: flex;
padding: 3px 9px;
.left {
--
Gitblit v1.8.0