From eeffb4c90d96b32bfefe7903ae5fddc10365b40a Mon Sep 17 00:00:00 2001 From: chenrui <1187576398@qq.com> Date: 星期二, 20 五月 2025 17:46:27 +0800 Subject: [PATCH] 回款台账前后端联调 --- src/views/salesManagement/invoiceLedger/index.vue | 107 ++++++++++------------------------------------------- 1 files changed, 20 insertions(+), 87 deletions(-) diff --git a/src/views/salesManagement/invoiceLedger/index.vue b/src/views/salesManagement/invoiceLedger/index.vue index e7eba1d..8d217c8 100644 --- a/src/views/salesManagement/invoiceLedger/index.vue +++ b/src/views/salesManagement/invoiceLedger/index.vue @@ -24,9 +24,7 @@ <el-button type="primary" @click="handleQuery" style="margin-left: 10px">鎼滅储</el-button> </div> <div> - <el-button type="primary" @click="openForm('add')">鏂板鍙拌处</el-button> - <el-button @click="handleOut">瀵煎嚭</el-button> - <el-button type="danger" plain @click="handleDelete">鍒犻櫎</el-button> + <el-button @click="handleOut" type="primary" style="width: 100px">瀵煎嚭</el-button> </div> </div> <div class="table_list"> @@ -41,8 +39,10 @@ <el-table-column label="閿�鍞悎鍚屽彿" prop="salesContractNo" show-overflow-tooltip/> <el-table-column label="瀹㈡埛鍚堝悓鍙�" prop="customerContractNo" show-overflow-tooltip/> <el-table-column label="瀹㈡埛鍚嶇О" prop="customerName" show-overflow-tooltip/> + <el-table-column label="浜у搧澶х被" prop="productCategory" /> + <el-table-column label="瑙勬牸鍨嬪彿" prop="specificationModel" /> <el-table-column label="鍙戠エ鍙�" prop="invoiceNo" show-overflow-tooltip/> - <el-table-column label="鍙戠エ閲戦(鍏�)" prop="invoiceAmount" show-overflow-tooltip/> + <el-table-column label="鍙戠エ閲戦(鍏�)" prop="invoiceTotal" show-overflow-tooltip/> <el-table-column label="绋庣巼" prop="taxRate" show-overflow-tooltip/> <el-table-column label="寮�绁ㄤ汉" prop="invoicePerson" show-overflow-tooltip/> <el-table-column label="寮�绁ㄦ棩鏈�" prop="invoiceDate" show-overflow-tooltip/> @@ -54,26 +54,24 @@ </el-table-column> <el-table-column fixed="right" label="鎿嶄綔" min-width="60" align="center"> <template #default="scope"> - <el-button link type="primary" size="small" @click="openForm('edit', scope.row);">缂栬緫</el-button> + <el-button link type="primary" size="small" @click="openForm(scope.row);">缂栬緫</el-button> </template> </el-table-column> </el-table> <pagination v-show="total > 0" :total="total" layout="total, sizes, prev, pager, next, jumper" :page="page.current" :limit="page.size" @pagination="paginationChange" /> </div> - <el-dialog v-model="dialogFormVisible" :title="operationType === 'add' ? '鏂板寮�绁ㄥ彴璐﹂〉闈�' : '缂栬緫寮�绁ㄥ彴璐﹂〉闈�'" width="70%" @close="closeDia"> + <el-dialog v-model="dialogFormVisible" title="寮�绁ㄥ彴璐﹂〉闈�" width="70%" @close="closeDia"> <el-form :model="form" label-width="140px" label-position="top" :rules="rules" ref="formRef"> <el-row :gutter="30"> <el-col :span="12"> - <el-form-item label="閿�鍞悎鍚屽彿锛�" prop="salesLedgerId"> - <el-select v-model="form.salesLedgerId" placeholder="璇烽�夋嫨" clearable @change="ledgerChange" :disabled="operationType === 'edit'"> - <el-option v-for="item in ledgerList" :key="item.id" :label="item.salesContractNo" :value="item.id"/> - </el-select> + <el-form-item label="閿�鍞悎鍚屽彿锛�" prop="salesContractNo"> + <el-input v-model="form.salesContractNo" disabled></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="瀹㈡埛鍚嶇О锛�" prop="customerName"> - <el-input v-model="form.customerName" placeholder="鑷姩濉厖" clearable :disabled="operationType === 'edit'"/> + <el-input v-model="form.customerName" placeholder="鑷姩濉厖" clearable disabled/> </el-form-item> </el-col> </el-row> @@ -84,24 +82,17 @@ </el-form-item> </el-col> <el-col :span="12"> - <el-form-item label="鍙戠エ閲戦(鍏�)锛�" prop="invoiceAmount"> - <el-input type="number" :step="0.01" v-model="form.invoiceAmount" placeholder="璇疯緭鍏�" clearable/> + <el-form-item label="鍙戠エ閲戦(鍏�)锛�" prop="invoiceTotal"> + <el-input type="number" :step="0.01" v-model="form.invoiceTotal" placeholder="璇疯緭鍏�" clearable/> </el-form-item> </el-col> </el-row> <el-row :gutter="30"> - <el-col :span="12"> - <el-form-item label="绋庣巼锛�" prop="taxRate"> - <el-input type="number" :step="0.01" v-model="form.taxRate" placeholder="璇疯緭鍏�" clearable/> - </el-form-item> - </el-col> <el-col :span="12"> <el-form-item label="寮�绁ㄤ汉锛�" prop="invoicePerson"> <el-input v-model="form.invoicePerson" placeholder="璇疯緭鍏�" clearable/> </el-form-item> </el-col> - </el-row> - <el-row :gutter="30"> <el-col :span="12"> <el-form-item label="寮�绁ㄦ棩鏈燂細" prop="invoiceDate"> <el-date-picker @@ -196,17 +187,12 @@ import { ref } from 'vue' import {Search} from "@element-plus/icons-vue"; import {ElMessageBox } from "element-plus"; -import { - getSalesLedgerWithProducts, - ledgerListNoPage -} from "@/api/salesManagement/salesLedger.js"; import { getToken } from "@/utils/auth" import { - invoiceLedgerList, - invoiceLedgerDel, invoiceLedgerSaveOrUpdate, - invoiceLedgerDetail, + invoiceLedgerProductInfo, commitFile, + registrationProductPage } from "../../../api/salesManagement/invoiceLedger.js"; const { proxy } = getCurrentInstance() const tableData = ref([]) @@ -219,9 +205,6 @@ }) const total = ref(0) const fileList = ref([]) -const ledgerList = ref([]) -// 鐢ㄦ埛淇℃伅琛ㄥ崟寮规鏁版嵁 -const operationType = ref('') const dialogFormVisible = ref(false) const data = reactive({ searchForm: { @@ -232,7 +215,7 @@ salesLedgerId: '', customerId: '', invoiceNo: '', - invoiceAmount: '', + invoiceTotal: '', taxRate: '', invoicePerson: '', invoiceDate: '', @@ -273,7 +256,7 @@ } const getList = () => { tableLoading.value = true - invoiceLedgerList({...searchForm.value, ...page}).then(res => { + registrationProductPage({...searchForm.value, ...page}).then(res => { tableLoading.value = false tableData.value = res.data.records; total.value = res.data.total; @@ -307,22 +290,15 @@ return sums; }; // 鎵撳紑寮规 -const openForm = (type, row) => { - operationType.value = type +const openForm = (row) => { form.value = {} productData.value = [] fileList.value = [] - // 鏌ヨ閿�鍞悎鍚� - ledgerListNoPage({}).then(res => { - ledgerList.value = res.data; + currentId.value = row.id; + invoiceLedgerProductInfo({id: row.id}).then(res => { + form.value = {...res.data} + fileList.value = res.data.fileList; }) - if (type === 'edit') { - currentId.value = row.id; - invoiceLedgerDetail({id: row.id}).then(res => { - form.value = {...res.data} - fileList.value = res.data.fileList; - }) - } dialogFormVisible.value = true } // 涓婁紶澶氫釜鏂囦欢灏辫鐩栧師鏉ョ殑 @@ -404,49 +380,6 @@ }).catch(() => { proxy.$modal.msg("宸插彇娑�") }) -} -// 鍒犻櫎 -const handleDelete = () => { - let ids = [] - if (selectedRows.value.length > 0) { - ids = selectedRows.value.map(item => item.id); - } else { - proxy.$modal.msgWarning('璇烽�夋嫨鏁版嵁') - return - } - ElMessageBox.confirm( - '閫変腑鐨勫唴瀹瑰皢琚垹闄わ紝鏄惁纭鍒犻櫎锛�', - '瀵煎嚭', { - confirmButtonText: '纭', - cancelButtonText: '鍙栨秷', - type: 'warning', - } - ).then(() => { - invoiceLedgerDel(ids).then(res => { - proxy.$modal.msgSuccess("鍒犻櫎鎴愬姛") - getList() - }) - }).catch(() => { - proxy.$modal.msg("宸插彇娑�") - }) -} - -// 閿�鍞彴璐︾瓫閫� -const ledgerChange = (val) => { - if(val){ - getSalesLedgerWithProducts({id: val}).then(res => { - form.value = { - salesLedgerId: res.id, - customerName: res.customerName, - customerId: res.customerId, - salesContractNo: res.salesContractNo - } - }) - }else { - form.value.salesLedgerId = '' - form.value.customerName = '' - form.value.customerId = '' - } } // 鎵撳紑闄勪欢涓婁紶寮圭獥 -- Gitblit v1.9.3