You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
319 lines
11 KiB
319 lines
11 KiB
<link href="subitem/css/vehicleDuty.css" rel="stylesheet" type="text/css">
|
|
<script src="js/mapPublic/Bubble.js"></script>
|
|
<script type="text/javascript" src="js/util/ParaDeal.js"></script>
|
|
<!-- 导入的videojs是7.0版本以上的，集成VHS协议库，可播放HLS流媒体视频 -->
|
|
<!--<link href="js/util/videolib/css/video-js.min.css" rel="stylesheet" type="text/css">-->
|
|
<!--<script src="js/util/videolib/js/video.min.js"></script>-->
|
|
<!-- 引入的videojs-flash.js插件主要是为播放rtmp视频流-->
|
|
<!--<script src="js/util/videolib/videojs-flash.min.js"></script>-->
|
|
<script src="js/mapPublic/fly.js"></script>
|
|
|
|
<script src="js/util/jQuery.Hz2Py-szm-min.js"></script>
|
|
<script src="subitem/js/ySearchSelect.js"></script>
|
|
|
|
<div class="layui-form-item search-bar" style="position: absolute;top: 99px;left: 100px;border: #3DCDF9 1px solid;background-color: #245684;">
|
|
<img style="top: 50%;float: right;margin-top: 13px;margin-right: 10px;cursor: pointer;" src="img/search.png" class="search-img-btn">
|
|
<div class="layui-input-inline">
|
|
|
|
<div class="layui-form-select ySearchSelect y1 search-input">
|
|
<div class="layui-input search-input" style="border:none;" id="selectName"></div>
|
|
|
|
<i class="layui-edge"></i>
|
|
|
|
<ul search-input class="carnum-ul">
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
$(function() {
|
|
$(".y1").ySearchSelect(); //调用自定义 高亮插件
|
|
})
|
|
</script>
|
|
</div>
|
|
|
|
<img class="open-img" src="icon/open-icon.png">
|
|
<div class="leftdiv">
|
|
<div class="leftmaintitle">
|
|
<img title="执勤车辆管理" src="icon/zqcl-tit-icon1.png">
|
|
<span>执勤车辆管理</span>
|
|
|
|
</div>
|
|
<img class="bg-img-tit" src="img/rygl-titbg.png">
|
|
<div class="leftmaincontent">
|
|
<div class="duty-count">
|
|
<div class="leftmaincontentNumleft">
|
|
<span class="leftmaincontentNumleftspan">
|
|
执勤车辆
|
|
</span>
|
|
<div id="dutynum1"> </div>
|
|
</div>
|
|
<div class="leftmaincontentNumright">
|
|
<span class="leftmaincontentNumrightspan">
|
|
外勤车辆
|
|
</span>
|
|
<!-- <img id="DutyFlyOriginLocation" title="回到营区" style="margin: -4px 20px 0 0;" src="icon/zqcl-icon2.png"> -->
|
|
<div id="dutynum2"> </div>
|
|
</div>
|
|
|
|
<div class="leftmaincontentNumall">
|
|
<span class="leftmaincontentNumrightspan">
|
|
车辆总数
|
|
</span>
|
|
<!-- <img id="DutyFlyOriginLocation" title="回到营区" style="margin: -4px 20px 0 0;" src="icon/zqcl-icon2.png"> -->
|
|
<div id="dutynumall"> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="yq-con">
|
|
|
|
<div class="zilist m-t20" style="height: 87%;margin-left: 2.5%;width: 95%;">
|
|
<table>
|
|
<colgroup>
|
|
<col width="20%">
|
|
<col width="20%">
|
|
<col width="20%">
|
|
<col width="20%">
|
|
<col width="20%">
|
|
</colgroup>
|
|
<thead>
|
|
<tr class="shen">
|
|
<th>车牌号</th>
|
|
<th>车辆名称</th>
|
|
<th>时间</th>
|
|
<th>方向</th>
|
|
<th>操作</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="peo-img">
|
|
<img src="" alt="" id="choose-img">
|
|
</div>
|
|
<div class="fly-btn-ui">
|
|
<button type="button" id="stop" class="layui-btn layui-btn-normal" style="display: inline;">停止</button>
|
|
<button type="button" id="first" class="layui-btn layui-btn-normal" style="display: inline;">第一视角</button>
|
|
<button type="button" id="three" class="layui-btn layui-btn-normal" style="display: inline;">第三视角</button>
|
|
</div>
|
|
<div class="rightdiv">
|
|
<div class="mainAccList">
|
|
<div class="rightmaintitle">
|
|
<img title="历史进出信息" src="icon/zqcl-tit-icon1.png">
|
|
<span>历史进出信息</span><img src="icon/up-icon.png" style="width: 26px;margin-left: 10px;" class="statistics-img">
|
|
</div>
|
|
<img src="img/rygl-titbg.png">
|
|
<div class="rightmaincontent statistics-data">
|
|
<div class="yq-con">
|
|
<div class="zilist m-t20" style="height: 100%;margin-left: 2.5%;width: 95%;">
|
|
<table>
|
|
<colgroup>
|
|
<col width="40%">
|
|
<col width="40%">
|
|
<col width="20%">
|
|
</colgroup>
|
|
<thead>
|
|
<tr class="shen">
|
|
<th>
|
|
车牌号
|
|
</th>
|
|
<th>
|
|
出入时间
|
|
</th>
|
|
<th>
|
|
方向
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
<div class="table-content">
|
|
<table>
|
|
<colgroup>
|
|
<col width="40%">
|
|
<col width="40%">
|
|
<col width="20%">
|
|
</colgroup>
|
|
<tbody class="dutyHistoryList">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<img src="icon/left-icon.png" style="width: 25px;" class="people-stop">
|
|
<div class="out-table-content">
|
|
<div class="table-content">
|
|
<table>
|
|
<colgroup>
|
|
<col width="20%">
|
|
<col width="20%">
|
|
<col width="20%">
|
|
<col width="20%">
|
|
<col width="20%">
|
|
</colgroup>
|
|
<tbody class="dutyList">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leftmaintitleright" id="DutyMore">
|
|
更多>>
|
|
</div>
|
|
|
|
<!--执勤车辆更多列表-->
|
|
<div class="" id="openMoreDuty" style="display: none; z-index: 33;">
|
|
<div class="tb-div" style="margin-top: 30px;">
|
|
<input id="searchNameDuty" value="" placeholder="请输入车牌号......" class="layui-input"
|
|
style="width: 200px;display: inline;" />
|
|
<button type="button" id="searchDuty" class="layui-btn layui-btn-normal" style="display: inline;">搜索</button>
|
|
<table id="layTbDuty" lay-filter="layTbDuty"></table>
|
|
</div>
|
|
</div>
|
|
<script type="text/html" id="barDemo">
|
|
<a class="layui-btn layui-btn-xs" lay-event="look">查看</a>
|
|
</script>
|
|
<!--执勤车辆更多列表 详情页面-->
|
|
<div class="" id="openMoreDutyDetail" style="display: none;">
|
|
<div class="tb-div" style="margin-top: 30px;">
|
|
<form class="layui-form" action="" lay-filter="DutyDetail">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车辆类型</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="CLASS" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车牌号</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="CAR_PLATE" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">颜色</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="COLOR" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车辆颜色</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="CAR_COLOR" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车辆标志</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="CAR_LOGO" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">出入方向</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="INOROUT" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">特写图片</label>
|
|
<div class="layui-input-block">
|
|
<img src="" alt="" name="CLOSEUP_PIC" id="CLOSEUP_PIC">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">图片</label>
|
|
<div class="layui-input-block">
|
|
<img src="" alt="" name="PICTURE" id="PICTURE" style="width:50% !important;height:50% !important">
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">载水量</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="WATERNUM" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">载干粉量</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="DRYPOWDER" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">工作高度</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="HEIGHTBOARDINGCAR" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">泡沫量</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="FROTHAMOUNT" lay-verify="title" autocomplete="off" value="" class="layui-input" disabled>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!--车辆详情气泡框-->
|
|
<div id="bubbleExhibition">
|
|
<input id="bubble_IMEI" type="hidden" />
|
|
<a class="bubbleExhibitionClose"></a>
|
|
<p><span>车 牌 号：</span><span id="bubble_CarPlate"></span></p>
|
|
<p><span>车辆详情：</span><span id="bubble_CarDetails"></span></p>
|
|
<button id="bubble_TrackPlayback_btn" type="button" class="layui-btn" style="float: left;
|
|
bottom: 20px;background-color:#0060bf;">轨迹回放</button>
|
|
<button id="bubble_VehicleVideo_btn" type="button" class="layui-btn" style="
|
|
bottom: 20px;float: right;background-color:#0060bf;">车载视频</button></p>
|
|
</div>
|
|
|
|
<!--车辆轨迹历史记录列表-->
|
|
<div class="" id="openMoreDutyTrackPlayback" style="display: none;">
|
|
<div class="tb-div2" style="margin-top: 30px;">
|
|
<form class="layui-form">
|
|
<div class="layui-input-inline" style="width: 200px !important;">
|
|
<select id="searchcarnum" lay-filter="searchcarnum" lay-search="" style="width: 200px !important;"></select>
|
|
</div>
|
|
<div class="layui-input-inline">
|
|
<input id="travelTime" type="text" class="layui-input" placeholder="开始日期 - 结束日期" style="width: 200px !important;" />
|
|
</div>
|
|
</form>
|
|
<table id="TrackPlaybackTbDuty" lay-filter="TrackPlaybackTbDuty"></table>
|
|
</div>
|
|
</div>
|
|
<script type="text/html" id="TrackPlaybackbar">
|
|
<a class="layui-btn layui-btn-xs" lay-event="look">轨迹渲染</a>
|
|
</script>
|
|
|
|
<div id="camOpenVedioBubble" class="camVideo2">
|
|
<a class="bubbleExhibitionClose1"></a>
|
|
<video id="DutyVehicleVideo" class="video-js vjs-default-skin" controls></video>
|
|
</div>
|
|
|
|
<!--车载视频播放-->
|
|
<!-- <div class="" id="openMoreDutyVehicleVideo" style="display: none;">
|
|
<div class="tb-div" style="margin-top: 30px;">
|
|
<div class="layui-inline">
|
|
<div class="camVideo">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车辆名称：</label>
|
|
<div class="layui-input-block">
|
|
<span id="openMoreDutyVehicleVideoCarName" />
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车牌号：</label>
|
|
<div class="layui-input-block">
|
|
<span id="openMoreDutyVehicleVideoCarNum" />
|
|
</div>
|
|
</div>
|
|
<video id="DutyVehicleVideo" width=900 height=530 class="video-js vjs-default-skin" controls></video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<script src="subitem/js/vehicleDuty.js"></script>
|