123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130 |
- <!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="pragma" 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/vanindex.css">
- <link rel="stylesheet" id="linkSource" href="../../css/style.css">
- <link rel="stylesheet" href="../../css/iconfont.css">
- <script src="../../js/vue.min.js"></script>
- <script src="../../js/vant.min.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>');
- document.write('<script src="../../assets/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- <script>
- checkLogin();
- </script>
- <style type="text/css">
- .van-pagination__item{
- height: 30px;
- margin: 3px;
- border-radius: 5px;
- }
- [class*=van-hairline]::after{
- border:none;
- }
- .search_ .van-cell{
- padding: 0;
- border-radius: 2px;
- }
- .search_ input{
- height: 30px;
- line-height: 30px;
- }
- .search_ .van-field__left-icon{
- margin-left: 4px;
- margin-top: 3px;
- }
- .search_ .van-button--primary{
- background-color: #1989fa;
- border: 1px solid #1989fa;
- }
- </style>
- </head>
- <body>
- <div id="app" class="appBox padding-xs" v-cloak>
- <div class="heardYz">
- <div>
- <span>告警预览</span>
- <van-icon name="arrow-left" @click="goBack"/>
- </div>
- </div>
- <div>
- <div class="search_ flex padding-tb-xs">
- <div style="width:40%;">
- <van-field clearable v-model="starDay" left-icon="calendar-o" placeholder="开始时间" @focus="starPicker = true"></van-field>
- </div>
- <div style="width:40%;margin:0 10px;">
- <van-field clearable v-model="endDay" left-icon="calendar-o" placeholder="结束时间" @focus="endPicker = true"></van-field>
- </div>
- <van-button type="primary" size="small" @click="seachLi">查询</van-button>
- </div>
- <van-popup v-model:show="endPicker" position="bottom">
- <van-datetime-picker type="date" @confirm="endConfirm" @cancel="endPicker = false" />
- </van-popup>
- <van-popup v-model:show="starPicker" position="bottom">
- <van-datetime-picker type="date" @confirm="startConfirm" @cancel="starPicker = false" />
- </van-popup>
- </div>
- <div style="height:calc(100% - 80px);overflow:auto;font-size: 14px;">
- <div v-if="alretList.length" class="flex flex-wrap justify-between">
- <div class="Sense margin-bottom-sm" v-for="(item,index) in alretList" :key="index" style="width:calc(50% - 5px);">
- <div class="padding-xs">
- <!-- <img :src="item.imageUrl | setImg" alt=""> -->
- <van-image :src="item.imageUrl | setImg" height="96" width="100%" @click="previewImg(item.imageUrl)"></van-image>
- </div>
- <div class="padding-sm" style="font-size: 12px;">
- <div class="flex justify-between">
- <div>
- <div><van-icon name="warn-o" />{{item.msgTypeCn}}</div>
- <div class="margin-tb-xs"><van-icon name="location-o"/>{{item.channelAlias}}</div>
- </div>
- <div>
- <div>LV.{{item.msgLevel}}</div>
- <div class="margin-tb-xs" @click="seeVid(item.videoUrl);">
- <van-icon name="play-circle-o" />视频
- </div>
- </div>
- </div>
- <div><van-icon name="clock-o" />{{item.createDate | setTime}}</div>
- </div>
- </div>
- </div>
- <van-empty v-else image="../../img/nodata.png" image-size="240"/>
- </div>
- <div class="flex align-center margin-top-xs" v-if="alretList.length">
- <span class="text-sm text-white">共{{allTotal}}条</span>
- <van-pagination v-model="curPage" :total-items="allTotal"
- :items-per-page="12" :show-page-size="3" force-ellipses
- @change="changePage">
- <template #prev-text>
- <van-icon name="arrow-left" />
- </template>
- <template #next-text>
- <van-icon name="arrow" />
- </template>
- <template #page="{ text }">{{ text }}</template>
- </van-pagination>
- </div>
- <van-image-preview v-model:show="showPreview" :images="imagePreview"></van-image-preview>
- <van-overlay :show="hisVideo" @click="hisVideo = false;hisVideoSrc = ''">
- <div class="wrapper" @click.stop style="margin-top: 45%;">
- <video style="width: 100%;" :src="hisVideoSrc" autoplay controls></video>
- </div>
- </van-overlay>
- </div>
- <script type="text/javascript">
- document.write('<script src="../../assets/phone/vAlertManage.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
-
- </script>
- </body>
- </html>
|