From ec77d5b6a4d6be3423b7723cf5e1333f599b0751 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期一, 04 三月 2024 17:58:19 +0800 Subject: [PATCH] 销售机会模块 新建操作的时候,销售阶段默认为初期沟通+销售预测的币种默认人民币+产品管理部分币种隐藏 --- src/views/sales/subOrder/AddSubOrderDialog.vue | 289 ++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 191 insertions(+), 98 deletions(-) diff --git a/src/views/sales/subOrder/AddSubOrderDialog.vue b/src/views/sales/subOrder/AddSubOrderDialog.vue index 7e46442..f37f656 100644 --- a/src/views/sales/subOrder/AddSubOrderDialog.vue +++ b/src/views/sales/subOrder/AddSubOrderDialog.vue @@ -9,6 +9,7 @@ custom-class="iframe-dialog" > <el-form + v-if="refreshFlag" ref="form" :model="editConfig.infomation" :rules="rules" @@ -22,29 +23,33 @@ <div class="basic-info-title">鍩烘湰淇℃伅</div> <div class="basic-info-view"> <el-row> -<!-- <el-col :span="12">--> -<!-- <el-form-item label="鍗曟嵁缂栧彿" prop="number">--> -<!-- <el-input v-model="editConfig.infomation.number"></el-input>--> -<!-- </el-form-item>--> -<!-- </el-col>--> <el-col :span="12"> <el-form-item label="鍗曟嵁缂栧彿" prop="number"> - <WordInput - v-if="codenumer && (explain != '' || isIdDisabled)&&method == 0" - :codenumer="codenumer" - :sum="sum" - :disabled="editConfig.infomation.id || isIdDisabled" - :inputValue="inputValue" - @codeList="codeList" + <el-input + v-if=" + 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" + >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span + > + <!-- <WordInput + v-if="codenumer && (explain != '' || isIdDisabled) && method == 0" + :codenumer="codenumer" + :sum="sum" + :disabled="editConfig.title !== '鏂板缓' || isIdDisabled" + :inputValue="inputValue" + @codeList="codeList" /> <span v-else-if="method == 0" style="color: #f56c6c" - >璇蜂紭鍏堥厤缃紪鐮佽鑼� - <el-button type="text" @click="numberClick"> - 閰嶇疆瑙勮寖 - </el-button - ></span + >璇蜂紭鍏堥厤缃紪鐮佽鑼� <el-button type="text" @click="numberClick"> 閰嶇疆瑙勮寖 </el-button></span > - <span v-else>鑷姩鐢熸垚</span> + <span v-else>{{ editConfig.title === "鏂板缓" ? "鑷姩鐢熸垚" : editConfig.infomation.number }}</span> --> </el-form-item> </el-col> <el-col :span="12"> @@ -86,14 +91,17 @@ " value-key="number" @select="handleSelectClient('master', $event)" + placeholder="璇峰厛閫夋嫨瀹㈡埛鍚嶇О" + :disabled="isAddMaster" ></el-autocomplete> - <div class="common-select-btn" @click="selClientClick('master')"> + <div v-if="!isAddMaster" class="common-select-btn" @click="selClientClick('master')"> <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i> </div> <div v-if=" editConfig.infomation.master_order_number && - editConfig.infomation.master_order_number.length > 0 + editConfig.infomation.master_order_number.length > 0 && + !isAddMaster " class="common-select-btn" @click="clearupClient('master')" @@ -159,9 +167,11 @@ <div class="product-view"> <CommonFormTableView :show-summary="showSummary" + :addTypeIdMultiple="true" :product-table-list="productTableList" @inputContent="inputContent" @addProductClick="addProductClick" + @getSelectArray="getSelectArray" @emptyProductClick="emptyProductClick" @recalculateProductClick="recalculateProductClick" @clearupProduct="clearupProduct" @@ -195,13 +205,13 @@ import { getAddSubOrder, getUpdateSubOrder } from "@/api/sales/subOrder" import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" -import WordInput from "@/components/wordInput.vue"; -import codeMixin from "@/views/client/followupRecords/mixin/codeMixin"; +import codeMixin from "@/components/makepager/mixin/codeMixin" +import { getMasterOrderList } from "@/api/sales/masterOrder" export default { name: "SubOrderDialog", - mixins:[codeMixin], - components: {WordInput, CommonFormTableView, SelectClientDialog, SelectCommonDialog }, + mixins: [codeMixin], + components: { CommonFormTableView, SelectClientDialog, SelectCommonDialog }, props: { editCommonConfig: { type: Object, @@ -217,18 +227,21 @@ computed: { clientList() { return this.$store.state.getClientName.clientList - }, - masterOrderList() { - return this.$store.state.getClientName.masterOrderList } + // masterOrderList() { + // return this.$store.state.getClientName.masterOrderList + // } }, data() { return { + refreshFlag: true, dialogWidth: "50%", editConfig: this.editCommonConfig, rules: { - number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - memberId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] + number: [{ required: true, validator: this.validateCheckCode, trigger: ["blur", "change"] }], + master_order_number: [{ required: true, message: "璇烽�夋嫨鎴栧垱寤洪攢鍞�诲崟", trigger: "blur" }], + client_name: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], + memberId: [{ required: true, validator: this.validateMemberId, trigger: "change" }] }, memberOptions: [], discount: "2", @@ -264,33 +277,32 @@ tableData: [], productId: 1, addProductArr: [], - objCode: { name: "", page: 0, pageSize: 0, type: "閿�鍞瓙鍗曠紪鐮�",codeStandID:'' }, + objCode: { name: "", page: 0, pageSize: 0, type: "閿�鍞瓙鍗曠紪鐮�", codeStandID: "" }, + isAddMaster: true, + masterOrderList: [] } }, created() { this.$store.dispatch("geClient") - this.$store.dispatch("geMaster") + // this.$store.dispatch("geMaster") this.setTableForm() this.getCommonData() - this.formInfo(); + this.formInfo() }, - watch:{ - 'editConfig.visible'(val){ - if(val){ + watch: { + "editConfig.visible"(val) { + if (val) { this.formInfo() } - }, - 'editConfig.infomation.codeStandID'(){ - this.formInfo() } }, methods: { - formInfo(){ - this.objCode.codeStandID = '' - if(this.editConfig.infomation.codeStandID){ - this.objCode.codeStandID = this.editConfig.infomation.codeStandID; + formInfo() { + this.objCode.codeStandID = "" + if (this.editConfig.infomation.codeStandID) { + this.objCode.codeStandID = this.editConfig.infomation.codeStandID } - this.getRCodeStandardList(); + this.getRCodeStandardList() }, getCommonData() { getAllData() @@ -298,6 +310,15 @@ console.log(res) if (res.code === 200) { this.memberOptions = res.data.member + // this.$set(this.editConfig.infomation, "memberId", this.editConfig.infomation.memberId) + if (this.editConfig.title === "鏂板缓") { + let username = document.cookie.replace(/(?:(?:^|.*;\s*)username\s*=\s*([^;]*).*$)|^.*$/, "$1") + this.memberOptions.map((item) => { + if (item.username == username) { + this.$set(this.editConfig.infomation, "memberId", item.id) + } + }) + } this.dataProcess() } }) @@ -312,66 +333,94 @@ } }) }, + /** + * 寮哄埗鍒锋柊form缁勪欢 + * 澶栭儴鏇存敼琛ㄥ崟鍊间笉浼氳Е鍙戣〃鍗曟牎楠�,瀵艰嚧鍗充娇鏈夊�煎琚〃鍗曟牎楠岄樆濉炰綇 + */ + refresh() { + this.refreshFlag = false + requestAnimationFrame(() => { + this.refreshFlag = true + }) + }, // 淇濆瓨 saveClick(formName) { this.$refs[formName].validate((valid) => { if (valid) { console.log(this.editConfig.infomation) - 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("浜у搧鍚嶇О涓嶈兘涓虹┖") + // 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 { + const params = this.saveParams() + if (this.editConfig.title === "鏂板缓") { + getAddSubOrder(params).then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message.success("娣诲姞鎴愬姛") + this.$parent.getData() + } + }) } else { - const params = this.saveParams() - console.log(params) - if (this.editConfig.title === "鏂板缓") { - getAddSubOrder(params).then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.$message.success("娣诲姞鎴愬姛") - this.$parent.getData() - } - }) - } else { - getUpdateSubOrder(params).then((res) => { - console.log(res) - this.editConfig.visible = false - if (res.code === 200) { - this.$message.success("缂栬緫鎴愬姛") - this.$parent.getData() - } - }) - } + getUpdateSubOrder(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 } + // } 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 params = { id: this.editConfig.title === "鏂板缓" ? 0 : data.id, clientId: this.clientId || 0, masterOrderId: this.masterId || 0, memberId: data.memberId || 0, number: data.number || "", - product: this.tableData, - codeStandID:data.ID, - codeRule:this.codeRule, + product: products, + codeStandID: data.ID } return params }, handleClose() { this.editConfig.visible = false + }, + // 鑾峰彇閿�鍞�诲崟 + getMasterList(id) { + getMasterOrderList({ + page: 0, + pageSize: 0, + search_map: { + client_id: id + } + }).then((res) => { + if (res.code == 200) { + this.masterOrderList = res.data.list + } + }) }, // 閫夋嫨瀹㈡埛鐩稿叧鏂规硶 querySearchAsync(queryString, cb, value) { @@ -397,9 +446,15 @@ handleSelectClient(value, item) { if (value === "client") { this.clientId = item.id + this.isAddMaster = false + this.getMasterList(item.id) + this.editConfig.infomation.master_order_number = "" + this.masterId = 0 } else if (value === "master") { + this.editConfig.infomation.master_order_number = item.number this.masterId = item.id } + this.refresh() }, selClientClick(value) { if (value == "client") { @@ -407,19 +462,24 @@ } else if (value == "master") { this.editSelectMasterConfig.title = "閿�鍞�诲崟" this.editSelectMasterConfig.editVisible = true + this.editSelectMasterConfig.clientId = this.clientId this.editSelectMasterConfig.tableInfomation = [...this.masterOrderList] } }, selClient(row, value) { - console.log(row) if (value == "client") { this.editConfig.infomation.client_name = row.name this.editConfig.infomation.client_id = row.id this.clientId = row.id + this.isAddMaster = false + this.getMasterList(row.id) + this.editConfig.infomation.master_order_number = "" + this.masterId = 0 } else if (value == "master") { this.editConfig.infomation.master_order_number = row.number this.masterId = row.id } + this.refresh() }, // 娓呴櫎宸查�夋嫨鐢ㄦ埛 clearupClient(value) { @@ -427,10 +487,14 @@ this.editConfig.infomation.client_name = "" this.editConfig.infomation.client_id = 0 this.clientId = 0 + this.isAddMaster = true + this.editConfig.infomation.master_order_number = "" + this.masterId = 0 } else if (value == "master") { this.editConfig.infomation.master_order_number = "" this.masterId = 0 } + this.refresh() }, // 娣诲姞闄勪欢 addAnnexClick() {}, @@ -447,7 +511,8 @@ name: "", number: "", price: 0, - total: 0 + total: 0, + unit: "" } ] } else { @@ -458,11 +523,13 @@ } this.productTableList = { tableData: this.tableData, + isReturn: true, tableColumn: [ - { label: "#", prop: "productId", width: 40 }, + // { label: "#", prop: "productId", width: 40 }, { label: "浜у搧鍚嶇О", prop: "name", productName: true, isRequird: true }, { label: "浜у搧缂栧彿", prop: "number" }, { label: "鏁伴噺", prop: "amount", inputNumber: true, isRequird: true }, + { label: "鍗曚綅", prop: "unit" }, { label: "閿�鍞崟浠�", prop: "price", inputFloat: true }, { label: "浠风◣鍚堣", prop: "total", inputFloat: true } ] @@ -470,26 +537,43 @@ }, // 浜у搧鍒楄〃杈撳叆 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 } }) }, // 浜у搧鏂板 addProductClick() { - this.productId++ - this.tableData.push({ - productId: this.productId, - id: 0, - amount: 0, - desc: "", - name: "", - number: "", - price: 0, - total: 0 - }) + // this.productId++ + // this.tableData.push({ + // productId: this.productId, + // id: 0, + // amount: 0, + // desc: "", + // name: "", + // number: "", + // price: 0, + // total: 0, + // unit: "" + // }) + // this.showSummary.show = true + }, + // 鏂板鏂瑰紡淇敼 + getSelectArray(val, index) { + if (this.tableData.length == 1 && this.tableData[0].number.length == 0) { + 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 }, // 浜у搧娓呯┖ @@ -504,7 +588,8 @@ name: "", number: "", price: 0, - total: 0 + total: 0, + unit: "" } ] this.productTableList.tableData = this.tableData @@ -514,6 +599,14 @@ clearupProduct(data) { this.tableData = data this.productTableList.tableData = this.tableData + }, + // 璐熻矗浜鸿嚜瀹氫箟鏍¢獙瑙勫垯 + validateMemberId(rule, value, callback) { + if (this.editConfig.infomation?.memberId > 0) { + callback() + } else { + callback(new Error("璇疯緭鍏ヨ礋璐d汉")) + } } } } @@ -543,7 +636,7 @@ font-size: 18px; cursor: pointer; } - .el-autocomplete{ + .el-autocomplete { flex: 1; } } -- Gitblit v1.8.0