safety_monitoring.vue 1.4 KB

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