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

refactor: edit field table

Browse source
This commit is contained in:
Net 2024-08-21 15:41:09 +07:00
parent 69cc49e905
commit d5aadbdd86
1 changed files with 33 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

56
src/pages/03_customer-management/MainPage.vue
View file

@ -642,8 +642,8 @@ const emptyCreateDialog = ref(false);
? customerStats.map((v) => ({ ? customerStats.map((v) => ({
count: count:
v.name === 'CORP' v.name === 'CORP'
? statsCustomerType?.CORP ?? 0 ? (statsCustomerType?.CORP ?? 0)
: statsCustomerType?.PERS ?? 0, : (statsCustomerType?.PERS ?? 0),
label: label:
v.name === 'CORP' v.name === 'CORP'
? 'customerLegalEntity' ? 'customerLegalEntity'
@ -969,6 +969,17 @@ const emptyCreateDialog = ref(false);
: '' : ''
" "
> >
<q-td
class="text-center"
v-if="fieldSelected.includes('orderNumber')"
>
{{
(currentPageCustomer - 1) * pageSize +
props.rowIndex +
1
}}
</q-td>
<q-td v-if="fieldSelected.includes('customerName')"> <q-td v-if="fieldSelected.includes('customerName')">
<div class="row items-center"> <div class="row items-center">
<div <div
@ -996,37 +1007,36 @@ const emptyCreateDialog = ref(false);
</div> </div>
<div class="col"> <div class="col">
<div class="col"> <div class="col">
{{ props.row.customerName || '-' }} {{ props.row.firstName || '-' }}
{{ props.row.lastName || '-' }}
</div> </div>
<div class="col app-text-muted"> <div class="col app-text-muted">
{{ props.row.customerNameEN || '-' }} {{ props.row.firstNameEN || '-' }}
{{ props.row.lastNameEN || '-' }}
</div> </div>
</div> </div>
</div> </div>
</q-td> </q-td>
<q-td v-if="fieldSelected.includes('type')"> <q-td v-if="fieldSelected.includes('businessTypePure')">
<span {{ props.row.businessTypePure || '-' }}
class="tags"
:class="{
[`tags__${props.row.customerType === 'CORP' ? 'purple' : 'green'}`]: true,
}"
>
{{
props.row.customerType === 'CORP'
? $t('customerLegalEntity')
: $t('customerNaturalPerson')
}}
</span>
</q-td> </q-td>
<q-td v-if="fieldSelected.includes('personName')">
{{ props.row.personName }} <q-td v-if="fieldSelected.includes('address')">
{{ props.row.branch?.[0].address || '-' }}
</q-td> </q-td>
<q-td v-if="fieldSelected.includes('telephoneNo')">
{{ props.row.branch[0]?.telephoneNo || '-' }} <q-td v-if="fieldSelected.includes('workPlace')">
{{ props.row.branch?.[0].workplace || '-' }}
</q-td> </q-td>
<q-td v-if="fieldSelected.includes('branchEmail')">
{{ props.row.branch[0]?.email || '-' }} <q-td v-if="fieldSelected.includes('contactName')">
{{ props.row.branch?.[0].contactName || '-' }}
</q-td> </q-td>
<q-td v-if="fieldSelected.includes('contactPhone')">
{{ props.row.branch?.[0].telephoneNo || '-' }}
</q-td>
<q-td> <q-td>
<q-btn <q-btn
dense dense