| | |
| | | style="width:100%;" |
| | | > |
| | | <el-select |
| | | :disabled="editConfig.isDisabled" |
| | | placeholder="请选择采购类型" |
| | | v-model="editConfig.infomation.purchaseTypeId" |
| | | clearable |
| | |
| | | ></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-form-item label="供应商名称" prop="supplierName"> |
| | | <div class="custom-name"> |
| | | <el-autocomplete |
| | | :disabled="editConfig.isDisabled" |
| | | style="width: calc(100% - 40px)" |
| | | v-model="editConfig.infomation.supplierName" |
| | | :fetch-suggestions=" |
| | |
| | | @select="handleSelectClient('client', $event)" |
| | | ></el-autocomplete> |
| | | <div |
| | | v-if="!editConfig.isDisabled" |
| | | class="common-select-btn" |
| | | @click="selClientClick('client')" |
| | | > |
| | |
| | | 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 :span="12"> |
| | | <el-form-item label="采购单名称" prop="name"> |
| | | <el-input |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.name" |
| | | placeholder="请填写" |
| | | clearable |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="供应商联系人" prop="contact"> |
| | | <el-input |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.contact" |
| | | placeholder="请填写" |
| | | clearable |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.phone" |
| | | placeholder="请填写" |
| | | maxlength="11" |
| | | show-word-limit |
| | | clearable |
| | | ></el-input> |
| | | </el-form-item> |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="签约日期" prop="signingDate"> |
| | | <el-date-picker |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.signingDate" |
| | | style="width: 100%" |
| | | type="date" |
| | |
| | | <el-col :span="12"> |
| | | <el-form-item label="交付日期" prop="deliveryDate"> |
| | | <el-date-picker |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.deliveryDate" |
| | | style="width: 100%" |
| | | type="date" |
| | |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注信息" prop="remark"> |
| | | <el-input |
| | | :disabled="editConfig.isDisabled" |
| | | type="textarea" |
| | | :autosize="{ minRows: 3, maxRows: 4 }" |
| | | maxlength="500" |
| | |
| | | <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-select |
| | | v-model="editConfig.infomation.wholeDiscountType" |
| | | placeholder="请选择" |
| | | :disabled="editConfig.isDisabled" |
| | | filterable |
| | | @change="getTotal" |
| | | > |
| | |
| | | <el-input |
| | | v-model="editConfig.infomation.wholeDiscount" |
| | | size="mini" |
| | | :disabled="editConfig.infomation.wholeDiscountType?false:true" |
| | | :disabled="editConfig.isDisabled" |
| | | @change="getTotal" |
| | | placeholder="请填写" |
| | | ></el-input> |
| | |
| | | <div class="table-bottom-l"> |
| | | <el-form-item label="调整" prop="member_id"> |
| | | <el-select |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.priceAdjustmentType" |
| | | placeholder="请选择" |
| | | filterable |
| | |
| | | <div class="table-bottom-r"> |
| | | <el-form-item label="" prop="member_id"> |
| | | <el-input |
| | | :disabled="editConfig.isDisabled" |
| | | v-model="editConfig.infomation.priceAdjustment" |
| | | size="mini" |
| | | :disabled="editConfig.infomation.priceAdjustmentType?false:true" |
| | | @change="getTotal" |
| | | placeholder="请填写" |
| | | ></el-input> |
| | |
| | | </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> |
| | |
| | | <script> |
| | | import CommonFormTableView from "@/components/makepager/CommonFormTableView"; |
| | | import BomDialog from "@/components/makepager/BomDialog"; |
| | | import { getProductList } from "@/api/productManage/product" |
| | | |
| | | import { |
| | | addPurchase, |
| | |
| | | } from "@/api/purchaseManage/purchase"; |
| | | |
| | | import SelectSupplierDialog from "@/views/purchaseManage/purchase/components/SelectSupplierDialog"; |
| | | // import { formToJSON } from "axios"; |
| | | export default { |
| | | name: "QuotationDialog", |
| | | components: { SelectSupplierDialog, CommonFormTableView,BomDialog }, |
| | |
| | | type: Object, |
| | | default: () => { |
| | | return { |
| | | detailEnter:true, |
| | | visible: false, |
| | | title: "创建", |
| | | infomation: {}, |
| | |
| | | }, |
| | | supplierId: this.editCommonConfig.infomation.supplierId, |
| | | tableData: [], |
| | | productId: 1, |
| | | productIndex: 0, |
| | | productId:'', |
| | | isNoProduct: true, |
| | | clientList: [], |
| | | plcBrandList:[], |
| | |
| | | }, |
| | | total:0, |
| | | totalTwo:0, |
| | | productListIdx:0 |
| | | }; |
| | | }, |
| | | created() { |
| | |
| | | this.$message.error("产品名称不能为空"); |
| | | } else { |
| | | const params = this.saveParams(); |
| | | console.log(params); |
| | | if (this.editConfig.title === "创建") { |
| | | addPurchase(params).then((res) => { |
| | | console.log(res); |
| | | this.editConfig.visible = false; |
| | | if (res.code === 200) { |
| | | this.$message.success("添加成功"); |
| | |
| | | let params = { |
| | | productList:this.tableData, |
| | | purchase:{ |
| | | supplierId:this.supplierId||0, |
| | | supplierId:data.supplierId, |
| | | signingDate:data.signingDate||'', |
| | | remark:data.remark, |
| | | orderSource:data.orderSource||'', |
| | |
| | | }, |
| | | // 选择客户相关方法 |
| | | querySearchAsync(queryString, cb, value) { |
| | | this.productTableList.tableProductList=[] |
| | | var restaurants = []; |
| | | if (value === "supplier") { |
| | | restaurants = this.supplierList; |
| | |
| | | ); |
| | | }; |
| | | }, |
| | | handleSelectClient(value, item) { |
| | | console.log(value); |
| | | 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") |
| | | } |
| | | }) |
| | | }, |
| | | selClientClick() { |
| | | this.editSelectSupplierConfig.editVisible = true; |
| | |
| | | }, |
| | | // 清除已选择用户 |
| | | clearupClient(value) { |
| | | this.emptyProductClick() |
| | | if (value == "client") { |
| | | this.$set(this.editConfig.infomation, "supplierName", ""); |
| | | this.supplierId = null; |
| | |
| | | this.tableData = [ |
| | | { |
| | | productId: this.productId, |
| | | productIndex:this.productIndex, |
| | | id: 0, |
| | | amount: 0, |
| | | desc: "", |
| | |
| | | // }); |
| | | } |
| | | this.productTableList = { |
| | | tableProductList:[], |
| | | supplierId:undefined, |
| | | tableData: this.tableData, |
| | | disabled:this.editConfig.isDisabled, |
| | | tableColumn: [ |
| | | { |
| | | label: "产品名称", |
| | |
| | | min: 180, |
| | | productName: true, |
| | | isRequird: true, |
| | | disabled:this.editConfig.isDisabled, |
| | | }, |
| | | { label: "产品编号", prop: "number", min: 150,}, |
| | | { label: "计量单位", prop: "unit" }, |
| | | { label: "规格型号", prop: "specifications" }, |
| | | { label: "数量", prop: "amount", inputNumber: true, isRequird: true }, |
| | | { 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,disabled:true,multiply:true, }, |
| | | { label: "描述", prop: "remark", 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; |
| | | console.log(row,val,prop,"产品ID",this.tableData) |
| | | this.tableData.map((item) => { |
| | | if (item.productId === row.productId) { |
| | | if (item.productIndex === row.productIndex) { |
| | | item[prop] = val; |
| | | } |
| | | }); |
| | |
| | | }, |
| | | // 产品新增 |
| | | addProductClick() { |
| | | this.productId++; |
| | | this.productIndex++; |
| | | this.tableData.push({ |
| | | productId: this.productId, |
| | | productIndex: this.productIndex, |
| | | productId:'', |
| | | id: 0, |
| | | amount: 0, |
| | | desc: "", |
| | |
| | | }, |
| | | // 产品清空 |
| | | emptyProductClick() { |
| | | this.productId = 1; |
| | | this.productIndex = 1; |
| | | this.tableData = [ |
| | | { |
| | | productId: this.productId, |
| | | productId: '', |
| | | productIndex:this.productIndex, |
| | | id: 0, |
| | | amount: 0, |
| | | desc: "", |
| | |
| | | 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> |