From cebd034737d009868a4d4711b792ade60971f2bc Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期三, 18 十月 2023 11:50:42 +0800
Subject: [PATCH] 概述-调拨列表样式展示修改
---
src/components/makepager/FormBtnsView.vue | 100 +++++++++++++++++++++++++++++++++++---------------
1 files changed, 70 insertions(+), 30 deletions(-)
diff --git a/src/components/makepager/FormBtnsView.vue b/src/components/makepager/FormBtnsView.vue
index 982a477..8ed335f 100644
--- a/src/components/makepager/FormBtnsView.vue
+++ b/src/components/makepager/FormBtnsView.vue
@@ -1,80 +1,92 @@
<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 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">鍦ㄦ墜</div>
+ <div class="right-label">{{ countObject.inLibrary + "浠�" }}</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.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 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.product }}</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 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" 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 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,6 +108,31 @@
showPosition: {
type: Boolean,
default: false
+ },
+ addProduct: {
+ type: Boolean,
+ default: false
+ },
+ 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() {
@@ -120,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 {
@@ -146,7 +186,7 @@
}
}
}
- .right-border {
+ .left_border {
border-left: 1px solid #e9e9e9;
}
}
--
Gitblit v1.8.0