weiBao.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <template>
  2. <view class="">
  3. <view class="cu-list menu-avatar">
  4. <view class="cu-item deviceTypeItem" v-for="(item,index) in inspectList" :key="index" @tap="goRecordPage(index)">
  5. <view class="cu-avatar round">
  6. <image class="image-bg" :src=item.imgUrl />
  7. </view>
  8. <view class="content">
  9. <view class="title">{{item.title}}</view>
  10. </view>
  11. <view class="nav-right num">
  12. <view>
  13. <text class="icon iconfont margin-right-xs margin-left-lg">&#xe629;</text>
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. import json from '../../data/json.js';
  22. export default {
  23. data() {
  24. return {
  25. inspectList: json.weiBaoList,
  26. };
  27. },
  28. onLoad:function(option){
  29. },
  30. methods: {
  31. goRecordPage(index){
  32. let url = "";
  33. switch (index) {
  34. case 0:
  35. url = "/pages/weiBao/plan/plan"
  36. break;
  37. case 1:
  38. url = "/pages/weiBao/record/record"
  39. break;
  40. }
  41. uni.navigateTo({
  42. url: url
  43. })
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss">
  49. </style>