From 4cc27f93a1901e12eb12a198029911c483dd991f Mon Sep 17 00:00:00 2001 From: maven <2163098428@qq.com> Date: 星期三, 27 八月 2025 14:30:57 +0800 Subject: [PATCH] Merge remote-tracking branch 'origin/dev_JLMY' into dev_JLMY --- src/views/salesOutbound/index.vue | 157 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 156 insertions(+), 1 deletions(-) diff --git a/src/views/salesOutbound/index.vue b/src/views/salesOutbound/index.vue index fef7e86..8f06840 100644 --- a/src/views/salesOutbound/index.vue +++ b/src/views/salesOutbound/index.vue @@ -37,6 +37,7 @@ </el-tabs> <!-- 鎿嶄綔鎸夐挳鍖� --> <el-space> + <el-button type="primary" @click="openForm('add')">鏂板搴旀敹</el-button> <el-button type="primary" :icon="Plus" @click="openDia(undefined, 'add')">鏂板缓</el-button> <el-button type="danger" :icon="Delete" @click="handleDelete">鍒犻櫎</el-button> <el-button type="info" plain :icon="Download" @click="handleExport">瀵煎嚭</el-button> @@ -65,18 +66,136 @@ /> </el-card> <form-dia ref="formDia" @closeDia="handleQuery"></form-dia> + + <!-- 鏂板搴旀敹寮圭獥 --> + <el-dialog + v-model="dialogFormVisible" + title="鏂板搴旀敹" + width="70%" + @close="closeDia" + > + <el-form + :model="former" + label-width="140px" + label-position="top" + :rules="rules" + ref="formRef" + > + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="瀹㈡埛鍚嶇О锛�" prop="customer"> + <el-input + v-model="former.customer" + placeholder="鑷姩濉厖" + disabled + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鐓ょ锛�" prop="coal"> + <el-input + v-model="former.coal" + placeholder="鑷姩濉厖" + disabled + /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="閿�鍞�婚噾棰�(鍏�)锛�" prop="totalAmount"> + <el-input + type="number" + v-model="former.totalAmount" + placeholder="鑷姩濉厖" + :step="0.01" + disabled + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鏈搴旀敹閲戦锛�" prop="receiptPaymentAmount"> + <el-input-number :step="0.01" :min="0" style="width: 100%" + :precision="2" + v-model="former.receiptPaymentAmount" + placeholder="璇疯緭鍏�" + clearable + /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鍥炴褰㈠紡锛�" prop="receiptPaymentType"> + <el-select + v-model="former.receiptPaymentType" + placeholder="璇烽�夋嫨" + clearable + > + <el-option + v-for="item in receipt_payment_type" + :key="item.value" + :label="item.label" + :value="item.value" + /> + </el-select> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="鐧昏浜猴細" prop="registrant"> + <el-input + v-model="former.registrant" + placeholder="璇疯緭鍏�" + clearable + disabled + /> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="30"> + <el-col :span="12"> + <el-form-item label="鏉ユ鏃ユ湡锛�" prop="receiptPaymentDate"> + <el-date-picker + style="width: 100%" + v-model="former.receiptPaymentDate" + value-format="YYYY-MM-DD" + format="YYYY-MM-DD" + type="date" + placeholder="璇烽�夋嫨" + clearable + /> + </el-form-item> + </el-col> + </el-row> + </el-form> + <template #footer> + <div class="dialog-footer"> + <el-button type="primary" @click="submitForm">纭</el-button> + <el-button @click="closeDia">鍙栨秷</el-button> + </div> + </template> + </el-dialog> </div> </template> <script setup> -import {ref, reactive, onMounted} from "vue"; +import {ref, reactive, onMounted, nextTick} from "vue"; const { proxy } = getCurrentInstance() +const { receipt_payment_type } = proxy.useDict("receipt_payment_type"); import {Delete, Download, Plus} from "@element-plus/icons-vue"; import { ElMessage } from "element-plus"; import ETable from "@/components/Table/ETable.vue"; import Pagination from "@/components/Pagination/index.vue"; import FormDia from "@/views/salesOutbound/components/formDia.vue"; import {delSalesRecord, salesRecordList} from "@/api/salesOutbound/index.js"; +import { + receiptPaymentSaveOrUpdate, + bindInvoiceNoRegPage, + invoiceInfo, + receiptPaymentHistoryListNoPage, + receiptPaymentDel, +} from "@/api/salesManagement/receiptPayment.js"; + const formDia = ref() const activeTab = ref("out"); @@ -87,6 +206,7 @@ // 琛ㄦ牸鏁版嵁 const operationsArr = ref(['edit', 'viewRow']); const tableLoading = ref(false); +const dialogFormVisible = ref(false); const tableData = ref([]); const columns = ref([ { prop: "saleDate", label: "閿�鍞棩鏈�", minWidth: 160 }, @@ -111,6 +231,8 @@ const total = ref(0); const pageNum = ref(1); const pageSize = ref(10); +const former = ref({}) + // 鏌ヨ鍙傛暟 const queryParams = reactive({ saleDate: "", @@ -200,6 +322,39 @@ const handleSelectionChange = (selection) => { selectedRows.value = selection; }; + +// 鎵撳紑寮规 +const openForm = () => { + if (selectedRows.value.length !== 1) { + proxy.$modal.msgError("璇烽�夋嫨涓�鏉℃暟鎹�"); + return; + } + invoiceInfo({ id: selectedRows.value[0].id }).then((res) => { + console.log(res.data) + former.value = { ...res.data }; + former.value.salesRecordId = former.value.id; + former.value.id = ""; + // form.value.registrant = userStore.nickName; + }); + dialogFormVisible.value = true; +}; +// 鎻愪氦琛ㄥ崟 +const submitForm = () => { + proxy.$refs["formRef"].validate((valid) => { + if (valid) { + receiptPaymentSaveOrUpdate(former.value).then((res) => { + proxy.$modal.msgSuccess("鎻愪氦鎴愬姛"); + closeDia(); + getList(); + }); + } + }); +}; +// 鍏抽棴寮规 +const closeDia = () => { + proxy.resetForm("formRef"); + dialogFormVisible.value = false; +}; </script> <style scoped> -- Gitblit v1.9.3