var uid = $("#3dnzNxplgTiHaddR",top.window.document).val();
|
var companyId = '';
|
|
var Home = {
|
id: "VersionTable", //表格id
|
seItem: null, //选中的条目
|
table: null,
|
layerIndex: -1,
|
businessType:null,//存储企业信息
|
};
|
|
/**
|
* 点击添加信息
|
*/
|
Home.openNetCarInfo = function (e) {
|
var id = e.getExtData()[0];
|
var index = layer.open({
|
type: 2,
|
title: '详细数据',
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/home/openNetCarInfo?id=' + id,
|
});
|
this.layerIndex = index;
|
};
|
|
|
|
Home.onlineDriver = function (e) {
|
var id = e.getExtData()[0];
|
var index = layer.open({
|
type: 2,
|
title: '在线司机',
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/home/showOnlineDriver',
|
});
|
this.layerIndex = index;
|
};
|
|
|
$(function () {
|
var first = $('.breadcrumb').children('li:first').children('a');
|
first.css({
|
'color': '#AB2626'
|
})
|
var className = first.attr('class');
|
$('.content').hide();
|
$('#' + className + 'Div').show();
|
|
|
$('.breadcrumb').find('a').on('click', function () {
|
$('.breadcrumb').children('li').each(function () {
|
$(this).children('a').removeAttr('style');
|
})
|
|
$(this).css({
|
'color': '#AB2626'
|
});
|
var className = $(this).attr('class');
|
$('.content').hide();
|
$('#' + className + "Div").show();
|
switch (className) {
|
case "statistics":
|
getData();
|
break;
|
case "map":
|
var companyId = $('#branchOffice1').val();
|
if(null != companyId && '' != companyId){
|
Home.webSocketClient(companyId);
|
}else{
|
Home.webSocketClient(null);
|
}
|
break;
|
case "order":
|
Home.getAllOrder();
|
break;
|
}
|
|
})
|
|
|
|
laydate.render({
|
elem: '#addDate', //指定元素
|
format: 'yyyy-MM-dd',//日期格式
|
value: new Date(),//默认值
|
zIndex: 99999999,//层叠顺序
|
trigger: 'click',
|
done: function(value, date, endDate){
|
getData();
|
console.log(value); //得到日期生成的值，如：2017-08-18
|
}
|
});
|
laydate.render({
|
elem: '#rangeDate', //指定元素
|
format: 'yyyy-MM-dd',//日期格式
|
range: true,
|
value: '',//默认值
|
zIndex: 99999999,//层叠顺序
|
trigger: 'click',
|
done: function(value, date, endDate){
|
getData();
|
console.log(value); //得到日期生成的值，如：2017-08-18
|
}
|
});
|
getData();
|
getCompanyByUid();
|
setInterval(function () {
|
Home.webSocketClient(null);
|
}, 60000 * 5);
|
setInterval(function () {
|
Home.getAllOrder();
|
}, 60000 * 5);
|
});
|
|
|
|
let map;
|
let markers = [];
|
|
let map2;
|
|
let markers2 = [];
|
|
function initMap() {
|
// The location of Uluru
|
const uluru = { lat: 5.668430499999999, lng: -0.060339 };
|
// The map, centered at Uluru
|
map = new google.maps.Map(document.getElementById("map"), {
|
zoom: 8,
|
center: uluru,
|
});
|
|
// The map, centered at Uluru
|
map2 = new google.maps.Map(document.getElementById("map1"), {
|
zoom: 7,
|
center: uluru,
|
});
|
}
|
|
|
window.initMap = initMap;
|
|
function getCompanyByUid() {
|
$.ajax({
|
url: Feng.ctxPath + "/home/getCompanyInfoByUserId",
|
type: 'POST',
|
success: function (res) {
|
var str = '<option value="">----请选择----</option>';
|
for(var i in res){
|
str += '<option value="' + res[i].id + '">' + res[i].name + '</option>'
|
}
|
$('#branchOffice').html(str);
|
$('#branchOffice1').html(str);
|
}
|
});
|
}
|
|
|
|
|
|
|
function getData() {
|
var branchOffice = $('#branchOffice').val();
|
var addDate = $('#addDate').val();
|
var date = $('#rangeDate').val();
|
var data = new FormData();
|
if(null != branchOffice && '' != branchOffice){
|
data.append("companyId", branchOffice);
|
}
|
if(null != addDate && '' != addDate){
|
data.append("addDate", addDate);
|
}
|
if(null != date && date != ''){
|
data.append("start", date.split(' - ')[0]);
|
data.append("end", date.split(' - ')[1]);
|
}
|
|
$.ajax({
|
url: Feng.ctxPath + "/home/getSumData",
|
type: 'POST',
|
contentType: false,
|
processData: false,
|
data: data,
|
success: function (res) {
|
var operationStatus = res.operationStatus;
|
var operationSum = res.operationSum;
|
var operationGrow = res.operationGrow;
|
var operationTrend = res.operationTrend;
|
|
$('#newPassengerInfo').text(operationStatus.passengerInfo == null ? 0 : operationStatus.passengerInfo);
|
$('#newNetcardriver').text(operationStatus.netcardriver == null ? 0 : operationStatus.netcardriver);
|
$('#orderDetail1').text(operationStatus.orderDetail1 == null ? 0 : operationStatus.orderDetail1);
|
$('#orderDetail2').text(operationStatus.orderDetail2 == null ? 0 : operationStatus.orderDetail2);
|
$('#orderDetail3').text(operationStatus.orderDetail3 == null ? 0 : operationStatus.orderDetail3);
|
$('#orderDetail4').text(operationStatus.orderDetail4 == null ? 0 : operationStatus.orderDetail4);
|
$('#orderDetail5').text(operationStatus.orderDetail5 == null ? 0 : operationStatus.orderDetail5);
|
|
$('#passengerInfoSum').text(operationSum.passengerInfoSum == null ? 0 : operationSum.passengerInfoSum);
|
$('#netcarDriverSum').text(operationSum.netcarDriverSum == null ? 0 : operationSum.netcarDriverSum);
|
$('#netCarSum').text(operationSum.netCarSum == null ? 0 : operationSum.netCarSum);
|
$('#orderDetailSum').text(operationSum.orderDetailSum == null ? 0 : operationSum.orderDetailSum);
|
$('#paiceSum').text(operationSum.paiceSum == null ? 0 : operationSum.paiceSum);
|
$('#paySum').text(operationSum.paySum == null ? 0 : operationSum.paySum);
|
|
$('#passengerInfoSum1').text(operationGrow.passengerInfoSum == null ? 0 : operationGrow.passengerInfoSum);
|
$('#netcarDriverSum1').text(operationGrow.netcarDriverSum == null ? 0 : operationGrow.netcarDriverSum);
|
$('#orderDetail11').text(operationGrow.orderDetail1 == null ? 0 : operationGrow.orderDetail1);
|
$('#orderDetail21').text(operationGrow.orderDetail2 == null ? 0 : operationGrow.orderDetail2);
|
$('#orderDetail31').text(operationGrow.orderDetail3 == null ? 0 : operationGrow.orderDetail3);
|
$('#orderDetail41').text(operationGrow.orderDetail4 == null ? 0 : operationGrow.orderDetail4);
|
$('#orderDetail51').text(operationGrow.orderDetail5 == null ? 0 : operationGrow.orderDetail5);
|
$('#paySum1').text(operationGrow.paySum == null ? 0 : operationGrow.paySum);
|
$('#paiceSum1').text(operationGrow.paiceSum == null ? 0 : operationGrow.paiceSum);
|
|
$('#orderDetailSum1').sparkline(operationTrend.orderDetailSum, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
$('#passengerInfoSum2').sparkline(operationTrend.passengerInfoSum, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
$('#orderDetail12').sparkline(operationTrend.orderDetail1, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
$('#orderDetail22').sparkline(operationTrend.orderDetail2, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
$('#orderDetail32').sparkline(operationTrend.orderDetail3, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
$('#orderDetail42').sparkline(operationTrend.orderDetail4, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
$('#orderDetail52').sparkline(operationTrend.orderDetail5, {
|
lineColor:'green',
|
width: '100%',
|
height: '33px'
|
});
|
}
|
});
|
}
|
|
|
|
function clearMarkers() {
|
for (let i = 0; i < markers.length; i++) {
|
markers[i].setMap(null);
|
}
|
markers = [];
|
}
|
|
function clearMarkers1() {
|
for (let i = 0; i < markers2.length; i++) {
|
markers2[i].setMap(null);
|
}
|
markers2 = [];
|
}
|
|
|
|
Home.webSocketClient = function (companyId) {
|
$.ajax({
|
url: Feng.ctxPath + '/home/getDriverPosition',
|
type: 'POST',
|
data: {
|
companyId: companyId
|
},
|
success: function (res) {
|
clearMarkers();
|
var data1 = res.driver1;
|
var data2 = res.driver2;
|
var order = res.order;
|
var d = '';
|
for(var i in data1){
|
var driver = data1[i].driver;
|
var driverId = driver.id;
|
d += '<li class="list-group-item" id="' + driverId + '">' + driver.firstName + " " + driver.lastName + '-' + driver.phone + '</li>';
|
if('' != data1[i].lon){
|
const image = {
|
url: "/static/icon_car@2x.png",
|
size: new google.maps.Size(50, 50),
|
origin: new google.maps.Point(16, 15),
|
anchor: new google.maps.Point(0, 0),
|
};
|
const shape = {
|
coords: [1, 1, 1, 20, 18, 20, 18, 1],
|
type: "poly",
|
};
|
|
markers.push(
|
new google.maps.Marker({
|
position: { lat: parseFloat(data1[i].lat), lng: parseFloat(data1[i].lon) },
|
map,
|
icon: image,
|
shape: shape,
|
title: driver.name + '-' + driver.phone,
|
zIndex: driverId,
|
})
|
)
|
}
|
}
|
|
for(var i in data2){
|
var driver = data2[i].driver;
|
var driverId = driver.id;
|
d += '<li class="list-group-item" id="' + driverId + '">' + driver.firstName + " " + driver.lastName + '-' + driver.phone + '</li>';
|
if('' != data2[i].lon){
|
const image = {
|
url: "/static/car.png",
|
size: new google.maps.Size(50, 50),
|
origin: new google.maps.Point(0, 0),
|
anchor: new google.maps.Point(0, 50),
|
};
|
const shape = {
|
coords: [1, 1, 1, 20, 18, 20, 18, 1],
|
type: "poly",
|
};
|
|
markers.push(
|
new google.maps.Marker({
|
position: { lat: parseFloat(data2[i].lat), lng: parseFloat(data2[i].lon) },
|
map,
|
icon: image,
|
shape: shape,
|
title: driver.name + '-' + driver.phone,
|
zIndex: driverId,
|
})
|
)
|
}
|
}
|
$('#netcardriver').html(d);
|
|
//订单数据
|
var zhuanche = order.zhuanche;
|
var kuacheng = order.kuacheng;
|
var o = '';
|
$('#order').html(o);
|
|
var zc = '<div class="list-group"><a href="#" class="list-group-item active">专车未接订单</a>'
|
for(var i in zhuanche){
|
zc += '<a href="#" class="list-group-item"><p class="list-group-item-text">起点：' + zhuanche[i].startAddress + '</p><p class="list-group-item-text">终点：' + zhuanche[i].endAddress + '</p>' +
|
'<p class="list-group-item-text">下单时间：' + new Date(zhuanche[i].travelTime) + '</p>' +
|
'</a>';
|
}
|
zc += '</div>';
|
o += zc;
|
|
var kc = '<div class="list-group"><a href="#" class="list-group-item active">市内小件物流未接订单</a>'
|
for(var i in kuacheng){
|
kc += '<a href="#" class="list-group-item"><p class="list-group-item-text">起点：' + kuacheng[i].startAddress + '</p><p class="list-group-item-text">终点：' + kuacheng[i].endAddress + '</p>' +
|
'<p class="list-group-item-text">下单时间：' + new Date(kuacheng[i].travelTime) + '</p><p class="list-group-item-text">物品类型：' + kuacheng[i].cargoName + '</p>' +
|
'<p class="list-group-item-text">数量：' + kuacheng[i].cargoNumber + '</p></a>';
|
}
|
|
kc += '</div>';
|
o += kc;
|
|
$('#order').html(o);
|
}
|
})
|
}
|
|
|
|
Home.getAllOrder = function () {
|
$.ajax({
|
url: Feng.ctxPath + '/home/getAllOrder',
|
type: 'POST',
|
success: function (res) {
|
clearMarkers1()
|
for(var i in res){
|
markers2.push(
|
new google.maps.Marker({
|
position: { lat: parseFloat(res[i].lat), lng: parseFloat(res[i].lon) },
|
map: map2,
|
})
|
)
|
}
|
}
|
});
|
}
|
|
|
|
function getData1() {
|
var companyId = null;
|
var branchOffice1 = $('#branchOffice1').val();
|
if('' != branchOffice1 && null != branchOffice1){
|
companyId = branchOffice1;
|
}
|
Home.webSocketClient(companyId);
|
}
|
