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

fix: employee handle select

Browse source
This commit is contained in:
puriphatt 2024-06-17 04:00:43 +00:00
parent 8fdc916955
commit a6448e8e31
1 changed files with 19 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/components/03_customer-management/BasicInformation.vue
View file

@ -91,7 +91,7 @@ onMounted(async () => {});
<div v-if="employee" class="col-9 row q-col-gutter-md"> <div v-if="employee" class="col-9 row q-col-gutter-md">
<q-select <q-select
id="select-employer-branch" for="select-employer-branch"
use-input use-input
input-debounce="0" input-debounce="0"
:hide-dropdown-icon="readonly" :hide-dropdown-icon="readonly"
@ -140,14 +140,12 @@ onMounted(async () => {});
<div class="text-caption app-text-muted-2 q-mb-xs"> <div class="text-caption app-text-muted-2 q-mb-xs">
<div v-if="scope.opt.customer" class="col column"> <div v-if="scope.opt.customer" class="col column">
<span> {{ $t('customerBranchName') }}:
{{ $t('customerBranchName') }}: {{
{{ $i18n.locale === 'en-US'
$i18n.locale === 'en-US' ? scope.opt.customer.customerNameEN
? scope.opt.customer.customerNameEN : scope.opt.customer.customerName
: scope.opt.customer.customerName }}
}}
</span>
</div> </div>
<div v-if="scope.opt.province" class="col"> <div v-if="scope.opt.province" class="col">
{{ $t('address') }} {{ $t('address') }}
@ -171,6 +169,7 @@ onMounted(async () => {});
? scope.opt.province.nameEN ? scope.opt.province.nameEN
: scope.opt.province.name : scope.opt.province.name
}} }}
{{ scope.opt.zipCode }}
</div> </div>
</div> </div>
</div> </div>
@ -179,17 +178,16 @@ onMounted(async () => {});
</template> </template>
<template v-slot:selected-item="scope"> <template v-slot:selected-item="scope">
<div v-if="scope.opt" class="row items-center"> <div v-if="scope.opt" class="row items-center no-wrap">
<div> {{ scope.opt.code }}
{{ scope.opt.code }}
</div> {{ $t('branchName') }}:
<div> {{ $i18n.locale === 'en-US' ? scope.opt.nameEN : scope.opt.name }}
{{ $t('branchName') }}:
{{ $i18n.locale === 'en-US' ? scope.opt.nameEN : scope.opt.name }}
</div>
<div <div
class="text-caption app-text-muted-2 ellipsis q-ml-sm" class="text-caption app-text-muted-2 ellipsis q-ml-sm"
style="max-width: 25vw; min-width: 0" style="max-width: 24vw; min-width: 0"
v-if="scope.opt.customer && scope.opt.province"
> >
{{ $t('customerBranchName') }}: {{ $t('customerBranchName') }}:
{{ {{
@ -216,7 +214,8 @@ onMounted(async () => {});
? scope.opt.province.nameEN ? scope.opt.province.nameEN
: scope.opt.province.name : scope.opt.province.name
}} }}
<q-tooltip> {{ scope.opt.zipCode }}
<q-tooltip v-if="scope.opt.customer && scope.opt.province">
{{ $t('customerBranchName') }}: {{ $t('customerBranchName') }}:
{{ {{
$i18n.locale === 'en-US' $i18n.locale === 'en-US'
@ -244,6 +243,7 @@ onMounted(async () => {});
? scope.opt.province.nameEN ? scope.opt.province.nameEN
: scope.opt.province.name : scope.opt.province.name
}} }}
{{ scope.opt.zipCode }}
</q-tooltip> </q-tooltip>
</div> </div>
</div> </div>