refactor: styling
This commit is contained in:
parent
12482659da
commit
5c6f201a99
2 changed files with 17 additions and 23 deletions
|
|
@ -14,11 +14,11 @@ import { useI18n } from 'vue-i18n';
|
|||
const { locale } = useI18n();
|
||||
const optionStore = useOptionStore();
|
||||
const prefixName = defineModel<string>('prefixName');
|
||||
const prefixNameEn = defineModel<string>('prefixNameEn');
|
||||
const prefixNameEN = defineModel<string>('prefixNameEn');
|
||||
const firstName = defineModel<string>('firstName');
|
||||
const lastName = defineModel<string>('lastName');
|
||||
const firstNameEN = defineModel<string>('firstNameEN');
|
||||
const lastNameEN = defineModel<string>('lastNameEN');
|
||||
const firstNameEN = defineModel<string>('firstNameEn');
|
||||
const lastNameEN = defineModel<string>('lastNameEn');
|
||||
const telephoneNo = defineModel<string>('telephoneNo');
|
||||
const email = defineModel<string>('email');
|
||||
const gender = defineModel<string>('gender');
|
||||
|
|
@ -195,7 +195,7 @@ watch(
|
|||
:disable="!readonly"
|
||||
class="col-1"
|
||||
:label="$t('formDialogInputPrefixName')"
|
||||
v-model="prefixNameEn"
|
||||
v-model="prefixNameEN"
|
||||
/>
|
||||
|
||||
<q-input
|
||||
|
|
|
|||
|
|
@ -1173,15 +1173,9 @@ watch(
|
|||
{{ (currentPage - 1) * pageSize + props.rowIndex + 1 }}
|
||||
</q-td>
|
||||
<q-td v-if="fieldSelected.includes('name')">
|
||||
<div class="row items-center">
|
||||
<div
|
||||
style="
|
||||
width: 50px;
|
||||
display: flex;
|
||||
margin-bottom: var(--size-2);
|
||||
"
|
||||
>
|
||||
<div class="branch-card__icon">
|
||||
<div class="row items-center" style="flex-wrap: nowrap">
|
||||
<div style="display: flex">
|
||||
<div class="branch-card__icon q-mr-md">
|
||||
<q-avatar size="md">
|
||||
<q-img
|
||||
:ratio="1"
|
||||
|
|
@ -1208,8 +1202,8 @@ watch(
|
|||
</q-avatar>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="col">
|
||||
<div class="column">
|
||||
<div>
|
||||
{{
|
||||
$i18n.locale === 'en-US'
|
||||
? `${props.row.firstNameEN} ${props.row.lastNameEN}`.trim()
|
||||
|
|
@ -1228,7 +1222,7 @@ watch(
|
|||
width="24px"
|
||||
/>
|
||||
</div>
|
||||
<div class="col app-text-muted">
|
||||
<div class="app-text-muted">
|
||||
{{ props.row.code || '-' }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1683,8 +1677,8 @@ watch(
|
|||
id="info-personal"
|
||||
v-model:first-name="formData.firstName"
|
||||
v-model:last-name="formData.lastName"
|
||||
v-model:first-name-e-n="formData.firstNameEN"
|
||||
v-model:last-name-e-n="formData.lastNameEN"
|
||||
v-model:first-name-en="formData.firstNameEN"
|
||||
v-model:last-name-en="formData.lastNameEN"
|
||||
v-model:telephone-no="formData.telephoneNo"
|
||||
v-model:email="formData.email"
|
||||
v-model:gender="formData.gender"
|
||||
|
|
@ -1837,11 +1831,11 @@ watch(
|
|||
outlined
|
||||
separator
|
||||
:title="'formDialogTitlePersonal'"
|
||||
v-model:firstName="formData.firstName"
|
||||
v-model:lastName="formData.lastName"
|
||||
v-model:firstNameEN="formData.firstNameEN"
|
||||
v-model:lastNameEN="formData.lastNameEN"
|
||||
v-model:telephoneNo="formData.telephoneNo"
|
||||
v-model:first-name="formData.firstName"
|
||||
v-model:last-name="formData.lastName"
|
||||
v-model:first-name-en="formData.firstNameEN"
|
||||
v-model:last-name-en="formData.lastNameEN"
|
||||
v-model:telephone-no="formData.telephoneNo"
|
||||
v-model:email="formData.email"
|
||||
v-model:gender="formData.gender"
|
||||
v-model:birthDate="formData.birthDate"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue