diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 36d0ff8a..acc85bb4 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -731,6 +731,16 @@ export default {
   },
 
   quotation: {
+    quotationDate: 'Quotation Date',
+    seller: 'Seller',
+    paymentChannels: 'Payment Channels',
+    channelsThat: 'Channels That',
+    bankAccountNumber: 'Bank Account Number',
+    bankAccountName: 'Bank Account Name',
+    inTheNameOf: 'In The Name Of',
+    productOrderer: 'Product Orderer',
+    approver: 'Approver',
+    date: 'Date',
     tableColumnsRequest: {
       code: 'Request List Code',
     },
@@ -928,6 +938,12 @@ export default {
     receive: 'Job Receipt ',
     caption: 'All Task Order',
     code: 'Task Order Code',
+    workName: 'Work Name',
+    contacts: 'Contacts',
+    inTheNameOf: 'In The Name Of',
+    productOrderer: 'Product Orderer',
+    approver: 'Approver',
+    date: 'Date',
 
     receiveTaskOrder: 'Receive Task Order',
     tasktobeDone: 'Task to be Done',
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 82a286cc..5919f12c 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -725,6 +725,16 @@ export default {
   },
 
   quotation: {
+    quotationDate: 'วันที่ใบเสนอราคา',
+    seller: 'ผู้ขาย',
+    paymentChannels: 'ช่องทางชำระเงิน',
+    channelsThat: 'ช่องทางที่',
+    bankAccountNumber: 'เลขบัญชีธนาคาร',
+    bankAccountName: 'ชื่อบัญชี',
+    inTheNameOf: 'ในนาม',
+    productOrderer: 'ผู้สั่งซื้อสินค้า',
+    approver: 'ผู้อนุมัติ',
+    date: 'วันที่',
     tableColumnsRequest: {
       code: 'รหัสใบรายการคำขอ',
     },
@@ -919,6 +929,12 @@ export default {
     receive: 'ใบรับงาน',
     caption: 'ใบสั่งงานทั้งหมด',
     code: 'เลขใบสั่งงาน',
+    workName: 'ชื่อใบงาน',
+    contacts: 'ผู้ติดต่อ',
+    inTheNameOf: 'ในนาม',
+    productOrderer: 'ผู้สั่งซื้อสินค้า',
+    approver: 'ผู้อนุมัติ',
+    date: 'วันที่',
 
     receiveTaskOrder: 'รับใบสั่งงาน',
     tasktobeDone: 'งานที่ต้องทำ',
diff --git a/src/pages/05_quotation/preview/BankComponents.vue b/src/pages/05_quotation/preview/BankComponents.vue
index 3f6396c4..972e2b5d 100644
--- a/src/pages/05_quotation/preview/BankComponents.vue
+++ b/src/pages/05_quotation/preview/BankComponents.vue
@@ -38,7 +38,7 @@ watch(
 
 <template>
   <fieldset class="rounded" style="border: 1px solid var(--gray-4)">
-    <legend>ช่องทางที่ {{ index + 1 }}</legend>
+    <legend>{{ $t('quotation.channelsThat') }} {{ index + 1 }}</legend>
 
     <div class="border-5 full-width row" style="gap: var(--size-4)">
       <div class="column q-pa-sm" style="width: fit-content">
@@ -56,7 +56,7 @@ watch(
       <div class="column col" style="gap: var(--size-3)">
         <div class="row" style="justify-content: space-between">
           <div class="text-with-label">
-            <div>เลขบัญชีธนาคาร</div>
+            <div>{{ $t('quotation.bankAccountNumber') }}</div>
             <div class="row items-start">
               <img
                 width="25px"
@@ -68,17 +68,17 @@ watch(
             </div>
           </div>
           <div class="text-with-label">
-            <div>เลขบัญชีธนาคาร</div>
+            <div>{{ $t('quotation.bankAccountNumber') }}</div>
             <div>{{ bankBook.accountNumber }}</div>
           </div>
           <div class="text-with-label">
-            <div>ชื่อบัญชี</div>
+            <div>{{ $t('quotation.bankAccountName') }}</div>
             <div>{{ bankBook.accountName }}</div>
           </div>
         </div>
         <div class="row">
           <div class="text-with-label">
-            <div>สาขา</div>
+            <div>{{ $t('customerEmployee.branch') }}</div>
             <div>{{ bankBook.bankBranch }}</div>
           </div>
         </div>
diff --git a/src/pages/05_quotation/preview/ViewFooter.vue b/src/pages/05_quotation/preview/ViewFooter.vue
index fc9a34a5..a46d9c57 100644
--- a/src/pages/05_quotation/preview/ViewFooter.vue
+++ b/src/pages/05_quotation/preview/ViewFooter.vue
@@ -14,8 +14,8 @@ defineProps<{
 <template>
   <div class="footer-container">
     <div class="footer-top">
-      <div>ในนาม {{ data?.name || '-' }}</div>
-      <div>ในนาม {{ data?.company || '-' }}</div>
+      <div>{{ $t('quotation.inTheNameOf') }} {{ data?.name || '-' }}</div>
+      <div>{{ $t('quotation.inTheNameOf') }} {{ data?.company || '-' }}</div>
     </div>
 
     <img src="/images/jws-stamp.png" alt="${0}" />
@@ -24,21 +24,21 @@ defineProps<{
       <section>
         <div>
           <span class="data-placeholder"></span>
-          <span>ผู้สั่งซื้อสินค้า</span>
+          <span>{{ $t('quotation.productOrderer') }}</span>
         </div>
         <div>
           <span class="data-placeholder"></span>
-          <span>วันที่</span>
+          <span>{{ $t('quotation.date') }}</span>
         </div>
       </section>
       <section>
         <div>
           <span class="data-placeholder"></span>
-          <span>ผู้อนุมัติ</span>
+          <span>{{ $t('quotation.approver') }}</span>
         </div>
         <div>
           <span class="data-placeholder"></span>
-          <span>วันที่</span>
+          <span>{{ $t('quotation.date') }}</span>
         </div>
       </section>
     </div>
diff --git a/src/pages/05_quotation/preview/ViewForm.vue b/src/pages/05_quotation/preview/ViewForm.vue
index 1b7ce701..0906e3d7 100644
--- a/src/pages/05_quotation/preview/ViewForm.vue
+++ b/src/pages/05_quotation/preview/ViewForm.vue
@@ -442,7 +442,9 @@ function print() {
           class="row text-right border-5 items-center"
           style="width: 40%; background: var(--main); padding: 8px"
         >
-          <span style="color: white; font-weight: 600">ยอดรวมสุทธิ</span>
+          <span style="color: white; font-weight: 600">
+            {{ $t('quotation.totalPrice') }}
+          </span>
           <span
             class="border-5"
             style="
@@ -480,7 +482,7 @@ function print() {
           border-bottom: 2px solid var(--main);
         "
       >
-        หมายเหตุ
+        {{ $t('general.remark') }}
       </span>
 
       <div
@@ -528,7 +530,7 @@ function print() {
           border-bottom: 2px solid var(--main);
         "
       >
-        ช่องทางซำระเงิน
+        {{ $t('quotation.paymentChannels') }}
       </span>
       <article style="height: 5.8in">
         <BankComponents
diff --git a/src/pages/05_quotation/preview/ViewHeader.vue b/src/pages/05_quotation/preview/ViewHeader.vue
index 0f1c3f8c..83c98eab 100644
--- a/src/pages/05_quotation/preview/ViewHeader.vue
+++ b/src/pages/05_quotation/preview/ViewHeader.vue
@@ -83,7 +83,7 @@ function titleMode(mode: View): string {
         <span>{{ branch.webUrl }}</span>
       </article>
       <article>
-        <b>ลูกค้า</b>
+        <b>{{ $t('quotation.customer') }}</b>
         <span>
           {{
             formatAddress({
@@ -111,29 +111,29 @@ function titleMode(mode: View): string {
         <div>{{ details.code }}</div>
       </div>
       <div>
-        <div>วันที่ใบเสนอราคา</div>
+        <div>{{ $t('quotation.quotationDate') }}</div>
         <div>{{ dateFormat(details.createdAt, true, false, true) }}</div>
       </div>
       <div>
-        <div>ผู้ขาย</div>
+        <div>{{ $t('quotation.seller') }}</div>
         <div>{{ details.createdBy }}</div>
       </div>
       <div>
-        <div>เงื่อนไขการชำระ</div>
+        <div>{{ $t('quotation.paymentCondition') }}</div>
         <div>
           {{ $t(`quotation.type.${details.payCondition}`) }}
         </div>
       </div>
       <div>
-        <div>ชื่องาน</div>
+        <div>{{ $t('quotation.workName') }}</div>
         <div>{{ details.workName }}</div>
       </div>
       <div>
-        <div>ผู้ติดต่อ</div>
+        <div>{{ $t('quotation.contactName') }}</div>
         <div>{{ details.contactName }}</div>
       </div>
       <div>
-        <div>วันครบกำหนดชำระ</div>
+        <div>{{ $t('quotation.receiptDialog.paymentDueDate') }}</div>
         <div>{{ dateFormat(details.dueDate, true, false, true) }}</div>
       </div>
     </section>
diff --git a/src/pages/09_task-order/document_view/MainPage.vue b/src/pages/09_task-order/document_view/MainPage.vue
index b3ae7ce5..a301ae2f 100644
--- a/src/pages/09_task-order/document_view/MainPage.vue
+++ b/src/pages/09_task-order/document_view/MainPage.vue
@@ -380,7 +380,9 @@ function print() {
           class="row text-right border-5 items-center"
           style="width: 40%; background: var(--main); padding: 8px"
         >
-          <span style="color: white; font-weight: 600">ยอดรวมสุทธิ</span>
+          <span style="color: white; font-weight: 600">
+            {{ $t('quotation.totalPrice') }}
+          </span>
           <span
             class="border-5"
             style="
diff --git a/src/pages/09_task-order/document_view/ViewFooter.vue b/src/pages/09_task-order/document_view/ViewFooter.vue
index fc9a34a5..366746f9 100644
--- a/src/pages/09_task-order/document_view/ViewFooter.vue
+++ b/src/pages/09_task-order/document_view/ViewFooter.vue
@@ -14,8 +14,8 @@ defineProps<{
 <template>
   <div class="footer-container">
     <div class="footer-top">
-      <div>ในนาม {{ data?.name || '-' }}</div>
-      <div>ในนาม {{ data?.company || '-' }}</div>
+      <div>{{ $t('taskOrder.inTheNameOf') }} {{ data?.name || '-' }}</div>
+      <div>{{ $t('taskOrder.inTheNameOf') }} {{ data?.company || '-' }}</div>
     </div>
 
     <img src="/images/jws-stamp.png" alt="${0}" />
@@ -24,21 +24,21 @@ defineProps<{
       <section>
         <div>
           <span class="data-placeholder"></span>
-          <span>ผู้สั่งซื้อสินค้า</span>
+          <span>{{ $t('taskOrder.productOrderer') }}</span>
         </div>
         <div>
           <span class="data-placeholder"></span>
-          <span>วันที่</span>
+          <span>{{ $t('taskOrder.date') }}</span>
         </div>
       </section>
       <section>
         <div>
           <span class="data-placeholder"></span>
-          <span>ผู้อนุมัติ</span>
+          <span>{{ $t('taskOrder.approver') }}</span>
         </div>
         <div>
           <span class="data-placeholder"></span>
-          <span>วันที่</span>
+          <span>{{ $t('taskOrder.date') }}</span>
         </div>
       </section>
     </div>
diff --git a/src/pages/09_task-order/document_view/ViewHeader.vue b/src/pages/09_task-order/document_view/ViewHeader.vue
index c229bfff..33d76457 100644
--- a/src/pages/09_task-order/document_view/ViewHeader.vue
+++ b/src/pages/09_task-order/document_view/ViewHeader.vue
@@ -101,11 +101,11 @@ defineProps<{
         <div>{{ details.code }}</div>
       </div>
       <div>
-        <div>ชื่องาน</div>
+        <div>{{ $t('taskOrder.workName') }}</div>
         <div>{{ details.name }}</div>
       </div>
       <div>
-        <div>ผู้ติดต่อ</div>
+        <div>{{ $t('taskOrder.contacts') }}</div>
         <div>{{ details.contactName }}</div>
       </div>
     </section>