From 759f30a6e3afc8289a0b3c341cccbbd6ade39a2d Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期一, 07 七月 2025 16:55:53 +0800
Subject: [PATCH] feat: 来票登记添加编辑功能
---
src/views/procurementManagement/procurementInvoiceLedger/index.vue | 81 ++++++++++++++++++++++++++++++----------
1 files changed, 60 insertions(+), 21 deletions(-)
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index 4149e50..15d362b 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
@@ -59,14 +59,15 @@
@pagination="changePage"
>
<template #commonFilesRef="{ row }">
- <el-dropdown
- v-if="row.commonFiles.length !== 0"
- @command="(command) => handleCommand(command, row)"
- >
+ <el-dropdown @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
+ v-if="row.commonFiles.length !== 0"
+ :icon="Download"
+ command="download"
+ >
涓嬭浇
</el-dropdown-item>
<el-dropdown-item :icon="Upload" command="upload">
@@ -75,28 +76,50 @@
</el-dropdown-menu>
</template>
</el-dropdown>
- <el-text v-else type="danger">鏆傛棤闄勪欢</el-text>
+ </template>
+ <template #operation="{ row }">
+ <el-button
+ type="primary"
+ text
+ :icon="EditPen"
+ @click="openEdit(row.id)"
+ >
+ 缂栬緫
+ </el-button>
</template>
</PIMTable>
</div>
- <Modal ref="modalRef"></Modal>
+ <UploadModal ref="modalRef" @uploadSuccess="uploadSuccess"></UploadModal>
+ <EditModal ref="editmodalRef" @success="getTableData"></EditModal>
</div>
</template>
<script setup>
import { ref, getCurrentInstance } from "vue";
import { usePaginationApi } from "@/hooks/usePaginationApi";
-import { Files, Download, Search, Upload } from "@element-plus/icons-vue";
-import { productRecordPage } from "@/api/procurementManagement/procurementInvoiceLedger.js";
+import {
+ Files,
+ Download,
+ Search,
+ Upload,
+ EditPen,
+} from "@element-plus/icons-vue";
+import {
+ productRecordPage,
+ productUploadFile,
+} from "@/api/procurementManagement/procurementInvoiceLedger.js";
import { onMounted } from "vue";
import { ElMessageBox } from "element-plus";
-import Modal from "./Modal/UploadModal.vue";
+import UploadModal from "./Modal/UploadModal.vue";
+import EditModal from "./Modal/EditModal.vue";
defineOptions({
name: "鏉ョエ鍙拌处",
});
const modalRef = ref();
+const editmodalRef = ref();
+
const { proxy } = getCurrentInstance();
const multipleVal = ref([]);
const {
@@ -188,14 +211,14 @@
slot: "commonFilesRef",
width: 150,
},
- // {
- // fixed: "right",
- // width: 120,
- // label: "鎿嶄綔",
- // dataType: "slot",
- // slot: "operation",
- // align: "center",
- // },
+ {
+ fixed: "right",
+ width: 120,
+ label: "鎿嶄綔",
+ dataType: "slot",
+ slot: "operation",
+ align: "center",
+ },
],
{},
{
@@ -260,13 +283,29 @@
break;
case "upload":
console.log(row.commonFiles);
- openModal();
+ openUoload(row.ticketRegistrationId);
break;
}
};
-const openModal = () => {
- modalRef.value.handleImport();
+const openUoload = (id) => {
+ modalRef.value.handleImport(id);
+};
+
+const openEdit = (id) => {
+ editmodalRef.value.open(id);
+};
+
+// 涓婁紶鎴愬姛鍚庡仛浠�涔�
+const uploadSuccess = async (data) => {
+ const { code } = await productUploadFile({
+ ticketRegistrationId: data.id,
+ tempFileIds: data.tempFileIds,
+ });
+ if (code === 200) {
+ proxy.$modal.msgSuccess("鎻愪氦鎴愬姛");
+ getTableData();
+ }
};
onMounted(() => {
--
Gitblit v1.9.3