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 | 45 +++++++++++++++++++++++++++++++--------------
1 files changed, 31 insertions(+), 14 deletions(-)
diff --git a/src/components/makepager/FormBtnsView.vue b/src/components/makepager/FormBtnsView.vue
index fc703da..b27b6b1 100644
--- a/src/components/makepager/FormBtnsView.vue
+++ b/src/components/makepager/FormBtnsView.vue
@@ -7,17 +7,20 @@
<div class="right-label">棰濆鐨勪环鏍�</div>
</div>
</div> -->
- <div v-if="!showProduct && !showWarehouse && !showPosition && !addProduct" class="sub-number left_border no-cursor">
+ <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 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>
@@ -29,8 +32,8 @@
>
<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
@@ -48,14 +51,14 @@
<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 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>
@@ -120,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() {
@@ -133,6 +149,10 @@
// 浜у搧
productClick() {
this.$emit("productClick")
+ },
+ // 鍦ㄥ簱
+ inLibraryClick(){
+ this.$emit("inLibraryClick")
}
}
}
@@ -144,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 {
@@ -172,12 +195,6 @@
}
.left_border {
border-left: 1px solid #e9e9e9;
- }
- .no-cursor {
- cursor: no-drop;
- }
- .yes-cursor {
- cursor: pointer;
}
}
</style>
--
Gitblit v1.8.0