history.vue 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <template name="history">
  2. <view class="container">
  3. <u-navbar
  4. title="历史数据"
  5. @leftClick="devicemenuShow"
  6. :safeAreaInsetTop="false"
  7. >
  8. <view class="u-nav-slot" slot="left">
  9. <u-icon name="list" size="20"> </u-icon>
  10. </view>
  11. </u-navbar>
  12. <!-- <view v-show="menushow" class="menupage">
  13. <DeviceMenu @menuClick="menuClick"></DeviceMenu>
  14. </view> -->
  15. <view class="menupage">
  16. <u-picker mode="time" v-model="show" :params="params"></u-picker>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. import DeviceMenu from "../home/devicemenu/devicemenu.vue";
  22. import api from "@/api/api";
  23. export default {
  24. name: 'history',
  25. components: {
  26. DeviceMenu,
  27. },
  28. watch: {
  29. },
  30. data() {
  31. return {
  32. menushow: false,
  33. currentRoute:'',
  34. TabCur: "gate",
  35. params: {
  36. year: true,
  37. month: true,
  38. day: true,
  39. hour: false,
  40. minute: false,
  41. second: false
  42. },
  43. show: true
  44. }
  45. },
  46. created() {
  47. // 获取当前页面的路由路径
  48. const currentRoute = this.$route.path;
  49. // 检查路由路径是否包含 "home"
  50. if (currentRoute.includes('history')) {
  51. console.log('当前页面包含 "home"');
  52. } else {
  53. console.log('当前页面不包含 "home"');
  54. }
  55. },
  56. methods: {
  57. devicemenuShow(e) {
  58. this.menushow = true;
  59. },
  60. menuClick(id) {
  61. this.TabCur = id;
  62. // 选择设备分类,重新获取数据
  63. this.menushow = false;
  64. },
  65. }
  66. }
  67. </script>
  68. <style scoped>
  69. .menupage {
  70. position: absolute;
  71. z-index: 2;
  72. top: 40rpx;
  73. height: calc(100% - 40rpx);
  74. width: 100%;
  75. }
  76. </style>