<template>
|
<div class="content-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 && !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">{{ (countObject?.amount ?? 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">{{ (countObject?.predictionAmount ?? 0) + "件" }}</div>
|
<div class="right-label">预测</div>
|
</div>
|
</div>
|
<div
|
v-if="!showProduct && !showWarehouse && !showPosition"
|
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" @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"
|
@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">
|
<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 left_border yes-cursor" @click="productClick">
|
<div class="left"><i class="el-icon-s-fold"></i></div>
|
<div class="right">
|
<div class="right-label">{{ countObject?.reorderRuleNum ?? 0 }}</div>
|
<div class="right-label">产品</div>
|
</div>
|
</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 && 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="!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 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>
|
</template>
|
<script>
|
export default {
|
name: "FormBtnsView",
|
props: {
|
showProduct: {
|
type: Boolean,
|
default: false
|
},
|
showWarehouse: {
|
type: Boolean,
|
default: false
|
},
|
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(val) {
|
this.$emit("inOutBoundClick",val)
|
},
|
// 产品
|
productClick() {
|
this.$emit("productClick")
|
},
|
// 在库
|
inLibraryClick() {
|
this.$emit("inLibraryClick")
|
},
|
// 上架规则
|
listingRulesClick() {
|
this.$emit("listingRulesClick")
|
},
|
// 重订货规则
|
reorderRulesClick() {
|
this.$emit("reorderRulesClick")
|
}
|
}
|
}
|
</script>
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
<style lang="scss" scoped>
|
.content-number {
|
display: flex;
|
justify-content: right;
|
height: 44px;
|
// border-bottom: 1px solid #e9e9e9;
|
padding: 0px 10px;
|
font-size: 13px;
|
.sub-number {
|
width: 13%;
|
border-right: 1px solid #e9e9e9;
|
border-top: 1px solid #e9e9e9;
|
border-bottom: 1px solid #e9e9e9;
|
display: flex;
|
padding: 3px 5px;
|
.left {
|
margin-top: 3px;
|
font-size: 22px;
|
font-weight: 600;
|
}
|
.icon-view {
|
transform: rotate(270deg);
|
}
|
.right {
|
margin-left: 6px;
|
.right-label {
|
color: #495057;
|
}
|
.right-one {
|
height: 38px;
|
line-height: 38px;
|
}
|
}
|
}
|
.left_border {
|
border-left: 1px solid #e9e9e9;
|
}
|
}
|
</style>
|
