From b7968858014ab02aa91e52e63c2a266963d3a8f9 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期四, 24 八月 2023 18:06:22 +0800 Subject: [PATCH] 4807 4812) --- src/views/sales/refundForm/AddRefundFormDialog.vue | 191 +++++++++++++++++++++++++++++++++-------------- 1 files changed, 134 insertions(+), 57 deletions(-) diff --git a/src/views/sales/refundForm/AddRefundFormDialog.vue b/src/views/sales/refundForm/AddRefundFormDialog.vue index 426fbd3..b9dadd8 100644 --- a/src/views/sales/refundForm/AddRefundFormDialog.vue +++ b/src/views/sales/refundForm/AddRefundFormDialog.vue @@ -28,14 +28,18 @@ <div class="custom-name"> <el-autocomplete v-model="editConfig.infomation.client_name" - :fetch-suggestions="querySearchAsync" + :fetch-suggestions=" + (queryString, callback) => { + querySearchAsync(queryString, callback, 'client') + } + " value-key="name" - @select="handleSelectClient" + @select="handleSelectClient('client', $event)" ></el-autocomplete> - <div class="common-select-btn" @click="selClientClick"> + <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"> + <div class="common-select-btn" @click="clearupClient('client')"> <i class="el-icon-edit-outline" title="娓呴櫎"></i> </div> </div> @@ -46,19 +50,28 @@ <el-input v-model="editConfig.infomation.number"></el-input> </el-form-item> </el-col> - <!-- <el-col :span="12"> - <el-form-item label="閫夋嫨婧愬崟" prop="selSourceOrder"> - <el-select v-model="editConfig.infomation.selSourceOrder" size="mini" style="width: 63%"> - <el-option - v-for="item in selSourceOrderOptions" - :key="item.value" - :label="item.label" - :value="item.value" - > - </el-option> - </el-select> + <el-col :span="12"> + <el-form-item label="閿�鍞��璐у崟" prop="sale_return_nunber"> + <div class="custom-name"> + <el-autocomplete + v-model="editConfig.infomation.sale_return_nunber" + :fetch-suggestions=" + (queryString, callback) => { + querySearchAsync(queryString, callback, 'salesReturn') + } + " + value-key="number" + @select="handleSelectClient('salesReturn', $event)" + ></el-autocomplete> + <div class="common-select-btn" @click="selClientClick('salesReturn')"> + <i class="el-icon-circle-plus-outline"></i> + </div> + <div class="common-select-btn" @click="clearupClient('salesReturn')"> + <i class="el-icon-edit-outline"></i> + </div> + </div> </el-form-item> - </el-col> --> + </el-col> <el-col :span="12"> <el-form-item label="閿�鍞礋璐d汉" prop="memberId"> <el-select @@ -92,7 +105,12 @@ class="common-select-sel" size="mini" > - <el-option v-for="item in refundMethodOptions" :key="item.id" :label="item.name" :value="item.id"> + <el-option + v-for="item in paymentTypeListOptions" + :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> --> @@ -100,10 +118,10 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="璐︽埛" prop="accountId"> + <el-form-item label="璐︽埛" prop="bankAccountId"> <div class="common-select"> <el-select - v-model="editConfig.infomation.accountId" + v-model="editConfig.infomation.bankAccountId" placeholder="璇烽�夋嫨" class="common-select-sel" size="mini" @@ -188,6 +206,7 @@ <div class="product-view"> <CommonFormTableView :show-summary="showSummary" + :detail-enter="detailEnter" :product-table-list="productTableList" @inputContent="inputContent" @addProductClick="addProductClick" @@ -248,6 +267,12 @@ :edit-common-config="editSelectClientConfig" @selClient="selClient" /> + <!-- 閫夋嫨閿�鍞��璐у崟 --> + <SelectCommonDialog + v-if="editSelCommonConfig.editVisible" + :edit-common-config="editSelCommonConfig" + @selClient="selClient" + /> </el-dialog> </div> </template> @@ -257,6 +282,8 @@ import { getAllData } from "@/api/client/client" import { getAddSalesRefund, getUpdateSalesRefund } from "@/api/sales/refundForm" import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" +import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" +import { getPaymentTypeList } from "@/api/common/payment" export default { name: "AddRefundFormDialog", props: { @@ -271,10 +298,13 @@ } } }, - components: { CommonFormTableView, SelectClientDialog }, + components: { CommonFormTableView, SelectClientDialog, SelectCommonDialog }, computed: { clientList() { return this.$store.state.getClientName.clientList + }, + salesReturnList() { + return this.$store.state.getClientName.salesReturnList } }, data() { @@ -282,15 +312,15 @@ dialogWidth: "80%", editConfig: this.editCommonConfig, rules: { - clientId: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], + client_name: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], refundDate: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], memberId: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }], - account: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] + sale_return_nunber: [{ required: true, message: "璇烽�夋嫨", trigger: "change" }] }, memberOptions: [], // selSourceOrderOptions: [{ value: "1", label: "閿�鍞��璐у崟" }], // 閫夋嫨婧愬崟 - refundMethodOptions: [], // 浠樻鏂瑰紡 + paymentTypeListOptions: [], // 浠樻鏂瑰紡 accountOptions: [], // 璐︽埛 isInvoiceOptions: ["鏄�", "鍚�"], // 鏄惁寮�绁� currencyOptions: [{ id: 1, name: "浜烘皯甯�" }], // 甯佺 @@ -299,37 +329,48 @@ showSummary: { show: true, total: true, - sumProp: ["other1", "other2", "other3", "other4"], - mergeNumber: 5 + sumProp: ["Amount", "total"], + mergeNumber: 2 }, editSelectClientConfig: { editVisible: false, title: "", infomation: {} }, + editSelCommonConfig: { + editVisible: false, + title: "", + infomation: {} + }, clientId: this.editCommonConfig.infomation.client_id, + sourceId: this.editCommonConfig.infomation.sourceId, productId: 1, - isNoProduct: true + isNoProduct: true, + detailEnter: true } }, created() { this.$store.dispatch("geClient") + this.$store.dispatch("geReturnList") this.setTableForm() this.getCommonData() }, methods: { getCommonData() { - getAllData() - .then((res) => { - this.memberOptions = res.data.member - this.refundMethodOptions = res.data.refundMethod - this.accountOptions = res.data.accountId - // this.isInvoiceOptions = res.data.isInvoice - // this.currencyOptions = res.data.currency - }) - .catch((err) => { - console.log(err) - }) + getAllData().then((res) => { + this.memberOptions = res.data.member + this.accountOptions = res.data.accountId + }) + this.getPaymentTypeList() + }, + async getPaymentTypeList() { + await getPaymentTypeList().then((res) => { + console.log("鏀粯鏂瑰紡") + console.log(res.data) + if (res.data.code === 200) { + this.paymentTypeListOptions = res.data.data.data + } + }) }, // 淇濆瓨 saveClick(formName) { @@ -380,15 +421,17 @@ let params = { id: this.editConfig.title === "鏂板缓" ? 0 : data.id, salesRefund: { - accountId: data.accountId || 0, + bankAccountId: data.bankAccountId || 0, clientId: this.clientId || 0, isInvoice: data.isInvoice || "", memberId: data.memberId || 0, number: data.number || "", + paymentTypeId: data.paymentTypeId || 0, products: this.tableData, reason: data.reason || "", refundDate: data.refundDate || "", - refundMethod: data.refundMethod || "" + sourceId: this.sourceId || 0, + sourceType: 1 } } return params @@ -397,38 +440,71 @@ this.editConfig.visible = false }, // 閫夋嫨瀹㈡埛鐩稿叧鏂规硶 - querySearchAsync(queryString, cb) { - var restaurants = this.clientList - var results = queryString ? restaurants.filter(this.createStateFilter(queryString)) : restaurants + querySearchAsync(queryString, cb, value) { + var restaurants = [] + if (value === "client") { + restaurants = this.clientList + } else if (value === "salesReturn") { + restaurants = this.salesReturnList + } + var results = queryString ? restaurants.filter(this.createStateFilter(queryString, value)) : restaurants cb(results) }, - createStateFilter(queryString) { + createStateFilter(queryString, value) { return (state) => { - return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 + if (value === "salesReturn") { + return state.number.toLowerCase().indexOf(queryString.toLowerCase()) === 0 + } else if (value === "productName") { + return state.name.toLowerCase().indexOf(queryString.toLowerCase()) === 0 + } } }, - handleSelectClient(item) { - this.clientId = item.id + handleSelectClient(value, item) { + if (value === "client") { + this.clientId = item.id + } else if (value === "salesReturn") { + console.log(item) + this.editConfig.infomation.sale_return_nunber = item.number + this.sourceId = item.id + this.tableData = item.products + this.productTableList.tableData = item.products + } }, - selClientClick() { - this.editSelectClientConfig.editVisible = true + selClientClick(value) { + if (value === "client") { + this.editSelectClientConfig.editVisible = true + } else if (value === "salesReturn") { + this.editSelCommonConfig.title = "閿�鍞��璐у崟" + this.editSelCommonConfig.editVisible = true + } }, - selClient(row) { - console.log(row) - this.editConfig.infomation.client_name = row.name - this.clientId = row.id + selClient(row, value) { + if (value === "client") { + this.editConfig.infomation.client_name = row.name + this.clientId = row.id + } else if (value === "salesReturn") { + this.editConfig.infomation.sale_return_nunber = row.number + this.sourceId = row.id + this.tableData = row.products + this.productTableList.tableData = row.products + } }, // 娓呴櫎宸查�夋嫨鐢ㄦ埛 - clearupClient() { - this.editConfig.infomation.client_name = "" - this.clientId = 0 + clearupClient(value) { + if (value === "client") { + this.editConfig.infomation.client_name = "" + this.clientId = 0 + } else if (value === "salesReturn") { + this.editConfig.infomation.sale_return_nunber = "" + this.sourceId = 0 + } }, // 娣诲姞闄勪欢 addAnnexClick() {}, // 璁剧疆鍏佽涓婁紶鏂囦欢鏍煎紡 setFormatClick() {}, setTableForm() { - if (this.editConfig.title === "鏂板缓") { + if (this.editConfig.title === "鏂板缓" || this.editConfig.infomation.products.length === 0) { this.tableData = [ { productId: this.productId, @@ -449,8 +525,9 @@ } 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 }, -- Gitblit v1.8.0