|
@@ -4,161 +4,355 @@
|
|
|
<%@ include file="../base_common.jsp"%>
|
|
|
<link rel="stylesheet" href="<%=basePath%>/css/localAnchorManger/mooringStatistic.css?tag=<%=ConfigPro.VERSION%>">
|
|
|
<script type="text/javascript">
|
|
|
+var localUrladdress = "<%=basePath%>";
|
|
|
+var user_key = "${UserInfo.ukey}";
|
|
|
+var today = new Date();
|
|
|
+$("#stime-1").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
|
|
|
-$(function(){
|
|
|
-
|
|
|
-
|
|
|
-// $("#sub-nav li div").click(function(){
|
|
|
-// if($(this).hasClass("active")) {
|
|
|
-// return;
|
|
|
-// }
|
|
|
-// $("#sub-nav li div").removeClass("active");
|
|
|
-// $(this).addClass("active");
|
|
|
-// var is_main = $(this).hasClass("main");
|
|
|
-// var url = localUrl + $(this).attr("href");
|
|
|
-// if (is_main) {
|
|
|
-// getPage(url,"body-content");
|
|
|
-// } else {
|
|
|
-// getPage(url,"swap-content");
|
|
|
-// }
|
|
|
-// })
|
|
|
-
|
|
|
-// var today = new Date();
|
|
|
-// $("#stime-1").datepicker({
|
|
|
-// maxDate: today
|
|
|
-// });
|
|
|
-
|
|
|
-// $("#etime-1").datepicker({
|
|
|
-// maxDate: today
|
|
|
-// });
|
|
|
-
|
|
|
-// $("#stime-2").datepicker({
|
|
|
-// maxDate: today
|
|
|
-// });
|
|
|
-
|
|
|
-// $("#etime-2").datepicker({
|
|
|
-// maxDate: today
|
|
|
-// });
|
|
|
-
|
|
|
-
|
|
|
- var chart_width = $("#body-content").width() /2 -2;
|
|
|
-
|
|
|
+$("#etime-1").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+
|
|
|
+$("#stime-2").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+
|
|
|
+$("#etime-2").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+
|
|
|
+$("#stime-3").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+
|
|
|
+$("#etime-3").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+
|
|
|
+$("#stime-4").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+
|
|
|
+$("#etime-4").datepicker({
|
|
|
+ maxDate: today
|
|
|
+});
|
|
|
+//查询点击事件
|
|
|
+$(document).delegate('#searchButton','click',function(){
|
|
|
+ var sDate = new Date( $(".startTime").val().replace("-","/").replace("-","/"));
|
|
|
+ var eDate = new Date( $(".endTime").val().replace("-","/").replace("-","/"));
|
|
|
+ if($(".startTime").val()==""&& $(".endTime").val()=="" )
|
|
|
+ {
|
|
|
+ tooltips("时间不能为空",1,1000);
|
|
|
+ } else if( checkDateRange(sDate, eDate, "结束时间不能大于开始时间",""))
|
|
|
+ {
|
|
|
+ data={
|
|
|
+ "begin_time":sDate,
|
|
|
+ "end_time":eDate
|
|
|
+ };
|
|
|
+ mooringStatisticsTable(data);
|
|
|
+ }
|
|
|
+});
|
|
|
+//今天查询点击事件
|
|
|
+$(document).delegate('#today','click',function(){
|
|
|
+ removeStyle();
|
|
|
+ $("#today").addClass("choseButtonStyle");
|
|
|
+ data={
|
|
|
+ "time_type":1
|
|
|
+ };
|
|
|
+ mooringStatisticsTable(data);
|
|
|
+});
|
|
|
+//本周查询点击事件
|
|
|
+$(document).delegate('#week','click',function(){
|
|
|
+ removeStyle();
|
|
|
+ $("#week").addClass("choseButtonStyle");
|
|
|
+ data={
|
|
|
+ "time_type":2
|
|
|
+ };
|
|
|
+ mooringStatisticsTable(data);
|
|
|
+});
|
|
|
+//本月查询点击事件
|
|
|
+$(document).delegate('#month','click',function(){
|
|
|
+ removeStyle();
|
|
|
+ $("#month").addClass("choseButtonStyle");
|
|
|
+ data={
|
|
|
+ "time_type":3
|
|
|
+ };
|
|
|
+ mooringStatisticsTable(data);
|
|
|
+});
|
|
|
+//清楚选中样式方法
|
|
|
+function removeStyle(){
|
|
|
+ $("#today").removeClass("choseButtonStyle");
|
|
|
+ $("#week").removeClass("choseButtonStyle");
|
|
|
+ $("#month").removeClass("choseButtonStyle");
|
|
|
+};
|
|
|
+//锚泊表初始化
|
|
|
+data={
|
|
|
+ "time_type":1
|
|
|
+};
|
|
|
+mooringStatisticsTable(data);
|
|
|
+//锚泊表查询方法
|
|
|
+ var shipTypeData=[],shipLeveData=[],shipDishonestyName=[],shipDishonestyValue=[],shipMooringNumName=[],shipMooringNumValue=[];
|
|
|
+function mooringStatisticsTable(data){
|
|
|
|
|
|
- $(function () {
|
|
|
- $('#shipType').highcharts({
|
|
|
- chart: {
|
|
|
- plotBackgroundColor: null,
|
|
|
- plotBorderWidth: null,
|
|
|
- plotShadow: false
|
|
|
- },
|
|
|
- title: {
|
|
|
- text: ''
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
- },
|
|
|
- plotOptions: {
|
|
|
- pie: {
|
|
|
- allowPointSelect: true,
|
|
|
- cursor: 'pointer',
|
|
|
- dataLabels: {
|
|
|
- enabled: true,
|
|
|
- color: '#000000',
|
|
|
- connectorColor: '#000000',
|
|
|
- format: '<b>{point.name}</b>: {point.percentage:.1f} %'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- series: [{
|
|
|
- type: 'pie',
|
|
|
- name: 'Browser share',
|
|
|
- data: [
|
|
|
- ['危险品', 27.0],
|
|
|
-
|
|
|
- {
|
|
|
- name: '干散货',
|
|
|
- y: 73.0,
|
|
|
- sliced: true,
|
|
|
- selected: true
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- ]
|
|
|
- }],
|
|
|
- credits: {
|
|
|
- enabled: false
|
|
|
- },
|
|
|
- });
|
|
|
- });
|
|
|
- $(function () {
|
|
|
- $('#shipCount').highcharts({
|
|
|
- chart: {
|
|
|
- plotBackgroundColor: null,
|
|
|
- plotBorderWidth: null,
|
|
|
- plotShadow: false
|
|
|
- },
|
|
|
- title: {
|
|
|
- text: ''
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
- },
|
|
|
- plotOptions: {
|
|
|
- pie: {
|
|
|
- allowPointSelect: true,
|
|
|
- cursor: 'pointer',
|
|
|
- dataLabels: {
|
|
|
- enabled: true,
|
|
|
- color: '#000000',
|
|
|
- connectorColor: '#000000',
|
|
|
- format: '<b>{point.name}</b>: {point.percentage:.1f} %'
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- series: [{
|
|
|
- type: 'pie',
|
|
|
- name: 'Browser share',
|
|
|
- data: [
|
|
|
- ['10万吨以上', 16.7],
|
|
|
-
|
|
|
+ doRequest("POST",localUrladdress+'/service/stat/mooring/ship.json', data,function(data){
|
|
|
+ if(data.status == '10001'){
|
|
|
+ if(data.data.ship_count.length>0){
|
|
|
+ var j=0;
|
|
|
+ $("#statisticsTableInfo").empty();
|
|
|
+ for(i=0;i<data.data.ship_count.length;i++)
|
|
|
+ {
|
|
|
+ $("#statisticsTableInfo").append(setStatisticsTableInfo(data.data.ship_count[i],i))
|
|
|
+ if(data.data.ship_count[i].park_total_num>0&&data.data.ship_count[i].park_total_num!=null){
|
|
|
+ shipMooringNumName[j]=data.data.ship_count[i].harbour_name;
|
|
|
+ shipMooringNumValue[j]=data.data.ship_count[i].park_total_num;
|
|
|
+ j=j+1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if(j>0)
|
|
|
+ {
|
|
|
+ $("#shipTime img").css("display","none");
|
|
|
+ //调用锚泊统计图解口 传送数据实现锚泊次数统计表初始化
|
|
|
+ setShipMooringNum(shipMooringNumName,shipMooringNumValue);
|
|
|
+ }
|
|
|
+ else{
|
|
|
+ $("#shipTime img").css("display","block");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //失信行为统计表初始化设置
|
|
|
+ if(data.data.ship_days.length>0)
|
|
|
+ {
|
|
|
+ for(i=0;i<data.data.ship_days.length;i++)
|
|
|
+ {
|
|
|
+ shipDishonestyName[i]=data.data.ship_days[i].day;
|
|
|
+ shipDishonestyValue[i]=data.data.ship_days[i].num;
|
|
|
+ }
|
|
|
+ $("#anchorageTime img").css("display","none");
|
|
|
+ setShipDishonestyChart(shipDishonestyName,shipDishonestyValue);
|
|
|
+ }else{
|
|
|
+ $("#anchorageTime img").css("display","block");
|
|
|
+ }
|
|
|
+ //船舶类型统计表
|
|
|
+ if(data.data.ship_goods.goods_1>0||data.data.ship_goods.goods_2>0||data.data.ship_goods.goods_3>0||data.data.ship_goods.goods_4>0||data.data.ship_goods.goods_5>0)
|
|
|
+ {
|
|
|
+ shipTypeData[0]=CheckFormVal0(data.data.ship_goods.goods_1);
|
|
|
+ shipTypeData[1]=CheckFormVal0(data.data.ship_goods.goods_2);
|
|
|
+ shipTypeData[2]=CheckFormVal0(data.data.ship_goods.goods_3);
|
|
|
+ shipTypeData[3]=CheckFormVal0(data.data.ship_goods.goods_4);
|
|
|
+ shipTypeData[4]=CheckFormVal0(data.data.ship_goods.goods_5);
|
|
|
+ $("#shipType img").css("display","none");
|
|
|
+ setShipTypeChart (shipTypeData);
|
|
|
+ }else{
|
|
|
+ $("#shipType img").css("display","block");
|
|
|
+ }
|
|
|
+ //船舶等级统计表
|
|
|
+ if(data.data.ship_tons.tons_1>0||data.data.ship_tons.tons_3>0||data.data.ship_tons.tons_4>0||data.data.ship_tons.tons_5>0)
|
|
|
+ {
|
|
|
+ shipLeveData[0]=CheckFormVal0(data.data.ship_tons.tons_1);
|
|
|
+ shipLeveData[1]=CheckFormVal0(data.data.ship_tons.tons_3);
|
|
|
+ shipLeveData[2]=CheckFormVal0(data.data.ship_tons.tons_4);
|
|
|
+ shipLeveData[3]=CheckFormVal0(data.data.ship_tons.tons_5);
|
|
|
+// $("#shipCount img").css("display","none");
|
|
|
+ $("#shipCount img").css("display","none");
|
|
|
+ setShipLeveChart (shipLeveData);
|
|
|
+ }else{
|
|
|
+ $("#shipCount img").css("display","block");
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ alert(data.statusMsg);
|
|
|
+ }
|
|
|
+ }, function(){})
|
|
|
+};
|
|
|
+
|
|
|
+//table值设置方法
|
|
|
+function setStatisticsTableInfo(datas,i){
|
|
|
+ var tableData ='<tr>\
|
|
|
+ <td>'+(i+1)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.harbour_name)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.anchorage_num)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.park_total_num)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.tons_1)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.tons_3)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.tons_4)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.tons_5)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.goods_1)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.goods_2)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.goods_3)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.goods_4)+'</td>\
|
|
|
+ <td>'+CheckFormVal0(datas.ship_num_detail.goods_5)+'</td>\
|
|
|
+ </tr>';
|
|
|
+ return tableData;
|
|
|
+};
|
|
|
+ function setShipTypeChart (data) {
|
|
|
+ $('#shipType').highcharts({
|
|
|
+ chart: {
|
|
|
+ plotBackgroundColor: null,
|
|
|
+ plotBorderWidth: null,
|
|
|
+ plotShadow: false
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ pie: {
|
|
|
+ allowPointSelect: true,
|
|
|
+ cursor: 'pointer',
|
|
|
+ dataLabels: {
|
|
|
+ enabled: true,
|
|
|
+ color: '#000000',
|
|
|
+ connectorColor: '#000000',
|
|
|
+// format: '<b>{point.name}</b>: {point.percentage:.1f} %'
|
|
|
+ formatter:function(){
|
|
|
+ if (this.percentage > 0)
|
|
|
+ return '<b>'+this.point.name+'</b>: '+this.point.percentage.toFixed(1)+'%'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'pie',
|
|
|
+ name: 'Browser share',
|
|
|
+// data:data
|
|
|
+ data: [
|
|
|
+ ['危险品', parseFloat(data[0])],
|
|
|
{
|
|
|
- name: '5到10万吨',
|
|
|
- y: 16.7,
|
|
|
+ name: '集装箱',
|
|
|
+ y: parseFloat(data[1]),
|
|
|
sliced: true,
|
|
|
selected: true
|
|
|
- },
|
|
|
- ['1万吨以下', 25.0],
|
|
|
- ['1到5万吨', 41.6]
|
|
|
-
|
|
|
- ]
|
|
|
- }],
|
|
|
- credits: {
|
|
|
- enabled: false
|
|
|
- },
|
|
|
- });
|
|
|
- });
|
|
|
+ },
|
|
|
+ ['散杂船', parseFloat(data[2])],
|
|
|
+ ['危化品集装箱', parseFloat(data[3])],
|
|
|
+ ['其他', parseFloat(data[4])]
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
+function setShipLeveChart(data) {
|
|
|
+ $('#shipCount').highcharts({
|
|
|
+ chart: {
|
|
|
+ plotBackgroundColor: null,
|
|
|
+ plotBorderWidth: null,
|
|
|
+ plotShadow: false
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ pie: {
|
|
|
+ allowPointSelect: true,
|
|
|
+ cursor: 'pointer',
|
|
|
+ dataLabels: {
|
|
|
+ enabled: true,
|
|
|
+ color: '#000000',
|
|
|
+ connectorColor: '#000000',
|
|
|
+// format: '<b>{point.name}</b>: {point.percentage:.1f} %'
|
|
|
+ formatter:function(){
|
|
|
+ if (this.percentage > 0)
|
|
|
+ return '<b>'+this.point.name+'</b>: '+this.point.percentage.toFixed(1)+'%'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ type: 'pie',
|
|
|
+ name: 'Browser share',
|
|
|
+ data: [
|
|
|
+ ['1万吨以下', parseFloat(data[0])],
|
|
|
+
|
|
|
+ {
|
|
|
+ name: ' 1到5万吨',
|
|
|
+ y: parseFloat(data[1]),
|
|
|
+ sliced: true,
|
|
|
+ selected: true
|
|
|
+ },
|
|
|
+ ['5到10万吨', parseFloat(data[2])],
|
|
|
+ ['10万吨以上 ', parseFloat(data[3])]
|
|
|
+
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
+
|
|
|
+function setShipDishonestyChart(dataName,dataValue){
|
|
|
+ $('#anchorageTime').highcharts({
|
|
|
+ chart: {
|
|
|
+ type: 'column'
|
|
|
+ // ,
|
|
|
+ // width: chart_width
|
|
|
+ },
|
|
|
+ title: {
|
|
|
+ text: ''
|
|
|
+ },
|
|
|
+ xAxis: {
|
|
|
+ categories: dataName
|
|
|
+ },
|
|
|
+ yAxis: {
|
|
|
+ min: 0,
|
|
|
+ title: {
|
|
|
+ text: '锚泊次数总数'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ tooltip: {
|
|
|
+ headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
|
|
+ pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
|
|
+ '<td style="padding:0"><b>{point.y:.1f} 次</b></td></tr>',
|
|
|
+ footerFormat: '</table>',
|
|
|
+ shared: true,
|
|
|
+ useHTML: true
|
|
|
+ },
|
|
|
+ plotOptions: {
|
|
|
+ column: {
|
|
|
+ pointPadding: 0.2,
|
|
|
+ borderWidth: 0
|
|
|
+ }
|
|
|
+ },
|
|
|
+ series: [{
|
|
|
+ name: '锚泊次数统计',
|
|
|
+ data: dataValue
|
|
|
+ }],
|
|
|
+ credits: {
|
|
|
+ enabled: false
|
|
|
+ },
|
|
|
+});
|
|
|
+};
|
|
|
+function setShipMooringNum(dataName,dataValue){
|
|
|
$('#shipTime').highcharts({
|
|
|
chart: {
|
|
|
type: 'column'
|
|
|
-// ,
|
|
|
-// width: chart_width
|
|
|
+// ,
|
|
|
+// width: chart_width
|
|
|
},
|
|
|
title: {
|
|
|
text: ''
|
|
|
},
|
|
|
xAxis: {
|
|
|
- categories: [
|
|
|
- '南京',
|
|
|
- '镇江',
|
|
|
- '泰州',
|
|
|
- '常州',
|
|
|
- '江阴',
|
|
|
- '张家港',
|
|
|
- '南通',
|
|
|
- '常熟',
|
|
|
- '太仓'
|
|
|
+ categories:dataName
|
|
|
+// categories: [
|
|
|
+// '南京',
|
|
|
+// '镇江',
|
|
|
+// '泰州',
|
|
|
+// '常州',
|
|
|
+// '江阴',
|
|
|
+// '张家港',
|
|
|
+// '南通',
|
|
|
+// '常熟',
|
|
|
+// '太仓'
|
|
|
|
|
|
- ]
|
|
|
+// ]
|
|
|
},
|
|
|
yAxis: {
|
|
|
min: 0,
|
|
@@ -181,71 +375,17 @@ $(function(){
|
|
|
}
|
|
|
},
|
|
|
series: [{
|
|
|
- name: '失信行为前10的船舶',
|
|
|
- data: [136, 112, 108, 141, 89, 91, 124,98, 113]
|
|
|
- }],
|
|
|
- credits: {
|
|
|
- enabled: false
|
|
|
- },
|
|
|
- });
|
|
|
- $('#anchorageTime').highcharts({
|
|
|
- chart: {
|
|
|
- type: 'column'
|
|
|
-// ,
|
|
|
-// width: chart_width
|
|
|
- },
|
|
|
- title: {
|
|
|
- text: ''
|
|
|
- },
|
|
|
- xAxis: {
|
|
|
- categories: [
|
|
|
- '5-1',
|
|
|
- '5-2',
|
|
|
- '5-3',
|
|
|
- '5-4',
|
|
|
- '5-5',
|
|
|
- '5-6',
|
|
|
- '5-7',
|
|
|
- '5-8',
|
|
|
- '5-9',
|
|
|
- '5-10',
|
|
|
- '5-11',
|
|
|
- '5-12',
|
|
|
- '5-13',
|
|
|
- '5-14',
|
|
|
- '5-15',
|
|
|
- '5-16'
|
|
|
-
|
|
|
- ]
|
|
|
- },
|
|
|
- yAxis: {
|
|
|
- min: 0,
|
|
|
- title: {
|
|
|
- text: '锚泊次数总数'
|
|
|
- }
|
|
|
- },
|
|
|
- tooltip: {
|
|
|
- headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
|
|
|
- pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
|
|
|
- '<td style="padding:0"><b>{point.y:.1f} 次</b></td></tr>',
|
|
|
- footerFormat: '</table>',
|
|
|
- shared: true,
|
|
|
- useHTML: true
|
|
|
- },
|
|
|
- plotOptions: {
|
|
|
- column: {
|
|
|
- pointPadding: 0.2,
|
|
|
- borderWidth: 0
|
|
|
- }
|
|
|
- },
|
|
|
- series: [{
|
|
|
- name: '失信行为前10的船舶',
|
|
|
- data: [45, 36, 40, 41, 52, 33, 19,25, 24,36,26,45,34,34,43,32]
|
|
|
+ name: '各港口锚泊次数',
|
|
|
+ data:dataValue
|
|
|
+// data: [136, 112, 108, 141, 89, 91, 124,98, 113]
|
|
|
}],
|
|
|
credits: {
|
|
|
enabled: false
|
|
|
},
|
|
|
});
|
|
|
+};
|
|
|
+$(function(){
|
|
|
+ var chart_width = $("#body-content").width() /2 -2;
|
|
|
});
|
|
|
|
|
|
</script>
|
|
@@ -254,18 +394,18 @@ $(function(){
|
|
|
<div class="topMainDate">
|
|
|
<!-- <div class="topMainTime"> -->
|
|
|
<span>时间:</span>
|
|
|
- <button class="buttonStytle">今天</button>
|
|
|
- <button class="buttonStytle">本周</button>
|
|
|
- <button class="buttonStytle choseButtonStyle">本月</button>
|
|
|
+ <button id="today"class="buttonStytle">今天</button>
|
|
|
+ <button id="week"class="buttonStytle">本周</button>
|
|
|
+ <button id="month" class="buttonStytle choseButtonStyle">本月</button>
|
|
|
<!-- </div> -->
|
|
|
<!-- <div class="sub-container" style="text-align: center; width:520px!important;"> -->
|
|
|
<span>开始日期</span>
|
|
|
- <input type="text" id="stime-1" value="2016-04-01" class="input sub-input shorter date-timer-icon">
|
|
|
+ <input type="text" id="stime-1" value="" class="input sub-input shorter date-timer-icon startTime">
|
|
|
<span class="span-margin">结束日期</span>
|
|
|
- <input type="text" id="etime-1" value="2016-04-12" class="input sub-input shorter date-timer-icon">
|
|
|
+ <input type="text" id="etime-1" value="" class="input sub-input shorter date-timer-icon endTime">
|
|
|
|
|
|
<!-- </div> -->
|
|
|
- <button class="button-main-border button btn-style" style="float: none; margin-left:15px;">
|
|
|
+ <button id="searchButton" class="button-main-border button btn-style" style="float: none; margin-left:15px;">
|
|
|
<span class="icon-search icon-font-color"></span> 查 询
|
|
|
</button>
|
|
|
</div>
|
|
@@ -279,8 +419,7 @@ $(function(){
|
|
|
<th rowspan="2" class="tableTheadTh">序号</th>
|
|
|
<th rowspan="2" class="tableTheadTh">锚地管理单位</th>
|
|
|
<th rowspan="2" class="tableTheadTh">锚地数量</th>
|
|
|
- <th colspan="7">各港口锚泊船舶艘次</th>
|
|
|
- <th colspan="7">省调度中心统筹安排船舶艘次</th>
|
|
|
+ <th colspan="10">各港口锚泊船舶艘次</th>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
<th>总计</th>
|
|
@@ -288,76 +427,43 @@ $(function(){
|
|
|
<th>1到5万吨</th>
|
|
|
<th>5到10万吨</th>
|
|
|
<th>10万吨以上</th>
|
|
|
- <th>干散货</th>
|
|
|
- <th>危险品</th>
|
|
|
- <th>总计</th>
|
|
|
- <th>1万吨以下</th>
|
|
|
- <th>1到5万吨</th>
|
|
|
- <th>5到10万吨</th>
|
|
|
- <th>10万吨以上</th>
|
|
|
- <th>干散货</th>
|
|
|
- <th>危险品</th>
|
|
|
+ <th>危化品</th>
|
|
|
+ <th>集散箱</th>
|
|
|
+ <th>散杂船</th>
|
|
|
+ <th>危化品集装箱</th>
|
|
|
+ <th>其他</th>
|
|
|
</tr>
|
|
|
</thead>
|
|
|
- <tbody>
|
|
|
- <tr>
|
|
|
- <td>1</td>
|
|
|
- <td>南京</td>
|
|
|
- <td>57</td>
|
|
|
- <td>12</td>
|
|
|
- <td>3</td>
|
|
|
- <td>3</td>
|
|
|
- <td>3</td>
|
|
|
- <td>5</td>
|
|
|
- <td>2</td>
|
|
|
- <td>8</td>
|
|
|
- <td>4</td>
|
|
|
- <td>5</td>
|
|
|
- <td>1</td>
|
|
|
- <td>1</td>
|
|
|
- <td>1</td>
|
|
|
- <td>3</td>
|
|
|
- <td>2</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td>2</td>
|
|
|
- <td>镇江</td>
|
|
|
- <td>57</td>
|
|
|
- <td>12</td>
|
|
|
- <td>3</td>
|
|
|
- <td>3</td>
|
|
|
- <td>3</td>
|
|
|
- <td>5</td>
|
|
|
- <td>2</td>
|
|
|
- <td>8</td>
|
|
|
- <td>4</td>
|
|
|
- <td>5</td>
|
|
|
- <td>1</td>
|
|
|
- <td>1</td>
|
|
|
- <td>1</td>
|
|
|
- <td>3</td>
|
|
|
- <td>2</td>
|
|
|
- </tr>
|
|
|
+ <tbody id="statisticsTableInfo">
|
|
|
</tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="charts">
|
|
|
- <div class="chartsSun borderBottomChart borderRightChart">
|
|
|
+ <div class="chartsSun borderBottomChart borderRightChart" style="width:50%;float:left;">
|
|
|
<div class="chartsTitle"><span>船舶类型</span></div>
|
|
|
- <div class="chartPar" id="shipType" style=" width: 696.5px; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" ></div>
|
|
|
+ <div class="chartPar" id="shipType" style="width: 100%; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);" >
|
|
|
+ <img alt="" src="<%=basePath%>/img/common/no_stat_data.png"style=" width: 163px; height: 144px;display:none;margin:78px auto;">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="chartsSun borderBottomChart">
|
|
|
+ <div class="chartsSun borderBottomChart" style="width:50%;float:left;">
|
|
|
<div class="chartsTitle"><span>各港口锚泊次数</span></div>
|
|
|
- <div class="chartPar" id ="shipTime" style=" width: 696.5px; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> </div>
|
|
|
+ <div class="chartPar" id ="shipTime" style=" width: 100%; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
|
+ <img alt="" src="<%=basePath%>/img/common/no_stat_data.png" style=" width: 163px; height: 144px;display:none;margin:78px auto;">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="chartsSun borderRightChart ">
|
|
|
+
|
|
|
+ <div class="chartsSun borderRightChart " style="width:50%;float:left;">
|
|
|
<div class="chartsTitle"><span>船舶等级统计</span></div>
|
|
|
- <div class="chartPar" id ="shipCount" style=" width: 696.5px; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
|
|
|
+ <div class="chartPar" id ="shipCount" style="width: 100%; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
|
+ <img alt="" src="<%=basePath%>/img/common/no_stat_data.png" style="width: 163px; height: 144px;display:none;margin:78px auto;">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="chartsSun ">
|
|
|
+ <div class="chartsSun" style="width:50%;float:left;">
|
|
|
<div class="chartsTitle"><span>锚泊次数统计</span></div>
|
|
|
- <div class="chartPar" id="anchorageTime" style=" width: 696.5px; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
|
|
|
+ <div class="chartPar" id="anchorageTime" style="width: 100%; height: 300px;position: relative; overflow: hidden; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
|
+ <img alt="" src="<%=basePath%>/img/common/no_stat_data.png" style=" width: 163px; height: 144px;display:none;margin:78px auto;">
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- </div> -->
|