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

fix: form address

Browse source
This commit is contained in:
puriphatt 2024-08-06 07:54:28 +00:00
parent b808d6bd5b
commit d7df0f20f8
1 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/02_personnel-management/FormAddress.vue
View file

@ -20,6 +20,7 @@ defineProps<{
disabledRule?: boolean; disabledRule?: boolean;
indexId?: number; indexId?: number;
prefixId: string; prefixId: string;
hideTitle?: boolean;
}>(); }>();
const adrressStore = useAddressStore(); const adrressStore = useAddressStore();
@ -147,7 +148,10 @@ watch(districtId, fetchSubDistrict);
</script> </script>
<template> <template>
<div class="col-12"> <div class="col-12">
<div class="col-12 q-pb-sm text-weight-bold text-body1"> <div
v-if="!hideTitle"
class="col-12 q-pb-sm text-weight-bold text-body1 row items-center"
>
<q-icon <q-icon
size="xs" size="xs"
class="q-pa-sm rounded q-mr-xs" class="q-pa-sm rounded q-mr-xs"
@ -160,7 +164,7 @@ watch(districtId, fetchSubDistrict);
<div <div
v-if="employee" v-if="employee"
class="surface-3 q-px-sm q-py-xs row" class="surface-3 q-px-sm q-py-xs row text-caption q-ml-md app-text-muted"
style="border-radius: var(--radius-3)" style="border-radius: var(--radius-3)"
> >
<span <span
@ -355,7 +359,7 @@ watch(districtId, fetchSubDistrict);
<div class="col-12 app-text-muted-2"> <div class="col-12 app-text-muted-2">
<q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" /> <q-icon size="xs" class="q-mr-xs" name="mdi-map-marker" />
{{ addressTitle || $t('formDialogTitleAddressPureEN') }} {{ addressTitleEN || $t('formDialogTitleAddressPureEN') }}
</div> </div>
<div class="col-12 row q-col-gutter-sm"> <div class="col-12 row q-col-gutter-sm">
<q-input <q-input
@ -523,6 +527,7 @@ watch(districtId, fetchSubDistrict);
.active-addr { .active-addr {
color: hsl(var(--info-bg)); color: hsl(var(--info-bg));
background-color: hsla(var(--info-bg) / 0.1); background-color: hsla(var(--info-bg) / 0.1);
border-radius: var(--radius-3);
&.dark { &.dark {
background-color: var(--surface-1); background-color: var(--surface-1);