Files
HTFX-CRM-APP/pages/partner/index.vue

89 lines
1.9 KiB
Vue
Raw Normal View History

2025-07-07 15:55:44 +08:00
<template>
<NavBar v-if="showNav" />
<view class="container">
<view class="swiper">
<HomeSwiper :position="1" />
</view>
<view class="title">
<PageTitle :title="$t('menu.partner')" />
</view>
<Segmented
styleType="text"
gap="6px"
underLineHeight="0px"
:current="current"
:values="items"
@clickItem="onClickItem"
in-active-color="#999999"
activeColor="#333333"
></Segmented>
<view style="margin-top: 20px">
<view v-show="current === 0">
<Overview :visible="current === 0" />
</view>
<view v-show="current === 1">
<MyClient :visible="current === 1" />
</view>
<!-- <view v-show="current === 2">
<MyIB :visible="current === 2" />
</view> -->
<view v-show="current === 2">
<PromotionLink :visible="current === 2" />
</view>
<view v-show="current === 3">
<StatReport :visible="current === 3" />
</view>
</view>
</view>
</template>
<script>
import Segmented from '@/pages/components/segmented/index.vue';
import Overview from './components/overview/index.vue';
import MyClient from './components/myClient/index.vue';
import MyIB from './components/myIB/index.vue';
import PromotionLink from './components/promotionLink/index.vue';
import StatReport from './components/statReport/index.vue';
export default {
name: '',
data() {
return {
current: 0,
items: [
this.$t('partner.overview.title'),
this.$t('partner.myClient.title'),
// this.$t('partner.myIB.title'),
this.$t('partner.promotionLink.title'),
this.$t('partner.statReport.title')
],
showNav: false
};
},
methods: {
async onClickItem(e) {
if (this.current != e.currentIndex) {
this.current = e.currentIndex;
}
}
},
components: {
Segmented,
Overview,
MyClient,
MyIB,
PromotionLink,
StatReport
},
onShow() {
this.showNav = true
},
onHide() {
this.showNav = false
}
};
</script>
<style lang="scss" scoped>
@import './index.scss';
</style>