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>
|