供应商管理模块 添加新产品的时候供应商对应的产品和已增加的产品都不可选的逻辑处理

haoxuan

2024-04-28 7f5306d896fa0c541a83c4b62d0c533a604dd184

 src/components/makepager/CommonFormTableView.vue

@@ -223,7 +223,7 @@
      v-if="editSelCommonConfig.editVisible"
      :edit-common-config="editSelCommonConfig"
      :sign="sign"
      :selectBoxList="tableList.tableData"
      :selectBoxList="arrDisabledList"
      :quotationNumber="quotationNumber"
      @selClient="selClient"
      @getSelectArray="getSelectArray"
@@ -304,20 +304,31 @@
          mergeNumber: 1
        }
      }
    },
    disabledList:{
      type:[Array],
      default: () => {
        return []
      }
    }
  },
  data() {
    return {
      total: 0,
      productList: [],
      tableList: [],
      tableList: {
        tableData:[]
      },
      editSelCommonConfig: {
        editVisible: false,
        isSelectBox: false,
        title: "",
        infomation: {}
        infomation: {},
        supplierId:null,
      },
      productIndex: 0
      productIndex: 0,
      supplierId:null,
      arrDisabledList:[]
    }
  },
  created() {
@@ -332,6 +343,13 @@
        this.getTableInfo()
      },
      immediate: true
    },
    supplierId(n,o) {  
      this.editSelCommonConfig.supplierId=n
      console.log(n,o,"看看那") 
    } ,
    'tableList.tableData':function () {
      this.arrDisabledList=this.disabledList.concat(this.tableList.tableData)
    }
  },
  computed: {},
@@ -366,14 +384,15 @@
    },
    getTableInfo() {
      this.tableList = this.productTableList
      this.arrDisabledList=this.disabledList.concat(this.tableList.tableData)
    },
    // 产品名称
    async getProductList() {
      let fn = this.sign == "purchase" ? getProductList : getProductListFromGrpc
      await fn({
        page: 1,
        pageSize: 100
      }).then((res) => {
          page: 1,
          pageSize: 100,
        }).then((res) => {
        if (res.code === 200) {
          if (res.data.list && res.data.list.length > 0) {
            this.productList = res.data.list
@@ -488,7 +507,7 @@
      }
    },
    commonInputChange(val, prop, row, scope) {
      if (prop === "amount") {
      if (prop === "amount"||prop=='purchasePrice') {
        this.tableList.tableData.map((ite) => {
          if (ite.name === row.name) {
            ite.total = row.amount * row.purchasePrice
@@ -547,6 +566,7 @@
      this.tableList.tableData.map((ite) => {
        if (ite.name === item.name) {
          ite.amount = item.amount || 1
          ite.productId = item.id
          ite.number = item.number
          ite.purchasePrice = item.purchasePrice
          ite.price = item.purchasePrice
@@ -559,8 +579,7 @@
      })
    },
    // 新增
    selClientClick(scope, prop) {
      console.log(scope, prop)
    selClientClick(scope) {
      this.productIndex = scope.$index
      this.editSelCommonConfig.title = "产品名称"
      this.editSelCommonConfig.isSelectBox = true