From 8d0ee0a2c32c7a99afc01b0a0c795d708a9b7955 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期四, 21 九月 2023 09:46:39 +0800 Subject: [PATCH] 概述和产品相关接口联调待完善 --- src/views/overview/AddOverviewDialog.vue | 171 +++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 107 insertions(+), 64 deletions(-) diff --git a/src/views/overview/AddOverviewDialog.vue b/src/views/overview/AddOverviewDialog.vue index abf3d6d..1f8f11f 100644 --- a/src/views/overview/AddOverviewDialog.vue +++ b/src/views/overview/AddOverviewDialog.vue @@ -39,12 +39,32 @@ <div class="basic-info-view"> <el-row> <el-col :span="12"> - <el-form-item v-if="workType === '鏀惰揣'" label="瀹㈡埛" prop="client_name"> + <el-form-item prop="companyName"> + <span slot="label">{{ workType === 1 ? "瀹㈡埛" : workType === 2 ? "閫佽揣鍦板潃" : "鑱旂郴浜�" }}</span> <el-select - v-model="editConfig.infomation.memberId" + v-model="editConfig.infomation.company" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 90%" + :disabled="!showFooter" + > + <el-option + v-for="item in companyOptions" + :key="item.id" + :label="item.name" + :value="{ value: item.id, label: item.name }" + > + </el-option> + </el-select> + </el-form-item> + </el-col> + <!-- <el-col :span="12"> + <el-form-item v-if="workType === 3" label="鑱旂郴浜�" prop="contacterName"> + <el-select + v-model="editConfig.infomation.contacterName" + placeholder="璇烽�夋嫨" + size="mini" + style="width: 90%" :disabled="!showFooter" > <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> @@ -53,94 +73,71 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item v-if="workType === '鍐呴儴璋冩嫧'" label="鑱旂郴浜�" prop="client_name"> + <el-form-item v-if="workType === 2" label="閫佽揣鍦板潃" prop="client_name"> <el-select v-model="editConfig.infomation.memberId" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" > <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> </el-option> </el-select> </el-form-item> - </el-col> + </el-col> --> <el-col :span="12"> - <el-form-item v-if="workType === '鍙戣揣'" label="閫佽揣鍦板潃" prop="client_name"> - <el-select - v-model="editConfig.infomation.memberId" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 63%" - :disabled="!showFooter" - > - <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> - </el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :span="12"> - <el-form-item label="鏃ユ湡" prop="refundDate"> + <el-form-item label="鏃ユ湡" prop="operationDate"> <el-date-picker - v-model="editConfig.infomation.refundDate" + v-model="editConfig.infomation.operationDate" value-format="yyyy-MM-dd" type="date" placeholder="閫夋嫨鏃ユ湡" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" > </el-date-picker> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍏ュ簱绫诲瀷" prop="client_name"> - <el-select - v-model="editConfig.infomation.memberId" - placeholder="璇烽�夋嫨" - size="mini" - style="width: 63%" - :disabled="!showFooter" - > - <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> - </el-option> - </el-select> + <el-form-item label="鍏ュ簱绫诲瀷"> + <el-input v-model="receiptType" disabled style="width: 90%"></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鏉ユ簮鍗曟嵁" prop="memberId"> + <el-form-item label="鏉ユ簮鍗曟嵁" prop="sourceNumber"> <el-input - v-model="editConfig.infomation.memberId" + v-model="editConfig.infomation.sourceNumber" placeholder="渚嬪:PO0032" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" ></el-input> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item v-if="workType !== '鏀惰揣'" label="婧愪綅缃�" prop="client_name"> + <el-form-item v-if="workType !== 1" label="婧愪綅缃�" prop="fromLocationId"> <el-select - v-model="editConfig.infomation.memberId" + v-model="editConfig.infomation.fromLocationId" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" > - <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> + <el-option v-for="item in fromLocationOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> - <el-form-item v-if="workType !== '鍙戣揣'" label="浠撳簱浣嶇疆" prop="client_name"> + <el-form-item v-if="workType !== 2" label="浠撳簱浣嶇疆" prop="toLocationId"> <el-select - v-model="editConfig.infomation.memberId" + v-model="editConfig.infomation.toLocationId" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" > - <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> + <el-option v-for="item in toLocationOptions" :key="item.id" :label="item.name" :value="item.id"> </el-option> </el-select> </el-form-item> @@ -149,30 +146,30 @@ </div> <div class="bottom"> <el-tabs v-model="activeName" type="card"> - <el-tab-pane v-if="workType !== '鏀惰揣'" label="璇︽儏" name="detail"> </el-tab-pane> + <!-- <el-tab-pane v-if="workType !== 1" label="璇︽儏" name="detail"> </el-tab-pane> --> <el-tab-pane label="鎿嶄綔" name="first"> </el-tab-pane> <el-tab-pane label="鍏朵粬淇℃伅" name="second"> <div class="purchase-view"> <div class="left"> <div class="second-label">鍏朵粬淇℃伅</div> - <el-form-item v-if="workType !== '鏀惰揣'" label="閫佽揣绛栫暐" prop="client_name"> + <el-form-item v-if="workType !== 1" label="閫佽揣绛栫暐" prop="client_name"> <el-select v-model="editConfig.infomation.memberId" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" > <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> </el-option> </el-select> </el-form-item> - <el-form-item label="璐熻矗浜�" prop="client_name"> + <el-form-item label="璐熻矗浜�" prop="contacterName"> <el-select - v-model="editConfig.infomation.memberId" + v-model="editConfig.infomation.contacterName" placeholder="璇烽�夋嫨" size="mini" - style="width: 63%" + style="width: 90%" :disabled="!showFooter" > <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id"> @@ -184,9 +181,9 @@ </div> </el-tab-pane> <el-tab-pane label="澶囨敞" name="third"> - <el-form-item label="澶囨敞" prop="desc"> + <el-form-item label="澶囨敞" prop="comment"> <el-input - v-model.trim="editConfig.infomation.desc" + v-model.trim="editConfig.infomation.comment" size="mini" type="textarea" style="width: 85%" @@ -216,7 +213,7 @@ </CommonFormTableView> </div> <!-- 璇︽儏 --> - <div v-if="activeName === 'detail'"> + <!-- <div v-if="activeName === 'detail'"> <CommonFormTableView :product-table-list="detailTableList" :detail-enter="!showFooter" @@ -233,7 +230,7 @@ </el-table-column> </template> </CommonFormTableView> - </div> + </div> --> </div> </div> </el-form> @@ -249,6 +246,8 @@ <script> import CommonFormTableView from "@/components/makepager/CommonFormTableView" +// import { addOperation } from "@/api/overview/overview" +import { getCompanyList } from "@/api/common/other" export default { name: "AddOverviewDialog", props: { @@ -263,8 +262,8 @@ } }, workType: { - type: String, - default: "鏀惰揣" + type: Number, + default: 1 }, addName: { type: String, @@ -284,8 +283,10 @@ memberId: [{ required: true, message: "璇烽�夋嫨閿�鍞礋璐d汉", trigger: "change" }], sale_return_nunber: [{ required: true, message: "璇烽�夋嫨閿�鍞��璐у崟", trigger: "change" }] }, + companyOptions: [], // 鍏徃 memberOptions: [], - paymentTypeListOptions: [], + fromLocationOptions: [], // 婧愪綅缃� + toLocationOptions: [], // 浠撳簱浣嶇疆 list: [ { label: "鑽夌", status: "todo" }, { label: "姝e湪绛夊緟", status: "todo" }, @@ -306,16 +307,29 @@ detailTableData: [{ name: "ssss" }], detailId: 0, isNoDetail: false, // 娣诲姞璇︽儏鏄庣粏琛屾椂鏄惁鏈�夋嫨 - tableColumn: [] + tableColumn: [], + receiptType: this.addName, // 鍏ュ簱绫诲瀷 + companyObj: {}, + contacterObj: {} } }, created() { this.setTableForm() this.setBottonView() this.setDetailTableForm() - this.activeName = this.workType === "鏀惰揣" ? "first" : "detail" + this.activeName = this.workType === 1 ? "first" : "detail" + this.getCompanyList() }, methods: { + // 鑾峰彇鍏徃鍒楄〃 + async getCompanyList() { + await getCompanyList().then((res) => { + console.log(res) + if (res.data.code === 200) { + this.companyOptions = res.data.data + } + }) + }, // 璁剧疆鍒犻櫎/鎵撳嵃/缂栬緫鏄惁鏄剧ず setBottonView() { if (this.editConfig.title === "鏂板缓") { @@ -360,7 +374,36 @@ this.setTableForm() }, // 淇濆瓨 - saveClick() {}, + saveClick() { + this.saveParams() + }, + saveParams() { + let data = this.editConfig.infomation + console.log(this.companyObj) + let params = { + companyID: data.company.value || 0, + companyName: data.company.label || "", + contacterID: 0, + contacterName: "string", + details: [ + { + finishQuantity: 0, + productId: 0, + productName: "string", + quantity: 0 + } + ], + fromLocationId: data.fromLocationId || 0, + id: 0, + number: "", + operationDate: data.operationDate || "", + operationTypeId: data.operationTypeId, + sourceNumber: data.sourceNumber || "", + status: 3, + toLocationId: data.toLocationId || 0 + } + return params + }, // 鍒犻櫎 delClick() {}, // 鎿嶄綔鍒楄〃 @@ -369,9 +412,9 @@ tableData: this.tableData, tableColumn: [ { label: "浜у搧", prop: "name", productName: true, isRequird: true }, - { label: "璇存槑", prop: "number", input: true }, - { label: "鏃ユ湡", prop: "amount", date: true, isRequird: true }, - { label: "鎴鏃ユ湡", prop: "price", date: true }, + // { label: "璇存槑", prop: "number", input: true }, + // { label: "鏃ユ湡", prop: "amount", date: true, isRequird: true }, + // { label: "鎴鏃ユ湡", prop: "price", date: true }, { label: "瀹屾垚", prop: "total", inputFloat: true }, { label: "璁¢噺鍗曚綅", prop: "total", select: true } ] -- Gitblit v1.8.0