1

src/components/PDF/contractPDFOne.vue

@@ -94,7 +94,6 @@
             Order <br />
             Quantity
           </td>
-
           <td style="width: 13%">Unit <br />Price</td>
           <td style="width: 13%">Total <br />Amount</td>
         </tr>
@@ -126,9 +125,35 @@
             {{ pdfData.currency }} {{ moneyFormat(item.amount, 2) }}
           </td>
         </tr>
+        <template
+          v-if="
+            pdfData.contractProjectList &&
+            pdfData.contractProjectList.length > 0
+          "
+        >
+          <tr>
+            <td colspan="6" style="text-align: right">
+              <div
+                v-for="(item, index) in pdfData.contractProjectList"
+                :key="item.id"
+              >
+                {{ item.payName }}：
+              </div>
+            </td>
+            <td>
+              <div
+                v-for="(item, index) in pdfData.contractProjectList"
+                :key="item.id"
+              >
+                {{ pdfData.currency }}
+                {{ moneyFormat(item.amount, 2) }}
+              </div>
+            </td>
+          </tr>
+        </template>
         <tr>
           <td colspan="6" style="text-align: right">Total Amount:</td>
-          <td style="width: 10%">
+          <td>
             {{ pdfData.currency }}
             {{ moneyFormat(pdfData.totalAmount, 2) }}
           </td>
@@ -137,15 +162,13 @@
           <td colspan="6" style="text-align: right">
             Deposit( {{ pdfData.advanceRatio }} %):
           </td>
-          <td style="width: 10%">
-            {{ pdfData.currency }} {{ getBalance(pdfData.advanceRatio) }}
-          </td>
+          <td>{{ pdfData.currency }} {{ getBalance(pdfData.advanceRatio) }}</td>
         </tr>
         <tr>
           <td colspan="6" style="text-align: right">
             Balance( {{ pdfData.advanceRatioOne }} %):
           </td>
-          <td style="width: 10%">
+          <td>
             {{ pdfData.currency }} {{ getBalance(pdfData.advanceRatioOne) }}
           </td>
         </tr>