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.
363 lines
13 KiB
363 lines
13 KiB
<link href="subitem/css/vehicleOfficial.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="Official-count">
|
|
<div class="leftmaincontentNumleft">
|
|
<span class="leftmaincontentNumleftspan">
|
|
公务车辆
|
|
</span>
|
|
<div id="officialnum1"> </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="officialnum2"> </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="officialnumall"> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="yq-con">
|
|
|
|
<div class="zilist m-t20" style="height: 87%;margin-left: 2.5%;width: 98%;">
|
|
<table>
|
|
<colgroup>
|
|
<col width="12%">
|
|
<col width="10%">
|
|
<col width="15%">
|
|
<col width="8%">
|
|
<col width="18%">
|
|
</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/gwcl-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="officialHistoryList">
|
|
</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="12%">
|
|
<col width="10%">
|
|
<col width="15%">
|
|
<col width="8%">
|
|
<col width="15%">
|
|
</colgroup>
|
|
<tbody class="officialList">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="leftmaintitleright" id="OfficialMore">
|
|
更多>>
|
|
</div>
|
|
|
|
<!--公务车辆更多列表-->
|
|
<div class="" id="openMoreOfficial" style="display: none;">
|
|
<div class="tb-div" style="margin-top: 30px;">
|
|
<input id="searchNameOfficial" value="" placeholder="请输入车牌号......" class="layui-input" style="width: 200px;display: inline;" />
|
|
<button type="button" id="searchOfficial" class="layui-btn layui-btn-normal" style="display: inline;">搜索</button>
|
|
<table id="layTbOfficial" lay-filter="layTbOfficial"></table>
|
|
</div>
|
|
</div>
|
|
<script type="text/html" id="barDemo">
|
|
<a class="layui-btn layui-btn-xs" lay-event="look">查看</a>
|
|
</script>
|
|
<!--公务车辆更多列表 详情页面-->
|
|
<div class="" id="openMoreOfficialDetail" style="display: none;">
|
|
<div class="tb-div" style="margin-top: 30px;">
|
|
<form class="layui-form" action="" lay-filter="OfficialDetail">
|
|
<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>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!--车辆申请审批信息展示-->
|
|
<div class="" id="openOfficialCarDetail" style="display: none;">
|
|
<div class="tb-div" style="margin-top: 30px;">
|
|
<form class="layui-form" action="" lay-filter="OfficialCarDetail">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">标题</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="TITLE" 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="USERNAME" 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="USERPHONE" 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="CARNUM" 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="RIDENUM" 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="RIDEMANS_NAME" 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="RIDEPURPOSE" 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="STARTTIME" 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="FINISHTIME" 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>
|
|
<p>
|
|
|
|
</div>
|
|
|
|
<!--车辆轨迹历史记录列表-->
|
|
<div class="" id="openMoreOfficialTrackPlayback" 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="TrackPlaybackTbOfficial" lay-filter="TrackPlaybackTbOfficial"></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="OfficialVehicleVideo" class="video-js vjs-default-skin" controls></video>
|
|
</div>
|
|
|
|
<!--车载视频播放-->
|
|
<!-- <div class="" id="openMoreOfficialVehicleVideo" 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="openMoreOfficialVehicleVideoCarName" />
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">车牌号：</label>
|
|
<div class="layui-input-block">
|
|
<span id="openMoreOfficialVehicleVideoCarNum" />
|
|
</div>
|
|
</div>
|
|
<video id="OfficialVehicleVideo" width=900 height=530 class="video-js vjs-default-skin" controls></video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<script src="subitem/js/vehicleOfficial.js"></script>
|