重订货规则新建、更新、重订购接口联调及公共组件优化

yangfeng

2023-10-31 ac547f0629e21fa52ec0cb40f0ac59aaa6d573f4

 src/views/productManage/reorderRules/index.vue

@@ -10,19 +10,19 @@
        @addCommonClick="addProductClick"
        @searchClick="getList"
        @discardBtnClick="discardBtnClick"
        @applyBtnClick="applyBtnClick"
      />
    </div>
    <div class="list-view">
      <div class="table">
        <CommonFormTableView
          ref="tablelistRef"
          :isinventory="true"
          :isReorder="true"
          :product-table-list="tableList"
          @inputContent="inputContent"
          @selLocationClick="selLocationClick"
          @selProductClick="selProductClick"
          @tableRowClick="tableRowClick"
          @selRouteClick="selRouteClick"
        >
          <template slot="tableButton">
            <el-table-column label="操作" width="180" align="center">
@@ -50,12 +50,7 @@
<script>
import CommonFormTableView from "@/components/makepager/CommonFormTableView"
import pageMixin from "@/components/makepager/pager/mixin/pageMixin"
import {
  getInventoryAdjustmentList,
  addInventoryAdjustment,
  updateInventoryAdjustment,
  finishInventoryAdjustment
} from "@/api/operate/inventoryAdjustment"
import { getReorderRuleList, addReorderRule, updateReorderRule, orderAgain } from "@/api/product/reorderRules"
import { currentTime } from "@/common/config/index"
export default {
  name: "ReorderRules",
@@ -75,10 +70,13 @@
      isRowClick: false,
      locationId: 0,
      productId: 0,
      differenceAmount: 0,
      amount: 0,
      operationId: 0,
      adjustAmount: 0
      minInventory: 0,
      maxInventory: 0,
      orderNumber: 0,
      unit: "",
      reorderId: 0
    }
  },
  created() {
@@ -93,39 +91,44 @@
        selectIndex: true,
        tableColumn: [
          { label: "产品", prop: "productName", product: true },
          { label: "位置", prop: "locationName", location: true },
          { label: "位置", prop: "locationName", defaultLocation: true },
          { label: "在库数量", prop: "amount" },
          { label: "预测", prop: "forecastAmount" },
          { label: "预测数量", prop: "prediction" },
          { label: "首选路线", prop: "route", route: true },
          { label: "最小数量", prop: "minAmount", inputFloat: true },
          { label: "最大数量", prop: "maxAmount", inputFloat: true },
          { label: "订购", prop: "orderAmount", inputFloat: true },
          { label: "最小数量", prop: "minInventory", inputFloat: true },
          { label: "最大数量", prop: "maxInventory", inputFloat: true },
          { label: "订购数量", prop: "orderNumber", inputFloat: true },
          { label: "计量单位", prop: "unit" }
        ]
      }
    },
    // 请求数据
    async getData() {
      await getInventoryAdjustmentList({
      await getReorderRuleList({
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      }).then((res) => {
        if (res.code === 200) {
          console.log(res)
          const list = res.data.map((item) => {
            item.adjustAmount = 0
            let forecastAmount = 500
            let maxAmount = 600
            let orderNum = 0
            if (parseFloat(item.minInventory) - parseFloat(item.prediction) > 0) {
              orderNum = this.caculateOrderNumber(
                parseFloat(item.minInventory),
                parseFloat(item.maxInventory),
                parseFloat(item.prediction)
              )
            }
            return {
              ...item,
              productName: item.product.name,
              locationName: item.location.name,
              isSet: false,
              isEdit: true,
              editable: true,
              isOrder: true,
              forecastAmount: forecastAmount,
              maxAmount: maxAmount,
              adjustAmount: 0,
              isView: maxAmount - forecastAmount > 0 ? true : false
              isView: item?.minInventory - item?.prediction > 0 ? true : false,
              orderNumber: orderNum
            }
          })
          this.tableList.tableData = list || []
@@ -134,22 +137,42 @@
        }
      })
    },
    // 技术订购数量
    caculateOrderNumber(minInventory, maxInventory, prediction) {
      return maxInventory > minInventory ? maxInventory - prediction : minInventory - prediction
    },
    // 操作输入
    inputContent(val, prop, row) {
      console.log(val, prop, row)
      console.log(val - row.amount, "结果")
      this.adjustAmount = val - row.amount
      this.tableList.tableData[row.index].adjustAmount = this.adjustAmount
      // this.differenceAmount = val
      this.differenceAmount = val
      if (prop === "minInventory") {
        this.minInventory = val
        if (parseFloat(this.minInventory) - parseFloat(this.prediction) > 0) {
          this.orderNumber = this.caculateOrderNumber(
            parseFloat(this.minInventory),
            parseFloat(this.maxInventory),
            parseFloat(this.prediction)
          )
        }
      } else if (prop === "maxInventory") {
        this.maxInventory = val
        if (parseFloat(this.minInventory) - parseFloat(this.prediction) > 0) {
          this.orderNumber = this.caculateOrderNumber(
            parseFloat(this.minInventory),
            parseFloat(this.maxInventory),
            parseFloat(this.prediction)
          )
        }
      } else if (prop === "orderNumber") {
        this.orderNumber = val
      }
    },
    // 新增
    addProductClick() {
      console.log(this.tableData)
      console.log(this.addTitle)
      this.isSel()
      if (this.isNoProduct && this.addTitle === "新建") {
        this.$refs.tablelistRef.getRuleList()
        this.$refs.tablelistRef.getProductList()
        this.$refs.tablelistRef.getLocationList()
        this.addTitle = "保存"
        this.showDiscard = true
        this.isRowClick = false
@@ -159,9 +182,11 @@
        this.tableData.unshift({
          countId: this.countId,
          amount: 0,
          adjustAmount: 0,
          minInventory: 0,
          productId: "",
          differenceAmount: 0,
          maxInventory: 0,
          orderNumber: 0,
          prediction: 0,
          locationId: 0,
          createDate: this.currentTime(),
          isSet: true,
@@ -170,22 +195,13 @@
          isOrder: true
        })
        this.locationId = 0
        this.subLocationId = 0
        this.productCategoryId = 0
        this.productId = 0
      } else {
        this.addTitle = "新建"
        this.showDiscard = false
        let requestUrl = this.currentRowId === 0 ? addInventoryAdjustment : updateInventoryAdjustment

        requestUrl({
          amount: this.amount,
          // adjustAmount: this.adjustAmount,
          differenceAmount: this.differenceAmount,
          locationId: this.locationId,
          operationId: this.operationId,
          productId: this.productId
        })
        let requestUrl = this.currentRowId === 0 ? addReorderRule : updateReorderRule
        let params = this.saveParams()
        requestUrl(params)
          .then((res) => {
            console.log(res)
            if (res.code === 200) {
@@ -201,10 +217,25 @@
        // }
      }
    },
    saveParams() {
      return {
        id: this.reorderId,
        amount: this.amount,
        locationId: this.locationId,
        maxInventory: this.maxInventory,
        minInventory: this.minInventory,
        orderNumber: this.orderNumber,
        prediction: this.prediction,
        operationId: this.operationId,
        productId: this.productId,
        route: this.route,
        unit: this.unit
      }
    },
    // 是否选择产品
    isSel() {
      for (let i = 0; i < this.tableData.length; i++) {
        if (this.tableData && this.tableData[i].productName.length === 0) {
        if (this.tableData[i].productName?.length === 0) {
          this.isNoProduct = false
          break
        } else {
@@ -214,67 +245,27 @@
    },
    // 取消
    discardBtnClick() {
      this.tableList.tableData.forEach((item) => {
        item.differenceAmount = 0
        item.adjustAmount = 0
      })
      this.tableList
      if (this.isRowClick) {
        this.tableData.map((item) => {
          item.isEdit = true
        })
      } else {
        this.tableData.splice(0, 1)
      }
      this.getData()
      this.addTitle = "新建"
      this.showDiscard = false
    },
    // 应用全部
    applyBtnClick() {
      console.log("应用全部")
    },
    // 历史
    handleHistoryClick(row) {
      this.isSel()
      console.log(row)
      if (this.isNoProduct) {
        console.log("历史")
        this.$router.push({
          name: "inventoryAdjustmentHistory",
          params: { locationId: row.locationId, productId: row.productId, baseOperationType: row.baseOperationType }
        })
    // 订购一次
    handleOrderOnceClick(row) {
      let params = {
        ...row
      }
    },
    // 设置
    handleSetClick(scope) {
      this.isSel()
      if (this.isNoProduct) {
        scope.row.isSet = !scope.row.isSet
      }
    },
    // 应用
    handleUseClick(row) {
      // scope.row.isSet = !scope.row.isSet
      finishInventoryAdjustment({
        locationProductAmountId: row.locationProductAmountId,
        operationId: row.operationId,
        productId: row.productId
      }).then((res) => {
        console.log(res)
      orderAgain(params).then((res) => {
        if (res.code === 200) {
          this.$message.success("应用成功")
          this.$message.success("订购成功")
          this.getData()
        }
      })
    },
    // 清除
    handleCleanupClick(scope) {
      scope.row.isSet = !scope.row.isSet
    },
    // 行点击
    tableRowClick(row, rowIndex) {
      this.locationId = row.locationId
      this.rowIndex = rowIndex
      this.reorderId = row.id
      this.isSel()
      if (!this.isNoProduct && this.currentRowId === 0) {
        this.$message.error("请完成当前新建或取消新建")
@@ -295,10 +286,13 @@
            item.isEdit = true
          }
        })
        this.differenceAmount = row.differenceAmount
        this.minInventory = row.minInventory
        this.amount = row.amount
        this.productId = row.productId
        this.operationId = row.operationId
        this.maxInventory = row.maxInventory
        this.orderNumber = row.orderNumber
        this.prediction = row.prediction
        this.locationId = row.locationId
      }
    },
    // 搜索
@@ -307,15 +301,20 @@
      this.pagerOptions.currPage = 1
      this.getData()
    },
    // 选择位置方法
    // 选中位置方法
    selLocationClick(item, prop) {
      console.log(item, prop)
      this.locationId = item.value
      this.locationId = item?.value ?? item?.id
    },
    // 选中产品方法
    selProductClick(item) {
      console.log(item)
      this.productId = item.value
      this.unit = item.unit
    },
    // 选中路线方法
    selRouteClick(item, prop) {
      console.log(item, prop)
      this.route = item.label
    },
    // 获取当前时间
    currentTime() {