";
strhtml += "| 名称： | " + marker.target.id.NAME + " |
";
if (type == "2") {
strhtml += "| 地址： | " + marker.target.id.ADDR + " |
";
//strhtml += "| 水量： | 7000m³ |
";
}
else if (type == "3") {
strhtml += "| 地址： | " + marker.target.id.ADDR + " |
";
/* strhtml += "| 水量： | 10000m³ |
";*/
}
else if (type == "8") {
//strhtml += "| 单位名称： | " + marker.target.id.NAME + " |
";
/* strhtml += "| 水量： | 10000m³ |
";*/
}
else if (type == "5") {
strhtml += "| 地址： | " + marker.target.id.ADDR + " |
";
}
else if (type == "6") {
strhtml += "| 地址： | " + marker.target.id.ADDR + " |
";
var ppp = Math.floor(Math.random() * 10);
var yyy = ppp.toString();
var mmm = Math.floor(Math.random() * (5 - 1 + 1) + 1) / 10;
console.log(mmm + yyy)
ccc = mmm + yyy
//strhtml += "| 水压： | " + ccc+"Mpa |
";
strhtml += "";
setTimeout(() => {
initMarkCharts();
}, 100)
}
else if (type == "7") {
strhtml += "| 地址： | " + marker.target.id.ADDR + " |
";
//strhtml += "| 装备： | 消防服3套，斧头2把，灭火器3个 |
";
}
strhtml += "
";
infoWindow = new AMap.InfoWindow({
content: strhtml //使用默认信息窗体框样式，显示信息内容
});
infoWindow.open(map, marker.lnglat);
}
initMarkCharts = function () {
var myChart = echarts.init(document.getElementById('chartsMain'));
// 指定图表的配置项和数据
let colors = ['#FD666D', '#37A2DA', '#FD666D'];
option = {
backgroundColor: '#123F78',
series: [{
// name: 'CPU使用率',
type: 'gauge',
center: ["50%", "50%"], // 仪表位置
radius: "100%", //仪表大小
min: 0,
max: 1,
axisLine: {
// 仪表盘
lineStyle: {
width: 20,
color: [
[0.1, colors[0]],
[0.7, colors[1]],
[1, colors[2]]
]
}
},
splitLine: {
// 分隔线样式
length: "12%"
},
axisTick: {
// 刻度样式
show: false
},
axisLabel: {
// 刻度标签
fontSize: 16,
fontWeight: 'bold',
distance: 10
},
pointer: {
// 仪表盘指针
icon: 'none',
width: 10,
length: "60%"
},
markPoint: {
// 仪表盘指针圆
animation: false,
silent: true,
data: [{
x: '50%',
y: '50%',
symbol: 'circle',
symbolSize: 50,
// itemStyle: {
// color: '#1890ff',
// },
}, {
x: '50%',
y: '50%',
symbol: 'circle',
symbolSize: 30,
itemStyle: {
color: '#fff'
},
}]
},
detail: {
// 仪表盘 显示数据
formatter: '水压：{value}MPa',
fontSize: 14,
fontWeight: 'bold'
},
data: [{
value: ccc,
// name: ""
}],
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}
//
//xhsdvcinfo = function (dvc_sn) {
// var index = layui.layer.open({
// title: "设备详情",
// type: 2,
// area: ["900px", "600px"],
// maxmin: true,
// content: "http://39.102.68.187:7606/DVC_DATA/dvcjiance_transfer.html?DVC_ID=" + dvc_sn + "&DVC_TYPE=0101",
// //content: "http://47.104.11.54:8075/XF_QY/QY_DIAN/dvcjiance.html?DVCID=" + dvc_sn + "&DVC_TYPE=0101",
// success: function (layero, index) {
// }
// });
//}
/**
*
*
* --------------------------------------------------------------------------------------------------------
* ----------------------------------------------------车辆列表--------------------------------------------
* --------------------------------------------------------------------------------------------------------
*
*/
var CarListfun = function () {
//车俩列表
var tableIns = table.render({
elem: '#carList',
url: '../../ashx/ZYCarHandler.ashx',
where: { Action: 'GetCarListByIMEI', OrgId: OrgId, random: new Date().getTime() },
cellMinWidth: 95,
//page: true,
page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
, groups: 3 //只显示 1 个连续页码
, first: false //不显示首页
, last: false //不显示尾页
},
height: 365,
limits: [10, 15, 20, 25],
limit: 10,
id: "carListTable",
skin: 'line',
cols: [[
{
field: 'CAR_NUM', title: '车牌号码', minWidth: 100, align: "center", templet: function (d) {
if (d.CAR_NUM.indexOf("?") > -1) {
return d.CAR_NUM.replace("?", "");
} else {
return d.CAR_NUM;
}
}
},
{ title: '定位', width: 70, templet: '#carLocationBar', align: "center" },
{ title: '轨迹', width: 70, templet: '#trajectoryBar', align: "center" },
//{ title: '电子围栏', width: 90, templet: '#electronicFenceBar', align: "center" }
]],
done: function (res, curr, count) {
markers = [];
for (var i in res.data) {
getCarPoint(encodeURI(JSON.stringify(res.data[i])));
}
ClusterMapfun();
}
});
}
$("#carListsearchBtn").on("click", function () {
table.reload("carListTable", {
page: {
curr: 1 //重新从第 1 页开始
},
where: {
Action: 'GetCarListByIMEI',
OrgId: OrgId,
carNum: $("#carListsearchVal").val(), //搜索的关键字
random: new Date().getTime() //随机参数
}
});
});
//文本框回车事件
$('#carListsearchVal').bind('keypress', function (event) {
if (event.keyCode == "13") {
table.reload("carListTable", {
page: {
curr: 1 //重新从第 1 页开始
},
where: {
Action: 'GetCarListByIMEI',
OrgId: OrgId,
carNum: $("#carListsearchVal").val(), //搜索的关键字
random: new Date().getTime() //随机参数
}
});
}
});
//车辆列表操作
table.on('tool(carList)', function (obj) {
var layEvent = obj.event;
var data = obj.data;
console.log(data);
if (layEvent == 'carLocation') {//定位
var FACTORY = "";
CarListArr.forEach(item => {
if (item.IMEI == data.IMEI) {
FACTORY = item.FACTORY;
return;
}
});
if (FACTORY == "1") {
$.ajax({
type: "GET",
url: _lttHTTPipUrl + "/GPS/Vehicle/VehicleLocation?vehicleNo=" + data.IMEI,
success: function (result) {
//console.log("乐兔兔车联网___车辆轨迹列表：");
console.log(result);
var point = wgs84togcj02(Number(result.Lon), Number(result.Lat));
map.setZoomAndCenter(19, point);
var infohtml = "