generate 401 report

CAFECA-IO · Aug 15, 2024 · ca65b06 · ca65b06
1 parent 0c8e709
commit ca65b06
Show file tree

Hide file tree

Showing 4 changed files with 146 additions and 41 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "iSunFA",
-  "version": "0.8.0+7",
+  "version": "0.8.0+8",
   "private": false,
   "scripts": {
     "dev": "next dev",

diff --git a/src/components/tax_report_body_all/tax_report_body_all.tsx b/src/components/tax_report_body_all/tax_report_body_all.tsx
@@ -23,6 +23,8 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
     const fetchReport = async () => {
       if (selectedCompany) {
         const reportData = await generate401Report(selectedCompany.id, Date.now() / 1000);
+        // eslint-disable-next-line no-console
+        // console.log('Fetched report401 data:', reportData);
         setReport401(reportData);
       }
     };
@@ -90,18 +92,21 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
           <tbody>
             <tr>
               <td className="border border-black px-2 py-0">統一編號</td>
-              <td className="border border-black px-2 py-0">28682266</td>
+              <td className="border border-black px-2 py-0">
+                {report401?.basicInfo.uniformNumber || 'N/A'}
+              </td>
             </tr>
             <tr>
               <td className="border border-black px-2 py-0">營業人名稱</td>
               <td className="border border-black px-2 py-0">
                 {report401?.basicInfo.businessName || 'N/A'}
-                {report401?.sales.breakdown.triplicateAndElectronic.amount || 'N/A'}
               </td>
             </tr>
             <tr>
               <td className="border border-black px-2 py-0">稅籍編號</td>
-              <td className="border border-black px-2 py-0">123456789</td>
+              <td className="border border-black px-2 py-0">
+                {report401?.basicInfo.taxSerialNumber || 'N/A'}
+              </td>
             </tr>
           </tbody>
         </table>
@@ -115,7 +120,10 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
           </h1>
           <p className="text-xs">(一般稅額計算-專營應稅營業人使用)</p>
           <div className="flex justify-between text-xs">
-            <p className="flex-1 text-center">所屬年月份:112年11–12月</p>
+            <p className="flex-1 text-center">
+              所屬年月份:{report401?.basicInfo.currentYear || 'N/A'}年
+              {report401?.basicInfo.currentMonth || 'N/A'}月
+            </p>
             <p className="text-right">金額單位:新臺幣元</p>
           </div>
         </div>
@@ -156,13 +164,17 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
         <tbody>
           <tr>
             <td className="text-nowrap border border-black px-2 py-0">負責人姓名</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.basicInfo.personInCharge || 'N/A'}
+            </td>
             <td className="text-nowrap border border-black px-2 py-0">營業地址</td>
             <td className="border border-black px-2 py-0" colSpan={9}>
-              231新北市新店區中興路一段222號(營業地址)
+              {report401?.basicInfo.businessAddress || 'N/A'}
             </td>
             <td className="text-nowrap border border-black px-2 py-0">使用發票份數</td>
-            <td className="border border-black px-2 py-0 text-right">份</td>
+            <td className="border border-black px-2 py-0 text-right">
+              {report401?.basicInfo.usedInvoiceCount || 'N/A'}份
+            </td>
           </tr>
           <tr>
             <td className="border border-black px-2 py-0 text-center" rowSpan={10}>
@@ -208,9 +220,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
               三聯式發票、電子計算機發票
             </td>
             <td className="border border-black px-2 py-0">1</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.triplicateAndElectronic.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">2</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.triplicateAndElectronic.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0" colSpan={2}>
               3 (非經海關出口應附證明文件者)
             </td>
@@ -224,9 +240,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
               收銀機發票(三聯式)及電子發票
             </td>
             <td className="border border-black px-2 py-0">5</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.cashRegisterTriplicate.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">6</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.cashRegisterTriplicate.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">7</td>
             <td className="border border-black px-2 py-0"></td>
             <td className="border border-black px-2 py-0">8</td>
@@ -239,9 +259,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
               二聯式發票、收銀機發票(二聯式)
             </td>
             <td className="border border-black px-2 py-0">9</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.duplicateAndCashRegister.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">10</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.duplicateAndCashRegister.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0" colSpan={2}>
               11 (經海關出口免附證明文件者)
             </td>
@@ -255,9 +279,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
               免用發票
             </td>
             <td className="border border-black px-2 py-0">13</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.taxExempt.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">14</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.taxExempt.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">15</td>
             <td className="border border-black px-2 py-0"></td>
             <td className="border border-black px-2 py-0">11</td>
@@ -270,9 +298,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
               減:退回及折讓
             </td>
             <td className="border border-black px-2 py-0">17</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.returnsAndAllowances.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">18</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.returnsAndAllowances.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">19</td>
             <td className="border border-black px-2 py-0"></td>
             <td className="border border-black px-2 py-0">12</td>
@@ -285,9 +317,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
               合計
             </td>
             <td className="border border-black px-2 py-0">21①</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.total.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">22②</td>
-            <td className="border border-black px-2 py-0"></td>
+            <td className="border border-black px-2 py-0">
+              {report401?.sales.breakdown.total.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0">23③</td>
             <td className="border border-black px-2 py-0"></td>
             <td className="border border-black px-2 py-0">13</td>
@@ -306,13 +342,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
             </td>
             <td className="border border-black px-2 py-0" colSpan={5} rowSpan={2}>
               <div className="flex items-center">
-                元(
+                {report401?.sales.totalTaxableAmount || 'N/A'}元(
                 <div>
                   <span>內含銷售</span>
                   <br />
                   <span>固定資產</span>
                 </div>
-                ㉗ 元)
+                ㉗{report401?.sales.includeFixedAsset || 'N/A'}元)
               </div>
             </td>
             <td className="border border-black px-2 py-0">14</td>
@@ -394,9 +430,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
             </td>
             <td className="text-nowrap border border-black px-2 py-0 text-center">進貨及費用</td>
             <td className="border border-black px-2 py-0 text-center">28</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.uniformInvoice.generalPurchases.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">29</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.uniformInvoice.generalPurchases.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center" rowSpan={2} colSpan={3}>
               保稅區營業人按進口報關程序銷售貨物至我國
               <br />
@@ -412,9 +452,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-center">固定資產</td>
             <td className="border border-black px-2 py-0 text-center">30</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.uniformInvoice.fixedAssets.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">31</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.uniformInvoice.fixedAssets.tax || 'N/A'}
+            </td>
           </tr>
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-start" rowSpan={2}>
@@ -423,9 +467,15 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
             </td>
             <td className="text-nowrap border border-black px-2 py-0 text-center">進貨及費用</td>
             <td className="border border-black px-2 py-0 text-center">32</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.cashRegisterAndElectronic.generalPurchases.amount ||
+                'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">33</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.cashRegisterAndElectronic.generalPurchases.tax ||
+                'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center" colSpan={3}>
               申報單位蓋章處(統一發票專用章)
             </td>
@@ -436,9 +486,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-center">固定資產</td>
             <td className="border border-black px-2 py-0 text-center">34</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.cashRegisterAndElectronic.fixedAssets.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">35</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.cashRegisterAndElectronic.fixedAssets.tax || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-left" rowSpan={9} colSpan={3}>
               <p>
                 <span>附 1.統一發票明細表</span>
@@ -490,26 +544,38 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
             </td>
             <td className="text-nowrap border border-black px-2 py-0 text-center">進貨及費用</td>
             <td className="border border-black px-2 py-0 text-center">36</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.otherTaxableVouchers.generalPurchases.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">37</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.otherTaxableVouchers.generalPurchases.tax || 'N/A'}
+            </td>
           </tr>
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-center">固定資產</td>
             <td className="border border-black px-2 py-0 text-center">38</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.otherTaxableVouchers.fixedAssets.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">39</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.otherTaxableVouchers.fixedAssets.tax || 'N/A'}
+            </td>
           </tr>
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-start" rowSpan={2}>
               海關代徵營業稅繳納證扣抵聯
             </td>
             <td className="text-nowrap border border-black px-2 py-0 text-center">進貨及費用</td>
             <td className="border border-black px-2 py-0 text-center">78</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.customsDutyPayment.generalPurchases.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">79</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.customsDutyPayment.generalPurchases.tax || 'N/A'}
+            </td>
           </tr>
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-center">固定資產</td>
@@ -532,9 +598,13 @@ const TaxReportBodyAll = ({ reportId }: ITaxReportBodyAllProps) => {
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-center">固定資產</td>
             <td className="border border-black px-2 py-0 text-center">80</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.customsDutyPayment.fixedAssets.amount || 'N/A'}
+            </td>
             <td className="border border-black px-2 py-0 text-center">81</td>
-            <td className="border border-black px-2 py-0 text-center" colSpan={2}></td>
+            <td className="border border-black px-2 py-0 text-center" colSpan={2}>
+              {report401?.purchases.breakdown.customsDutyPayment.fixedAssets.tax || 'N/A'}
+            </td>
           </tr>
           <tr>
             <td className="text-nowrap border border-black px-2 py-0 text-start" rowSpan={2}>