From f227001329d6f267e72a13d03be4c7956885b97a Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期四, 10 七月 2025 16:02:50 +0800
Subject: [PATCH] 1.来票台账-前端字段展示错误
---
src/views/procurementManagement/procurementInvoiceLedger/index.vue | 62 ++++++++++++++++++++++++------
1 files changed, 49 insertions(+), 13 deletions(-)
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index bbbce7c..7afd3d1 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/index.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
@@ -77,29 +77,49 @@
</template>
</el-dropdown>
</template>
+ <template #operation="{ row }">
+ <el-button
+ type="primary"
+ text
+ :icon="EditPen"
+ @click="openEdit(row.id)"
+ >
+ 缂栬緫
+ </el-button>
+ </template>
</PIMTable>
</div>
- <Modal ref="modalRef" @uploadSuccess="uploadSuccess"></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 {
+ 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 {
@@ -123,36 +143,44 @@
label: "閲囪喘鍚堝悓鍙�",
prop: "purchaseContractNumber",
align: "center",
+ width: 150,
},
{
label: "閿�鍞悎鍚屽彿",
prop: "salesContractNo",
align: "center",
+ width: 150,
},
{
label: "瀹㈡埛鍚嶇О",
prop: "customerName",
align: "center",
+ width: 150,
},
{
label: "渚涘簲鍟嗗悕绉�",
prop: "supplierName",
align: "center",
+ width: 240,
},
{
label: "瑙勬牸鍨嬪彿",
prop: "specificationModel",
align: "center",
+ width: 150,
},
{
label: "鍙戠エ鍙�",
prop: "invoiceNumber",
align: "center",
+
+ width: 200,
},
{
label: "鍚堝悓閲戦(鍏�)",
prop: "taxInclusiveTotalPrice",
align: "center",
+ width: 120,
formatData: (cell) => {
return cell ? parseFloat(cell).toFixed(2) : 0;
},
@@ -161,11 +189,13 @@
label: "寮�绁ㄦ棩鏈�",
prop: "createdAt",
align: "center",
+ width: 100,
},
{
label: "寮�绁ㄩ噾棰�",
prop: "ticketsAmount",
align: "center",
+ width: 100,
formatData: (cell) => {
return cell ? parseFloat(cell).toFixed(2) : 0;
},
@@ -174,6 +204,7 @@
label: "涓嶅惈绋庨噾棰�",
prop: "unTicketsPrice",
align: "center",
+ width: 100,
formatData: (cell) => {
return cell ? parseFloat(cell).toFixed(2) : 0;
},
@@ -182,6 +213,7 @@
label: "澧炲�肩◣",
prop: "invoiceAmount",
align: "center",
+ width: 100,
},
{
label: "闄勪欢",
@@ -191,14 +223,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",
+ },
],
{},
{
@@ -263,15 +295,19 @@
break;
case "upload":
console.log(row.commonFiles);
- openModal(row.ticketRegistrationId);
+ openUoload(row.ticketRegistrationId);
break;
}
};
-const openModal = (id) => {
+const openUoload = (id) => {
modalRef.value.handleImport(id);
};
+const openEdit = (id) => {
+ editmodalRef.value.open(id);
+};
+
// 涓婁紶鎴愬姛鍚庡仛浠�涔�
const uploadSuccess = async (data) => {
const { code } = await productUploadFile({
--
Gitblit v1.9.3