From ec77d5b6a4d6be3423b7723cf5e1333f599b0751 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期一, 04 三月 2024 17:58:19 +0800 Subject: [PATCH] 销售机会模块 新建操作的时候,销售阶段默认为初期沟通+销售预测的币种默认人民币+产品管理部分币种隐藏 --- src/views/sales/salesDetails/AddSalesDetailsDialog.vue | 365 ++++++++++++++++++++++++++++++++++----------------- 1 files changed, 240 insertions(+), 125 deletions(-) diff --git a/src/views/sales/salesDetails/AddSalesDetailsDialog.vue b/src/views/sales/salesDetails/AddSalesDetailsDialog.vue index 626a2b9..de79216 100644 --- a/src/views/sales/salesDetails/AddSalesDetailsDialog.vue +++ b/src/views/sales/salesDetails/AddSalesDetailsDialog.vue @@ -91,8 +91,17 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="閿�鍞満浼�" prop="sale_chance_name" - :rules="[{ required: autoCodeHeadersObj.Ywjh=='yes'?true:false, message: '璇烽�夋嫨閿�鍞満浼�', trigger: 'change' }]"> + <el-form-item + label="閿�鍞満浼�" + prop="sale_chance_name" + :rules="[ + { + required: autoCodeHeadersObj.Ywjh == 'yes' ? true : false, + message: '璇烽�夋嫨閿�鍞満浼�', + trigger: 'change' + } + ]" + > <div class="custom-name"> <el-autocomplete style="width: 100%" @@ -106,6 +115,7 @@ @select="handleSelectClient('chance', $event)" :disabled="isNameChanceEdit || isView" ></el-autocomplete> + <!-- &&editConfig.infomation.client_name --> <div v-if="!isNameChanceEdit && !isView" class="common-select-btn" @@ -161,8 +171,18 @@ </el-form-item> </el-col> --> <el-col :span="12"> - <el-form-item label="閿�鍞姤浠峰崟" prop="quotation_number" - :rules="[{ required: autoCodeHeadersObj.Bjd=='yes'?true:false, message: '璇烽�夋嫨閿�鍞姤浠峰崟', trigger: 'change' }]"> + <el-form-item + label="閿�鍞姤浠峰崟" + prop="quotation_number" + :rules="[ + { + required: autoCodeHeadersObj.Bjd == 'yes' ? true : false, + message: '璇烽�夋嫨閿�鍞姤浠峰崟', + trigger: 'change' + } + ]" + > + <!-- isAddQuatation || --> <div class="custom-name"> <el-autocomplete v-model="editConfig.infomation.quotation_number" @@ -174,21 +194,18 @@ value-key="number" @select="handleSelectClient('quotation', $event)" style="width: 100%" - placeholder="璇峰厛閫夋嫨閿�鍞満浼�" - :disabled="isAddQuatation || isView" + placeholder="璇烽�夋嫨閿�鍞姤浠峰崟" + :disabled="isView" ></el-autocomplete> - <div - v-if="!isAddQuatation && !isView" - class="common-select-btn" - @click="selClientClick('quotation')" - > + <!-- !isAddQuatation && editConfig.infomation.sale_chance_name &&--> + <div v-if="!isView" class="common-select-btn" @click="selClientClick('quotation')"> <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i> </div> + <!-- !isAddQuatation && --> <div v-if=" editConfig.infomation.quotation_number && editConfig.infomation.quotation_number.length > 0 && - !isAddQuatation && !isView " class="common-select-btn" @@ -208,6 +225,7 @@ placeholder="閫夋嫨鏃ユ湡" style="width: 100%" :disabled="isView" + :picker-options="pickerOptionsBefore" > </el-date-picker> </el-form-item> @@ -235,6 +253,7 @@ placeholder="閫夋嫨鏃ユ湡" style="width: 100%" :disabled="isView" + :picker-options="pickerOptions" > </el-date-picker> </el-form-item> @@ -299,7 +318,7 @@ ></el-input> </el-form-item> </el-col> - <el-col :span="12"> + <!-- <el-col :span="12"> <el-form-item label="鐗╂祦鍏徃" prop="logisticCompany"> <el-input v-model="editConfig.infomation.logisticCompany" :disabled="isView"></el-input> </el-form-item> @@ -308,7 +327,7 @@ <el-form-item label="鐗╂祦鍗曞彿" prop="logisticNumber"> <el-input v-model="editConfig.infomation.logisticNumber" :disabled="isView"></el-input> </el-form-item> - </el-col> + </el-col> --> <el-col :span="12"> <el-form-item label="鐗╂祦璐圭敤" prop="logisticCost"> <el-input-number @@ -405,13 +424,18 @@ <!-- :detail-enter="true" --> <CommonFormTableView ref="commonFormTableView" - :detail-enter="isView?true:false" + :detail-enter="isView ? true : false" :selectBox="false" - :addTypeIdMultiple="false" + :addTypeIdMultiple="true" :show-summary="showSummary" pageName="quotation" - :isOperate="((autoCodeHeadersObj.Bjd=='yes'&&editConfig.infomation.quotation_number)||autoCodeHeadersObj.Bjd!='yes')?true:false" - :quotationNumber="autoCodeHeadersObj.Bjd=='yes'?editConfig.infomation.quotation_number:''" + :isOperate=" + (autoCodeHeadersObj.Bjd == 'yes' && editConfig.infomation.quotation_number) || + autoCodeHeadersObj.Bjd != 'yes' + ? true + : false + " + :quotationNumber="autoCodeHeadersObj.Bjd == 'yes' ? editConfig.infomation.quotation_number : ''" :product-table-list="productTableList" @inputContent="inputContent" @addProductClick="addProductClick" @@ -530,7 +554,7 @@ computed: { clientList() { return this.$store.state.getClientName.clientList - } + }, // saleChancelist() { // return this.$store.state.getClientName.saleChancelist // }, @@ -540,7 +564,7 @@ }, data() { return { - dialogWidth: "50%", + dialogWidth: "60%", editConfig: this.editCommonConfig, rules: { client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }], @@ -601,18 +625,48 @@ quotationId: this.editCommonConfig.infomation.quotationId, tableData: [], isView: this.editCommonConfig.title === "鏌ョ湅", - thatMember: {} + thatMember: {}, + pickerOptions: { + disabledDate(time) { + return time.getTime() < Date.now() - 8.64e7 + } + }, + pickerOptionsBefore: { + disabledDate(time) { + return time.getTime() > Date.now() + } + } } + }, + mounted(){ + this.getSaleChanceList() + this.getQuotation() }, created() { if (this.editConfig.title !== "鏂板缓") { + this.productTableList.tableData = [ + { + productId: this.productId, + id: 0, + amount: 0, + desc: "", + name: "", + number: "", + price: 0, + cost: "", + profit: "", + margin: "", + total: 0, + unit: "" + } + ] this.isAddQuatation = false } this.$store.dispatch("geClient") this.setTableForm() this.getCommonData() this.formInfo() - this.getUseSystemSet({modeType:'xsmx'}) + this.getUseSystemSet({ modeType: "xsmx" }) if (this.editConfig.title === "缂栬緫") { this.productTableList.tableData = this.editConfig.infomation.products } @@ -667,62 +721,67 @@ 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 + // } else { + // this.isNoProduct = false + // } + // } + // if (this.isNoProduct) { + // this.$message.error("璇烽�夋嫨浜у搧") + // } else { for (let i = 0; i < this.tableData.length; i++) { - if (this.tableData[i].name.length === 0) { - this.isNoProduct = true - break - } else { - this.isNoProduct = false - } - } - if (this.isNoProduct) { - this.$message.error("璇烽�夋嫨浜у搧") - } else { - for (let i = 0; i < this.tableData.length; i++) { - if (this.tableData[i].cost) { - let reg = - /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; - if(!reg.test(this.tableData[i].cost)){ - this.$message.error("鎴愭湰鍗曚环闇�瑕佸~鍐欏ぇ浜�0鐨�2浣嶅皬鏁帮紒") - return true; - } + if (this.tableData[i].cost) { + let reg = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/ + if (!reg.test(this.tableData[i].cost)) { + this.$message.error("鎴愭湰鍗曚环闇�瑕佸~鍐欏ぇ浜�0鐨�2浣嶅皬鏁帮紒") + return true } } - const params = this.saveParams() - if (this.editConfig.title === "鏂板缓") { - getAddSalesDetails(params).then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.tableData.map((item) => { - this.amountTotal += parseFloat(item.total) - }) - let config = { - amountTotal: this.amountTotal, - id: res.data.id - } - this.$emit("addCollectionPlanClick", config) - } - }) - } else { - getUpdateSalesDetails(params).then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.$message.success("缂栬緫鎴愬姛") - this.$parent.getData() - } - }) - } } - } else { - console.log("error submit") - return false + const params = this.saveParams() + if (this.editConfig.title === "鏂板缓") { + getAddSalesDetails(params).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.tableData.map((item) => { + this.amountTotal += parseFloat(item.total) + }) + let config = { + amountTotal: this.amountTotal, + id: res.data.id + } + this.$emit("addCollectionPlanClick", config) + } + }) + } else { + getUpdateSalesDetails(params).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message.success("缂栬緫鎴愬姛") + this.$parent.getData() + } + }) + } } + // } else { + // console.log("error submit") + // return false + // } }) }, saveParams() { let data = this.editConfig.infomation + let products = [] + this.tableData.map((item) => { + if (item.number.length > 0) { + products.push(item) + } + }) let commonParam = { address: data.address || "", addressee: data.addressee || "", @@ -732,7 +791,7 @@ memberId: data.memberId || 0, number: data.number || "", phone: data.phone || "", - products: this.tableData, + products: products, remark: data.remark || "", saleChanceId: this.saleChanceId || 0, saleType: data.saleType || 0, @@ -765,31 +824,33 @@ }, // 鑾峰彇鎶ヤ环鍗� getQuotation(id, value) { - getQuotationList({ - page: 0, + let params={ + page: 0, pageSize: 0, - search_map: { - sale_chance_id: id - } - }).then((res) => { + } + if(id){ + params.search_map={ + sale_chance_id: id + } + } + getQuotationList(params).then((res) => { if (res.code == 200) { console.log(res) this.quotationList = res.data.list + this.count = res.data.count if (value === "鍏ㄩ儴浜у搧") { // this.quotationList.map((item) => { - // if (item.id === this.editConfig.infomation.quotationId) { - - // this.tableData.map((item, index) => { - // item.productId = index + 1 - // this.tableData.forEach((key) => { - // if (item.number === key.number) { - // item.amount = key.amount - // item.id = key.id - // } - // }) - // }) - - // } + // if (item.id === this.editConfig.infomation.quotationId) { + // this.tableData.map((item, index) => { + // item.productId = index + 1 + // this.tableData.forEach((key) => { + // if (item.number === key.number) { + // item.amount = key.amount + // item.id = key.id + // } + // }) + // }) + // } // }) } } @@ -802,11 +863,11 @@ restaurants = this.clientList console.log(restaurants, "瀹㈡埛鍗�") } else if (value === "chance") { - restaurants = this.saleChancelist + restaurants = this.saleChancelist } else if (value === "subbill") { restaurants = this.subOrderList } else if (value === "quotation") { - restaurants = this.quotationList + restaurants = this.quotationList } var results = queryString ? restaurants.filter(this.createStateFilter(queryString, value)) : restaurants cb(results) @@ -822,13 +883,22 @@ }, // 閿�鍞満浼氬垪琛� async getSaleChanceList(item) { - await getSaleChanceList({ - page: 1, - pageSize: 15, - search_map: { + let params={} + if(item){ + params={ + page: 0, + pageSize: 0, + } + params.search_map={ client_id: item.id } - }).then((res) => { + }else{ + params={ + page: 0, + pageSize: 0, + } + } + await getSaleChanceList(params).then((res) => { console.log(res) this.saleChancelist = res.data.list }) @@ -857,24 +927,37 @@ } else if (value === "chance") { this.saleChanceId = item.id this.editConfig.infomation.sale_chance_name = item.name + this.clientId = item.client.id + this.editConfig.infomation.client_name = item.client.name this.isAddQuatation = false + this.getSaleChanceList({id:this.clientId}) this.getQuotation(item.id) } else if (value === "subbill") { console.log("涓嬫媺妗嗙偣鍑�", item) this.subbillId = item.id this.editConfig.infomation.subbill_name = item.number } else if (value === "quotation") { - // this.productTableList.tableData = item.products - // this.tableData = item.products + this.productTableList.tableData = item.products + this.tableData = item.products this.editConfig.infomation.quotation_number = item.number this.quotationId = item.id + //鍙嶅悜 瀹㈡埛鍚嶇О + this.editConfig.infomation.client_name = item.client.name + this.clientId = item.client.id + this.getSaleChanceList({id:this.clientId}) + //鍙嶅悜 閿�鍞満浼� + this.editConfig.infomation.sale_chance_name = item.sale_chance.name + this.saleChanceId = item.sale_chance.id + this.getQuotation(this.saleChanceId) } }, selClientClick(value) { if (value === "client") { this.editSelectClientConfig.editVisible = true } else if (value === "chance") { - this.editSelectChanceConfig.clientId = this.clientId + if (this.clientId) { + this.editSelectChanceConfig.clientId = this.clientId + } this.editSelectChanceConfig.editVisible = true } else if (value === "subbill") { this.editSelCommonConfig.title = "閿�鍞瓙鍗�" @@ -882,22 +965,37 @@ this.editSelCommonConfig.clientId = this.clientId } else if (value === "quotation") { this.editSelCommonConfig.title = "鎶ヤ环鍗�" + if (this.saleChanceId && this.clientId) { + this.editSelCommonConfig.clientId = this.clientId + // 姝e悜閫夋嫨瀹㈡埛 閿�鍞満浼� 鎶ヤ环鍗� + this.editSelCommonConfig.isRequest = false + this.editSelCommonConfig.count = this.count + this.editSelCommonConfig.tableInfomation = [...this.quotationList] + } else { + // 鍙嶅悜閫夋嫨 + this.editSelCommonConfig.isRequest = true + } this.editSelCommonConfig.editVisible = true - this.editSelCommonConfig.clientId = this.clientId - this.editSelCommonConfig.tableInfomation = [...this.quotationList] } }, selClient(row, value) { if (value === "client") { this.editConfig.infomation.sale_chance_name = "" + this.saleChanceId = "" this.editConfig.infomation.subbill_name = "" + // 娓呯┖鎶ヤ环鍗� + this.editConfig.infomation.quotation_number = "" this.editConfig.infomation.client_name = row.name this.clientId = row.id this.getSaleChanceList(row) this.getSubOrderList(row) } else if (value === "chance") { this.editConfig.infomation.sale_chance_name = row.name + this.editConfig.infomation.client_name = row.client.name + this.clientId = row.client.id this.saleChanceId = row.id + // 娓呯┖鎶ヤ环鍗� + this.editConfig.infomation.quotation_number = "" this.isAddQuatation = false this.getQuotation(row.id) } else if (value === "subbill") { @@ -905,8 +1003,14 @@ this.subbillId = row.id } else if (value === "quotation") { this.productTableList.tableData = row.products - // this.tableData = row.products + this.tableData = row.products this.editConfig.infomation.quotation_number = row.number + //鍙嶅悜 瀹㈡埛鍚嶇О + this.editConfig.infomation.client_name = row.client.name + this.clientId = row.client.id + //鍙嶅悜 閿�鍞満浼� + this.editConfig.infomation.sale_chance_name = row.sale_chance.name + this.saleChanceId = row.sale_chance.id this.quotationId = row.id } }, @@ -921,12 +1025,14 @@ this.clientId = 0 this.saleChanceId = 0 this.subbillId = 0 + this.getSaleChanceList() } else if (value === "chance") { this.editConfig.infomation.sale_chance_name = "" this.saleChanceId = 0 this.isAddQuatation = true this.editConfig.infomation.quotation_number = "" this.quotationId = 0 + this.getQuotation(this.saleChanceId) } else if (value === "subbill") { this.editConfig.infomation.subbill_name = "" this.subbillId = 0 @@ -935,6 +1041,7 @@ this.quotationId = 0 } this.productTableList.tableData = [] + this.tableData = [] }, // 娣诲姞闄勪欢 addAnnexClick() {}, @@ -951,9 +1058,9 @@ name: "", number: "", price: 0, - cost:'', - profit:'', - margin:'', + cost: "", + profit: "", + margin: "", total: 0, unit: "" } @@ -966,21 +1073,24 @@ this.getQuotation(this.editConfig.infomation.saleChanceId, "鍏ㄩ儴浜у搧") } // let productData = this.quotationList.products - let isBjdRequird=false - if(this.autoCodeHeadersObj.Bjd=='yes'){ - isBjdRequird=true + let isBjdRequird = false + if (this.autoCodeHeadersObj.Bjd == "yes") { + isBjdRequird = true } this.productTableList = { tableData: this.tableData, + isReturn: true, tableColumn: [ - { label: "#", prop: "productId", width: 40 }, - { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true,min:110, }, + // { label: "#", prop: "productId", width: 40 }, + { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true, min: 110 }, + { label: "瑙勬牸", prop: "specs" }, + { label: "鍨嬪彿", prop: "type" }, { label: "浜у搧缂栧彿", prop: "number" }, { label: "鍗曚綅", prop: "unit" }, - { label: "閿�鍞崟浠�", prop: "price",inputFloat: !isBjdRequird, isRequird: true }, - { label: "鎴愭湰鍗曚环", prop: "cost",input: !isBjdRequird}, + { label: "閿�鍞崟浠�", prop: "price", inputFloat: !isBjdRequird, isRequird: true }, + { label: "鎴愭湰鍗曚环", prop: "cost", input: !isBjdRequird }, { label: "姣涘埄", prop: "profit" }, - { label: "姣涘埄鐜�(%)", prop: "margin",min:90}, + { label: "姣涘埄鐜�(%)", prop: "margin", min: 90 }, { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true }, { label: "浠风◣鍚堣", prop: "total" } ] @@ -988,9 +1098,9 @@ }, // 浜у搧鍒楄〃杈撳叆 inputContent(val, prop, row) { - this.productId = row.productId + // this.productId = row.productId this.tableData.map((item) => { - if (item.productId === row.productId) { + if (item.number === row.number) { item[prop] = val } }) @@ -1015,14 +1125,19 @@ // this.showSummary.show = true }, // 鏂板鏂瑰紡淇敼 - getSelectArray(val){ - if(val.length>0){ - val.map((item, index) => { - item.productId = this.tableData.length + index+1 - }) + getSelectArray(val, index) { + if (this.tableData.length == 1 && this.tableData[0].number.length == 0) { + this.tableData = [] } - this.tableData=this.tableData.concat(val); - this.productTableList.tableData=this.tableData + if (index < this.tableData.length) { + this.tableData.splice(index, 1) + val.map((item, ind) => { + this.tableData.splice(index + ind, 0, item) + }) + } else { + this.tableData = this.tableData.concat(val) + } + this.productTableList.tableData = this.tableData this.showSummary.show = true }, // 浜у搧娓呯┖ @@ -1037,9 +1152,9 @@ name: "", number: "", price: 0, - cost:'', - profit:'', - margin:'', + cost: "", + profit: "", + margin: "", total: 0, unit: "" } -- Gitblit v1.8.0