ปรับTab ข้อมูลหลัก
This commit is contained in:
parent
ecd6c890ae
commit
e6538a3e4f
3 changed files with 171 additions and 77 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue