54 lines
1.2 KiB
Vue
54 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<view class="yd-page-container">
|
||
|
|
<!-- 顶部导航栏 -->
|
||
|
|
<wd-navbar
|
||
|
|
title="三方用户管理"
|
||
|
|
left-arrow placeholder safe-area-inset-top fixed
|
||
|
|
@click-left="handleBack"
|
||
|
|
/>
|
||
|
|
|
||
|
|
<!-- Tab 切换 -->
|
||
|
|
<view class="bg-white">
|
||
|
|
<wd-tabs v-model="tabIndex" shrink @change="handleTabChange">
|
||
|
|
<wd-tab title="三方应用" />
|
||
|
|
<wd-tab title="三方用户" />
|
||
|
|
</wd-tabs>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 列表内容 -->
|
||
|
|
<ClientList v-show="tabType === 'client'" />
|
||
|
|
<UserList v-show="tabType === 'user'" />
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { computed, ref } from 'vue'
|
||
|
|
import { navigateBackPlus } from '@/utils'
|
||
|
|
import ClientList from './components/client-list.vue'
|
||
|
|
import UserList from './components/user-list.vue'
|
||
|
|
|
||
|
|
definePage({
|
||
|
|
style: {
|
||
|
|
navigationBarTitleText: '',
|
||
|
|
navigationStyle: 'custom',
|
||
|
|
},
|
||
|
|
})
|
||
|
|
|
||
|
|
const tabTypes: string[] = ['client', 'user']
|
||
|
|
const tabIndex = ref(0)
|
||
|
|
const tabType = computed<string>(() => tabTypes[tabIndex.value])
|
||
|
|
|
||
|
|
/** Tab 切换 */
|
||
|
|
function handleTabChange({ index }: { index: number }) {
|
||
|
|
tabIndex.value = index
|
||
|
|
}
|
||
|
|
|
||
|
|
/** 返回上一页 */
|
||
|
|
function handleBack() {
|
||
|
|
navigateBackPlus()
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
</style>
|