index.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <template>
  2. <view>
  3. <Navbar title="工作台" bgColor="#fff" :hideBtn="true" :h5Show="false"></Navbar>
  4. <view class="mobile-item-container">
  5. <view style="font-size: 40rpx; font-weight: bold; padding: 0 0 40rpx 0;">待处理</view>
  6. <u-grid col="3">
  7. <u-grid-item @click="navigateTo('/pages/work/approve/list')">
  8. <u-icon name="checkbox-mark" color="#E60012" size="60rpx"></u-icon>
  9. <text class="btn-text">审批</text>
  10. </u-grid-item>
  11. </u-grid>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. import Navbar from '@/components/navbar/Navbar'
  17. import Gap from '@/components/gap/Gap'
  18. export default {
  19. components: {
  20. Gap,
  21. Navbar,
  22. },
  23. data () {
  24. return {
  25. activeKey: 'work',
  26. tabs: [{
  27. name: '日常工作',
  28. key: 'work'
  29. }, {
  30. name: '插件',
  31. key: 'plugin'
  32. }],
  33. todo: {
  34. notice: 2,
  35. task: 5,
  36. error: 1
  37. }
  38. }
  39. },
  40. methods: {
  41. tabChange (item) {
  42. this.activeKey = item.key;
  43. },
  44. navigateTo (url) {
  45. uni.navigateTo({ url: url })
  46. }
  47. }
  48. }
  49. </script>
  50. <style lang="scss">
  51. </style>