YQ-August
/
yzCctvHelm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
							<!DOCTYPE html>
<html lang="en">
	<head>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache, must-revalidate">
		<meta http-equiv="expires" content="0">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>起重机检测</title>
		<link rel="stylesheet" href="../css/index.css">
		<link rel="stylesheet" href="../css/style.css">
		<link rel="stylesheet" href="../css/iconfont.css">
		<script src="../js/vue.min.js"></script>
		<script src="../js/index.js"></script>
		<script src="../js/jquery.min.js"></script>
		<script type="text/javascript">
			document.write('<script src="../assets/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
		</script>
		<script>
			checkLogin();
		</script>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
				box-sizing: border-box;
			}
			.el-input__inner{
				height: 34px;
			}
			#app .el-table,#app .el-table__expanded-cell,#app .el-table tr{
				color: #d4d4d4;
				background-color: transparent !important;
			}
			#app .el-table::before,#app .el-table::after{
				background-color: #112b4b;
			}
			#app .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf,.el-table--border{
				border-color: #112b4b;
			}
			#app .el-table tbody tr:hover>td {
				background-color: transparent;
			}
		</style>
	</head>
	<body>
		<div id="app" style="height:100vh;overflow: auto;" class="padding-sm">
			<div class="padding-sm flex">
				<div>
					<span>识别类型：</span>
					<el-select v-model="queryParem.msgType" @change="handleSelect" clearable placeholder="请选择">
						<el-option
							v-for="item in lidarLi"
							:key="item.value"
							:label="item.label"
							:value="item.value">
						</el-option>
					</el-select>
				</div>
				<div class="margin-left-lg">
					<el-date-picker
						class="Sense radius"
						v-model="queryParem.beginTime"
						type="date"
						clearable
						value-format="yyyy-MM-dd"
						placeholder="开始时间">
					</el-date-picker>
					<el-date-picker
						class="Sense radius margin-lr-sm"
						v-model="queryParem.endTime"
						type="date"
						clearable
						value-format="yyyy-MM-dd"
						placeholder="结束时间">
					</el-date-picker>
					<el-button type="primary" size="small" @click="seachLi">查询</el-button>
				</div>
			</div>
			<el-table :data="wiraData" border :header-cell-style="{background:'#173862',color:'#fff'}">
				<el-table-column align="center" prop="createTime" label="时间"></el-table-column>
				<el-table-column align="center" prop="radarId" label="识别位置">
					<template slot-scope="scope">
						<span v-if="scope.row.radarId == 1">摄像头左</span>
						<span v-if="scope.row.radarId == 2">摄像头左</span>
						<span v-if="scope.row.type == 1">设备</span>
					</template>
				</el-table-column>
				<el-table-column align="center" prop="type" label="识别类型">
					<template slot-scope="scope">
						<span v-if="scope.row.type == 1">设备心跳</span>
						<span v-if="scope.row.type == 2">摄像头掉线</span>
						<span v-if="scope.row.type == 3">摄像头重连</span>
						<span v-if="scope.row.type == 4&&scope.row.secondType == 1">目标闯入</span>
						<span v-if="scope.row.type == 4&&scope.row.secondType == 2">目标离开</span>
						<span v-if="scope.row.type == 4&&scope.row.secondType == 3">目标碰撞</span>
					</template>
				</el-table-column>
				<el-table-column align="center" prop="level" label="等级"></el-table-column>
				<!-- <el-table-column align="center" prop="imgUrl" label="图片">
					<template slot-scope="scope">
						<span class="el-icon-picture pointer" @click="seeImg(scope.row)" v-if="scope.row.imgUrl != undefined&&scope.row.imgUrl.length"></span>
					</template>
				</el-table-column> -->
			</el-table>
			<div class="margin-tb-sm padding-xs">
				<el-pagination
					  @current-change="handleCurrentChange"
					  :current-page="queryParem.pageNum"
					  background
					  :page-size="12"
					  layout="total, prev, pager, next, jumper"
					  :total="allTotal">
					</el-pagination>
				
			</div>
			<el-dialog
			  title="报警图片"
			  top="20px"
			  :visible.sync="dialogVisible"
			  width="80%">
				<img :src="wramImg" alt="" style="width: 100%;">
			</el-dialog>
		</div>
		<script type="text/javascript">
			document.write('<script src="../assets/wireWram.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
			document.write('<script src="../assets/craneRope.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
		</script>
	</body>

</html>