From a072f4e1ead66a93e0ade8439bc1fd44f936cc2a Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期一, 07 七月 2025 13:59:25 +0800
Subject: [PATCH] feat: 来票台账添加附件补充
---
src/views/procurementManagement/procurementInvoiceLedger/index.vue | 104 ++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 89 insertions(+), 15 deletions(-)
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index 4d5e139..4149e50 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
@@ -42,40 +42,61 @@
</el-form>
<div class="table_list">
<PIMTable
+ rowKey="id"
:column="columns"
:tableLoading="loading"
:tableData="dataList"
:isSelection="true"
+ height="calc(100vh - 15em)"
+ :isShowSummary="true"
+ :summaryMethod="summarizeMainTable"
:page="{
current: pagination.currentPage,
size: pagination.pageSize,
- total: pagination.total,
+ total: 0,
}"
- :handleSelectionChange="handleSelectionChange"
- @pagination="onCurrentChange"
+ @selection-change="handleSelectionChange"
+ @pagination="changePage"
>
- <!-- <template #operation>
- <el-button type="primary" text @click="handleEdit" size="small">
- 缂栬緫
- </el-button>
- </template> -->
+ <template #commonFilesRef="{ row }">
+ <el-dropdown
+ v-if="row.commonFiles.length !== 0"
+ @command="(command) => handleCommand(command, row)"
+ >
+ <el-button link :icon="Files" type="danger"> 闄勪欢 </el-button>
+ <template #dropdown>
+ <el-dropdown-menu>
+ <el-dropdown-item :icon="Download" command="download">
+ 涓嬭浇
+ </el-dropdown-item>
+ <el-dropdown-item :icon="Upload" command="upload">
+ 涓婁紶
+ </el-dropdown-item>
+ </el-dropdown-menu>
+ </template>
+ </el-dropdown>
+ <el-text v-else type="danger">鏆傛棤闄勪欢</el-text>
+ </template>
</PIMTable>
</div>
+ <Modal ref="modalRef"></Modal>
</div>
</template>
<script setup>
import { ref, getCurrentInstance } from "vue";
import { usePaginationApi } from "@/hooks/usePaginationApi";
-import { Search } from "@element-plus/icons-vue";
+import { Files, Download, Search, Upload } from "@element-plus/icons-vue";
import { productRecordPage } from "@/api/procurementManagement/procurementInvoiceLedger.js";
import { onMounted } from "vue";
import { ElMessageBox } from "element-plus";
+import Modal from "./Modal/UploadModal.vue";
defineOptions({
name: "鏉ョエ鍙拌处",
});
+const modalRef = ref();
const { proxy } = getCurrentInstance();
const multipleVal = ref([]);
const {
@@ -130,7 +151,7 @@
prop: "taxInclusiveTotalPrice",
align: "center",
formatData: (cell) => {
- return parseFloat(cell).toFixed(2);
+ return cell ? parseFloat(cell).toFixed(2) : 0;
},
},
{
@@ -143,7 +164,7 @@
prop: "ticketsAmount",
align: "center",
formatData: (cell) => {
- return parseFloat(cell).toFixed(2);
+ return cell ? parseFloat(cell).toFixed(2) : 0;
},
},
{
@@ -151,13 +172,21 @@
prop: "unTicketsPrice",
align: "center",
formatData: (cell) => {
- return parseFloat(cell).toFixed(2);
+ return cell ? parseFloat(cell).toFixed(2) : 0;
},
},
{
label: "澧炲�肩◣",
prop: "invoiceAmount",
align: "center",
+ },
+ {
+ label: "闄勪欢",
+ align: "center",
+ prop: "commonFiles",
+ dataType: "slot",
+ slot: "commonFilesRef",
+ width: 150,
},
// {
// fixed: "right",
@@ -171,11 +200,28 @@
{},
{
createdAt: (aim) => ({
- createdAtStart: aim[0],
- createdAtEnd: aim[1],
+ createdAtStart: aim ? aim[0] : undefined,
+ createdAtEnd: aim ? aim[1] : undefined,
}),
}
);
+
+// 涓昏〃鍚堣鏂规硶
+const summarizeMainTable = (param) => {
+ return proxy.summarizeTable(
+ param,
+ [
+ "taxInclusiveTotalPrice",
+ "ticketsAmount",
+ "unTicketsPrice",
+ "invoiceAmount",
+ ],
+ {
+ ticketsNum: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+ futureTickets: { noDecimal: true }, // 涓嶄繚鐣欏皬鏁�
+ }
+ );
+};
const handleSelectionChange = (val) => {
multipleVal.value = val;
@@ -196,7 +242,32 @@
});
};
-// const handleEdit = () => {};
+const handleFiles = (fileList) => {
+ fileList.forEach((e) => {
+ proxy.$download.name(e.url);
+ });
+};
+
+const changePage = ({ page }) => {
+ pagination.currentPage = page;
+ onCurrentChange(page);
+};
+
+const handleCommand = (command, row) => {
+ switch (command) {
+ case "download":
+ handleFiles(row.commonFiles);
+ break;
+ case "upload":
+ console.log(row.commonFiles);
+ openModal();
+ break;
+ }
+};
+
+const openModal = () => {
+ modalRef.value.handleImport();
+};
onMounted(() => {
getTableData();
@@ -207,4 +278,7 @@
.table_list {
margin-top: unset;
}
+.tagBox {
+ margin-top: 4px;
+}
</style>
--
Gitblit v1.9.3