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 | 50 +++++++++---
src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue | 87 +++++++++++++++++++++
src/api/procurementManagement/procurementInvoiceLedger.js | 16 ++++
src/views/equipmentManagement/ledger/Modal.vue | 2
src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue | 59 ++++++++++++++
5 files changed, 200 insertions(+), 14 deletions(-)
diff --git a/src/api/procurementManagement/procurementInvoiceLedger.js b/src/api/procurementManagement/procurementInvoiceLedger.js
index bedb52a..ae6a77b 100644
--- a/src/api/procurementManagement/procurementInvoiceLedger.js
+++ b/src/api/procurementManagement/procurementInvoiceLedger.js
@@ -74,3 +74,19 @@
data: data,
});
}
+
+export function getProductRecordById(params) {
+ return request({
+ url: "/purchase/registration/getProductRecordById",
+ method: "get",
+ params: params,
+ });
+}
+
+export function updateRegistration(data) {
+ return request({
+ url: "/purchase/registration/updateRegistration",
+ method: "post",
+ data: data,
+ });
+}
diff --git a/src/views/equipmentManagement/ledger/Modal.vue b/src/views/equipmentManagement/ledger/Modal.vue
index e9ed16a..b8b17d9 100644
--- a/src/views/equipmentManagement/ledger/Modal.vue
+++ b/src/views/equipmentManagement/ledger/Modal.vue
@@ -48,8 +48,8 @@
};
const close = () => {
- closeModal();
formRef.value.resetForm();
+ closeModal();
};
const loadForm = async (id) => {
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue b/src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue
new file mode 100644
index 0000000..c00251a
--- /dev/null
+++ b/src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue
@@ -0,0 +1,87 @@
+<template>
+ <el-form :model="form">
+ <el-row :gutter="20">
+ <el-col :span="12">
+ <el-form-item label="閲囪喘鍚堝悓鍙凤細">
+ <el-tag size="large">{{ form.purchaseContractNumber }}</el-tag>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="閿�鍞悎鍚屽彿锛�">
+ <el-text>{{ form.salesContractNo }}</el-text>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏉ョエ閲戦锛�">
+ <el-text type="primary">{{ form.taxInclusiveTotalPrice }}</el-text>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍒涘缓鏃堕棿锛�">
+ <el-text>{{ form.createdAt }}</el-text>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鍙戠エ鍙凤細">
+ <el-input v-model="form.invoiceNumber" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏉ョエ鏁帮細">
+ <el-input v-model="form.ticketsNum" @input="inputTicketsNum" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏉ョエ閲戦锛�">
+ <el-text type="success">{{ form.ticketsAmount }}</el-text>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
+</template>
+
+<script setup>
+import useFormData from "@/hooks/useFormData";
+import { getProductRecordById } from "@/api/procurementManagement/procurementInvoiceLedger";
+
+defineOptions({
+ name: "鏉ョエ鍙拌处琛ㄥ崟",
+});
+
+const { form, resetForm } = useFormData({
+ id: undefined,
+ purchaseContractNumber: undefined, // 閲囪喘鍚堝悓鍙�
+ salesContractNo: undefined, // 閿�鍞悎鍚屽彿
+ createdAt: undefined, // 鍒涘缓鏃堕棿
+ invoiceNumber: undefined, // 鍙戠エ鍙�
+ ticketsNum: undefined, // 鏉ョエ鏁�
+ ticketsAmount: undefined, // 鏉ョエ閲戦
+ taxInclusiveTotalPrice: undefined, // 鍚◣鎬讳环
+});
+
+const load = async (id) => {
+ const { code, data } = await getProductRecordById({ id });
+ if (code === 200) {
+ form.id = data.id;
+ form.purchaseContractNumber = data.purchaseContractNumber;
+ form.salesContractNo = data.salesContractNo;
+ form.createdAt = data.createdAt;
+ form.invoiceNumber = data.invoiceNumber;
+ form.ticketsNum = data.ticketsNum;
+ form.ticketsAmount = data.ticketsAmount.toFixed(2);
+ form.taxInclusiveTotalPrice = data.taxInclusiveTotalPrice;
+ }
+};
+
+const inputTicketsNum = (val) => {
+ form.ticketsAmount = (val * form.taxInclusiveTotalPrice).toFixed(2);
+};
+
+defineExpose({
+ load,
+ form,
+ resetForm,
+});
+</script>
+
+<style lang="scss" scoped></style>
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue b/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
new file mode 100644
index 0000000..2ac2c10
--- /dev/null
+++ b/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
@@ -0,0 +1,59 @@
+<template>
+ <el-dialog :title="modalOptions.title" v-model="visible" @close="close">
+ <EditForm ref="editFormRef" />
+ <template #footer>
+ <el-button @click="closeModal">{{ modalOptions.cancelText }}</el-button>
+ <el-button type="primary" :loading="loading" @click="sendForm">
+ {{ modalOptions.confirmText }}
+ </el-button>
+ </template>
+ </el-dialog>
+</template>
+
+<script setup>
+import { useModal } from "@/hooks/useModal";
+import EditForm from "../Form/EditForm.vue";
+import { updateRegistration } from "@/api/procurementManagement/procurementInvoiceLedger";
+import { ElMessage } from "element-plus";
+
+defineOptions({
+ name: "鏉ョエ鍙拌处缂栬緫",
+});
+const emits = defineEmits(["success"]);
+
+const editFormRef = ref();
+const {
+ id,
+ visible,
+ loading,
+ openModal,
+ modalOptions,
+ handleConfirm,
+ closeModal,
+} = useModal({ title: "鏉ョエ鍙拌处" });
+
+const open = async (id) => {
+ openModal(id);
+ await nextTick();
+ editFormRef.value.load(id);
+};
+
+const close = () => {
+ editFormRef.value.resetForm();
+ closeModal();
+};
+
+const sendForm = async () => {
+ const form = editFormRef.value.form;
+ const { code } = await updateRegistration(form);
+ if (code === 200) {
+ emits("success");
+ ElMessage({ message: "鎿嶄綔鎴愬姛", type: "success" });
+ close();
+ }
+};
+
+defineExpose({
+ open,
+});
+</script>
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/index.vue b/src/views/procurementManagement/procurementInvoiceLedger/index.vue
index bbbce7c..15d362b 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 {
@@ -191,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",
+ },
],
{},
{
@@ -263,15 +283,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