<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="goSellerAccountList">
            <flex-line :is-link="true" :show-border="true"><text class="span line-name">账户列表</text></flex-line>
        </view>
        <view class="div"  @click="goSellerAccountGroupList">
            <flex-line :is-link="true" :show-border="true"><text class="span line-name">账户组</text></flex-line>
        </view>
        <view class="div"  @click="goSellerLogList">
            <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',
  computed:{
  fontSize(){
    return getFontSize()
  },
  },
  data(){
    return {
      navHeight:0
    }
  },
    components:{TitleHeader,SellerBase,flexLine,},
  mounted(){
  // #ifdef  MP-WEIXIN
  this.navHeight = uni.getMenuButtonBoundingClientRect().height
  // #endif
  },
  methods:{
    goBack(){uni.navigateBack({delta:1})},
    goSellerAccountList () {
      uni.navigateTo({url:'/pages/seller/account/AccountList'})
    },
    goSellerAccountGroupList () {
      uni.navigateTo({url:'/pages/seller/accountgroup/AccountGroupList'})
    },
    goSellerLogList () {
      uni.navigateTo({url:'/pages/seller/log/LogList'})
    }
  }
}
</script>

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

</style>
