<template><page-meta :root-font-size="fontSize+'px'"></page-meta>
    <seller-base :show="false">
    <view class="div container">
        <view class="div common-header-wrap">
            <view :style="'height:'+navHeight+'px'"></view>
            <view class="common-header-holder"></view>
            <view class="common-header-fixed">
            <title-header />
            <uni-nav-bar title="店铺分销" class="common-header" left-icon="back" @clickLeft="goBack()">
            </uni-nav-bar>
        </view>
        </view>
        <view class="div main-content">
        <view class="div"  @click="goSellerInviterGoodsList">
        <flex-line :is-link="true" :show-border="true"><text class="span line-name">分销商品管理</text></flex-line>
        </view>
        <view class="div"  @click="goSellerInviterOrderList">
        <flex-line :is-link="true" :show-border="true"><text class="span line-name">分销业绩</text></flex-line>
        </view>
        </view>
    </view>
</seller-base>
</template>

<script>
import {getFontSize} from '@/util/common'
import TitleHeader from '../../TitleHeader'
import SellerBase from '../SellerBase'
import flexLine from '../../flexLine'
export default {
  name: 'Index',
  data(){
    return {
      navHeight:0
    }
  },
    components:{TitleHeader,SellerBase,flexLine,},
  mounted(){
  // #ifdef  MP-WEIXIN
  this.navHeight = uni.getMenuButtonBoundingClientRect().height
  // #endif
  },
  computed:{
	  fontSize(){
		return getFontSize()
	  }
  },
  methods:{
    goBack(){uni.navigateBack({delta:1})},
    goSellerInviterGoodsList () {
      uni.navigateTo({url:'/pages/seller/inviter/GoodsList'})
    },
    goSellerInviterOrderList () {
      uni.navigateTo({url:'/pages/seller/inviter/OrderList'})
    }
  }
}
</script>

<style scoped lang="scss">
.main-content{background: #fff;padding:0 $pageSpace}

</style>
