smartVideo.vue 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. <template>
  2. <view class="content">
  3. <!-- 顶部logo和菜单 -->
  4. <uTop></uTop>
  5. <!-- 标题和介绍 -->
  6. <uDesc :title="dTitle" :description="dMemo" :bg="descBg"></uDesc>
  7. <view class="boxs">
  8. <!-- 产品服务 -->
  9. <view class="box">
  10. <view class="title">产品服务</view>
  11. <block v-if="functionList.length">
  12. <uFunction :title="item.title" :list="item.list" v-for="(item,index) in functionList" :key="index"></uFunction>
  13. </block>
  14. </view>
  15. <!-- AI算法赋能 -->
  16. <view class="box">
  17. <view class="title">AI算法赋能</view>
  18. <view class="list">
  19. <view class="item" v-for="(item,index) in aiList" :key="index">
  20. <view class="left">
  21. <image :src="item.img"></image>
  22. </view>
  23. <view class="right">
  24. <view class="title">{{item.title}}</view>
  25. <view class="desc">{{item.desc}}</view>
  26. </view>
  27. </view>
  28. </view>
  29. </view>
  30. </view>
  31. <!-- 合作与咨询 -->
  32. <uForm></uForm>
  33. </view>
  34. </template>
  35. <script>
  36. export default {
  37. data(){
  38. return {
  39. dTitle:'智慧视频',
  40. dMemo:'“AI+视频”的智慧安防视频平台。视频采集、智能监测、统计分析、海量识别算法。算法包括零部件达标识别和计数、人员计数、违规行为识别,安全帽、工服、人员摔倒、烟雾火焰、液体泄露、仪表盘、通道占道、抽烟、打电话、区域人员入侵、离岗、车辆等识别监测和预警等,算法精准、秒级预警,AI赋能视频,全方位提升智慧空间的运营和管理效能。',
  41. descBg:'../../static/imgs/sm_aibg.png',
  42. functionList:[
  43. {
  44. title:'摄像头利旧',
  45. list:[
  46. {
  47. title:'主流视频设备接入',
  48. desc:'支持接入海康、大华、宇视等主流厂商下的IPC、NVR、DVR等硬件设备及视频平台'
  49. },
  50. {
  51. title:'GB28181/ONVIF标准协议设备接入',
  52. desc:'支持所有采用GB/ONVIF标准协议视频设备的接入'
  53. },
  54. {
  55. title:'其他loT平台设备接入',
  56. desc:'支持阿里、华为等第三方loT平台设备接入'
  57. }
  58. ]
  59. }
  60. ],
  61. aiList:[
  62. {
  63. img:'../../static/imgs/sv_ai1.png',
  64. title:'烟雾识别检测',
  65. desc:'基于大规模场景数据识别训练,配合摄像头实时监控各区域烟雾动态情况,定位烟雾发生区域,立即报警迅速救援'
  66. },
  67. {
  68. img:'../../static/imgs/sv_ai2.png',
  69. title:'区域入侵检测',
  70. desc:'人员闯入预先设置好的危险区域即立刻报管,确保员工的人身安全。危险区域可包括如高温、高压、输煤皮带、碎煤机等区域。'
  71. },
  72. {
  73. img:'../../static/imgs/sv_ai3.png',
  74. title:'消防通道占道识别',
  75. desc:'基于人工智能视觉分析技术,配合现场摄像头实时识别安全通道堵塞等异常情况,预警安全人员及时清理维修,加长安全管控'
  76. },
  77. {
  78. img:'../../static/imgs/sv_ai4.png',
  79. title:'离岗识别检测',
  80. desc:'基于计算机识别技术,配合现场摄像头,自动识别监控室脱岗行为,保证24小时安全。'
  81. },
  82. {
  83. img:'../../static/imgs/sv_ai5.png',
  84. title:'抽烟打电话识别',
  85. desc:'基于人工智能视觉分析技术,实时对进入检测区域的人员进行自动识别,含有抽烟识别和打电话识别,可分开或者同时使用。'
  86. },
  87. {
  88. img:'../../static/imgs/sv_ai6.png',
  89. title:'反光衣识别检测',
  90. desc:'基于大规模反光衣服数据识别训练,配合现场摄像头自动监控如工厂内、高速公路上、建筑工地等特殊环境下人员是否穿着反光衣'
  91. },
  92. {
  93. img:'../../static/imgs/sv_ai7.png',
  94. title:'安全帽检测',
  95. desc:'通过人工智能+图像识别技术,实现在施工现场较为复杂的作业背景下,对人员未佩戴安全帽的违规行为进行识别并预警,规范施工行为'
  96. },
  97. {
  98. img:'../../static/imgs/sv_ai8.png',
  99. title:'平地摔倒识别',
  100. desc:'基于计算机识别技术,配合现场摄像头自动识别人员摔倒行为,及时救援,提高人工监管效果,保障生命安全'
  101. },
  102. {
  103. img:'../../static/imgs/sv_ai9.png',
  104. title:'人员聚集检测',
  105. desc:'基于人工智能视频分析技术,监控固定区域出现多人聚集的情况,及时发出预管信号高效的把控现场安全的'
  106. },
  107. {
  108. img:'../../static/imgs/sv_ai10.png',
  109. title:'可疑人员徘徊检测',
  110. desc:'基于计算机识别技术,配合现场摄像头自动识别监控点下同一个人进出次数,对多次徘徊人员实时检测预警,填补认为管控的死角,加强安全管控'
  111. }
  112. ],
  113. }
  114. },
  115. created() {
  116. uni.setNavigationBarTitle({
  117. title:'智慧视频'
  118. })
  119. },
  120. methods:{
  121. }
  122. }
  123. </script>
  124. <style scoped lang="less">
  125. ::v-deep .desc .memo{
  126. margin-top: 12rpx;
  127. letter-spacing: 0rpx;
  128. }
  129. .content{
  130. padding-bottom: 81rpx;
  131. .boxs{
  132. width: 100%;
  133. padding: 0 30rpx;
  134. box-sizing: border-box;
  135. background: #FFFFFF;
  136. .box{
  137. width: 100%;
  138. margin-top: 48rpx;
  139. .title{
  140. font-family: PingFang-SC, PingFang-SC;
  141. font-weight: bold;
  142. font-size: 36rpx;
  143. color: #111111;
  144. line-height: 50rpx;
  145. text-align: center;
  146. }
  147. .list{
  148. .item{
  149. display: flex;
  150. margin-top: 48rpx;
  151. .left{
  152. width: 300rpx;
  153. height: 209rpx;
  154. image{
  155. width: 100%;
  156. height: 100%;
  157. }
  158. }
  159. .right{
  160. width: calc(100% - 300rpx);
  161. padding-left: 20rpx;
  162. box-sizing: border-box;
  163. .title{
  164. font-family: PingFang-SC, PingFang-SC;
  165. font-weight: bold;
  166. font-size: 32rpx;
  167. color: #111111;
  168. line-height: 45rpx;
  169. text-align: left;
  170. overflow: hidden;
  171. text-overflow: ellipsis;
  172. white-space: nowrap;
  173. }
  174. .desc{
  175. font-family: PingFangSC, PingFang SC;
  176. font-weight: 400;
  177. font-size: 24rpx;
  178. color: #666666;
  179. line-height: 32rpx;
  180. margin-top: 16rpx;
  181. }
  182. }
  183. }
  184. }
  185. }
  186. }
  187. }
  188. </style>