safety_monitoring.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="content">
  3. <view class="canva">
  4. <!-- <n-safety-monitoring-canva-1></n-safety-monitoring-canva-1> -->
  5. </view>
  6. <view class="canva">
  7. <!-- <n-safety-monitoring-canva-2></n-safety-monitoring-canva-2> -->
  8. </view>
  9. <view class="canva">
  10. <!-- <n-safety-monitoring-canva-3></n-safety-monitoring-canva-3> -->
  11. </view>
  12. <view class="canva">
  13. <!-- <n-safety-monitoring-canva-4></n-safety-monitoring-canva-4> -->
  14. </view>
  15. <n-safety-monitoring-tab @code="get_code"></n-safety-monitoring-tab>
  16. <!-- <n-safety-monitoring-alarming :page="page" :code="mine_code"></n-safety-monitoring-alarming> -->
  17. </view>
  18. </template>
  19. <script>
  20. export default {
  21. data() {
  22. return {
  23. // 当前煤矿编码
  24. mine_code:0,
  25. // 当前页
  26. page:1,
  27. };
  28. },
  29. onReachBottom(){
  30. this.page = this.page + 1
  31. },
  32. methods:{
  33. get_code(code){
  34. // 切换煤矿
  35. // console.log(code)
  36. this.mine_code = code
  37. // 每次切换煤矿都让当前页初始化
  38. this.page = 1
  39. }
  40. }
  41. }
  42. </script>
  43. <style lang="scss">
  44. .content{
  45. width: 749rpx;
  46. box-sizing: border-box;
  47. // padding: 10rpx 24rpx;
  48. }
  49. // .canva{
  50. // min-height: 100rpx;
  51. // box-sizing: border-box;
  52. // padding: 24rpx;
  53. // }
  54. </style>