zouyu
2 天以前 8bc17a9ea84a6af0b7d01e451c702f404a3ff895
src/views/procurementManagement/procurementInvoiceLedger/Form/EditForm.vue
¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,196 @@
<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.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 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" style="width: 100%" v-model="form.ticketsNum" @change="inputTicketsNum" :precision="2"/>
            </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>
<script setup>
import useFormData from "@/hooks/useFormData";
import { getProductRecordById } from "@/api/procurementManagement/procurementInvoiceLedger";
const { proxy } = getCurrentInstance()
defineOptions({
   name: "来票台账表单",
});
const temFutureTickets = ref(0) // åˆå§‹æœªæ¥ç¥¨æ•°
const initialTicketsNum = ref(0) // åˆå§‹æ¥ç¥¨æ•°
const initialTicketsAmount = ref(0) // åˆå§‹æ¥ç¥¨é‡‘额
const quantity = ref(0) // æ€»æ•°é‡
const { form, resetForm } = useFormData({
   id: undefined,
   purchaseContractNumber: undefined, // é‡‡è´­åˆåŒå·
   salesContractNo: undefined, // é”€å”®åˆåŒå·
   createdAt: undefined, // åˆ›å»ºæ—¶é—´
   invoiceNumber: undefined, // å‘票号
   ticketsNum: undefined, // æ¥ç¥¨æ•°
   ticketsAmount: undefined, // æ¥ç¥¨é‡‘额
   taxInclusiveUnitPrice: undefined, // å«ç¨Žå•ä»·
   ticketRegistrationId: 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 ? Number(data.ticketsAmount).toFixed(2) : 0;
      form.taxInclusiveUnitPrice = data.taxInclusiveUnitPrice;
      form.futureTickets = data.futureTickets;
      temFutureTickets.value = data.futureTickets;
      initialTicketsNum.value = data.ticketsNum || 0;
      initialTicketsAmount.value = data.ticketsAmount || 0;
      form.ticketRegistrationId = data.ticketRegistrationId;
      // èŽ·å–æ€»æ•°é‡ï¼Œå¦‚æžœæ•°æ®ä¸­æœ‰ quantity å­—段则使用,否则使用来票数+未来票数
      quantity.value = data.quantity || (Number(data.ticketsNum || 0) + Number(data.futureTickets || 0));
   }
};
const inputTicketsNum = (val) => {
   // ç¡®ä¿å«ç¨Žå•价存在且不为零
   if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
      proxy.$modal.msgWarning("含税单价不能为零或未定义");
      return;
   }
   const newTicketsNum = Number(form.ticketsNum) || 0;
   const currentTicketsNum = Number(initialTicketsNum.value) || 0;
   // è®¡ç®—新增的来票数
   const addedTicketsNum = newTicketsNum - currentTicketsNum;
   // è®¡ç®—新的未来票数 = åˆå§‹æœªæ¥ç¥¨æ•° - æ–°å¢žçš„æ¥ç¥¨æ•°
   const newFutureTickets = Number(temFutureTickets.value) - addedTicketsNum;
   // éªŒè¯ï¼šæ–°çš„æ¥ç¥¨æ•° + æ–°çš„æœªæ¥ç¥¨æ•° â‰¤ quantity
   if (newTicketsNum + newFutureTickets > Number(quantity.value)) {
      proxy.$modal.msgWarning(`来票数+未来票数不能大于总数量(${quantity.value})`);
      // é™åˆ¶æ¥ç¥¨æ•°ï¼Œä½¿å…¶æ»¡è¶³ï¼šæ¥ç¥¨æ•° + æœªæ¥ç¥¨æ•° â‰¤ quantity
      // æœ€å¤§æ¥ç¥¨æ•° = quantity - åˆå§‹æœªæ¥ç¥¨æ•° + åˆå§‹æ¥ç¥¨æ•°
      const maxTicketsNum = Number(quantity.value) - Number(temFutureTickets.value) + Number(initialTicketsNum.value);
      form.ticketsNum = Math.max(0, Math.min(maxTicketsNum, newTicketsNum));
      // é‡æ–°è®¡ç®—
      const recalculatedAddedTicketsNum = Number(form.ticketsNum) - Number(initialTicketsNum.value);
      const recalculatedFutureTickets = Number(temFutureTickets.value) - recalculatedAddedTicketsNum;
      form.futureTickets = Number(recalculatedFutureTickets.toFixed(2));
      const ticketsAmount = Number(form.ticketsNum) * Number(form.taxInclusiveUnitPrice);
      form.ticketsAmount = Number(ticketsAmount.toFixed(2));
      return;
   }
   // æ£€æŸ¥æ–°å¢žçš„æ¥ç¥¨æ•°æ˜¯å¦å¤§äºŽåˆå§‹æœªæ¥ç¥¨æ•°
   if (addedTicketsNum > Number(temFutureTickets.value)) {
      proxy.$modal.msgWarning("新增开票数不得大于未开票数");
      form.ticketsNum = Number(initialTicketsNum.value) + Number(temFutureTickets.value);
   }
   // ç¡®ä¿æ‰€æœ‰æ•°å€¼éƒ½è½¬æ¢ä¸ºæ•°å­—类型进行计算
   const finalTicketsNum = Number(form.ticketsNum) || 0;
   const finalAddedTicketsNum = finalTicketsNum - Number(initialTicketsNum.value);
   const finalFutureTickets = Number(temFutureTickets.value) - finalAddedTicketsNum;
   const ticketsAmount = finalTicketsNum * Number(form.taxInclusiveUnitPrice);
   form.futureTickets = Number(finalFutureTickets.toFixed(2));
   form.ticketsAmount = Number(ticketsAmount.toFixed(2));
};
const inputTicketsAmount = (val) => {
   // ç¡®ä¿å«ç¨Žå•价存在且不为零
   if (!form.taxInclusiveUnitPrice || Number(form.taxInclusiveUnitPrice) === 0) {
      proxy.$modal.msgWarning("含税单价不能为零或未定义");
      return;
   }
   const newTicketsAmount = Number(val) || 0;
   // è®¡ç®—新的来票数
   const newTicketsNum = newTicketsAmount / Number(form.taxInclusiveUnitPrice);
   const currentTicketsNum = Number(initialTicketsNum.value) || 0;
   // è®¡ç®—新增的来票数
   const addedTicketsNum = newTicketsNum - currentTicketsNum;
   // è®¡ç®—新的未来票数 = åˆå§‹æœªæ¥ç¥¨æ•° - æ–°å¢žçš„æ¥ç¥¨æ•°
   const newFutureTickets = Number(temFutureTickets.value) - addedTicketsNum;
   // éªŒè¯ï¼šæ–°çš„æ¥ç¥¨æ•° + æ–°çš„æœªæ¥ç¥¨æ•° â‰¤ quantity
   if (newTicketsNum + newFutureTickets > Number(quantity.value)) {
      proxy.$modal.msgWarning(`来票数+未来票数不能大于总数量(${quantity.value})`);
      // é™åˆ¶æ¥ç¥¨æ•°ï¼Œä½¿å…¶æ»¡è¶³ï¼šæ¥ç¥¨æ•° + æœªæ¥ç¥¨æ•° â‰¤ quantity
      const maxTicketsNum = Number(quantity.value) - Number(temFutureTickets.value) + Number(initialTicketsNum.value);
      form.ticketsNum = Math.max(0, Math.min(maxTicketsNum, newTicketsNum));
      form.ticketsAmount = Number((form.ticketsNum * Number(form.taxInclusiveUnitPrice)).toFixed(2));
      const recalculatedAddedTicketsNum = Number(form.ticketsNum) - Number(initialTicketsNum.value);
      const recalculatedFutureTickets = Number(temFutureTickets.value) - recalculatedAddedTicketsNum;
      form.futureTickets = Number(recalculatedFutureTickets.toFixed(2));
      return;
   }
   // æ£€æŸ¥æ–°å¢žçš„æ¥ç¥¨é‡‘额是否大于初始未来票数对应的金额
   const maxAddedAmount = Number(temFutureTickets.value * form.taxInclusiveUnitPrice);
   if (addedTicketsNum > 0 && addedTicketsNum * Number(form.taxInclusiveUnitPrice) > maxAddedAmount) {
      proxy.$modal.msgWarning("新增来票金额不得大于未开票金额");
      form.ticketsAmount = Number((initialTicketsAmount.value + maxAddedAmount).toFixed(2));
      form.ticketsNum = Number((currentTicketsNum + Number(temFutureTickets.value)).toFixed(2));
      form.futureTickets = 0;
      return;
   }
   // ç¡®ä¿æ‰€æœ‰æ•°å€¼éƒ½è½¬æ¢ä¸ºæ•°å­—类型进行计算
   const finalTicketsNum = Number(newTicketsNum.toFixed(2));
   const finalAddedTicketsNum = finalTicketsNum - Number(initialTicketsNum.value);
   const finalFutureTickets = Number(temFutureTickets.value) - finalAddedTicketsNum;
   form.ticketsNum = finalTicketsNum;
   form.futureTickets = Number(finalFutureTickets.toFixed(2));
};
defineExpose({
   load,
   form,
   resetForm,
});
</script>
<style lang="scss" scoped></style>