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

haoxuan

2024-05-07 03cfba0f636b42417070fc8caef44bcdd792a085

 src/views/productManage/product/components/bomDialog.vue

@@ -6,7 +6,7 @@
      编辑下拉框>单位
    </div>
    <div class="drawerContent">
      <el-table v-if="isTableShow" :header-cell-style="{ background: '#f1f3f8', color: '#000009' }" ref="multipleTable"
      <el-table v-if="isTableShow" :header-cell-style="{ background: '#f1f3f8', color: '#000009' }" ref="unitTable"
        :data="thatEditRow.BomTableData" tooltip-effect="dark" height="440">
        <el-table-column prop="unit" label="单位">
          <template slot-scope="scope">
@@ -20,7 +20,7 @@
        </el-table-column>
        <el-table-column label="操作" width="100">
          <template slot-scope="scope">
            <i class="el-icon-delete" id="iconStyle" @click="handleDelete(scope.row.id)"></i>
            <i class="el-icon-delete cursor_pointer" id="iconStyle" @click="handleDelete(scope.row.id,scope)"></i>
          </template>
        </el-table-column>
      </el-table>
@@ -32,7 +32,8 @@
        style="margin-left: 16px; color: #fff; background-color: #ee790c"
        >新增</el-button
      > -->
      <el-button @click="shutdown">取消</el-button><el-button type="primary" @click="handleConfirmSave()"
      <el-button @click="shutdown">取消</el-button>
      <el-button type="primary" @click="handleConfirmSave()"
        style="margin-left: 16px; color: #fff; background-color: #2a78fb">确定</el-button>
    </div>
  </el-dialog>
@@ -52,6 +53,7 @@
      default: () => {
        return {
          editDialogVisible: false,
          BomTableData:[]
        };
      },
    },
@@ -64,7 +66,9 @@
      thatEditRow:this.editRow,
      isTableShow: true,
      form: {},
      // BomTableData: JSON.parse(this.thatEditRow.BomTableData),
      BomTableData:[],
      // BomTableData: this.editRow.BomTableData,
      // BomTableData: JSON.parse(this.editRow.BomTableData),
      // BomTableData: [{ id: 303, createdAt: "2024-02-05 18:02:47", updatedAt: "2024-02-05 18:02:47",name: "kg", isDefault: false }],
      work: 1,
      flag: "add",
@@ -101,29 +105,28 @@
    };
  },
  watch: {
    // editDialogVisible(newVal) {
    //   console.log(newVal,"看看val")
    //   if (newVal) {
    //     this.BomTableData = this.workList;
    //   }
    // },
    // workList(newVal) {
    //   console.log(newVal)
    //   this.BomTableData = this.workList;
    // },
  },
  created() {
    console.log(this.thatEditRow,"thatEditRow")
  },
  mounted() { },
  mounted() { 
  },
  methods: {
    handleAdd() {
      this.BomTableData=this.thatEditRow.BomTableData
      this.BomTableData.push({ name: "", isDefault: false });
      this.$nextTick(()=>{
        setTimeout(() => {
          this.$refs.unitTable.bodyWrapper.scrollTop=this.$refs.unitTable.bodyWrapper.scrollHeight
          }, 500);
      })
    },
    handleDelete(id) {
      this.BomTableData = this.BomTableData.filter((i) => {
        return i.id != id;
      });
    handleDelete(id,scope) {
      if (this.thatEditRow.BomTableData.length === 1) {
        this.$message.warning("至少保留一条数据");
        return;
      }
      this.thatEditRow.BomTableData.splice(scope.$index,1)
      this.BomTableData=this.thatEditRow.BomTableData
    },
    async getCodeStandardList() {
      const res = await getCodeStandardList(this.obj);
@@ -148,19 +151,11 @@
      console.log(this.codenumberList.replace(/,/g, ""));
    },
    switchChange(scope, val) {
      let arr = [];
      this.BomTableData=this.thatEditRow.BomTableData
      for (let i in this.BomTableData) {
        if (this.BomTableData[i].isDefault) {
          arr.push(i);
        }
        this.thatEditRow.BomTableData[i].isDefault=false
      }
      if (arr.length > 1) {
        this.$message({
          message: "只能设一个为默认",
          type: "warning",
        });
        scope.row.isDefault = !val;
      }
      scope.row.isDefault = val;
    },
    handleConfirmSave() {
      let arr = [];
@@ -186,7 +181,7 @@
        let fn = this.flag == "set" ? updateMaterial : addMaterial;
        const res = await fn(this.form);
        this.shutdown();
        this.$sucessSet("sucessSet");
        // this.$sucessSet("sucessSet");
        if (res.code == 200) {
          this.$message({
            message: this.flag == "set" ? "修改成功！" : "添加成功！",