videoDetail.vue 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <template>
  2. <view>
  3. <view class="timeBox flex justify-between align-center padding-lr-sm">
  4. <view class="time">火点侦测摄像机</view>
  5. </view>
  6. <view class="basic-info">
  7. <view class="info-tit margin-left-xs">
  8. <text class="cuIcon-titles margin-right-xs"></text>
  9. 基本信息
  10. </view>
  11. <view class="info-content">
  12. <view class="info-one-info ">
  13. <text>设备名称:</text>
  14. <text>{{videoDetail.deviceName}}</text>
  15. </view>
  16. <view>
  17. <text>设备编号:</text>
  18. <text>{{videoDetail.deviceCode}}</text>
  19. </view>
  20. <view>
  21. <text style="width:auto!important">物联网卡号:</text>
  22. <text>{{videoDetail.sim}}</text>
  23. </view>
  24. <view>
  25. <text>安装位置:</text>
  26. <text>{{videoDetail.deviceInstallationPosition}}</text>
  27. </view>
  28. <view>
  29. <text>添加时间:</text>
  30. <text>{{videoDetail.addTime}}</text>
  31. </view>
  32. <view>
  33. <text>设备地址:</text>
  34. <text>{{videoDetail.address}}</text>
  35. </view>
  36. </view>
  37. </view>
  38. <!-- 处理状态start -->
  39. <view class="processStatus">
  40. <view class="info-tit margin-left-xs">
  41. <text class="cuIcon-titles margin-right-xs"></text>
  42. 视频
  43. </view>
  44. <view class="padding-lr padding-bottom-lg">
  45. <video src="" style="width:690rpx;"></video>
  46. <br><br>
  47. </view>
  48. </view>
  49. <!-- 处理状态end -->
  50. </view>
  51. </template>
  52. <script>
  53. export default {
  54. data() {
  55. return {
  56. videoDetail:''
  57. }
  58. },
  59. onLoad:function(option){
  60. console.log(111)
  61. console.log(option.companyCode)
  62. this.companyCode=option.companyCode
  63. this.deviceType=option.deviceType
  64. this.getDeviceDetail({"companyCode":option.companyCode,"deviceType":option.deviceType,"deviceCode":option.deviceCode})
  65. },
  66. methods: {
  67. async getDeviceDetail(ming={}) {
  68. const res= await this.$myRequest({
  69. url:'OperationMonitoring/getMonitoringScreen',
  70. data:ming
  71. })
  72. console.log(res.data.data[0])
  73. this.videoDetail=res.data.data[0]
  74. // this.powerDeviceCount= res.data.data[0].powerDeviceCount
  75. // this.videoDeviceCount= res.data.data[0].videoDeviceCount
  76. },
  77. }
  78. }
  79. </script>
  80. <style lang="scss">
  81. </style>