index.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view class="status">
  3. <!-- header -->
  4. <cu-custom bgColor="bg-gradual-blue" isBack><view slot="content">设备状态</view></cu-custom>
  5. <!-- section -->
  6. <view v-for="(item, index) in value.value" :key="index" class="bg-white padding-top-sm radius margin-lr margin-top">
  7. <view class="padding-sm">
  8. <view class="padding-bottom-sm text-black text-bold ">车辆状态:</view>
  9. <view class="padding-bottom-sm text-black text-bold ">电源是否欠压:</view>
  10. <view class="padding-bottom-sm text-black text-bold ">GPS位置信息:</view>
  11. <view class="padding-bottom-sm text-black text-bold ">视频信息:</view>
  12. <view class="padding-bottom-sm text-black text-bold ">疲劳驾驶:</view>
  13. <view class="padding-bottom-sm text-black text-bold ">驾驶辅助(ADAS):</view>
  14. <view class="padding-bottom-sm text-black text-bold ">预警信息(DMS):</view>
  15. <view class="padding-bottom-sm text-black text-bold ">压胎信息:</view>
  16. <view class="padding-bottom-sm text-black text-bold ">油耗信息:</view>
  17. </view>
  18. </view>
  19. <van-empty v-if="value.value.length == 0 && value.no_more" description="暂无设备" />
  20. <view v-else :class="!value.no_more && value.pageCount <= value.totalPage ? 'cu-load bg-grey loading margin-top' : 'cu-load bg-grey over margin-top'"></view>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. value: {
  28. no_more: false, //没有更多
  29. pageCount: 1,
  30. totalPage: 1,
  31. value: [
  32. {}
  33. ]
  34. }
  35. }
  36. },
  37. onLoad() {
  38. },
  39. methods: {
  40. }
  41. }
  42. </script>
  43. <style lang="scss" scoped>
  44. </style>