| | |
| | | <el-dialog |
| | | :title="editCommonConfig.title + '采购单'" |
| | | :visible.sync="editConfig.visible" |
| | | :width="dialogWidth" |
| | | width="50%" |
| | | :before-close="handleClose" |
| | | append-to-body |
| | | custom-class="iframe-dialog" |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item |
| | | label="采购类型" |
| | | prop="brand" |
| | | prop="purchaseTypeId" |
| | | class="form-item float_left" |
| | | > |
| | | <el-select |
| | | placeholder="请选择采购类型" |
| | | v-model="editConfig.infomation.client_name" |
| | | v-model="editConfig.infomation.purchaseTypeId" |
| | | clearable |
| | | style="width: calc(100% - 30px)" |
| | | > |
| | |
| | | </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 |
| | | style="width: calc(100% - 40px)" |
| | | v-model="editConfig.infomation.client_name" |
| | | v-model="editConfig.infomation.supplierName" |
| | | :fetch-suggestions=" |
| | | (queryString, callback) => { |
| | | querySearchAsync(queryString, callback, 'client'); |
| | |
| | | </div> |
| | | <div |
| | | v-if=" |
| | | editConfig.infomation.client_name && |
| | | editConfig.infomation.client_name.length > 0 |
| | | editConfig.infomation.supplierName && |
| | | editConfig.infomation.supplierName.length > 0 |
| | | " |
| | | class="common-select-btn" |
| | | @click="clearupClient('client')" |
| | |
| | | <el-form-item label="单据来源" prop="number"> |
| | | <el-input |
| | | v-model="editConfig.infomation.number" |
| | | 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" |
| | | 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" |
| | | v-model="editConfig.infomation.contact" |
| | | placeholder="请填写" |
| | | clearable |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话" prop="contact_phone"> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input |
| | | v-model="editConfig.infomation.contact_phone" |
| | | v-model="editConfig.infomation.phone" |
| | | placeholder="请填写" |
| | | clearable |
| | | ></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" |
| | | 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" |
| | | v-model="editConfig.infomation.deliveryDate" |
| | | style="width: 100%" |
| | | type="date" |
| | | clearable |
| | | placeholder="选择日期" |
| | | value-format="yyyy-MM-dd" |
| | | > |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注信息" prop="member_id"> |
| | | <el-form-item label="备注信息" prop="remark"> |
| | | <el-input |
| | | 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> |
| | |
| | | @inputContent="inputContent" |
| | | @addProductClick="addProductClick" |
| | | @emptyProductClick="emptyProductClick" |
| | | @recalculateProductClick="recalculateProductClick" |
| | | @clearupProduct="clearupProduct" |
| | | /> |
| | | </div> |
| | |
| | | >取消</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> |
| | |
| | | <script> |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView"; |
| | | import BomDialog from "@/components/makepager/BomDialog"; |
| | | |
| | | import { |
| | | getAddQuotation, |
| | | getUpdateQuotation, |
| | | getAllData, |
| | | addPurchase, |
| | | updatePurchase, |
| | | } from "@/api/purchaseManage/purchase"; |
| | | // import { |
| | | // postGetUnitDictList, |
| | | // postGetSaveSUnitDict, |
| | | // } from "@/api/purchaseManage/purchase"; |
| | | import SelectClientDialog from "@/views/purchaseManage/purchase/components/SelectClientDialog"; |
| | | import SelectSupplierDialog from "@/views/purchaseManage/purchase/components/SelectSupplierDialog"; |
| | | export default { |
| | | name: "QuotationDialog", |
| | | components: { SelectSupplierDialog, CommonFormTableView,BomDialog }, |
| | | props: { |
| | | editCommonConfig: { |
| | | type: Object, |
| | |
| | | }, |
| | | }, |
| | | }, |
| | | components: { SelectClientDialog, CommonFormTableView,BomDialog }, |
| | | computed: { |
| | | searchCommonHeight() { |
| | | return this.$refs.searchCommonView.offsetHeight; |
| | | }, |
| | | contactNamelist() { |
| | | return this.$store.state.getClientName.contactNamelist; |
| | | }, |
| | | }, |
| | | 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: [ |
| | | supplierName: [{ required: true, message: "请选择", trigger: "change" }], |
| | | phone: [ |
| | | { |
| | | required: true, |
| | | required: false, |
| | | message: "请填写", |
| | | trigger: "change", |
| | | }, |
| | | { validator: this.validatorPhone, trigger: "change" }, |
| | | ], |
| | | }, |
| | | memberOptions: [], |
| | | quotationStatusOptions: [{ id: 1, name: "不知道" }], // 报价单状态 |
| | | currencyOptions: [{ id: 1, name: "人民币" }], // 币种 |
| | | approvalWorkflowOptions: [], // 审批流程 |
| | | productTableList: {}, |
| | | showSummary: { |
| | | show: true, |
| | | total: false, |
| | | sumProp: ["Amount", "total"], |
| | | sumProp: ["price", "total"], |
| | | titleProp: [ |
| | | "编号", |
| | | "产品名称", |
| | |
| | | ], |
| | | mergeNumber: 4, |
| | | }, |
| | | editSelectClientConfig: { |
| | | editSelectSupplierConfig: { |
| | | editVisible: false, |
| | | title: "", |
| | | 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, |
| | | isNoProduct: true, |
| | |
| | | }, |
| | | created() { |
| | | this.setTableForm(); |
| | | this.getCommonData(); |
| | | }, |
| | | computed: { |
| | | }, |
| | | watch:{ |
| | | 'editCommonConfig.visible':{ |
| | | immediate:true, |
| | | handler:function(){ |
| | | this.setTableForm(); |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | // PLC配置设置 |
| | |
| | | callback(); |
| | | } |
| | | }, |
| | | getCommonData() { |
| | | getAllData() |
| | | .then((res) => { |
| | | this.memberOptions = res.data.member; |
| | | this.quotationStatusOptions = res.data.quotationStatus; |
| | | }) |
| | | .catch((err) => { |
| | | console.log(err); |
| | | }); |
| | | }, |
| | | |
| | | // 保存 |
| | | saveClick(formName) { |
| | | this.$refs[formName].validate((valid) => { |
| | |
| | | const params = this.saveParams(); |
| | | console.log(params); |
| | | if (this.editConfig.title === "创建") { |
| | | getAddQuotation(params).then((res) => { |
| | | addPurchase(params).then((res) => { |
| | | console.log(res); |
| | | this.editConfig.visible = false; |
| | | if (res.code === 200) { |
| | |
| | | } |
| | | }); |
| | | } else { |
| | | getUpdateQuotation(params).then((res) => { |
| | | updatePurchase(params).then((res) => { |
| | | this.editConfig.visible = false; |
| | | if (res.code === 200) { |
| | | this.$message.success("编辑成功"); |
| | |
| | | }); |
| | | }, |
| | | saveParams() { |
| | | let data = this.editConfig.infomation; |
| | | debugger |
| | | let data =JSON.parse(JSON.stringify(this.editConfig.infomation)); |
| | | 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, |
| | | productList:this.tableData, |
| | | purchase:{ |
| | | supplierId:this.supplierId||0, |
| | | signingDate:data.signingDate||'', |
| | | remark:data.remark, |
| | | purchaseTypeId:this.purchaseTypeId||0, |
| | | phone:data.phone||'', |
| | | name:data.name||'', |
| | | deliveryDate:data.deliveryDate||'', |
| | | contact:data.contact |
| | | } |
| | | }; |
| | | if(data.ID){ |
| | | params.purchase.id=data.ID |
| | | } |
| | | return params; |
| | | }, |
| | | handleClose() { |
| | |
| | | var restaurants = []; |
| | | if (value === "client") { |
| | | restaurants = this.clientList; |
| | | } else if (value === "contact") { |
| | | restaurants = this.contactNamelist; |
| | | } |
| | | } |
| | | var results = queryString |
| | | ? restaurants.filter(this.createStateFilter(queryString)) |
| | | : restaurants; |
| | |
| | | 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; |
| | | this.supplierId = item.id; |
| | | } |
| | | }, |
| | | selClientClick() { |
| | | this.editSelectClientConfig.editVisible = true; |
| | | this.editSelectSupplierConfig.editVisible = true; |
| | | }, |
| | | selClient(row) { |
| | | this.editConfig.infomation.client_name = row.name; |
| | | this.clientId = row.id; |
| | | this.$set(this.editConfig.infomation,'supplierName',row.name) |
| | | this.editConfig.infomation.contact = row.contact; |
| | | this.editConfig.infomation.phone = row.phone; |
| | | this.supplierId = row.ID; |
| | | }, |
| | | // 清除已选择用户 |
| | | clearupClient(value) { |
| | | if (value == "client") { |
| | | this.editConfig.infomation.client_name = ""; |
| | | this.$set(this.editConfig.infomation, "client_name", ""); |
| | | this.clientId = null; |
| | | this.$set(this.editConfig.infomation, "supplierName", ""); |
| | | this.supplierId = null; |
| | | this.$forceUpdate(); |
| | | } |
| | | }, |
| | | // 添加附件 |
| | | addAnnexClick() {}, |
| | | // 设置允许上传文件格式 |
| | | setFormatClick() {}, |
| | | setTableForm() { |
| | | if ( |
| | | this.editConfig.title === "创建" || |
| | | this.editConfig.infomation.products.length === 0 |
| | | !this.editConfig.infomation.ID || |
| | | this.editConfig.infomation.productList.length === 0 |
| | | ) { |
| | | this.tableData = [ |
| | | { |
| | |
| | | }, |
| | | ]; |
| | | } 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 = { |
| | | tableData: this.tableData, |
| | | tableColumn: [ |
| | | { label: "编号", prop: "productId", width: 40 }, |
| | | { |
| | | label: "产品名称", |
| | | prop: "name", |
| | |
| | | isRequird: true, |
| | | }, |
| | | { label: "产品编号", prop: "number" }, |
| | | { label: "计量单位", prop: "number" }, |
| | | { label: "规格型号", prop: "number" }, |
| | | { label: "计量单位", prop: "unit" }, |
| | | { label: "规格型号", prop: "specifications" }, |
| | | { label: "数量", prop: "amount", inputNumber: true, isRequird: true }, |
| | | { |
| | | label: "采购单价", |
| | |
| | | isRequird: true, |
| | | }, |
| | | { label: "价税合计", prop: "total", inputFloat: true }, |
| | | { label: "描述", prop: "name", input: true }, |
| | | { label: "描述", prop: "remark", input: true }, |
| | | ], |
| | | }; |
| | | }, |
| | |
| | | name: "", |
| | | number: "", |
| | | price: 0, |
| | | total: 0, |
| | | total: 0 |
| | | }, |
| | | ]; |
| | | this.productTableList.tableData = this.tableData; |
| | | }, |
| | | // 产品重算 |
| | | recalculateProductClick() {}, |
| | | clearupProduct(data) { |
| | | this.tableData = data; |
| | | this.productTableList.tableData = this.tableData; |