| | |
| | | <div class="basic-info-view"> |
| | | <el-row> |
| | | <el-col :span="12"> |
| | | <el-form-item |
| | | label="采购类型" |
| | | prop="purchaseTypeId" |
| | | class="float_left" |
| | | style="width:100%;" |
| | | > |
| | | <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-for="ele in plcBrandList" |
| | | :key="ele.name" |
| | | :label="ele.name" |
| | | :value="ele.ID" |
| | | :value="ele.id" |
| | | ></el-option> |
| | | </el-select> |
| | | <i |
| | |
| | | v-model="editConfig.infomation.supplierName" |
| | | :fetch-suggestions=" |
| | | (queryString, callback) => { |
| | | querySearchAsync(queryString, callback, 'supplier'); |
| | | querySearchAsync(queryString, callback, 'supplier') |
| | | } |
| | | " |
| | | value-key="name" |
| | | placeholder="请选择" |
| | | @select="handleSelectClient('client', $event)" |
| | | ></el-autocomplete> |
| | | <div |
| | | v-if="!editConfig.isDisabled" |
| | | 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.supplierName && |
| | | editConfig.infomation.supplierName.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" |
| | | v-if="!editConfig.isDisabled" 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-input v-model="editConfig.infomation.orderSource" disabled placeholder="请填写"></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.phone" |
| | | placeholder="请填写" |
| | | maxlength="11" |
| | | show-word-limit |
| | | clearable |
| | | ></el-input> |
| | | </el-form-item> |
| | |
| | | <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" |
| | |
| | | @addProductClick="addProductClick" |
| | | @emptyProductClick="emptyProductClick" |
| | | @clearupProduct="clearupProduct" |
| | | @rowClick="rowClick" |
| | | @handleProduct="handleProduct" |
| | | /> |
| | | </div> |
| | | <div class="table-bottom"> |
| | |
| | | </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> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView"; |
| | | import BomDialog from "@/components/makepager/BomDialog"; |
| | | 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" |
| | | |
| | | import { |
| | | addPurchase, |
| | | updatePurchase, |
| | | savePurchaseType, |
| | | getPurchaseType, |
| | | } from "@/api/purchaseManage/purchase"; |
| | | |
| | | import SelectSupplierDialog from "@/views/purchaseManage/purchase/components/SelectSupplierDialog"; |
| | | export default { |
| | | name: "QuotationDialog", |
| | | components: { SelectSupplierDialog, CommonFormTableView,BomDialog }, |
| | | components: { SelectSupplierDialog, CommonFormTableView, BomDialog }, |
| | | mixins: [codeMixin], |
| | | props: { |
| | | editCommonConfig: { |
| | | type: Object, |
| | | default: () => { |
| | | return { |
| | | detailEnter: true, |
| | | visible: false, |
| | | title: "创建", |
| | | infomation: {}, |
| | | }; |
| | | }, |
| | | }, |
| | | title: "新建", |
| | | infomation: {} |
| | | } |
| | | } |
| | | } |
| | | }, |
| | | data() { |
| | | return { |
| | | editConfig: this.editCommonConfig, |
| | | rules: { |
| | | purchaseTypeId:[{ required: true, message: "请选择", trigger: "change" }], |
| | | purchaseTypeId: [{ required: true, message: "请选择", trigger: "change" }], |
| | | supplierName: [{ required: true, message: "请选择", trigger: "change" }], |
| | | phone: [ |
| | | { |
| | | 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", |
| | | trigger: "change" |
| | | }, |
| | | { validator: this.validatorNum, trigger: "change" }, |
| | | { validator: this.validatorNum, trigger: "change" } |
| | | ], |
| | | priceAdjustment: [ |
| | | { |
| | | required: false, |
| | | message: "请填写", |
| | | trigger: "change", |
| | | trigger: "change" |
| | | }, |
| | | { validator: this.validatorNumThree, trigger: "change" }, |
| | | { validator: this.validatorNumThree, trigger: "change" } |
| | | ], |
| | | number: [{ required: true, validator: this.validateCheckCode, trigger: ["change", "blur"] }] |
| | | }, |
| | | productTableList: {}, |
| | | showSummary: { |
| | | show: true, |
| | | total: false, |
| | | sumProp: ["price", "total"], |
| | | multiply:['amount','price'], |
| | | titleProp: [ |
| | | "编号", |
| | | "产品名称", |
| | | "产品编号", |
| | | "计量单位", |
| | | "规格型号", |
| | | "采购单价", |
| | | "描述", |
| | | ], |
| | | multiply: ["amount", "price"], |
| | | titleProp: ["编号", "产品名称", "产品编号", "计量单位", "规格型号", "采购单价", "描述"], |
| | | mergeNumber: 4, |
| | | totalName:'小计' |
| | | totalName: "小计" |
| | | }, |
| | | editSelectSupplierConfig: { |
| | | editVisible: false, |
| | | title: "", |
| | | infomation: {}, |
| | | infomation: {} |
| | | }, |
| | | supplierId: this.editCommonConfig.infomation.supplierId, |
| | | tableData: [], |
| | | productId: 1, |
| | | productIndex: 0, |
| | | productId: "", |
| | | isNoProduct: true, |
| | | clientList: [], |
| | | plcBrandList:[], |
| | | editRow:{ |
| | | isDefault:'pin' |
| | | plcBrandList: [], |
| | | editRow: { |
| | | isDefault: "pin" |
| | | }, |
| | | total:0, |
| | | totalTwo:0, |
| | | }; |
| | | total: 0, |
| | | totalTwo: 0, |
| | | productListIdx: 0, |
| | | lacks: [] |
| | | } |
| | | }, |
| | | created() { |
| | | this.handleGetBomKindDictList(); |
| | | 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); |
| | | watch: { |
| | | "editCommonConfig.visible": { |
| | | immediate: true, |
| | | handler: function () { |
| | | this.handleGetBomKindDictList(true) |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | formInfo() { |
| | | this.objCode.type = "采购单编码" |
| | | this.objCode.codeStandID = "" |
| | | if (this.editConfig.infomation.codeStandardID) { |
| | | this.objCode.codeStandID = this.editConfig.infomation.codeStandardID |
| | | } |
| | | this.getRCodeStandardList() |
| | | }, |
| | | validatorNum(rule, value, callback) { |
| | | if(this.editConfig.infomation.wholeDiscountType==1){ |
| | | if(value==undefined||value==null||(!value&&value!=0)){ |
| | | callback(new Error("请输入有效数字")); |
| | | }else{ |
| | | var reg=/^\+?[0-9]\d*$/ |
| | | if(!reg.test(value)){ |
| | | callback(new Error('请填写0-100的数字')) |
| | | }else{ |
| | | if(Number(value)>100){ |
| | | callback(new Error('请填写0-100的数字')) |
| | | }else{ |
| | | if (this.editConfig.infomation.wholeDiscountType == 1) { |
| | | if (value == undefined || value == null || (!value && value != 0)) { |
| | | callback(new Error("请输入有效数字")) |
| | | } else { |
| | | var reg = /^\+?[0-9]\d*$/ |
| | | if (!reg.test(value)) { |
| | | callback(new Error("请填写0-100的数字")) |
| | | } else { |
| | | if (Number(value) > 100) { |
| | | callback(new Error("请填写0-100的数字")) |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | }else{ |
| | | } |
| | | } else { |
| | | this.validatorNumThree(rule, value, callback) |
| | | } |
| | | } |
| | | }, |
| | | 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{ |
| | | 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{ |
| | | } else { |
| | | callback() |
| | | } |
| | | } |
| | | }, |
| | | // PLC配置设置 |
| | | handleShow() { |
| | | this.handleGetBomKindDictList(); |
| | | this.$refs.editDialog.editDialogVisible = true; |
| | | this.handleGetBomKindDictList() |
| | | this.$refs.editDialog.editDialogVisible = true |
| | | }, |
| | | // PLC配置 |
| | | handleGetBomKindDictList(val) { |
| | | getPurchaseType().then((res) => { |
| | | this.plcBrandList = res.data; |
| | | 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; |
| | | : this.plcBrandList[i].id |
| | | this.$set(this.editConfig.infomation, "purchaseTypeId", this.editConfig.infomation.purchaseTypeId) |
| | | |
| | | break |
| | | } |
| | | } |
| | | } |
| | | }); |
| | | }) |
| | | }, |
| | | handleConfirmSave(data) { |
| | | console.log(data,'data') |
| | | data.forEach(ele=>{ |
| | | console.log(data, "data") |
| | | data.forEach((ele) => { |
| | | delete ele.created_at |
| | | }) |
| | | |
| | | savePurchaseType(data).then((res) => { |
| | | if (res.code === 200) { |
| | | 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: "success", |
| | | }); |
| | | this.$refs.editDialog.editDialogVisible = false; |
| | | this.handleGetBomKindDictList(true); |
| | | message: "操作失败!", |
| | | type: "warning" |
| | | }) |
| | | } |
| | | },(err)=>{ |
| | | console.error(err) |
| | | this.$message({ |
| | | message: "操作失败!", |
| | | type: "warning", |
| | | }); |
| | | }); |
| | | ) |
| | | }, |
| | | validatorPhone(rule, value, callback) { |
| | | if (value) { |
| | | if (value == undefined || value == null) { |
| | | callback(new Error("请输入")); |
| | | callback(new Error("请输入")) |
| | | } else { |
| | | if (value.length != 11) { |
| | | callback(new Error("长度在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}$/; |
| | | 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("请填写正确的联系电话!")); |
| | | callback(new Error("请填写正确的联系电话!")) |
| | | } else { |
| | | callback(); |
| | | callback() |
| | | } |
| | | } |
| | | } |
| | | } else { |
| | | callback(); |
| | | callback() |
| | | } |
| | | }, |
| | | // 保存 |
| | |
| | | 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(); |
| | | if (this.editConfig.title === "创建") { |
| | | addPurchase(params).then((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 { |
| | | updatePurchase(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 =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 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 = { |
| | | productList:this.tableData, |
| | | purchase:{ |
| | | 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, |
| | | 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; |
| | | 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 = []; |
| | | this.productTableList.tableProductList = [] |
| | | var restaurants = [] |
| | | if (value === "supplier") { |
| | | restaurants = this.supplierList; |
| | | } |
| | | var results = queryString |
| | | ? restaurants.filter(this.createStateFilter(queryString)) |
| | | : restaurants; |
| | | cb(results); |
| | | restaurants = this.supplierList |
| | | } |
| | | 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) { |
| | | if (value === "client") { |
| | | this.supplierId = item.id; |
| | | this.editConfig.infomation.supplierId=item.ID |
| | | return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 |
| | | } |
| | | }, |
| | | selClientClick() { |
| | | this.editSelectSupplierConfig.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.$set(this.editConfig.infomation,'supplierName',row.name) |
| | | this.editConfig.infomation.contact = row.contact; |
| | | this.editConfig.infomation.phone = row.phone; |
| | | this.supplierId = 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.$set(this.editConfig.infomation, "supplierName", ""); |
| | | this.supplierId = null; |
| | | this.$forceUpdate(); |
| | | this.$set(this.editConfig.infomation, "supplierName", "") |
| | | this.supplierId = null |
| | | this.$forceUpdate() |
| | | } |
| | | }, |
| | | setTableForm() { |
| | | if ( |
| | | !this.editConfig.infomation.ID || |
| | | this.editConfig.infomation.productList.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.productList; |
| | | 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, |
| | | disabled: this.editConfig.isDisabled, |
| | | tableColumn: [ |
| | | { |
| | | label: "产品名称", |
| | |
| | | min: 180, |
| | | productName: true, |
| | | isRequird: true, |
| | | disabled:this.editConfig.isDisabled, |
| | | disabled: this.editConfig.isDisabled |
| | | }, |
| | | { label: "产品编号", prop: "number", min: 150,}, |
| | | { label: "产品编号", prop: "number", min: 150 }, |
| | | { label: "计量单位", prop: "unit" }, |
| | | { label: "规格型号", prop: "specifications",}, |
| | | { label: "数量", prop: "amount", inputNumber: true,disabled:this.editConfig.isDisabled, }, |
| | | { label: "规格型号", prop: "specifications" }, |
| | | { label: "数量", prop: "amount", inputNumber: true, disabled: this.editConfig.isDisabled }, |
| | | { |
| | | label: "采购单价", |
| | | prop: "price", |
| | | inputFloat: true, |
| | | isRequird: true, |
| | | disabled:this.editConfig.isDisabled, |
| | | disabled: this.editConfig.isDisabled |
| | | }, |
| | | { 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 |
| | | |
| | | { 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; |
| | | 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 |
| | | 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 |
| | | 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) |
| | | 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; |
| | | } |
| | | ] |
| | | this.productTableList.tableData = this.tableData |
| | | }, |
| | | 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 --> |