videoDetail.vue 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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>视频监控</text>
  15. </view>
  16. <view>
  17. <text>设备编号:</text>
  18. <text>YTVA00001</text>
  19. </view>
  20. <view>
  21. <text style="width:auto!important">物联网卡号:</text>
  22. <text></text>
  23. </view>
  24. <view>
  25. <text>安装位置:</text>
  26. <text>伍继办公室</text>
  27. </view>
  28. <view>
  29. <text>添加时间:</text>
  30. <text>2019-05-28 16:12:45</text>
  31. </view>
  32. <view>
  33. <text>设备地址:</text>
  34. <text>上海市虹口区塘沽路</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. }
  57. },
  58. methods: {
  59. }
  60. }
  61. </script>
  62. <style lang="scss">
  63. </style>