From 5d0120d2e8a6e5cd2e1e95d4c5ffeecf5fc1c4a6 Mon Sep 17 00:00:00 2001 From: songshankun <songshankun@foxmail.com> Date: 星期二, 10 十月 2023 15:35:58 +0800 Subject: [PATCH] Merge branch 'dev' into songshankun/adjust-style --- src/views/sales/salesReturn/AddSalesReturnDialog.vue | 149 +++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 118 insertions(+), 31 deletions(-) diff --git a/src/views/sales/salesReturn/AddSalesReturnDialog.vue b/src/views/sales/salesReturn/AddSalesReturnDialog.vue index 82ef2b7..a251198 100644 --- a/src/views/sales/salesReturn/AddSalesReturnDialog.vue +++ b/src/views/sales/salesReturn/AddSalesReturnDialog.vue @@ -13,7 +13,7 @@ :model="editConfig.infomation" :rules="rules" label-position="right" - label-width="308px" + label-width="30%" size="mini" style="height: 60vh; overflow-x: hidden" > @@ -27,28 +27,64 @@ <el-form-item label="瀹㈡埛鍚嶇О" prop="client_name"> <div class="custom-name"> <el-autocomplete + style="width:100%" 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"> - <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-input v-model="editConfig.infomation.number" style="width:100%"></el-input> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鍚堝悓璁㈠崟"> + <div class="custom-name"> + <el-autocomplete + style="width:100%" + v-model="editConfig.infomation.salesDetailNumber" + :fetch-suggestions=" + (queryString, callback) => { + querySearchAsync(queryString, callback, 'contract') + } + " + value-key="number" + @select="handleSelectClient('contract', $event)" + ></el-autocomplete> + <div class="common-select-btn" @click="selClientClick('contract')"> + <i class="el-icon-circle-plus-outline" title="閫夋嫨"></i> + </div> + <div + v-if="editConfig.infomation.number && editConfig.infomation.number.length > 0" + class="common-select-btn" + @click="clearupClient('contract')" + > + <i class="el-icon-remove-outline" title="娓呴櫎"></i> + </div> + </div> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="閫�鍏ヤ粨搴�" prop="repository"> - <el-select v-model="editConfig.infomation.repository" size="mini" style="width: 63%"> + <el-select v-model="editConfig.infomation.repository" size="mini" style="width: 100%"> <el-option v-for="item in repositoryOptions" :key="item.id" :label="item.name" :value="item.name"> </el-option> </el-select> @@ -60,7 +96,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> @@ -74,6 +110,7 @@ value-format="yyyy-MM-dd" type="date" placeholder="閫夋嫨鏃ユ湡" + style="width:100%" > </el-date-picker> </el-form-item> @@ -88,6 +125,7 @@ <el-form-item label="鐘舵��" prop="salesReturnStatusId"> <div class="common-select"> <el-select + style="width:100%" v-model="editConfig.infomation.salesReturnStatusId" placeholder="璇烽�夋嫨" class="common-select-sel" @@ -107,8 +145,9 @@ <div class="basic-info-view"> <el-row> <el-col :span="24"> - <el-form-item label="閫�璐у師鍥�" prop="reason"> + <el-form-item label="閫�璐у師鍥�" prop="reason" label-width="15%"> <el-input + style="width:100%" type="textarea" :autosize="{ minRows: 2 }" v-model="editConfig.infomation.reason" @@ -178,6 +217,12 @@ :edit-common-config="editSelectClientConfig" @selClient="selClient" /> + <!-- 閫夋嫨鍚堝悓璁㈠崟 --> + <SelectCommonDialog + v-if="editSelCommonConfig.editVisible" + :edit-common-config="editSelCommonConfig" + @selClient="selClient" + /> </el-dialog> </div> </template> @@ -188,6 +233,7 @@ import { getAddSalesReturn, getUpdateSalesReturn } from "@/api/sales/salesReturn" import SelectClientDialog from "@/views/other/commonDialog/SelectClientDialog" import { getProductList } from "@/api/common/other" +import SelectCommonDialog from "@/views/other/commonDialog/SelectCommonDialog" export default { name: "AddSalesReturnDialog", props: { @@ -202,15 +248,18 @@ } } }, - components: { CommonFormTableView, SelectClientDialog }, + components: { CommonFormTableView, SelectClientDialog, SelectCommonDialog }, computed: { clientList() { return this.$store.state.getClientName.clientList + }, + salesDetailsList() { + return this.$store.state.getClientName.salesDetailsList } }, data() { return { - dialogWidth: "80%", + dialogWidth: "50%", editConfig: this.editCommonConfig, rules: { number: [{ required: true, message: "璇疯緭鍏�", trigger: "blur" }], @@ -234,13 +283,20 @@ title: "", infomation: {} }, + editSelCommonConfig: { + editVisible: false, + title: "", + infomation: {} + }, productId: 1, isNoProduct: true, - clientId: this.editCommonConfig.infomation.clientId + clientId: this.editCommonConfig.infomation.clientId, + SalesDetailsId: this.editCommonConfig.infomation.SalesDetailsId } }, created() { this.$store.dispatch("geClient") + this.$store.dispatch("geSalesDetails") this.setTableForm() this.getCommonData() this.getProductList() @@ -324,7 +380,9 @@ reason: data.reason || "", repository: data.repository || "", returnDate: data.returnDate || "", - status: data.status || 0 + salesReturnStatusId: data.salesReturnStatusId || 0, + sourceId: this.SalesDetailsId, + sourceType: 1 } } return params @@ -332,32 +390,61 @@ handleClose() { 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 === "contract") { + restaurants = this.salesDetailsList + } + 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 === "contract") { + return state.number.toLowerCase().indexOf(queryString.toLowerCase()) === 0 + } else { + 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 === "contract") { + this.SalesDetailsId = item.id + } }, - selClientClick() { - this.editSelectClientConfig.editVisible = true + selClientClick(value) { + console.log(value) + if (value === "client") { + this.editSelectClientConfig.editVisible = true + } else if (value === "contract") { + 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) { + console.log(row, value) + if (value === "client") { + this.editConfig.infomation.client_name = row.name + this.clientId = row.id + } else if (value === "contract") { + this.editConfig.infomation.salesDetailNumber = row.number + this.SalesDetailsId = row.id + } }, // 娓呴櫎宸查�夋嫨鐢ㄦ埛 - 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 === "contract") { + this.editConfig.infomation.salesDetailNumber = "" + this.SalesDetailsId = 0 + } }, // 娣诲姞闄勪欢 addAnnexClick() {}, -- Gitblit v1.8.0