refactor: edit color icon and edit optionStore can null

This commit is contained in:
Net 2024-08-06 15:00:50 +07:00
parent 2ab3cae057
commit 8d18b96d67
3 changed files with 25 additions and 6 deletions

View file

@ -52,6 +52,24 @@ let nationalityFilter: (
update: (callbackFn: () => void, afterFn?: (ref: QSelect) => void) => void,
) => void;
onMounted(() => {
prefixNameFilter = selectFilterOptionRefMod(
ref(optionStore.globalOption?.prefix),
prefixNameOptions,
'label',
);
genderFilter = selectFilterOptionRefMod(
ref(optionStore.globalOption?.gender),
genderOptions,
'label',
);
nationalityFilter = selectFilterOptionRefMod(
ref(optionStore.globalOption?.nationality),
nationalityOptions,
'label',
);
});
watch(
() => optionStore.globalOption,
() => {
@ -89,6 +107,7 @@ watch(
<div class="col-12 row q-col-gutter-sm">
<div class="col-6 row" style="display: flex; gap: var(--size-2)">
{{ prefixNameTh }}
<q-select
outlined
use-input
@ -321,7 +340,7 @@ watch(
size="xs"
name="mdi-calendar-blank-outline"
class="cursor-pointer"
color="positive"
color="primary"
/>
</template>
</q-input>

View file

@ -360,7 +360,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
size="xs"
name="mdi-calendar-blank-outline"
class="cursor-pointer"
color="positive"
color="primary"
/>
</template>
<template v-slot:append>
@ -422,7 +422,7 @@ const insuranceCompanyFilter = selectFilterOptionRefMod(
size="xs"
name="mdi-calendar-blank-outline"
class="cursor-pointer"
color="positive"
color="primary"
/>
</template>
<template v-slot:append>

View file

@ -262,7 +262,7 @@ const workplaceFilter = selectFilterOptionRefMod(
size="xs"
name="mdi-calendar-blank-outline"
class="cursor-pointer"
color="positive"
color="primary"
/>
</template>
<template v-slot:append>
@ -336,7 +336,7 @@ const workplaceFilter = selectFilterOptionRefMod(
size="xs"
name="mdi-calendar-blank-outline"
class="cursor-pointer"
color="positive"
color="primary"
/>
</template>
<template v-slot:append>
@ -399,7 +399,7 @@ const workplaceFilter = selectFilterOptionRefMod(
size="xs"
name="mdi-calendar-blank-outline"
class="cursor-pointer"
color="positive"
color="primary"
/>
</template>
<template v-slot:append>