From 22d4441a8c669185c13d2b6856c51ad550c50ae2 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期五, 14 七月 2023 18:26:47 +0800 Subject: [PATCH] 编辑下拉框&网络请求封装优化 --- src/views/custom/salesLead/AddSalesLeadDialog.vue | 57 ++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 46 insertions(+), 11 deletions(-) diff --git a/src/views/custom/salesLead/AddSalesLeadDialog.vue b/src/views/custom/salesLead/AddSalesLeadDialog.vue index 06d40fe..000c2dd 100644 --- a/src/views/custom/salesLead/AddSalesLeadDialog.vue +++ b/src/views/custom/salesLead/AddSalesLeadDialog.vue @@ -27,7 +27,7 @@ </el-col> <el-col :span="12"> <el-form-item label="閿�鍞嚎绱㈢紪鍙�" prop="saleLeadNumber"> - <span>{{ editSalesLeadConfig.infomationsaleLeadNumber }}</span> + <el-input v-model="editConfig.infomation.saleLeadNumber"></el-input> </el-form-item> </el-col> </el-row> @@ -61,6 +61,7 @@ <CommonSelectView :common-value="editConfig.infomation.businessSource" :common-options="businessSourceOptions" + @editDropdownBox="editDropdownBox" /> </el-form-item> </el-col> @@ -152,16 +153,21 @@ <div v-else><i class="el-icon-arrow-down"></i></div> </div> </el-form> - <div slot="footer" class="dialog-footer"> - <el-button type="primary" size="small" @click="editConfig.visible = false">淇� 瀛�</el-button> + <div slot="footer"> + <el-button type="primary" size="small" @click="saveClick('form')">淇� 瀛�</el-button> <el-button size="small" @click="editConfig.visible = false">鍙� 娑�</el-button> </div> + <!-- 缂栬緫涓嬫媺妗� --> + <EditDropdownDialog v-if="editDropdownConfig.editVisible" :edit-dropdown-config="editDropdownConfig" /> </el-dialog> </div> </template> <script> import CommonSelectView from "@/components/makepager/CommonSelectView" +import EditDropdownDialog from "@/views/other/commonDialog/EditDropdownDialog" +import { getSalesSourcesList } from "@/api/custom/salesLead" + export default { name: "AddSalesLeadDialog", props: { @@ -192,7 +198,7 @@ } } }, - components: { CommonSelectView }, + components: { CommonSelectView, EditDropdownDialog }, computed: { searchCommonHeight() { return this.$refs.searchCommonView.offsetHeight @@ -247,13 +253,41 @@ { value: "4", label: "瑗垮煄鍖�" } ], // 鍖哄煙 unflodCollapseStr: "鏀惰捣", - isUnflod: true + isUnflod: true, + editDropdownConfig: { + editVisible: false, + title: "", + infomation: {} + } } }, - created() {}, + created() { + this.getCommonData() + }, methods: { + getCommonData() { + getSalesSourcesList() + .then((res) => { + console.log(res) + // this.businessSourceOptions = res.data.tableList + }) + .catch((err) => { + console.log(err) + }) + }, handleClose() { this.editConfig.visible = false + }, + // 淇濆瓨 + saveClick(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + alert("submit") + } else { + console.log("error submit") + return false + } + }) }, // 灞曞紑鏀惰捣 unflodCollapseClick() { @@ -264,6 +298,12 @@ this.unflodCollapseStr = "鏀惰捣" this.isUnflod = true } + }, + // 缂栬緫涓嬫媺妗� + editDropdownBox() { + console.log("aaa") + this.editDropdownConfig.editVisible = true + this.editDropdownConfig.title = "鍟嗘満鏉ユ簮" } } } @@ -297,11 +337,6 @@ justify-content: center; align-items: center; color: #6166d3; - } - .dialog-footer { - background-color: #f5f5f5; - height: 55px; - line-height: 55px; } } </style> -- Gitblit v1.8.0