ปรับTab ข้อมูลหลัก

This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2024-02-13 10:18:25 +07:00
parent ecd6c890ae
commit e6538a3e4f
3 changed files with 171 additions and 77 deletions

View file

@ -50,17 +50,32 @@ onMounted(() => {
class="q-py-xs"
/>
</q-tabs>
<q-separator size="2px" />
<q-separator />
<!-- person -->
<div class="q-pa-md">
<ListPrefix v-if="currentTab == 'list_prefix'" />
<ListRank v-if="currentTab == 'list_rank'" />
<ListBloodGroup v-if="currentTab == 'list_bloodGroup'" />
<ListGender v-if="currentTab == 'list_gender'" />
<ListReligion v-if="currentTab == 'list_religion'" />
<ListRelationship v-if="currentTab == 'list_relationship'" />
<ListEducation v-if="currentTab == 'list_education'" />
</div>
<q-tab-panels v-model="currentTab" animated>
<q-tab-panel name="list_prefix">
<ListPrefix v-if="currentTab == 'list_prefix'" />
</q-tab-panel>
<q-tab-panel name="list_rank">
<ListRank v-if="currentTab == 'list_rank'" />
</q-tab-panel>
<q-tab-panel name="list_bloodGroup">
<ListBloodGroup v-if="currentTab == 'list_bloodGroup'" />
</q-tab-panel>
<q-tab-panel name="list_gender">
<ListGender v-if="currentTab == 'list_gender'" />
</q-tab-panel>
<q-tab-panel name="list_religion">
<ListReligion v-if="currentTab == 'list_religion'" />
</q-tab-panel>
<q-tab-panel name="list_relationship">
<ListRelationship v-if="currentTab == 'list_relationship'" />
</q-tab-panel>
<q-tab-panel name="list_education">
<ListEducation v-if="currentTab == 'list_education'" />
</q-tab-panel>
</q-tab-panels>
</div>
</q-card>
</template>

View file

@ -41,12 +41,21 @@ onMounted(() => {
class="q-py-xs"
/>
</q-tabs>
<q-separator size="2px" />
<div class="q-pa-md">
<ListPosition v-if="store.pathLocation == 'list_position'" />
<ListType v-if="store.pathLocation == 'list_type'" />
<ListExecutive v-if="store.pathLocation == 'list_executive'" />
</div>
<q-separator />
<q-tab-panels v-model="store.pathLocation" animated>
<q-tab-panel name="list_position">
<ListPosition v-if="store.pathLocation == 'list_position'" />
</q-tab-panel>
<q-tab-panel name="list_type">
<ListType v-if="store.pathLocation == 'list_type'" />
</q-tab-panel>
<q-tab-panel name="list_executive">
<ListExecutive v-if="store.pathLocation == 'list_executive'" />
</q-tab-panel>
</q-tab-panels>
</q-card>
</template>