From 23d80c1b64f23ede237ab8e89ebc2ee2aaf43f26 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期三, 19 七月 2023 19:32:10 +0800 Subject: [PATCH] 销售模块接口联调 --- src/views/sales/contractManage/AddContractManageDialog.vue | 168 ++++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 120 insertions(+), 48 deletions(-) diff --git a/src/views/sales/contractManage/AddContractManageDialog.vue b/src/views/sales/contractManage/AddContractManageDialog.vue index 0e6bdb0..a1e40fc 100644 --- a/src/views/sales/contractManage/AddContractManageDialog.vue +++ b/src/views/sales/contractManage/AddContractManageDialog.vue @@ -21,39 +21,52 @@ <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item label="瀹㈡埛鍚嶇О" prop="customName"> + <el-form-item label="瀹㈡埛鍚嶇О" prop="client_id"> <div class="custom-name"> - <el-input v-model="editConfig.infomation.customName"></el-input> + <el-input v-model="editConfig.infomation.client_id"></el-input> <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div> <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div> </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍗曟嵁缂栧彿" prop="documentNumber"> - <el-input v-model="editConfig.infomation.documentNumber"></el-input> + <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="owner"> - <el-select v-model="editConfig.infomation.owner" placeholder="璇烽�夋嫨" size="mini" style="width: 63%"> - <el-option v-for="item in ownerOptions" :key="item.value" :label="item.label" :value="item.value"> + <el-form-item label="璐熻矗浜�" prop="member_id"> + <el-select + v-model="editConfig.infomation.member_id" + placeholder="璇烽�夋嫨" + size="mini" + style="width: 63%" + > + <el-option v-for="item in memberOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍚堝悓鐘舵��" prop="contractStatus"> - <CommonSelectView - :common-value="editConfig.infomation.contractStatus" - :common-options="contractStatusOptions" - /> + <el-form-item label="鍚堝悓鐘舵��" prop="status_id"> + <div class="common-select"> + <el-select + v-model="editConfig.infomation.status_id" + placeholder="璇烽�夋嫨" + class="common-select-sel" + size="mini" + > + <el-option v-for="item in statusOptions" :key="item.id" :label="item.name" :value="item.id"> + </el-option> + </el-select> + <div class="common-select-btn"><i class="el-icon-setting"></i></div> + </div> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="閿�鍞姤浠峰崟" prop="salesQuotation"> + <el-form-item label="閿�鍞姤浠峰崟" prop="quotation_id"> <div class="custom-name"> - <el-input v-model="editConfig.infomation.salesQuotation"></el-input> + <el-input v-model="editConfig.infomation.quotation_id"></el-input> <div class="common-select-btn"><i class="el-icon-circle-plus-outline" title="閫夋嫨"></i></div> <div class="common-select-btn"><i class="el-icon-edit" title="缂栬緫"></i></div> </div> @@ -95,7 +108,7 @@ <div v-else><i class="el-icon-arrow-down"></i></div> </div> <!-- 閫夋嫨瀹℃壒娴佺▼ --> - <div class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div> + <!-- <div class="basic-info-title">閫夋嫨瀹℃壒娴佺▼</div> <div class="basic-info-view"> <el-row> <el-col :span="20"> @@ -132,11 +145,11 @@ </el-form-item> </el-col> </el-row> - </div> + </div> --> </div> </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="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> --> <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆瓨</el-button> <el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button> </div> @@ -145,7 +158,8 @@ </template> <script> -import CommonSelectView from "@/components/makepager/CommonSelectView" +import { getAllData } from "@/api/client/client" +import { getAddContract, getUpdateContract } from "@/api/sales/contractManage" export default { name: "AddContractManageDialog", props: { @@ -155,42 +169,23 @@ return { visible: false, title: "鏂板缓", - infomation: { - customName: "", - documentNumber: "TKD20230521-12", - owner: "", - contractStatus: "", - salesQuotation: "", - approvalWorkflow: "", - approvalSteps: "", - approvalPerson: "", - approvalOpinion: "" - } + infomation: {} } } } }, - components: { CommonSelectView }, + components: {}, computed: {}, data() { return { dialogWidth: "80%", editConfig: this.editCommonConfig, rules: { - documentNumber: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], - owner: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] + number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + member_id: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] }, - ownerOptions: [ - // 璐熻矗浜� - { value: "1", label: "BOSS" }, - { value: "2", label: "Mia" }, - { value: "3", label: "璐㈠姟" }, - { value: "4", label: "甯傚満" }, - { value: "5", label: "绯荤粺绠$悊鍛�" }, - { value: "6", label: "閿�鍞�" }, - { value: "7", label: "閿�鍞�荤洃" } - ], - contractStatusOptions: [ + memberOptions: [], + statusOptions: [ { value: "1", label: "寰呭鎵�" }, { value: "2", label: "瀹℃壒涓�" }, { value: "3", label: "宸插鎵�" }, @@ -201,8 +196,78 @@ isUnflod: true } }, - created() {}, + created() { + this.getCommonData() + }, methods: { + getCommonData() { + getAllData() + .then((res) => { + this.memberOptions = res.data.member + }) + .catch((err) => { + console.log(err) + }) + }, + // 淇濆瓨 + saveClick(formName) { + this.$refs[formName].validate((valid) => { + if (valid) { + console.log(this.editConfig.infomation) + const params = this.saveParams() + console.log(params) + if (this.editConfig.title === "鏂板缓") { + getAddContract(params) + .then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message({ + message: "娣诲姞鎴愬姛", + type: "success" + }) + this.$parent.getData() + } + }) + .catch((err) => { + console.log(err) + }) + } else { + getUpdateContract(params) + .then((res) => { + console.log(res) + this.editConfig.visible = false + if (res.code === 200) { + this.$message({ + message: "缂栬緫鎴愬姛", + type: "success" + }) + this.$parent.getData() + } + }) + .catch((err) => { + console.log(err) + }) + } + } else { + console.log("error submit") + return false + } + }) + }, + saveParams() { + let data = this.editConfig.infomation + let params = { + id: this.editConfig.title === "鏂板缓" ? 0 : data.id, + client_id: data.client_id || 0, + file: data.file || "", + member_id: data.member_id || 0, + number: data.number || "", + quotation_id: data.quotation_id || 0, + status_id: data.status_id || 0 + } + return params + }, handleClose() { this.editConfig.visible = false }, @@ -247,10 +312,17 @@ font-size: 18px; } } - } - .address-view { - margin-top: 10px; - padding-right: 40px; + .common-select { + display: flex; + .common-select-sel { + width: 270px; + } + .common-select-btn { + margin-left: 5px; + font-size: 16px; + cursor: pointer; + } + } } .annex-view { display: flex; -- Gitblit v1.8.0