公共选择产品弹窗相关页面修改

yangfeng

2024-02-27 441f8436a70c22fba6f25154f2f38a072c85b76b

 src/views/service/serviceContract/AddServiceContractDialog.vue

@@ -368,9 +368,11 @@
          <div class="product-view">
            <CommonFormTableView
              :show-summary="showSummary"
              :addTypeIdMultiple="true"
              :product-table-list="productTableList"
              @inputContent="inputContent"
              @addProductClick="addProductClick"
              @getSelectArray="getSelectArray"
              @emptyProductClick="emptyProductClick"
              @recalculateProductClick="recalculateProductClick"
              @clearupProduct="clearupProduct"
@@ -505,7 +507,7 @@
        number: [{ required: true, validator: this.validateCheckCode, trigger: ["blur", "change"] }],
        client_name: [{ required: true, message: "请选择客户名称", trigger: "change" }],
        signTime: [{ required: true, message: "请选择", trigger: "change" }],
        memberId: [{ required: true, message: "请选择负责人", trigger: "change" }]
        memberId: [{ required: true, validator: this.validateMemberId, trigger: "change" }]
      },
      memberOptions: [],
      contractTypeOptions: [], // 合同类型
@@ -580,7 +582,15 @@
        .then((res) => {
          if (res.code === 200) {
            this.memberOptions = res.data.member
            this.$set(this.editConfig.infomation, "memberId", this.editConfig.infomation.memberId)
            // this.$set(this.editConfig.infomation, "memberId", this.editConfig.infomation.memberId)
            if (this.editConfig.title === "新建") {
              let username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*=\s*([^;]*).*$)|^.*$/, "$1")
              this.memberOptions.map((item) => {
                if (item.username == username) {
                  this.$set(this.editConfig.infomation, "memberId", item.id)
                }
              })
            }
            this.contractTypeOptions = res.data.serviceContractType
            this.$set(
              this.editConfig.infomation,
@@ -792,8 +802,9 @@
      }
      this.productTableList = {
        tableData: this.tableData,
        isReturn: true,
        tableColumn: [
          { label: "#", prop: "productId", width: 40 },
          // { label: "#", prop: "productId", width: 40 },
          { label: "产品名称", prop: "name", productName: true, isRequird: true },
          { label: "产品编号", prop: "number" },
          { label: "数量", prop: "amount", inputNumber: true, isRequird: true },
@@ -805,27 +816,44 @@
    },
    // 产品列表输入
    inputContent(val, prop, row) {
      this.productId = row.productId
      // this.productId = row.productId
      this.tableData.map((item) => {
        if (item.productId === row.productId) {
        if (item.number === row.number) {
          item[prop] = val
        }
      })
    },
    // 产品新增
    addProductClick() {
      this.productId++
      this.tableData.push({
        productId: this.productId,
        id: 0,
        amount: 0,
        desc: "",
        name: "",
        number: "",
        price: 0,
        total: 0,
        unit: ""
      })
      // this.productId++
      // this.tableData.push({
      //   productId: this.productId,
      //   id: 0,
      //   amount: 0,
      //   desc: "",
      //   name: "",
      //   number: "",
      //   price: 0,
      //   total: 0,
      //   unit: ""
      // })
      // this.showSummary.show = true
    },
    // 新增方式修改
    getSelectArray(val) {
      // if (val.length > 0) {
      //   val.map((item, index) => {
      //     item.productId = this.tableData.length + index + 1
      //   })
      // }
      console.log(this.tableData, "ddddaaaqqq")
      if (this.tableData.length == 1 && this.tableData[0].number.length == 0) {
        console.log("ssss")
        this.tableData = []
      }
      this.tableData = this.tableData.concat(val)
      console.log(this.tableData, "55555ddddaaaqqq")
      this.productTableList.tableData = this.tableData
      this.showSummary.show = true
    },
    //  产品清空
@@ -851,6 +879,14 @@
    clearupProduct(data) {
      this.tableData = data
      this.productTableList.tableData = this.tableData
    },
    // 负责人自定义校验规则
    validateMemberId(rule, value, callback) {
      if (this.editConfig.infomation?.memberId > 0) {
        callback()
      } else {
        callback(new Error("请输入负责人"))
      }
    }
  }
}