index.vue 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <template>
  2. <view class="page-wrap">
  3. <view class="header-panel">
  4. <image class="avatar" src="@/static/auth-icon.png" mode="aspectFill"></image>
  5. <view class="info">
  6. <view class="name">天津超易达胜科技发展有限公司</view>
  7. <view class="company">911201033006420997</view>
  8. <image class="arrow" src="@/static/svg/arrow.svg"></image>
  9. </view>
  10. </view>
  11. <view class="menu-panel">
  12. <view class="item">
  13. <image class="icon" src="@/static/icon_tax_menu_1.jpg"></image>
  14. 我的消息
  15. </view>
  16. <view class="item">
  17. <image class="icon" src="@/static/icon_tax_menu_2.jpg"></image>
  18. 我的账簿
  19. </view>
  20. <view class="item">
  21. <image class="icon" src="@/static/icon_tax_menu_3.jpg"></image>
  22. 常见问题
  23. </view>
  24. <view class="item">
  25. <image class="icon" src="@/static/icon_tax_menu_4.jpg"></image>
  26. 我的管家
  27. </view>
  28. </view>
  29. <view class="nav-panel">
  30. <view :class="'item item-' + item.value" v-for="(item, index) in navList" :key="index">
  31. <view class="name">{{ item.name }}</view>
  32. <text class="desc">{{ item.desc }}</text>
  33. <image class="icon" :src="`../../static/icon_tax_nav_${item.value}.png`"></image>
  34. </view>
  35. </view>
  36. <image class="banner" src="../../static/img_tax_banner.jpg" mode="aspectFill"></image>
  37. <view class="foot-panel">
  38. <view class="link">了解财税管家</view>
  39. 本服务由鑫鑫记账®小程序提供
  40. </view>
  41. </view>
  42. </template>
  43. <script>
  44. export default {
  45. data() {
  46. return {
  47. navList: [
  48. {
  49. name: '记账报税',
  50. desc: '为企业建立全套规范的\n会计账簿,编制会计报\n表,装订会计凭证,\n进行税务申报,以符合\n税务稽查的要求',
  51. value: 1
  52. },
  53. {
  54. name: '税控托管',
  55. desc: '发票购买、代开\n税额核准与抄报税',
  56. value: 2
  57. },
  58. {
  59. name: '社保代理',
  60. desc: '社保公积金基数核定、\n开户、团队代理',
  61. value: 3
  62. },
  63. {
  64. name: '会计到家',
  65. desc: '专人上门服务\n乱账梳理、税务筹划',
  66. value: 4
  67. },
  68. {
  69. name: '线下代办',
  70. desc: '各类证照、开户、\n申报、异常处理等',
  71. value: 5
  72. },
  73. {
  74. name: '手机开票',
  75. desc: '开票不用找会计\n手机轻松搞定',
  76. value: 6
  77. },
  78. {
  79. name: '设置',
  80. desc: '会计准则\n科目期初',
  81. value: 7
  82. }
  83. ]
  84. };
  85. },
  86. methods: {}
  87. };
  88. </script>
  89. <style lang="scss" scoped>
  90. @import 'index.scss';
  91. </style>