From 03cfba0f636b42417070fc8caef44bcdd792a085 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期二, 07 五月 2024 17:34:37 +0800
Subject: [PATCH] 概述 出库模块 编辑的时候循环处理对应产品调用接口获取在库数量的逻辑处理
---
src/components/makepager/FormBtnsView.vue | 144 ++++++++++++++++++++++++++++++++++++------------
1 files changed, 108 insertions(+), 36 deletions(-)
diff --git a/src/components/makepager/FormBtnsView.vue b/src/components/makepager/FormBtnsView.vue
index 982a477..35c4d25 100644
--- a/src/components/makepager/FormBtnsView.vue
+++ b/src/components/makepager/FormBtnsView.vue
@@ -1,80 +1,105 @@
<template>
<div class="content-number">
- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
+ <!-- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
<div class="left"><i class="el-icon-s-fold"></i></div>
<div class="right">
<div class="right-label">{{ 0 }}</div>
<div class="right-label">棰濆鐨勪环鏍�</div>
</div>
- </div>
- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
+ </div> -->
+ <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">鍦ㄦ墜</div>
+ <div class="right-label">{{ (countObject?.amount ?? 0) + "浠�" }}</div>
+ <div class="right-label">鍦ㄥ簱</div>
</div>
</div>
- <div v-if="!showProduct && !showWarehouse && !showPosition" 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?.predictionAmount ?? 0) + "浠�" }}</div>
<div class="right-label">棰勬祴</div>
</div>
</div>
<div
v-if="!showProduct && !showWarehouse && !showPosition"
- class="sub-number"
- @click="inOutBoundClick"
- style="cursor: pointer"
+ class="sub-number yes-cursor"
+ :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" @click="inOutBoundClick('杩�')">{{ "杩�: " + (countObject?.inputAmount ?? 0) }}</div>
+ <div class="right-label" @click="inOutBoundClick('鍑�')">{{ "鍑�: " + (countObject?.outputAmount ?? 0) }}</div>
</div>
</div>
- <div v-if="!showProduct && !showWarehouse && !showPosition" class="sub-number">
+ <!-- <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 yes-cursor"
+ @click="reorderRulesClick"
+ >
<div class="left"><i class="el-icon-refresh"></i></div>
<div class="right">
- <div class="right-label">{{ 0 }}</div>
- <div class="right-label">閲嶈璐ц鍒�</div>
+ <template v-if="countObject?.reorderRuleNum== 1">
+ <div class="right-label">鏈�灏忥細{{ countObject?.minInventoryRule ?? 0 }}</div>
+ <div class="right-label">鏈�澶э細{{ countObject?.maxInventoryRule ?? 0 }}</div>
+ </template>
+ <template v-else>
+ <div class="right-label">{{ countObject?.reorderRuleNum ?? 0 }}</div>
+ <div class="right-label">閲嶈璐ц鍒�</div>
+ </template>
</div>
</div>
- <div v-if="showProduct" class="sub-number right-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?.reorderRuleNum ?? 0 }}</div>
<div class="right-label">浜у搧</div>
</div>
</div>
- <div v-if="!showWarehouse" class="sub-number">
- <div class="left"><i class="el-icon-help"></i></div>
+ <div v-if="!showWarehouse" class="sub-number left_border yes-cursor" @click="listingRulesClick">
+ <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" 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="showPositionCursor?'sub-number yes-cursor':'no-cursor sub-number'" @click="positionReport">
<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 class="left"><i class="el-icon-help"></i></div>
+ <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>
@@ -96,19 +121,63 @@
showPosition: {
type: Boolean,
default: false
+ },
+ addProduct: {
+ type: Boolean,
+ default: false
+ },
+ showProcure: {
+ type: Boolean,
+ default: true
+ },
+ showSale: {
+ type: Boolean,
+ default: true
+ },
+ showPositionCursor:{
+ type: Boolean,
+ default: false,
+ },
+ countObject: {
+ type: Object,
+ default: () => {
+ return {
+ inLibrary: 0, // 鍦ㄥ簱
+ forecast: 0, // 棰勬祴
+ enter: 0, // 杩�
+ exit: 0, // 鍑�
+ reorderRule: 0, // 閲嶈璐ц鍒�
+ product: 0 // 浜у搧
+ }
+ }
}
},
data() {
return {}
},
methods: {
+ positionReport(){
+ this.$emit("positionReport")
+ },
// 杩涘嚭
- inOutBoundClick() {
- this.$emit("inOutBoundClick")
+ inOutBoundClick(val) {
+ this.$emit("inOutBoundClick",val)
},
// 浜у搧
productClick() {
this.$emit("productClick")
+ },
+ // 鍦ㄥ簱
+ inLibraryClick() {
+ this.$emit("inLibraryClick")
+ },
+ // 涓婃灦瑙勫垯
+ listingRulesClick() {
+ this.$emit("listingRulesClick")
+ },
+ // 閲嶈璐ц鍒�
+ reorderRulesClick() {
+ this.$emit("reorderRulesClick")
}
}
}
@@ -120,13 +189,16 @@
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%;
+ width: 13%;
border-right: 1px solid #e9e9e9;
+ border-top: 1px solid #e9e9e9;
+ border-bottom: 1px solid #e9e9e9;
display: flex;
- padding: 3px 9px;
+ padding: 3px 5px;
.left {
margin-top: 3px;
font-size: 22px;
@@ -146,7 +218,7 @@
}
}
}
- .right-border {
+ .left_border {
border-left: 1px solid #e9e9e9;
}
}
--
Gitblit v1.8.0