|
|
@@ -0,0 +1,277 @@
|
|
|
+<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
|
+ pageEncoding="UTF-8"%>
|
|
|
+<%@ page import="com.loygra.mooring.cfg.ConfigPro"%>
|
|
|
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <%@ include file="../common.jsp"%>
|
|
|
+ <link rel="stylesheet" href="${pageContext.request.contextPath}/css/common_style.css" />
|
|
|
+ <link rel="stylesheet" href="${pageContext.request.contextPath}/css/localAnchorManger/anchorage_allview.css?tag=<%=ConfigPro.VERSION%>">
|
|
|
+ <script src="${pageContext.request.contextPath}/js/controlCenter/overview.js"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/js/common-ais.js?tag=<%=ConfigPro.VERSION%>"></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/js/ais.js?tag=<%=ConfigPro.VERSION%>"></script>
|
|
|
+ <script src="${pageContext.request.contextPath}/lib/notify/jquery.notify.js?tag=<%=ConfigPro.VERSION%>"></script>
|
|
|
+<%-- <script src="${pageContext.request.contextPath}/js/websocket.js?tag=<%=ConfigPro.VERSION%>"></script> --%>
|
|
|
+ <script src="${pageContext.request.contextPath}/js/base_config.js?tag=<%=ConfigPro.VERSION%>" ></script>
|
|
|
+ <script type="text/javascript" src="${pageContext.request.contextPath}/map/lib/SuperMap.Include.js"></script>
|
|
|
+ <script type="text/javascript">
|
|
|
+ var user_key = "${UserInfo.ukey}";
|
|
|
+ var user_name = "${UserInfo.name}" ;
|
|
|
+ var user_id = "${UserInfo.id}";
|
|
|
+ var img_url = "<%=ConfigPro.IMAGE_DOMAIN%>/";
|
|
|
+ var vedio_url = "${pageContext.request.contextPath}";
|
|
|
+ var localUrladdress = "${pageContext.request.contextPath}";
|
|
|
+ var relate_type = "${UserInfo.relate_type}";
|
|
|
+ var self_harbour_id = "${harbour_code}"; //本港口的code
|
|
|
+ var locationInterval = null, aisInterval = null;
|
|
|
+ $(function(){
|
|
|
+ if(relate_type == 3){
|
|
|
+ self_harbour_id = '321000';
|
|
|
+ }
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ <title>地图最大化</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div class="swap-content" style="position: relative"> <!-- id="swap-content" -->
|
|
|
+ <div id="map" style="position:absolute;left:0px;right:0px;width:100%;"></div>
|
|
|
+
|
|
|
+ <div style="position: absolute;right:20px;top:20px;width:385px;">
|
|
|
+ <div style="height: 34px;padding: 4px 0;background: white;">
|
|
|
+ <div id="search-ship" class="tab-style" style="border-right: 1px solid #e2e2e2;width: 115px;">
|
|
|
+ <img class="imgcommon" src="${pageContext.request.contextPath}/img/ship_icon_map.png">
|
|
|
+ <img class="imgactive" src="${pageContext.request.contextPath}/img/ship_icon_map_active.png">
|
|
|
+ <span style="margin-left: 8px;">搜索船舶</span>
|
|
|
+ <img class="imgcommon" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon.png">
|
|
|
+ <img class="imgactive" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon_active.png">
|
|
|
+ </div>
|
|
|
+ <div id="paint-sample" class="tab-style" style="border-right: 1px solid #e2e2e2;width: 90px;">
|
|
|
+ <img class="imgcommon" src="${pageContext.request.contextPath}/img/paint_icon.png">
|
|
|
+ <img class="imgactive" src="${pageContext.request.contextPath}/img/paint_icon_active.png">
|
|
|
+ <span style="margin-left: 8px;">图例</span>
|
|
|
+ <img class="imgcommon" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon.png">
|
|
|
+ <img class="imgactive" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon_active.png">
|
|
|
+ </div>
|
|
|
+ <div id="img-layer" class="tab-style" style="border-right: 1px solid #e2e2e2;width: 90px;">
|
|
|
+ <img class="imgcommon" src="${pageContext.request.contextPath}/img/img_layer_icon.png">
|
|
|
+ <img class="imgactive" src="${pageContext.request.contextPath}/img/img_layer_icon_active.png">
|
|
|
+ <span style="margin-left: 8px;">图层</span>
|
|
|
+ <img class="imgcommon" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon.png">
|
|
|
+ <img class="imgactive" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon_active.png">
|
|
|
+ </div>
|
|
|
+ <div id="tool-btn" class="tab-style" style="width: 90px;">
|
|
|
+ <img class="imgcommon" src="${pageContext.request.contextPath}/img/tool_map_icon.png">
|
|
|
+ <img class="imgactive" src="${pageContext.request.contextPath}/img/tool_map_icon_active.png">
|
|
|
+ <span style="margin-left: 8px;">工具</span>
|
|
|
+ <img class="imgcommon" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon.png">
|
|
|
+ <img class="imgactive" style="margin-bottom:10px;margin-left: 6px;" src="${pageContext.request.contextPath}/img/arrow_icon_active.png">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top: 3px;">
|
|
|
+ <div id="search-ship-tab" style="height:36px;width:385px;background: white;display: none;" class="divsearch">
|
|
|
+ <input class="searchbtn" id="search_key_word" style="height: 36px;width: 240px;display: inline;border: white;margin-left: 10px;" placeholder="搜索船舶">
|
|
|
+ <span class="searchfindbtn" onclick="searchShip()" ></span>
|
|
|
+ </div>
|
|
|
+ <div id="paint-sample-tab" style="height:36px;width:385px;background: white;line-height: 36px;display: none;" class="divsearch">
|
|
|
+ <span style="padding: 12px;font-size:12px;padding-left: 55px;">空闲</span>
|
|
|
+ <img style="margin: 0 30px 10px 0" src="${pageContext.request.contextPath}/img/anchor_icon_kongxian.png">
|
|
|
+ <span style="padding: 12px;font-size:12px;">预置</span>
|
|
|
+ <img style="margin: 0 30px 10px 0" src="${pageContext.request.contextPath}/img/anchor_icon_yuliu.png">
|
|
|
+ <span style="padding: 12px;font-size:12px;">占用</span>
|
|
|
+ <img style="margin-bottom: 10px;" src="${pageContext.request.contextPath}/img/anchor_icon_zhanyong.png">
|
|
|
+ </div>
|
|
|
+ <div id="img-layer-tab" style="height:50px;width:385px;background: white;line-height: 25px;display: none;" class="divsearch">
|
|
|
+ <ul class="ul-layer-sel">
|
|
|
+ <li>
|
|
|
+ <input id="shipCheck" checked="checked" type="checkbox"> 船舶图层
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input id="mwCheck" checked="checked" type="checkbox"> 锚位图层
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input id="mdCheck" checked="checked" type="checkbox"> 锚地图层
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input id="alarmCheck" type="checkbox"> 启动预警
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input id="planShipCheck" type="checkbox"> 计划船舶
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <span class="click-active">清除所有图层</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div id="tool-btn-tab" style="height:73px;width:90px;background: white;line-height: 36px;display: none;float: right;" class="divsearch">
|
|
|
+ <div style="cursor: pointer;" id="measure-distance">
|
|
|
+ <img style="margin: 0 10px 11px 15px;height: 36px;" src="${pageContext.request.contextPath}/img/distance_map_icon.png">
|
|
|
+ <span style="font-size: 12px;">测距</span>
|
|
|
+ </div>
|
|
|
+ <div style="border-top: 1px solid #e2e2e2;cursor: pointer;" id="measure-area">
|
|
|
+ <img style="margin: 0 10px 9px 15px;height: 36px;" src="${pageContext.request.contextPath}/img/measure_area.png">
|
|
|
+ <span style="font-size: 12px;">测面积</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="top:156px;" class="tip-style" >
|
|
|
+ <div class="max-btn active" value="maxbtn">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="map-mode-change">
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="ship-info-wrap" style="width: 480px;height: 234px;display: none">
|
|
|
+ <div>
|
|
|
+ <div class="ship-info-block" style="font-size: 12px;">
|
|
|
+ <p class="info-line">
|
|
|
+ <span style="display: inline-block; padding-left: 20px;margin-bottom: 3px;"> <span>船舶名称：</span> <span id="ship-name"></span></span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>船舶MMSI：</span> <span id="mmsi-id"></span></span>
|
|
|
+ <span class="info-block"> <span>船首向：</span> <span id="csx"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>船 长（米）：</span> <span id="ship-length"></span></span>
|
|
|
+ <span class="info-block"> <span>船 宽（米）：</span> <span id="ship-width"></span></span>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>实时时间：</span> <span id="realtime"></span>
|
|
|
+ </span> <span class="info-block"> <span>船舶类型：</span> <span id="ship-type"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>船舶IMO：</span> <span id="cbimo"></span>
|
|
|
+ </span> <span class="info-block"> <span>航行状态：</span> <span id="direct-status"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>航行速度（节）：</span> <span id="ship-speed"></span>
|
|
|
+ </span> <span class="info-block"> <span>预计到港时间：</span><span id="park-time"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>航迹向：</span> <span id="ship-course"></span></span>
|
|
|
+ </span> <span class="info-block"> <span>呼号：</span> <span id="callsign"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div align="center">
|
|
|
+ <a onclick="getShipDetail()" class="ship-track-info">船舶详情</a>
|
|
|
+ <a onclick="getShipTrack(3)" class="ship-track-info">3天轨迹</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="anchorage-info" style="width: 480px;height: 200px;;display: none">
|
|
|
+ <div>
|
|
|
+ <div class="ship-info-block" style="font-size: 12px;">
|
|
|
+ <p class="info-line">
|
|
|
+ <span id="anchorage-id" style="display: none;"></span>
|
|
|
+ <span class="info-block"> <span>锚地名称：</span> <span id="anchorage-name"></span>
|
|
|
+ </span> <span class="info-block"> <span>所属港口：</span> <span id="harbour-name"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>长度（米）：</span> <span id="anchorage-length"></span>
|
|
|
+ </span> <span class="info-block"> <span>宽度（米）：</span> <span id="anchorage-width"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>面 积：</span> <span id="anchorage-square"></span>
|
|
|
+ </span> <span class="info-block"> <span>材 质：</span> <span id="geology"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <span class="info-block"> <span>目 的：</span> <span id="anchorage-purpose"></span>
|
|
|
+ </span>
|
|
|
+ <span class="info-block"> <span>锚位数量：</span> <span id="anchorposition-num" class="element-active"></span>
|
|
|
+ </span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <p style="padding-left: 20px;margin-bottom: 3px;"><span>位 置：</span><span id="anchorage-position"></span></p>
|
|
|
+ </p>
|
|
|
+ <p class="info-line">
|
|
|
+ <p style="padding-left: 20px;margin-bottom: 3px;"><span>备 注：</span><span id="annchorage-capacity"></span></p>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="anchorposition-info" style="width: 200px;height: 200px;display: none">
|
|
|
+ <div>
|
|
|
+ <div class="ship-info-block" style="font-size: 12px;">
|
|
|
+ <p class="info-line">
|
|
|
+ <span id="status-id" style="display: none"></span>
|
|
|
+ <span id="anchorposition-id" style="display: none"></span>
|
|
|
+ <span class="info-block"> <span>名 称：</span> <span id="anchorposition-name"></span>
|
|
|
+ </span>
|
|
|
+ <span class="info-block"> <span>当前状态：</span> <span id="anchor-status" style="cursor:pointer"></span>
|
|
|
+ </span>
|
|
|
+ <span class="info-block"> <span>锚位坐标：</span> <span id="anchor-lonlat"></span>
|
|
|
+ </span>
|
|
|
+ <span class="info-block"> <span>锚泊方式：</span> <span id="anchor-ship-type"></span>
|
|
|
+ </span>
|
|
|
+ <span class="info-block"> <span>锚位用途：</span> <span id="anchor-using"></span></span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line type-show-4" style="border-top: 1px solid #d9d9d9;padding-top: 2px;display: none;">
|
|
|
+ <span class="info-block"> <span>船舶名称：</span> <span id="ship-name-en-zh"></span></span>
|
|
|
+ <span class="info-block"> <span>计划锚泊时间：</span> <span id="plan-mooring-time"></span></span>
|
|
|
+ <span class="info-block"> <span>计划离泊时间：</span> <span id="plan-level-time"></span></span>
|
|
|
+ </p>
|
|
|
+ <p class="info-line type-show-3" style="border-top: 1px solid #d9d9d9;padding-top: 2px;display: none;">
|
|
|
+ <span class="info-block"> <span>船舶名称：</span> <span id="ship-name-en-zh2"></span></span>
|
|
|
+ <span class="info-block"> <span>计划锚泊时间：</span> <span id="plan-mooring-time2"></span></span>
|
|
|
+ <span class="info-block"> <span>计划离泊时间：</span> <span id="plan-level-time2"></span></span>
|
|
|
+ <span class="info-block"> <span>当前坐标：</span> <span id="actual-latlon"></span></span>
|
|
|
+<!-- <span class="info-block"> <span>靠泊坐标偏移：</span> <span id="actual-cha"></span></span> -->
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div id="ship-detail-info" style="display: none">
|
|
|
+ <table class="ui celled table">
|
|
|
+ <tr><td class="center">船舶编号</td><td><span id="ship-cbbh"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶登记号</td><td><span id="ship-cbdjh"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶分类</td><td><span id="ship-cbfl"></span></td></tr>
|
|
|
+ <tr><td class="center">中文船名</td><td><span id="ship-zwcm"></span></td></tr>
|
|
|
+ <tr><td class="center">英文船名</td><td><span id="ship-ywcm"></span></td></tr>
|
|
|
+ <tr><td class="center">IMO编号</td><td><span id="ship-imobh"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶呼号</td><td><span id="ship-cbhh"></span></td></tr>
|
|
|
+ <tr><td class="center">船籍港</td><td><span id="ship-cjg"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶经营人</td><td><span id="ship-cbjyr"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶所有人</td><td><span id="ship-cbsyr"></span></td></tr>
|
|
|
+ <tr><td class="center">造船厂</td><td><span id="ship-zcc"></span></td></tr>
|
|
|
+ <tr><td class="center">建成日期</td><td><span id="ship-jcrq"></span></td></tr>
|
|
|
+ <tr><td class="center">初次登记号</td><td><span id="ship-ccdjh"></span></td></tr>
|
|
|
+ <tr><td class="center">船检登记号</td><td><span id="ship-cjdjh"></span></td></tr>
|
|
|
+ <tr><td class="center">航线</td><td><span id="ship-hx"></span></td></tr>
|
|
|
+ <tr><td class="center">航区代码</td><td><span id="ship-hqdm"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶长度（米）</td><td><span id="ship-cbcd"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶型宽（米）</td><td><span id="ship-cbxk"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶型深（米）</td><td><span id="ship-cbxs"></span></td></tr>
|
|
|
+ <tr><td class="center">总吨</td><td><span id="ship-zd"></span></td></tr>
|
|
|
+ <tr><td class="center">净吨</td><td><span id="ship-jd"></span></td></tr>
|
|
|
+ <tr><td class="center">总载重吨</td><td><span id="ship-zzzd"></span></td></tr>
|
|
|
+ <tr><td class="center">船舶标识号</td><td><span id="ship-cbbsh"></span></td></tr>
|
|
|
+ <tr><td class="center">主机种类代码</td><td><span id="ship-zjzldm"></span></td></tr>
|
|
|
+ <tr><td class="center">主机数量(个)</td><td><span id="ship-zjsl"></span></td></tr>
|
|
|
+ <tr><td class="center">主机功率（kw）</td><td><span id="ship-zjgl"></span></td></tr>
|
|
|
+ <tr><td class="center">夏季满载吃水</td><td><span id="ship-xjmzcs"></span></td></tr>
|
|
|
+ <tr><td class="center">核定抗风等级</td><td><span id="ship-hdkfdj"></span></td></tr>
|
|
|
+ <tr><td class="center">最小干舷</td><td><span id="ship-zxgx"></span></td></tr>
|
|
|
+ <tr><td class="center">箱位</td><td><span id="ship-xw"></span></td></tr>
|
|
|
+ <tr><td class="center">车位</td><td><span id="ship-cw"></span></td></tr>
|
|
|
+ <tr><td class="center">客位</td><td><span id="ship-gw"></span></td></tr>
|
|
|
+ <tr><td class="center">最低安全配员人数</td><td><span id="ship-zdaqpyrs"></span></td></tr>
|
|
|
+ <tr><td class="center">救生设备最大人数</td><td><span id="ship-jssbzdrs"></span></td></tr>
|
|
|
+ <tr><td class="center">牌簿号</td><td><span id="ship-pbh"></span></td></tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|
xt_mayh