概述 出库模块 编辑的时候循环处理对应产品调用接口获取在库数量的逻辑处理

haoxuan

2024-05-07 03cfba0f636b42417070fc8caef44bcdd792a085

 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;
  }
}