chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

feat: i18n quotation, taskorder

Browse source
This commit is contained in:
nwpptrs 2025-01-20 14:23:08 +07:00
parent 44476f8535
commit 32a195770d
9 changed files with 66 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/pages/05_quotation/preview/BankComponents.vue
View file

@ -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>

12
src/pages/05_quotation/preview/ViewFooter.vue
View file

@ -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>

8
src/pages/05_quotation/preview/ViewForm.vue
View file

@ -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

14
src/pages/05_quotation/preview/ViewHeader.vue
View file

@ -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>

4
src/pages/09_task-order/document_view/MainPage.vue
View file

@ -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="

12
src/pages/09_task-order/document_view/ViewFooter.vue
View file

@ -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>

4
src/pages/09_task-order/document_view/ViewHeader.vue
View file

@ -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>