From c2dcff2da9764f50dbd645032ac34c67442b67bc Mon Sep 17 00:00:00 2001
From: zhangwencui <1064582902@qq.com>
Date: 星期四, 29 一月 2026 17:45:47 +0800
Subject: [PATCH] 安全培训考核部分功能
---
src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue | 204 +++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 190 insertions(+), 14 deletions(-)
diff --git a/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue b/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
index da4fd04..4e461dc 100644
--- a/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
+++ b/src/views/procurementManagement/procurementInvoiceLedger/Modal/EditModal.vue
@@ -1,28 +1,99 @@
<template>
- <el-dialog :title="modalOptions.title" v-model="visible" @close="close">
- <EditForm ref="editFormRef" />
+ <el-dialog :title="modalOptions.title"
+ v-model="visible"
+ @close="close">
+ <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.taxInclusiveUnitPrice }}</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 disabled
+ v-model="form.invoiceNumber" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏉ョエ鏁帮細">
+ <el-input-number :step="0.1"
+ :min="0"
+ :max="maxTicketsNum"
+ style="width: 100%"
+ v-model="form.ticketsNum"
+ @change="inputTicketsNum"
+ :precision="2" />
+ <div style="font-size: 12px; color: #909399; margin-top: 4px;">
+ 鍙～鍐欐暟閲忥細{{ maxTicketsNum }}
+ </div>
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏈鏉ョエ閲戦(鍏�)锛�">
+ <el-input-number :step="0.1"
+ :min="0"
+ style="width: 100%"
+ v-model="form.ticketsAmount"
+ @change="inputTicketsAmount"
+ :precision="2" />
+ </el-form-item>
+ </el-col>
+ <el-col :span="12">
+ <el-form-item label="鏈潵绁ㄦ暟锛�">
+ <el-text type="success">{{ form.futureTickets }}</el-text>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ </el-form>
<template #footer>
- <el-button @click="closeModal">{{ modalOptions.cancelText }}</el-button>
- <el-button type="primary" :loading="loading" @click="sendForm">
+ <el-button type="primary"
+ :loading="loading"
+ @click="sendForm">
{{ modalOptions.confirmText }}
</el-button>
+ <el-button @click="closeModal">{{ modalOptions.cancelText }}</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 useFormData from "@/hooks/useFormData";
+import { updateRegistration, getProductRecordById } from "@/api/procurementManagement/procurementInvoiceLedger";
import { ElMessage } from "element-plus";
+import { getCurrentInstance, ref, nextTick, computed } from "vue";
defineOptions({
name: "鏉ョエ鍙拌处缂栬緫",
});
const emits = defineEmits(["success"]);
-const saleLedgerProjectId = ref('')
-const editFormRef = ref();
+const saleLedgerProjectId = ref("");
+const temFutureTickets = ref(0);
+const originalTicketsNum = ref(0); // 鍘熷宸叉潵绁ㄦ暟
+const { proxy } = getCurrentInstance();
+
+// 璁＄畻鏈�澶у彲濉啓鏁伴噺 = 鍘熷宸叉潵绁ㄦ暟 + 鏈潵绁ㄦ暟
+const maxTicketsNum = computed(() => {
+ return Number(originalTicketsNum.value) + Number(temFutureTickets.value);
+});
+
const {
id,
visible,
@@ -33,21 +104,124 @@
closeModal,
} = useModal({ title: "鏉ョエ鍙拌处" });
-const open = async (row) => {
+const { form, resetForm } = useFormData({
+ id: undefined,
+ purchaseContractNumber: undefined, // 閲囪喘鍚堝悓鍙�
+ salesContractNo: undefined, // 閿�鍞悎鍚屽彿
+ createdAt: undefined, // 鍒涘缓鏃堕棿
+ invoiceNumber: undefined, // 鍙戠エ鍙�
+ ticketsNum: undefined, // 鏉ョエ鏁�
+ ticketsAmount: undefined, // 鏉ョエ閲戦
+ taxInclusiveUnitPrice: undefined, // 鍚◣鍗曚环
+ futureTickets: undefined, // 鏈潵绁ㄦ暟
+});
+
+const load = async (id, purchaseLedgerId, productModelId) => {
+ const { code, data } = await getProductRecordById({
+ id: id,
+ purchaseLedgerId: purchaseLedgerId,
+ productModelId: productModelId,
+ });
+ 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.taxInclusiveUnitPrice = data.taxInclusiveUnitPrice;
+ form.futureTickets = data.futureTickets;
+ temFutureTickets.value = data.futureTickets;
+ // 淇濆瓨鍘熷宸叉潵绁ㄦ暟
+ originalTicketsNum.value = data.ticketsNum || 0;
+ }
+};
+
+const inputTicketsNum = val => {
+ // 纭繚鍚◣鍗曚环瀛樺湪涓斾笉涓洪浂
+ if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
+ proxy.$modal.msgWarning("鍚◣鍗曚环涓嶈兘涓洪浂鎴栨湭瀹氫箟");
+ return;
+ }
+
+ // 妫�鏌ユ潵绁ㄦ暟涓嶈兘澶т簬锛堝師濮嬪凡鏉ョエ鏁� + 鏈潵绁ㄦ暟锛�
+ const maxNum = maxTicketsNum.value;
+ if (Number(form.ticketsNum) > maxNum) {
+ proxy.$modal.msgWarning(`鏉ョエ鏁颁笉鑳藉ぇ浜�${maxNum}锛堝凡鏉ョエ鏁�${originalTicketsNum.value} + 鏈潵绁ㄦ暟${temFutureTickets.value}锛塦);
+ form.ticketsNum = maxNum;
+ return;
+ }
+
+ // 璁＄畻鏈鏂板鐨勬潵绁ㄦ暟锛堝綋鍓嶆潵绁ㄦ暟 - 鍘熷宸叉潵绁ㄦ暟锛�
+ const newTicketsNum = Number(form.ticketsNum) - Number(originalTicketsNum.value);
+
+ // 濡傛灉鏂板鐨勬潵绁ㄦ暟澶т簬鏈潵绁ㄦ暟锛屽垯闄愬埗
+ if (newTicketsNum > Number(temFutureTickets.value)) {
+ proxy.$modal.msgWarning("鏈鏂板鏉ョエ鏁颁笉寰楀ぇ浜庢湭鏉ョエ鏁�");
+ form.ticketsNum = Number(originalTicketsNum.value) + Number(temFutureTickets.value);
+ return;
+ }
+
+ // 纭繚鎵�鏈夋暟鍊奸兘杞崲涓烘暟瀛楃被鍨嬭繘琛岃绠�
+ const ticketsAmount =
+ Number(form.ticketsNum) * Number(form.taxInclusiveUnitPrice);
+ const futureTickets =
+ Number(temFutureTickets.value) - newTicketsNum;
+ form.futureTickets = Number(futureTickets.toFixed(2));
+ form.ticketsAmount = Number(ticketsAmount.toFixed(2));
+};
+
+const inputTicketsAmount = val => {
+ // 纭繚鍚◣鍗曚环瀛樺湪涓斾笉涓洪浂
+ if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
+ proxy.$modal.msgWarning("鍚◣鍗曚环涓嶈兘涓洪浂鎴栨湭瀹氫箟");
+ return;
+ }
+
+ // 璁＄畻鏈�澶у彲濉啓閲戦 = 锛堝師濮嬪凡鏉ョエ鏁� + 鏈潵绁ㄦ暟锛�* 鍚◣鍗曚环
+ const maxAmount = maxTicketsNum.value * Number(form.taxInclusiveUnitPrice);
+
+ if (Number(val) > maxAmount) {
+ proxy.$modal.msgWarning(`鏈鏉ョエ閲戦涓嶅緱澶т簬${maxAmount.toFixed(2)}鍏僠);
+ form.ticketsAmount = maxAmount.toFixed(2);
+ form.ticketsNum = maxTicketsNum.value;
+ return;
+ }
+
+ // 纭繚鎵�鏈夋暟鍊奸兘杞崲涓烘暟瀛楃被鍨嬭繘琛岃绠�
+ const ticketsNum = Number(val) / Number(form.taxInclusiveUnitPrice);
+
+ // 妫�鏌ユ潵绁ㄦ暟涓嶈兘澶т簬鏈�澶у��
+ if (ticketsNum > maxTicketsNum.value) {
+ proxy.$modal.msgWarning(`鏉ョエ鏁颁笉鑳藉ぇ浜�${maxTicketsNum.value}`);
+ form.ticketsNum = maxTicketsNum.value;
+ form.ticketsAmount = maxAmount.toFixed(2);
+ return;
+ }
+
+ form.ticketsNum = Number(ticketsNum.toFixed(2));
+
+ // 璁＄畻鏈潵绁ㄦ暟
+ const newTicketsNum = form.ticketsNum - originalTicketsNum.value;
+ const futureTickets = Number(temFutureTickets.value) - newTicketsNum;
+ form.futureTickets = Number(futureTickets.toFixed(2));
+};
+
+const open = async row => {
openModal(row.id);
- saleLedgerProjectId.value = row.saleLedgerProjectId;
+ saleLedgerProjectId.value = row.saleLedgerProjectId;
await nextTick();
- editFormRef.value.load(row.id);
+ load(row.id, row.purchaseLedgerId, row.productModelId);
};
const close = () => {
- editFormRef.value.resetForm();
+ resetForm();
closeModal();
};
const sendForm = async () => {
- const form = editFormRef.value.form;
- form.saleLedgerProjectId = saleLedgerProjectId.value;
+ form.saleLedgerProjectId = saleLedgerProjectId.value;
const { code } = await updateRegistration(form);
if (code === 200) {
emits("success");
@@ -60,3 +234,5 @@
open,
});
</script>
+
+<style lang="scss" scoped></style>
--
Gitblit v1.9.3