86 lines
1.9 KiB
Vue
86 lines
1.9 KiB
Vue
<template>
|
|
<NavBar v-if="showNav" />
|
|
<view class="container">
|
|
<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>
|