Index.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. <template><page-meta :root-font-size="fontSize+'px'"></page-meta>
  2. <seller-base :show="false">
  3. <view class="div container">
  4. <view class="div common-header-wrap">
  5. <view :style="'height:'+navHeight+'px'"></view>
  6. <view class="common-header-holder"></view>
  7. <view class="common-header-fixed">
  8. <title-header />
  9. <uni-nav-bar title="子帐号管理" class="common-header" left-icon="back" @clickLeft="goBack()">
  10. </uni-nav-bar>
  11. </view>
  12. </view>
  13. <view class="div main-content">
  14. <view class="div" @click="goSellerAccountList">
  15. <flex-line :is-link="true" :show-border="true"><text class="span line-name">账户列表</text></flex-line>
  16. </view>
  17. <view class="div" @click="goSellerAccountGroupList">
  18. <flex-line :is-link="true" :show-border="true"><text class="span line-name">账户组</text></flex-line>
  19. </view>
  20. <view class="div" @click="goSellerLogList">
  21. <flex-line :is-link="true" :show-border="true"><text class="span line-name">账户日志</text></flex-line>
  22. </view>
  23. </view>
  24. </view>
  25. </seller-base>
  26. </template>
  27. <script>
  28. import {getFontSize} from '@/util/common'
  29. import TitleHeader from '../../TitleHeader'
  30. import SellerBase from '../SellerBase'
  31. import flexLine from '../../flexLine'
  32. export default {
  33. name: 'Index',
  34. computed:{
  35. fontSize(){
  36. return getFontSize()
  37. },
  38. },
  39. data(){
  40. return {
  41. navHeight:0
  42. }
  43. },
  44. components:{TitleHeader,SellerBase,flexLine,},
  45. mounted(){
  46. // #ifdef MP-WEIXIN
  47. this.navHeight = uni.getMenuButtonBoundingClientRect().height
  48. // #endif
  49. },
  50. methods:{
  51. goBack(){uni.navigateBack({delta:1})},
  52. goSellerAccountList () {
  53. uni.navigateTo({url:'/pages/seller/account/AccountList'})
  54. },
  55. goSellerAccountGroupList () {
  56. uni.navigateTo({url:'/pages/seller/accountgroup/AccountGroupList'})
  57. },
  58. goSellerLogList () {
  59. uni.navigateTo({url:'/pages/seller/log/LogList'})
  60. }
  61. }
  62. }
  63. </script>
  64. <style scoped lang="scss">
  65. .main-content{background: #fff;padding:0 $pageSpace}
  66. </style>