smartFactory/pages/solution/smartVideo.vue

<template>
	<view class="content">
		<!-- 顶部logo和菜单 -->
		<uTop></uTop>
		<!-- 标题和介绍 -->
		<uDesc :title="dTitle" :description="dMemo"></uDesc>
		
		<view class="boxs">
			<!-- 产品服务 -->
			<view class="box">
				<view class="title">产品服务</view>
				<block v-if="functionList.length">
					<uFunction :title="item.title" :list="item.list" v-for="(item,index) in functionList" :key="index"></uFunction>
				</block>
			</view>
			<!-- AI算法赋能 -->
			<view class="box">
				<view class="title">AI算法赋能</view>
				<view class="list">
					<view class="item" v-for="(item,index) in aiList" :key="index">
						<view class="left">
							<image :src="item.img"></image>
						</view>
						<view class="right">
							<view class="title">{{item.title}}</view>
							<view class="desc">{{item.desc}}</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				dTitle:'智慧视频',
				dMemo:'“AI+视频”的智慧安防视频平台。视频采集、智能监测、统计分析、海量识别算法。算法包括零部件达标识别和计数、人员计数、违规行为识别，安全帽、工服、人员摔倒、烟雾火焰、液体泄露、仪表盘、通道占道、抽烟、打电话、区域人员入侵、离岗、车辆等识别监测和预警等，算法精准、秒级预警，AI赋能视频，全方位提升智慧空间的运营和管理效能。',
				functionList:[
					{
						title:'摄像头利旧',
						list:[
							{
								title:'主流视频设备接入',
								desc:'支持接入海康、大华、宇视等主流厂商下的IPC、NVR、DVR等硬件设备及视频平台'
							},
							{
								title:'GB28181/ONVIF标准协议设备接入',
								desc:'支持所有采用GB/ONVIF标准协议视频设备的接入'
							},
							{
								title:'其他loT平台设备接入',
								desc:'支持阿里、华为等第三方loT平台设备接入'
							}
						]
					}
				],
				aiList:[
					{
						img:'../../static/imgs/sv_ai1.png',
						title:'烟雾识别检测',
						desc:'基于大规模场景数据识别训练，配合摄像头实时监控各区域烟雾动态情况，定位烟雾发生区域，立即报警迅速救援'
					},
					{
						img:'../../static/imgs/sv_ai2.png',
						title:'区域入侵检测',
						desc:'人员闯入预先设置好的危险区域即立刻报管，确保员工的人身安全。危险区域可包括如高温、高压、输煤皮带、碎煤机等区域。'
					},
					{
						img:'../../static/imgs/sv_ai3.png',
						title:'消防通道占道识别',
						desc:'基于人工智能视觉分析技术，配合现场摄像头实时识别安全通道堵塞等异常情况，预警安全人员及时清理维修，加长安全管控'
					},
					{
						img:'../../static/imgs/sv_ai4.png',
						title:'离岗识别检测',
						desc:'基于计算机识别技术，配合现场摄像头，自动识别监控室脱岗行为，保证24小时安全。'
					},
					{
						img:'../../static/imgs/sv_ai5.png',
						title:'抽烟打电话识别',
						desc:'基于人工智能视觉分析技术，实时对进入检测区域的人员进行自动识别，含有抽烟识别和打电话识别，可分开或者同时使用。'
					},
					{
						img:'../../static/imgs/sv_ai6.png',
						title:'反光衣识别检测',
						desc:'基于大规模反光衣服数据识别训练，配合现场摄像头自动监控如工厂内、高速公路上、建筑工地等特殊环境下人员是否穿着反光衣'
					},
					{
						img:'../../static/imgs/sv_ai7.png',
						title:'安全帽检测',
						desc:'通过人工智能+图像识别技术，实现在施工现场较为复杂的作业背景下，对人员未佩戴安全帽的违规行为进行识别并预警，规范施工行为'
					},
					{
						img:'../../static/imgs/sv_ai8.png',
						title:'平地摔倒识别',
						desc:'基于计算机识别技术，配合现场摄像头自动识别人员摔倒行为，及时救援，提高人工监管效果，保障生命安全'
					},
					{
						img:'../../static/imgs/sv_ai9.png',
						title:'人员聚集检测',
						desc:'基于人工智能视频分析技术，监控固定区域出现多人聚集的情况，及时发出预管信号高效的把控现场安全的'
					},
					{
						img:'../../static/imgs/sv_ai10.png',
						title:'可疑人员徘徊检测',
						desc:'基于计算机识别技术，配合现场摄像头自动识别监控点下同一个人进出次数，对多次徘徊人员实时检测预警，填补认为管控的死角，加强安全管控'
					}
				],
			}
		},
		created() {
			uni.setNavigationBarTitle({
				title:'智慧视频'
			})
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="less">
	.content{
		.boxs{
			width: 100%;
			padding: 0 30rpx 148rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			
			.box{
				width: 100%;
				margin-top: 48rpx;
				
				.title{
					font-family: PingFang-SC, PingFang-SC;
					font-weight: bold;
					font-size: 36rpx;
					color: #111111;
					line-height: 50rpx;
					text-align: center;
				}
				
				.list{
					.item{
						display: flex;
						margin-top: 48rpx;
						.left{
							width: 300rpx;
							height: 209rpx;
							image{
								width: 100%;
								height: 100%;
							}
						}
						.right{
							width: calc(100% - 300rpx);
							padding-left: 20rpx;
							box-sizing: border-box;
							.title{
								font-family: PingFang-SC, PingFang-SC;
								font-weight: bold;
								font-size: 32rpx;
								color: #111111;
								line-height: 45rpx;
								text-align: left;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
							}
							.desc{
								font-family: PingFangSC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #666666;
								line-height: 32rpx;
								margin-top: 16rpx;
							}
						}
					}
				}
			}
		}
	}
</style>