From fbe9459ed908eef6c25c3bcd244d0a7e74dfa792 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期四, 19 十月 2023 13:45:08 +0800
Subject: [PATCH] feat: 产品列表添加查看编辑按钮;弹窗根据情况展示对应标题
---
src/components/makepager/FormBtnsView.vue | 69 +++++++++++++++++++++-------------
1 files changed, 42 insertions(+), 27 deletions(-)
diff --git a/src/components/makepager/FormBtnsView.vue b/src/components/makepager/FormBtnsView.vue
index f975c37..b27b6b1 100644
--- a/src/components/makepager/FormBtnsView.vue
+++ b/src/components/makepager/FormBtnsView.vue
@@ -7,34 +7,36 @@
<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 cursor_pointer"
+ @click="inLibraryClick()"
+ >
<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 ?? 0) + "浠�" }}</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 ?? 0) + "浠�" }}</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 ?? 0) }}</div>
+ <div class="right-label">{{ "鍑�: " + (countObject?.exit ?? 0) }}</div>
</div>
</div>
- <div
+ <!-- <div
v-if="!showProduct && !showWarehouse && !showPosition"
class="sub-number"
@click="inOutBoundClick"
@@ -45,35 +47,28 @@
<div class="right-label">{{ 0 }}</div>
<div class="right-label">BOM</div>
</div>
- </div>
- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
+ </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">{{ 0 }}</div>
+ <div class="right-label">{{ (countObject?.reorderRule ?? 0) }}</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 ?? 0) }}</div>
<div class="right-label">浜у搧</div>
</div>
</div>
- <div v-if="!showWarehouse" class="sub-number left_border">
+ <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>
@@ -86,14 +81,14 @@
<div class="right-label">{{ "0.00" + "浠�" }}</div>
<div class="right-label">宸插敭</div>
</div>
- </div>
- <div v-if="showPosition" class="sub-number">
+ </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 left_border">
+ <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>
@@ -128,6 +123,19 @@
showSale: {
type: Boolean,
default: true
+ },
+ countObject: {
+ type: Object,
+ default: () => {
+ return {
+ inLibrary: 0, // 鍦ㄥ簱
+ forecast: 0, // 棰勬祴
+ enter: 0, // 杩�
+ exit: 0, // 鍑�
+ reorderRule: 0, // 閲嶈璐ц鍒�
+ product: 0 // 浜у搧
+ }
+ }
}
},
data() {
@@ -141,6 +149,10 @@
// 浜у搧
productClick() {
this.$emit("productClick")
+ },
+ // 鍦ㄥ簱
+ inLibraryClick(){
+ this.$emit("inLibraryClick")
}
}
}
@@ -152,11 +164,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