| | |
| | | <el-dialog |
| | | :title="editCommonConfig.title + '采购单'" |
| | | :visible.sync="editConfig.visible" |
| | | :width="dialogWidth" |
| | | width="50%" |
| | | :before-close="handleClose" |
| | | append-to-body |
| | | custom-class="iframe-dialog" |
| | |
| | | <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.purchaseTypeId" |
| | | :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" |
| | |
| | | </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="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="number"> |
| | | <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" |
| | | > |
| | |
| | | </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" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="收货仓库" prop="receiveWarehouse"> |
| | | <el-select |
| | | placeholder="请选择收货仓库" |
| | | v-model="editConfig.infomation.receiveWarehouse" |
| | | clearable |
| | | style="width: calc(100% - 0px)" |
| | | > |
| | | <el-option |
| | | v-for="(ele, index) in receiveWhouseList" |
| | | :key="index" |
| | | :label="ele.name" |
| | | :value="ele.id" |
| | | ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="地址" prop="address"> |
| | | <el-input v-model="editConfig.infomation.address" placeholder="请填写" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="接收人" prop="recipient"> |
| | | <el-input v-model="editConfig.infomation.recipient" placeholder="请填写" clearable></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="来源单据" prop="sourceDoc"> |
| | | <el-input v-model="editConfig.infomation.sourceDoc" placeholder="请填写" clearable></el-input> |
| | | </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> |
| | |
| | | <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"> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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> |
| | |
| | | ref="editDialog" |
| | | @sucessSet="handleGetBomKindDictList" |
| | | @handleConfirmSave="handleConfirmSave" |
| | | :editRow="editRow" |
| | | :workList="plcBrandList" |
| | | title="采购类型" |
| | | ></BomDialog> |
| | |
| | | </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(); |
| | | console.log(this.editConfig,"参数") |
| | | 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) { |
| | | // this.plcBrandList.map((item)=>{ |
| | | // item.purchaseTypeId=item.id |
| | | // }) |
| | | 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 = [ |
| | | { |
| | | productId: this.productId, |
| | | id: 0, |
| | | purchaseId: 0, |
| | | productId: Number(this.productId), |
| | | 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 = Number(item.id) |
| | | console.log(item, "选中产品", this.tableData) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <!-- Add "scoped" attribute to limit CSS to this component only --> |