fix: แก้ค่าของ type
This commit is contained in:
parent
601aa69d7c
commit
066cf121c6
5 changed files with 28 additions and 16 deletions
|
|
@ -26,7 +26,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
<div class="col-3 app-text-muted">• {{ $t(`about`) }}</div>
|
||||
<div class="col-9 row q-col-gutter-md">
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerNaturalPerson'"
|
||||
v-if="typeCustomer === 'PERS'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="true"
|
||||
|
|
@ -38,7 +38,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
/>
|
||||
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerNaturalPerson'"
|
||||
v-if="typeCustomer === 'PERS'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
@ -51,7 +51,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
|
||||
<div class="row q-col-gutter-md">
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="true"
|
||||
|
|
@ -62,7 +62,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
v-model="branchCode"
|
||||
/>
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="true"
|
||||
|
|
@ -74,7 +74,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
/>
|
||||
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
@ -86,7 +86,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
/>
|
||||
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
@ -99,7 +99,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
</div>
|
||||
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
@ -110,7 +110,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
v-model="taxNo"
|
||||
/>
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
@ -121,7 +121,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
v-model="registerName"
|
||||
/>
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
@ -132,7 +132,7 @@ const employerBranchCode = defineModel<string>('employerBranchCode');
|
|||
v-model="authorizedCapital"
|
||||
/>
|
||||
<VueDatePicker
|
||||
v-if="typeCustomer === 'customerLegalEntity'"
|
||||
v-if="typeCustomer === 'CORP'"
|
||||
:teleport="true"
|
||||
utc
|
||||
autoApply
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ defineProps<{
|
|||
</div>
|
||||
<div v-if="!employee" class="col-9 row q-col-gutter-md">
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerNaturalPerson'"
|
||||
v-if="typeCustomer === 'PERS'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="true"
|
||||
|
|
@ -37,7 +37,7 @@ defineProps<{
|
|||
v-model="employerID"
|
||||
/>
|
||||
<q-input
|
||||
v-if="typeCustomer === 'customerNaturalPerson'"
|
||||
v-if="typeCustomer === 'PERS'"
|
||||
:dense="dense"
|
||||
:outlined="!readonly"
|
||||
:readonly="readonly"
|
||||
|
|
|
|||
|
|
@ -60,7 +60,11 @@ onMounted(async () => {
|
|||
class="q-mr-md"
|
||||
/>
|
||||
<q-card-section
|
||||
class="q-pa-sm q-pt-md bg-green q-mr-md q-mb-sm"
|
||||
class="q-pa-sm q-pt-md q-mr-md q-mb-sm"
|
||||
:class="{
|
||||
color__purple: customerType === 'CORP',
|
||||
color__green: customerType === 'PERS',
|
||||
}"
|
||||
style="border-radius: 0 0 40px 40px; position: relative"
|
||||
>
|
||||
<q-avatar no-padding size="50px">
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
|
|||
<text
|
||||
class="text-customer"
|
||||
:class="{ 'dark-text': $q.dark.isActive }"
|
||||
:style="`color: ${customerLabel === 'customerLegalEntity' ? 'var(--purple-8)' : 'var(--green-9)'} `"
|
||||
:style="`color: ${customerLabel === 'CORP' ? 'var(--purple-8)' : 'var(--green-9)'} `"
|
||||
>
|
||||
{{ $t(customerLabel) }}
|
||||
</text>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ withDefaults(
|
|||
list: {
|
||||
imageUrl?: string;
|
||||
id: string;
|
||||
type: 'customerLegalEntity' | 'customerNaturalPerson';
|
||||
type: 'CORP' | 'PERS';
|
||||
name: string;
|
||||
code: string;
|
||||
detail?: { label: string; value: string }[];
|
||||
|
|
@ -152,7 +152,15 @@ defineEmits<{
|
|||
</q-card-section>
|
||||
</div>
|
||||
<div class="box-title">
|
||||
<div class="rounded title">{{ $t(list.type) }}</div>
|
||||
<div class="rounded title">
|
||||
{{
|
||||
$t(
|
||||
list.type === 'CORP'
|
||||
? 'customerLegalEntity'
|
||||
: 'customerNaturalPerson',
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
<q-card-section class="no-padding">
|
||||
<div class="column items-center justify-center q-mb-md">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue