var uid = $("#3dnzNxplgTiHaddR",top.window.document).val();
|
var markers = [];
|
var companyId = '';
|
|
var Home = {
|
id: "HomeTable", //表格id
|
seItem: null, //选中的条目
|
table: null,
|
layerIndex: -1,
|
businessType:null,//存储企业信息
|
};
|
|
|
/**
|
* 初始化表格的列
|
*/
|
Home.initColumn = function () {
|
return [
|
{field: 'selectItem', radio: true},
|
{title: '主键ID', field: 'id', visible: false, align: 'center', valign: 'middle'},
|
{title: '最后在线时间', field: 'insertTime', visible: true, align: 'center', valign: 'middle',
|
formatter: function (value, row) {
|
var btn = "";
|
if(row.insertTime != '' && row.insertTime != null) {
|
var time = row.insertTime.replace(" ",'<br>');
|
btn = ['<p class="toolTip" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" title="' + row.insertTime + '" onfocus="TUser.tooltip()">' + time + '</p>']
|
}
|
return btn;
|
}
|
},
|
{title: '司机头像', field: 'headImgUrl', visible: true, align: 'center', valign: 'middle',
|
formatter: function (value, row) {
|
if (row.headImgUrl == null || row.headImgUrl == '') {
|
return '<a class = "view" href="javascript:void(0)"><img style="width: 50px;height:50px;" src="' + Feng.ctxPath + '/static/img/NoPIC.png" /></a>';
|
} else {
|
return '<a class = "view" href="javascript:void(0)"><img style="width: 90px;height:50px;" src="' + row.headImgUrl + '" /></a>';
|
}
|
},
|
events: 'operateEvents'
|
},
|
{title: '司机姓名', field: 'name', visible: true, align: 'center', valign: 'middle',
|
formatter: function (value, row) {
|
var btn = "";
|
if(row.name != '' && row.name != null) {
|
btn = ['<p class="toolTip" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis;" title="' + row.name + '" onfocus="TUser.tooltip()">' + row.name + '</p>']
|
}
|
return btn;
|
}
|
},
|
{title: '司机电话', field: 'phone', visible: false, align: 'center', valign: 'middle'},
|
{title: '在线设备', field: 'device', visible: true, align: 'center', valign: 'middle'},
|
{title: '当前版本', field: 'version', visible: true, align: 'center', valign: 'middle'}
|
];
|
};
|
|
|
|
/**
|
* 点击添加信息
|
*/
|
Home.openNetCarInfo = function (e) {
|
var id = e.getExtData()[0];
|
var index = layer.open({
|
type: 2,
|
title: '详细数据',
|
area: ['770px', '500px'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/home/openNetCarInfo?id=' + id,
|
});
|
this.layerIndex = index;
|
};
|
|
|
|
Home.onlineDriver = function () {
|
var index = layer.open({
|
type: 2,
|
title: '在线司机',
|
area: ['100%', '100%'], //宽高
|
fix: false, //不固定
|
maxmin: true,
|
content: Feng.ctxPath + '/home/showDriverOnline',
|
});
|
this.layerIndex = index;
|
};
|
|
|
Home.search = function () {
|
var queryData = {};
|
queryData['name'] = $("#name").val();
|
queryData['phone'] = $("#phone").val();
|
Home.table.refresh({query: queryData});
|
};
|
Home.resetSearch = function () {
|
$("#name").val("");
|
$("#phone").val("");
|
Home.search();
|
};
|
|
|
$(function () {
|
var defaultColunms = Home.initColumn();
|
var table = new BSTable(Home.id, "/home/queryOnlineDriver", defaultColunms);
|
table.setPaginationType("server");
|
Home.table = table.init();
|
|
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);
|
});
|
|
|
|
var map = new AMap.Map('container',{
|
resizeEnable: true,
|
zoom:10
|
});
|
|
|
var map_ = new AMap.Map('container_',{
|
resizeEnable: true,
|
mapStyle: 'amap://styles/1de318cbb8d12c02303a22c550b9ccc9',
|
zoom:10
|
});
|
|
var mouseTool = new AMap.MouseTool(map);
|
//监听draw事件可获取画好的覆盖物
|
var overlays = [];
|
var name = null;
|
var coordinate = '';//存储坐标
|
mouseTool.on('draw',function(e){
|
overlays.push(e.obj);
|
console.log(e.obj.getPath());
|
|
switch (name) {
|
case 'polyline':{//折线图
|
var polyline = e.obj.getPath();
|
getCoordinate(polyline);
|
break;
|
}
|
case 'polygon':{//多边形
|
var polygon = e.obj.getPath();
|
getCoordinate(polygon);
|
break;
|
}
|
case 'rectangle':{//矩形
|
var rectangle = e.obj.getPath();
|
getCoordinate(rectangle);
|
break;
|
}
|
case 'circle':{//圆行
|
var center = e.obj.getCenter();
|
var radius = e.obj.getRadius();
|
if(radius > 5000){
|
Feng.error("创建电子围栏失败，圆半径不能大于5000米");
|
return;
|
}
|
coordinate = center.lng + ',' + center.lat + ';' + radius;
|
break;
|
}
|
}
|
console.log(coordinate);
|
})
|
|
|
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'
|
});
|
}
|
});
|
}
|
|
|
Home.webSocketClient = function (companyId) {
|
$.ajax({
|
url: Feng.ctxPath + '/home/getDriverPosition',
|
type: 'POST',
|
data: {
|
companyId: companyId
|
},
|
success: function (res) {
|
map.remove(markers);
|
markers = [];
|
var data = res.driver;
|
var order = res.order;
|
var d = '';
|
for(var i in data){
|
var driver = data[i].driver;
|
var driverId = driver.id;
|
d += '<li class="list-group-item" id="' + driverId + '">' + driver.name + '-' + driver.phone + '</li>';
|
if('' != data[i].lon){
|
// 创建 AMap.Icon 实例：
|
var icon = new AMap.Icon({
|
size: new AMap.Size(40, 50), // 图标尺寸
|
image: '/static/car.png', // Icon的图像
|
// imageOffset: new AMap.Pixel(0, -60), // 图像相对展示区域的偏移量，适于雪碧图等
|
imageSize: new AMap.Size(40, 50), // 根据所设置的大小拉伸或压缩图片
|
});
|
|
var marker = new AMap.Marker({
|
position: new AMap.LngLat(data[i].lon, data[i].lat), // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
|
offset: new AMap.Pixel(-10, -10),
|
icon: icon, // 添加 Icon 实例
|
});
|
marker.setExtData([driverId])
|
marker.on('click', function(){
|
Home.openNetCarInfo(this);
|
});
|
markers.push(marker)
|
}
|
}
|
$('#netcardriver').html(d);
|
map.add(markers);
|
|
//订单数据
|
var zhuanche = order.zhuanche;
|
var kuacheng = order.kuacheng;
|
var chuzu = order.chuzu;
|
var kuahceng = order.kuahceng;
|
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].start + '</p><p class="list-group-item-text">终点：' + zhuanche[i].end + '</p>' +
|
'<p class="list-group-item-text">下单时间：' + zhuanche[i].travelTime + '</p><p class="list-group-item-text">车型：' + zhuanche[i].carModel + '</p>' +
|
'<p class="list-group-item-text">人数：' + zhuanche[i].num + '</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].start + '</p><p class="list-group-item-text">终点：' + kuacheng[i].end + '</p>' +
|
'<p class="list-group-item-text">下单时间：' + kuacheng[i].travelTime + '</p><p class="list-group-item-text">车型：' + kuacheng[i].carModel + '</p>' +
|
'<p class="list-group-item-text">人数：' + kuacheng[i].num + '</p></a>';
|
}
|
kc += '</div>';
|
o += kc;
|
|
var cz = '<div class="list-group"><a href="#" class="list-group-item active">出租车未接订单</a>'
|
for(var i in chuzu){
|
cz += '<a href="#" class="list-group-item"><p class="list-group-item-text">起点：' + chuzu[i].start + '</p><p class="list-group-item-text">终点：' + chuzu[i].end + '</p>' +
|
'<p class="list-group-item-text">下单时间：' + chuzu[i].travelTime + '</p><p class="list-group-item-text">车型：' + chuzu[i].carModel + '</p>' +
|
'<p class="list-group-item-text">人数：' + chuzu[i].num + '</p></a>';
|
}
|
cz += '</div>';
|
o += cz;
|
|
var cx = '<div class="list-group"><a href="#" class="list-group-item active">城乡出行未接订单</a>'
|
for(var i in kuahceng){
|
cx += '<a href="#" class="list-group-item"><p class="list-group-item-text">起点：' + kuahceng[i].start + '</p><p class="list-group-item-text">终点：' + kuahceng[i].end + '</p>' +
|
'<p class="list-group-item-text">下单时间：' + kuahceng[i].travelTime + '</p><p class="list-group-item-text">车型：' + kuahceng[i].carModel + '</p>' +
|
'<p class="list-group-item-text">人数：' + kuahceng[i].num + '</p></a>';
|
}
|
cx += '</div>';
|
o += cx;
|
|
$('#order').html(o);
|
}
|
})
|
}
|
|
|
|
Home.getAllOrder = function () {
|
$.ajax({
|
url: Feng.ctxPath + '/home/getAllOrder',
|
type: 'POST',
|
data: {
|
companyId: companyId,
|
uid: uid
|
},
|
success: function (res) {
|
var style = [{
|
url: 'https://a.amap.com/jsapi_demos/static/images/mass0.png',
|
anchor: new AMap.Pixel(6, 6),
|
size: new AMap.Size(11, 11)
|
}, {
|
url: 'https://a.amap.com/jsapi_demos/static/images/mass1.png',
|
anchor: new AMap.Pixel(4, 4),
|
size: new AMap.Size(7, 7)
|
}, {
|
url: 'https://a.amap.com/jsapi_demos/static/images/mass2.png',
|
anchor: new AMap.Pixel(3, 3),
|
size: new AMap.Size(5, 5)
|
}];
|
|
var mass = new AMap.MassMarks(citys, {
|
opacity: 0.8,
|
zIndex: 111,
|
cursor: 'pointer',
|
style: style
|
});
|
|
var marker = new AMap.Marker({content: ' ', map: map_});
|
|
mass.on('mouseover', function (e) {
|
|
marker.setPosition(e.data.lnglat);
|
marker.setLabel({content: e.data.name})
|
});
|
|
var data = [];
|
for(var i in res){
|
var obj = {
|
lnglat: [res[i].lon, res[i].lat]
|
}
|
data.push(obj);
|
}
|
mass.setData(data);
|
mass.setMap(map_);
|
}
|
});
|
}
|
|
|
|
function getData1() {
|
var companyId = null;
|
var branchOffice1 = $('#branchOffice1').val();
|
if('' != branchOffice1 && null != branchOffice1){
|
companyId = branchOffice1;
|
}
|
Home.webSocketClient(companyId);
|
}
|
