增加编码规范功能及新建供应商和采购页面增加编码

yangfeng

2023-12-14 fc188397419e76da8e97c0782599f757fb34bd30

 src/views/purchaseManage/purchase/components/AddPurchase.vue

@@ -3,7 +3,7 @@
    <el-dialog
      :title="editCommonConfig.title + '采购单'"
      :visible.sync="editConfig.visible"
      :width="dialogWidth"
      width="50%"
      :before-close="handleClose"
      append-to-body
      custom-class="iframe-dialog"
@@ -24,25 +24,43 @@
          <div class="basic-info-view">
            <el-row>
              <el-col :span="12">
                <el-form-item
                  label="采购类型"
                  prop="brand"
                  class="form-item float_left"
                >
                <el-form-item label="采购单号" prop="number">
                  <!-- <el-input v-model="editConfig.infomation.number"></el-input> -->
                  <el-input
                    style="width: 85%"
                    v-if="
                      editConfig.title == '编辑' ||
                      editConfig.title == '查看' ||
                      (editConfig.title == '新建' && codenumer && (explain != '' || isIdDisabled))
                    "
                    :disabled="editConfig.title != '新建'"
                    v-model="editConfig.infomation.number"
                    placeholder="请输入编码"
                  >
                  </el-input>
                  <span v-else-if="editConfig.title == '新建'" style="color: #f56c6c; width: 85%"
                    >请优先配置编码规范 <el-button type="text" @click="numberClick"> 配置规范 </el-button></span
                  >
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="采购类型" prop="purchaseTypeId" class="float_left" style="width: 100%">
                  <el-select
                    :disabled="editConfig.isDisabled"
                    placeholder="请选择采购类型"
                    v-model="editConfig.infomation.client_name"
                    v-model="editConfig.infomation.purchaseTypeId"
                    clearable
                    style="width: calc(100% - 30px)"
                  >
                    <el-option
                      v-for="ele in plcBrandList"
                      :key="ele.id"
                      :key="ele.name"
                      :label="ele.name"
                      :value="ele.name"
                      :value="ele.id"
                    ></el-option>
                  </el-select>
                  <i
                    v-if="!editConfig.isDisabled"
                    class="el-icon-setting margin_left_10px cursor_pointer"
                    style="font-size: 20px; color: #333"
                    @click="handleShow"
@@ -51,77 +69,79 @@
              </el-col>

              <el-col :span="12">
                <el-form-item label="供应商名称" prop="client_name">
                <el-form-item label="供应商名称" prop="supplierName">
                  <div class="custom-name">
                    <el-autocomplete
                      :disabled="editConfig.isDisabled"
                      style="width: calc(100% - 40px)"
                      v-model="editConfig.infomation.client_name"
                      v-model="editConfig.infomation.supplierName"
                      :fetch-suggestions="
                        (queryString, callback) => {
                          querySearchAsync(queryString, callback, 'client');
                          querySearchAsync(queryString, callback, 'supplier')
                        }
                      "
                      value-key="name"
                      placeholder="请选择"
                      @select="handleSelectClient('client', $event)"
                    ></el-autocomplete>
                    <div
                      class="common-select-btn"
                      @click="selClientClick('client')"
                    >
                    <div v-if="!editConfig.isDisabled" class="common-select-btn" @click="selClientClick('client')">
                      <i class="el-icon-circle-plus-outline" title="选择"></i>
                    </div>
                    <div
                      v-if="
                        editConfig.infomation.client_name &&
                        editConfig.infomation.client_name.length > 0
                      "
                      v-if="editConfig.infomation.supplierName && editConfig.infomation.supplierName.length > 0"
                      class="common-select-btn"
                      @click="clearupClient('client')"
                    >
                      <i class="el-icon-remove-outline" title="清除"></i>
                      <i class="el-icon-remove-outline" v-if="!editConfig.isDisabled" title="清除"></i>
                    </div>
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="单据来源" prop="number">
                <el-form-item label="单据来源" prop="orderSource">
                  <el-input v-model="editConfig.infomation.orderSource" disabled placeholder="请填写"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="采购单名称" prop="name">
                  <el-input
                    v-model="editConfig.infomation.number"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.name"
                    placeholder="请填写"
                    clearable
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="采购单名称" prop="number">
                <el-form-item label="供应商联系人" prop="contact">
                  <el-input
                    v-model="editConfig.infomation.number"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.contact"
                    placeholder="请填写"
                    clearable
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="供应商联系人" prop="number">
                <el-form-item label="联系电话" prop="phone">
                  <el-input
                    v-model="editConfig.infomation.number"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.phone"
                    placeholder="请填写"
                    maxlength="11"
                    show-word-limit
                    clearable
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="联系电话" prop="contact_phone">
                  <el-input
                    v-model="editConfig.infomation.contact_phone"
                    placeholder="请填写"
                  ></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="签约日期" prop="validity_date">
                <el-form-item label="签约日期" prop="signingDate">
                  <el-date-picker
                    v-model="editConfig.infomation.validity_date"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.signingDate"
                    style="width: 100%"
                    type="date"
                    clearable
                    placeholder="选择日期"
                    value-format="yyyy-MM-dd"
                  >
@@ -129,11 +149,13 @@
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="交付日期" prop="validity_date">
                <el-form-item label="交付日期" prop="deliveryDate">
                  <el-date-picker
                    v-model="editConfig.infomation.validity_date"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.deliveryDate"
                    style="width: 100%"
                    type="date"
                    clearable
                    placeholder="选择日期"
                    value-format="yyyy-MM-dd"
                  >
@@ -141,13 +163,14 @@
                </el-form-item>
              </el-col>
              <el-col :span="24">
                <el-form-item label="备注信息" prop="member_id">
                <el-form-item label="备注信息" prop="remark">
                  <el-input
                    :disabled="editConfig.isDisabled"
                    type="textarea"
                    :autosize="{ minRows: 3, maxRows: 4 }"
                    maxlength="500"
                    clearable
                    v-model="editConfig.infomation.member_id"
                    v-model="editConfig.infomation.remark"
                  ></el-input>
                </el-form-item>
              </el-col>
@@ -157,14 +180,18 @@
          <div class="basic-info-title" style="display: flex">产品信息</div>
          <div class="product-view">
            <CommonFormTableView
              :detailEnter="editCommonConfig.detailEnter"
              :show-summary="showSummary"
              :recalculateShow="false"
              :product-table-list="productTableList"
              sign="purchase"
              @inputContent="inputContent"
              @getSummaries="getSummaries"
              @addProductClick="addProductClick"
              @emptyProductClick="emptyProductClick"
              @recalculateProductClick="recalculateProductClick"
              @clearupProduct="clearupProduct"
              @rowClick="rowClick"
              @handleProduct="handleProduct"
            />
          </div>
          <div class="table-bottom">
@@ -172,9 +199,11 @@
              <div class="table-bottom-l">
                <el-form-item label="整单折扣" prop="member_id">
                  <el-select
                    v-model="editConfig.infomation.fieldName"
                    v-model="editConfig.infomation.wholeDiscountType"
                    placeholder="请选择"
                    :disabled="editConfig.isDisabled"
                    filterable
                    @change="getTotal"
                  >
                    <el-option label="百分比降价" :value="1"></el-option>
                    <el-option label="直接降价" :value="2"></el-option>
@@ -184,8 +213,10 @@
              <div class="table-bottom-r">
                <el-form-item label="" prop="member_id">
                  <el-input
                    v-model="editConfig.infomation.number"
                    v-model="editConfig.infomation.wholeDiscount"
                    size="mini"
                    :disabled="editConfig.isDisabled"
                    @change="getTotal"
                    placeholder="请填写"
                  ></el-input>
                </el-form-item>
@@ -195,9 +226,11 @@
              <div class="table-bottom-l">
                <el-form-item label="调整" prop="member_id">
                  <el-select
                    v-model="editConfig.infomation.fieldName"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.priceAdjustmentType"
                    placeholder="请选择"
                    filterable
                    @change="getTotal"
                  >
                    <el-option label="增加" :value="1"></el-option>
                    <el-option label="减少" :value="2"></el-option>
@@ -207,8 +240,10 @@
              <div class="table-bottom-r">
                <el-form-item label="" prop="member_id">
                  <el-input
                    v-model="editConfig.infomation.number"
                    :disabled="editConfig.isDisabled"
                    v-model="editConfig.infomation.priceAdjustment"
                    size="mini"
                    @change="getTotal"
                    placeholder="请填写"
                  ></el-input>
                </el-form-item>
@@ -216,24 +251,24 @@
            </div>
            <div class="table-bottom-item">
              <div class="table-bottom-l">合计</div>
              <div class="table-bottom-r">26000.00</div>
              <div class="table-bottom-r">{{ total }}</div>
            </div>
          </div>
        </div>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <!-- <el-button type="primary" size="small" @click="editConfig.visible = false">保并提交审批</el-button> -->
        <el-button type="primary" size="small" @click="saveClick('form')"
        <el-button type="primary" v-if="this.editConfig.title != '查看'" size="small" @click="saveClick('form')"
          >保存</el-button
        >
        <el-button size="small" @click="editConfig.visible = false"
        <el-button size="small" v-if="this.editConfig.title != '查看'" @click="editConfig.visible = false"
          >取消</el-button
        >
      </div>
      <!-- 选择客户 -->
      <SelectClientDialog
        v-if="editSelectClientConfig.editVisible"
        :edit-common-config="editSelectClientConfig"
      <!-- 选择供应商名称-->
      <SelectSupplierDialog
        v-if="editSelectSupplierConfig.editVisible"
        :edit-common-config="editSelectSupplierConfig"
        @selClient="selClient"
      />
    </el-dialog>
@@ -241,6 +276,7 @@
      ref="editDialog"
      @sucessSet="handleGetBomKindDictList"
      @handleConfirmSave="handleConfirmSave"
      :editRow="editRow"
      :workList="plcBrandList"
      title="采购类型"
    ></BomDialog>
@@ -248,380 +284,587 @@
</template>

<script>
import CommonFormTableView from "@/components/makepager/CommonFormTableView";
import BomDialog from "@/views/purchaseManage/purchase/components/BomDialog";
import {
  getAddQuotation,
  getUpdateQuotation,
  getAllData,
} from "@/api/purchaseManage/purchase";
// import {
//   postGetUnitDictList,
//   postGetSaveSUnitDict,
// } from "@/api/purchaseManage/purchase";
import SelectClientDialog from "@/views/purchaseManage/purchase/components/SelectClientDialog";
import CommonFormTableView from "@/components/makepager/CommonFormTableView"
import BomDialog from "@/components/makepager/BomDialog"
import { getProductList } from "@/api/productManage/product"
import { addPurchase, updatePurchase, savePurchaseType, getPurchaseType } from "@/api/purchaseManage/purchase"
import SelectSupplierDialog from "@/views/purchaseManage/purchase/components/SelectSupplierDialog"
// import { formToJSON } from "axios";
import codeMixin from "@/components/mixin/codeMixin"

export default {
  name: "QuotationDialog",
  components: { SelectSupplierDialog, CommonFormTableView, BomDialog },
  mixins: [codeMixin],
  props: {
    editCommonConfig: {
      type: Object,
      default: () => {
        return {
          detailEnter: true,
          visible: false,
          title: "创建",
          infomation: {},
        };
      },
    },
  },
  components: { SelectClientDialog, CommonFormTableView,BomDialog },
  computed: {
    searchCommonHeight() {
      return this.$refs.searchCommonView.offsetHeight;
    },
    contactNamelist() {
      return this.$store.state.getClientName.contactNamelist;
    },
          title: "新建",
          infomation: {}
        }
      }
    }
  },
  data() {
    return {
      dialogWidth: "50%",
      editConfig: this.editCommonConfig,
      rules: {
        client_id: [{ required: true, message: "请输入", trigger: "blur" }],
        number: [{ required: true, message: "请输入", trigger: "blur" }],
        quotation_status_id: [
          { required: true, message: "请选择", trigger: "change" },
        ],
        member_id: [
          { required: true, message: "请选择负责人", trigger: "change" },
        ],
        contact_phone: [
        purchaseTypeId: [{ required: true, message: "请选择", trigger: "change" }],
        supplierName: [{ required: true, message: "请选择", trigger: "change" }],
        phone: [
          {
            required: true,
            required: false,
            message: "请填写",
            trigger: "change",
            trigger: "change"
          },
          { validator: this.validatorPhone, trigger: "change" },
          { validator: this.validatorPhone, trigger: "change" }
        ],
        wholeDiscount: [
          {
            required: false,
            message: "请填写0-100的数字",
            trigger: "change"
          },
          { validator: this.validatorNum, trigger: "change" }
        ],
        priceAdjustment: [
          {
            required: false,
            message: "请填写",
            trigger: "change"
          },
          { validator: this.validatorNumThree, trigger: "change" }
        ],
        number: [{ required: true, validator: this.validateCheckCode, trigger: ["change", "blur"] }]
      },
      memberOptions: [],
      quotationStatusOptions: [{ id: 1, name: "不知道" }], // 报价单状态
      currencyOptions: [{ id: 1, name: "人民币" }], // 币种
      approvalWorkflowOptions: [], // 审批流程
      productTableList: {},
      showSummary: {
        show: true,
        total: false,
        sumProp: ["Amount", "total"],
        titleProp: [
          "编号",
          "产品名称",
          "产品编号",
          "计量单位",
          "规格型号",
          "采购单价",
          "描述",
        ],
        sumProp: ["price", "total"],
        multiply: ["amount", "price"],
        titleProp: ["编号", "产品名称", "产品编号", "计量单位", "规格型号", "采购单价", "描述"],
        mergeNumber: 4,
        totalName: "小计"
      },
      editSelectClientConfig: {
      editSelectSupplierConfig: {
        editVisible: false,
        title: "",
        infomation: {},
        infomation: {}
      },
      clientId: this.editCommonConfig.infomation.client_id,
      contactId: this.editCommonConfig.infomation.contact_id,
      saleChanceId: this.editCommonConfig.infomation.sale_chance_id,
      supplierId: this.editCommonConfig.infomation.supplierId,
      tableData: [],
      productId: 1,
      productIndex: 0,
      productId: "",
      isNoProduct: true,
      clientList: [],
      plcBrandList:[],
    };
      plcBrandList: [],
      editRow: {
        isDefault: "pin"
      },
      total: 0,
      totalTwo: 0,
      productListIdx: 0,
      lacks: []
    }
  },
  created() {
    this.setTableForm();
    this.getCommonData();
    this.handleGetBomKindDictList()
    this.$store.dispatch("getSupplier")
    this.formInfo()
  },
  computed: {
    supplierList() {
      return this.$store.state.getSupplierName.supplierList
    }
  },
  watch: {
    "editCommonConfig.visible": {
      immediate: true,
      handler: function () {
        this.handleGetBomKindDictList(true)
      }
    }
  },
  methods: {
    // PLC配置设置
    handleShow() {
      // this.handleGetBomKindDictList();
      this.$refs.editDialog.editDialogVisible = true;
    formInfo() {
      this.objCode.type = "采购单编码"
      this.objCode.codeStandID = ""
      if (this.editConfig.infomation.codeStandardID) {
        this.objCode.codeStandID = this.editConfig.infomation.codeStandardID
      }
      this.getRCodeStandardList()
    },
    //  PLC配置
    handleGetBomKindDictList(val) {
      console.log(val,'val')
      // postGetUnitDictList().then((res) => {
      //   this.plcBrandList = res.data;
      //   if (val) {
      //     for (let i in this.plcBrandList) {
      //       if (this.plcBrandList[i].isDefault) {
      //         this.form.unit = this.form.unit
      //           ? this.form.unit
      //           : this.plcBrandList[i].name;
      //         this.$set(this.form, "unit", this.form.unit);
      //         break;
      //       }
      //     }
      //   }
      // });
    },
    handleConfirmSave(data) {
      console.log(data,'data')
      // postGetSaveSUnitDict({ data: data }).then((res) => {
      //   if (res.code == 200) {
      //     this.$message({
      //       message: "操作成功！",
      //       type: "success",
      //     });
      //     this.$refs.editDialog.editDialogVisible = false;
      //     this.handleGetBomKindDictList();
      //   }
      // });
    },
    validatorPhone(rule, value, callback) {
      if (value) {
        if (value == undefined || value == null) {
          callback(new Error("请输入"));
    validatorNum(rule, value, callback) {
      if (this.editConfig.infomation.wholeDiscountType == 1) {
        if (value == undefined || value == null || (!value && value != 0)) {
          callback(new Error("请输入有效数字"))
        } else {
          if (value.length != 11) {
            callback(new Error("长度在11个字符！"));
          var reg = /^\+?[0-9]\d*$/
          if (!reg.test(value)) {
            callback(new Error("请填写0-100的数字"))
          } else {
            var reg =
              /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/;
            if (!reg.test(value)) {
              callback(new Error("请填写正确的联系电话！"));
            if (Number(value) > 100) {
              callback(new Error("请填写0-100的数字"))
            } else {
              callback();
              callback()
            }
          }
        }
      } else {
        callback();
        this.validatorNumThree(rule, value, callback)
      }
    },
    getCommonData() {
      getAllData()
        .then((res) => {
          this.memberOptions = res.data.member;
          this.quotationStatusOptions = res.data.quotationStatus;
        })
        .catch((err) => {
          console.log(err);
        });
    validatorNumThree(rule, value, callback) {
      if (value) {
        if (value == undefined || value == null) {
          callback(new Error("请输入有效数字"))
        } else {
          let reg2 = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/
          if (!reg2.test(value)) {
            callback(new Error("请填写2位小数的数字"))
          } else {
            callback()
          }
        }
      } else {
        callback()
      }
    },
    // PLC配置设置
    handleShow() {
      this.handleGetBomKindDictList()
      this.$refs.editDialog.editDialogVisible = true
    },
    //  PLC配置
    handleGetBomKindDictList(val) {
      getPurchaseType().then((res) => {
        this.plcBrandList = res.data
        this.setTableForm()
        if (val) {
          for (let i in this.plcBrandList) {
            if (this.plcBrandList[i][this.editRow.isDefault]) {
              this.editConfig.infomation.purchaseTypeId = this.editConfig.infomation.purchaseTypeId
                ? this.editConfig.infomation.purchaseTypeId
                : this.plcBrandList[i].id
              this.$set(this.editConfig.infomation, "purchaseTypeId", this.editConfig.infomation.purchaseTypeId)

              break
            }
          }
        }
      })
    },
    handleConfirmSave(data) {
      console.log(data, "data")
      data.forEach((ele) => {
        delete ele.created_at
      })

      savePurchaseType(data).then(
        (res) => {
          if (res.code === 200) {
            this.$message({
              message: "操作成功！",
              type: "success"
            })
            this.$refs.editDialog.editDialogVisible = false
            this.handleGetBomKindDictList(true)
          }
        },
        (err) => {
          console.error(err)
          this.$message({
            message: "操作失败！",
            type: "warning"
          })
        }
      )
    },
    validatorPhone(rule, value, callback) {
      if (value) {
        if (value == undefined || value == null) {
          callback(new Error("请输入"))
        } else {
          if (value.length != 11) {
            callback(new Error("长度在11个字符！"))
          } else {
            var reg = /^1(3\d|4[5-9]|5[0-35-9]|6[2567]|7[0-8]|8\d|9[0-35-9])\d{8}$/
            if (!reg.test(value)) {
              callback(new Error("请填写正确的联系电话！"))
            } else {
              callback()
            }
          }
        }
      } else {
        callback()
      }
    },
    // 保存
    saveClick(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          for (let i = 0; i < this.tableData.length; i++) {
            if (this.tableData[i].name.length === 0) {
              this.isNoProduct = true;
              break;
              this.isNoProduct = true
              break
            } else {
              this.isNoProduct = false;
              this.isNoProduct = false
            }
          }
          if (this.isNoProduct) {
            this.$message.error("产品名称不能为空");
            this.$message.error("产品名称不能为空")
          } else {
            const params = this.saveParams();
            console.log(params);
            if (this.editConfig.title === "创建") {
              getAddQuotation(params).then((res) => {
                console.log(res);
                this.editConfig.visible = false;
                if (res.code === 200) {
                  this.$message.success("添加成功");
                  this.$parent.getData();
            const params = this.saveParams()
            //新建
            if (this.editConfig.title === "新建") {
              this.lacks = []
              this.tableData.forEach((item) => {
                if (this.productTableList.tableProductList.map((obj) => obj.number).includes(item.number)) {
                  console.log(`${item.name} 在数组中存在`)
                } else {
                  this.lacks.push(item.name)
                }
              });
              })
              if (this.lacks.length > 0) {
                this.$confirm(`当前供应商不能提供您选择的产品:${this.lacks},    是否继续创建采购单?`, "提示", {
                  confirmButtonText: "确定",
                  cancelButtonText: "取消",
                  type: "warning"
                })
                  .then(() => {
                    console.log("确定创建")
                    //创建采购单
                    addPurchase(params).then((res) => {
                      this.editConfig.visible = false
                      if (res.code === 200) {
                        this.$message.success("创建成功")
                        this.$parent.getData()
                      }
                    })
                  })
                  .catch(() => {
                    console.log("取消创建")
                  })
              } else {
                addPurchase(params).then((res) => {
                  this.editConfig.visible = false
                  if (res.code === 200) {
                    this.$message.success("创建成功")
                    this.$parent.getData()
                  }
                })
              }
            } else {
              getUpdateQuotation(params).then((res) => {
                this.editConfig.visible = false;
              // 编辑
              getProductList({
                supplierId: this.editConfig.infomation.supplierId,
                page: 1,
                pageSize: 100
              }).then((res) => {
                if (res.code === 200) {
                  this.$message.success("编辑成功");
                  this.$parent.getData();
                  this.lacks = []
                  // 编辑前先看看当前供应商对应的产品列表
                  this.productTableList.tableProductList = res.data.list
                  //当前产品是否在当前供应商下存在
                  this.tableData.forEach((item) => {
                    if (this.productTableList.tableProductList.map((obj) => obj.number).includes(item.number)) {
                      console.log(`${item.name} 在数组中存在`)
                    } else {
                      this.lacks.push(item.name)
                    }
                  })
                  // 不存在的产品信息
                  if (this.lacks.length > 0) {
                    this.$confirm(`当前供应商不能提供您选择的产品:${this.lacks},    是否继续更新采购单?`, "提示", {
                      confirmButtonText: "确定",
                      cancelButtonText: "取消",
                      type: "warning"
                    })
                      .then(() => {
                        console.log("确定更新")
                        //更新采购单
                        updatePurchase(params).then((res) => {
                          this.editConfig.visible = false
                          if (res.code === 200) {
                            this.$message.success("更新成功")
                            this.$parent.getData()
                          }
                        })
                      })
                      .catch(() => {
                        console.log("取消更新")
                      })
                  } else {
                    updatePurchase(params).then((res) => {
                      this.editConfig.visible = false
                      if (res.code === 200) {
                        this.$message.success("更新成功")
                        this.$parent.getData()
                      }
                    })
                  }
                }
              });
              })
            }
          }
        } else {
          console.log("error submit");
          return false;
          console.log("error submit")
          return false
        }
      });
      })
    },
    saveParams() {
      let data = this.editConfig.infomation;
      let data = JSON.parse(JSON.stringify(this.editConfig.infomation))

      if (this.editConfig.infomation.wholeDiscountType == 2 && this.editConfig.infomation.wholeDiscount) {
        if (Number(this.editConfig.infomation.wholeDiscount) > Number(this.totalTwo)) {
          this.$message.error("直接降价不能超过价税合计的总和！")
          return true
        }
      }
      let params = {
        id: this.editConfig.title === "创建" ? 0 : data.id,
        client_id: this.clientId || 0,
        conditions: data.conditions || "",
        contact_id: this.contactId || 0,
        file: data.file || "",
        member_id: data.member_id || 0,
        number: data.number || "",
        quotation_status_id: data.quotation_status_id || 0,
        sale_chance_id: this.saleChanceId || 0,
        validity_date: data.validity_date || "",
        products: this.tableData,
      };
      return params;
        productList: this.tableData,
        purchase: {
          number: data.number || "",
          supplierId: data.supplierId,
          signingDate: data.signingDate || "",
          remark: data.remark,
          orderSource: data.orderSource || "",
          purchaseTypeId: data.purchaseTypeId || 0,
          phone: data.phone || "",
          name: data.name || "",
          deliveryDate: data.deliveryDate || "",
          contact: data.contact,
          wholeDiscountType: data.wholeDiscountType ? data.wholeDiscountType : 0,
          wholeDiscount: data.wholeDiscount ? Number(data.wholeDiscount) : 0,
          priceAdjustmentType: data.priceAdjustmentType ? data.priceAdjustmentType : 0,
          priceAdjustment: data.priceAdjustment ? Number(data.priceAdjustment) : 0,
          realTotalPrice: this.total ? Number(this.total) : 0,
          totalPrice: this.totalTwo ? Number(this.totalTwo) : 0,
          status: data.status,
          quantity: data.quantity // 采购数量
        }
      }
      if (data.ID) {
        params.purchase.id = data.ID
      }
      return params
    },
    handleClose() {
      this.editConfig.visible = false;
      this.editConfig.visible = false
    },
    // 选择客户相关方法
    querySearchAsync(queryString, cb, value) {
      var restaurants = [];
      if (value === "client") {
        restaurants = this.clientList;
      } else if (value === "contact") {
        restaurants = this.contactNamelist;
      this.productTableList.tableProductList = []
      var restaurants = []
      if (value === "supplier") {
        restaurants = this.supplierList
      }
      var results = queryString
        ? restaurants.filter(this.createStateFilter(queryString))
        : restaurants;
      cb(results);
      var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants
      cb(results)
    },
    createStateFilter(queryString) {
      return (state) => {
        return (
          state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0
        );
      };
    },
    handleSelectClient(value, item) {
      console.log(value);
      if (value === "client") {
        this.clientId = item.id;
      } else if (value === "chance") {
        this.saleChanceId = item.id;
      } else {
        this.contactId = item.id;
        return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0
      }
    },
    selClientClick() {
      this.editSelectClientConfig.editVisible = true;
    // 选择供应商
    async handleSelectClient(value, item) {
      this.productTableList.supplierId = item.ID
      if (value === "client") {
        this.supplierId = item.id
        this.editConfig.infomation.supplierId = item.ID
      }
      await getProductList({
        supplierId: item.ID,
        page: 1,
        pageSize: 100
      }).then((res) => {
        if (res.code === 200) {
          this.productTableList.tableProductList = res.data.list
          console.log(this.productTableList.tableProductList, "pop")
        }
      })
    },
    selClient(row) {
      this.editConfig.infomation.client_name = row.name;
      this.clientId = row.id;
    selClientClick() {
      this.editSelectSupplierConfig.editVisible = true
    },
    async selClient(row) {
      await getProductList({
        supplierId: row.ID,
        page: 1,
        pageSize: 100
      }).then((res) => {
        if (res.code === 200) {
          this.productTableList.tableProductList = res.data.list
        }
      })
      this.$set(this.editConfig.infomation, "supplierName", row.name)
      this.editConfig.infomation.contact = row.contact
      this.editConfig.infomation.phone = row.phone
      this.editConfig.infomation.supplierId = row.ID
    },
    // 清除已选择用户
    clearupClient(value) {
      if (value == "client") {
        this.editConfig.infomation.client_name = "";
        this.$set(this.editConfig.infomation, "client_name", "");
        this.clientId = null;
        this.$forceUpdate();
        this.$set(this.editConfig.infomation, "supplierName", "")
        this.supplierId = null
        this.$forceUpdate()
      }
    },
    // 添加附件
    addAnnexClick() {},
    // 设置允许上传文件格式
    setFormatClick() {},
    setTableForm() {
      if (
        this.editConfig.title === "创建" ||
        this.editConfig.infomation.products.length === 0
      ) {
      if (!this.editConfig.infomation.ID || this.editConfig.infomation.productList.length === 0) {
        this.tableData = [
          {
            purchaseId: 0,
            productId: this.productId,
            id: 0,
            productIndex: this.productIndex,
            amount: 0,
            desc: "",
            name: "",
            number: "",
            price: 0,
            total: 0,
          },
        ];
            remark: "",
            unit: "",
            purchasePrice: "",
            deliveryTime: "",
            shippingDuration: "",
            specifications: "",
            modelNumber: ""
          }
        ]
      } else {
        this.tableData = this.editConfig.infomation.products;
        this.tableData.map((item, index) => {
          item.productId = index + 1;
        });
        this.tableData = this.editConfig.infomation.productList
        // this.tableData.map((item, index) => {
        //   item.productId = index + 1;
        // });
      }
      this.productTableList = {
        tableProductList: [],
        supplierId: undefined,
        tableData: this.tableData,
        disabled: this.editConfig.isDisabled,
        tableColumn: [
          { label: "编号", prop: "productId", width: 40 },
          {
            label: "产品名称",
            prop: "name",
            min: 180,
            productName: true,
            isRequird: true,
            disabled: this.editConfig.isDisabled
          },
          { label: "产品编号", prop: "number" },
          { label: "计量单位", prop: "number" },
          { label: "规格型号", prop: "number" },
          { label: "数量", prop: "amount", inputNumber: true, isRequird: true },
          { label: "产品编号", prop: "number", min: 150 },
          { label: "计量单位", prop: "unit" },
          { label: "规格型号", prop: "specifications" },
          { label: "数量", prop: "amount", inputNumber: true, disabled: this.editConfig.isDisabled },
          {
            label: "采购单价",
            prop: "price",
            inputFloat: true,
            isRequird: true,
            disabled: this.editConfig.isDisabled
          },
          { label: "价税合计", prop: "total", inputFloat: true },
          { label: "描述", prop: "name", input: true },
        ],
      };
          { label: "价税合计", prop: "total", inputFloat: true, disabled: this.editConfig.isDisabled, multiply: true },
          { label: "描述", prop: "remark", input: true, disabled: this.editConfig.isDisabled }
        ]
      }
      this.toal = this.editConfig.infomation.realTotalPrice
    },
    // 产品列表输入
    inputContent(val, prop, row) {
      this.productId = row.productId;
      // this.productId = row.productId;
      this.productIndex = row.productIndex
      let num = 0
      this.tableData.map((item) => {
        if (item.productId === row.productId) {
          item[prop] = val;
        num += item.amount
        if (item.productIndex === row.productIndex) {
          item[prop] = val
        }
      });
      })
      if (prop === "amount") {
        this.editConfig.infomation.quantity = num
      }
    },
    getSummaries(total) {
      this.totalTwo = JSON.parse(JSON.stringify(total))
      this.total = total
      this.getTotal()
    },
    getTotal() {
      let prie = 0
      if (this.editConfig.infomation.priceAdjustmentType == 1) {
        prie = Number(this.editConfig.infomation.priceAdjustment)
      } else if (this.editConfig.infomation.priceAdjustmentType == 2) {
        prie = -1 * Number(this.editConfig.infomation.priceAdjustment)
      } else {
        prie = 0
      }
      let t = 0
      if (this.editConfig.infomation.wholeDiscountType == 1) {
        t = (this.totalTwo * Number(this.editConfig.infomation.wholeDiscount)) / 100
      } else if (this.editConfig.infomation.wholeDiscountType == 2) {
        t = Number(this.editConfig.infomation.wholeDiscount)
      } else {
        t = 0
      }
      this.total = this.totalTwo - t + Number(prie)
    },
    // 产品新增
    addProductClick() {
      this.productId++;
      this.productIndex++
      this.tableData.push({
        productId: this.productId,
        productIndex: this.productIndex,
        productId: "",
        id: 0,
        amount: 0,
        desc: "",
        name: "",
        number: "",
        price: 0,
        total: 0,
      });
      this.showSummary.show = true;
        total: 0
      })
      this.showSummary.show = true
    },
    //  产品清空
    emptyProductClick() {
      this.productId = 1;
      this.productIndex = 1
      this.tableData = [
        {
          productId: this.productId,
          productId: "",
          productIndex: this.productIndex,
          id: 0,
          amount: 0,
          amount: "0",
          desc: "",
          name: "",
          number: "",
          price: 0,
          total: 0,
        },
      ];
      this.productTableList.tableData = this.tableData;
          total: 0
        }
      ]
      this.productTableList.tableData = this.tableData
    },
    // 产品重算
    recalculateProductClick() {},
    clearupProduct(data) {
      this.tableData = data;
      this.productTableList.tableData = this.tableData;
      this.tableData = data
      this.productTableList.tableData = this.tableData
    },
  },
};
    //选择行
    rowClick(row) {
      console.log(row, "xuanze")
      this.productListIdx = row.productIndex
    },
    //选中产品
    handleProduct(item) {
      this.tableData[this.productListIdx].productId = item.ID
      console.log(item, "选中产品", this.tableData)
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->