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 | 298 +++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 225 insertions(+), 73 deletions(-) diff --git a/src/views/sales/subOrder/AddSubOrderDialog.vue b/src/views/sales/subOrder/AddSubOrderDialog.vue index 2003554..f37f656 100644 --- a/src/views/sales/subOrder/AddSubOrderDialog.vue +++ b/src/views/sales/subOrder/AddSubOrderDialog.vue @@ -9,11 +9,12 @@ custom-class="iframe-dialog" > <el-form + v-if="refreshFlag" ref="form" :model="editConfig.infomation" :rules="rules" label-position="right" - label-width="308px" + label-width="100px" size="mini" > <!-- 淇℃伅 --> @@ -22,6 +23,35 @@ <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-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 + > + <span v-else>{{ editConfig.title === "鏂板缓" ? "鑷姩鐢熸垚" : editConfig.infomation.number }}</span> --> + </el-form-item> + </el-col> <el-col :span="12"> <el-form-item label="瀹㈡埛鍚嶇О" prop="client_name"> <div class="custom-name"> @@ -38,17 +68,17 @@ <div class="common-select-btn" @click="selClientClick('client')"> <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i> </div> - <div class="common-select-btn" @click="clearupClient('client')"> - <i class="el-icon-edit-outline" title="娓呴櫎"></i> + <div + v-if="editConfig.infomation.client_name && editConfig.infomation.client_name.length > 0" + class="common-select-btn" + @click="clearupClient('client')" + > + <i class="el-icon-remove-outline" title="娓呴櫎"></i> </div> </div> </el-form-item> </el-col> - <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="master_order_number"> <div class="custom-name"> @@ -61,12 +91,22 @@ " 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 class="common-select-btn" @click="clearupClient('master')"> - <i class="el-icon-edit-outline" title="娓呴櫎"></i> + <div + v-if=" + editConfig.infomation.master_order_number && + editConfig.infomation.master_order_number.length > 0 && + !isAddMaster + " + class="common-select-btn" + @click="clearupClient('master')" + > + <i class="el-icon-remove-outline" title="娓呴櫎"></i> </div> </div> </el-form-item> @@ -77,7 +117,7 @@ v-model="editConfig.infomation.memberId" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 100%" > <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> </el-option> @@ -127,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" @@ -163,9 +205,12 @@ import { getAddSubOrder, getUpdateSubOrder } from "@/api/sales/subOrder" import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" +import codeMixin from "@/components/makepager/mixin/codeMixin" +import { getMasterOrderList } from "@/api/sales/masterOrder" export default { name: "SubOrderDialog", + mixins: [codeMixin], components: { CommonFormTableView, SelectClientDialog, SelectCommonDialog }, props: { editCommonConfig: { @@ -182,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 { - dialogWidth: "80%", + 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", @@ -228,22 +276,49 @@ masterId: this.editCommonConfig.infomation.masterOrderId, tableData: [], productId: 1, - addProductArr: [] + addProductArr: [], + 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() + }, + watch: { + "editConfig.visible"(val) { + if (val) { + this.formInfo() + } + } }, methods: { + formInfo() { + this.objCode.codeStandID = "" + if (this.editConfig.infomation.codeStandID) { + this.objCode.codeStandID = this.editConfig.infomation.codeStandID + } + this.getRCodeStandardList() + }, getCommonData() { getAllData() .then((res) => { 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() } }) @@ -258,64 +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 + 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) { @@ -341,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") { @@ -351,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) { @@ -371,17 +487,21 @@ 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() {}, // 璁剧疆鍏佽涓婁紶鏂囦欢鏍煎紡 setFormatClick() {}, setTableForm() { - if (this.editConfig.title === "鏂板缓") { + if (this.editConfig.title === "鏂板缓" || this.editConfig.infomation.products.length === 0) { this.tableData = [ { productId: this.productId, @@ -391,7 +511,8 @@ name: "", number: "", price: 0, - total: 0 + total: 0, + unit: "" } ] } else { @@ -402,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 } ] @@ -414,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 }, // 浜у搧娓呯┖ @@ -448,7 +588,8 @@ name: "", number: "", price: 0, - total: 0 + total: 0, + unit: "" } ] this.productTableList.tableData = this.tableData @@ -458,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汉")) + } } } } @@ -487,6 +636,9 @@ font-size: 18px; cursor: pointer; } + .el-autocomplete { + flex: 1; + } } } .address-view { -- Gitblit v1.8.0