feat: 产品类别弹窗添加产品数量展示

songshankun

2023-10-18 5b952be3c2534d1d34cd9a75e0f7df1e109f2354

 src/components/makepager/FormBtnsView.vue

@@ -10,14 +10,14 @@
    <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">{{ countObject.inLibrary + "件" }}</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 + "件" }}</div>
        <div class="right-label">预测</div>
      </div>
    </div>
@@ -29,8 +29,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 }}</div>
        <div class="right-label">{{ "出: " + countObject.exit }}</div>
      </div>
    </div>
    <!-- <div
@@ -48,14 +48,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 }}</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 }}</div>
        <div class="right-label">产品</div>
      </div>
    </div>
@@ -120,6 +120,19 @@
    showSale: {
      type: Boolean,
      default: true
    },
    countObject: {
      type: Object,
      default: () => {
        return {
          inLibrary: 0, // 在库
          forecast: 0, // 预测
          enter: 0, // 进
          exit: 0, // 出
          reorderRule: 0, // 重订货规则
          product: 0 // 产品
        }
      }
    }
  },
  data() {
@@ -144,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 {
@@ -172,12 +188,6 @@
  }
  .left_border {
    border-left: 1px solid #e9e9e9;
  }
  .no-cursor {
    cursor: no-drop;
  }
  .yes-cursor {
    cursor: pointer;
  }
}
</style>