You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
278 lines
10 KiB
278 lines
10 KiB
11 months ago
|
layui.config({
|
||
|
|
base: '../../js/'
|
||
|
|
}).use(['ztree', 'form', 'layer', 'table', 'laytpl', 'laydate'], function () {
|
||
|
|
var form = layui.form,
|
||
|
|
layer = parent.layer === undefined ? layui.layer : top.layer,
|
||
|
|
$ = layui.jquery,
|
||
|
|
laytpl = layui.laytpl,
|
||
|
|
table = layui.table;
|
||
|
|
laydate = layui.laydate;
|
||
|
|
//var OrgId = JSON.parse(window.sessionStorage.getItem("userInfo")).OrgID;
|
||
|
|
var OrgId = 1;
|
||
|
|
|
||
|
|
var sTime, eTime;
|
||
|
|
//开始时间选择器
|
||
|
|
laydate.render({
|
||
|
|
elem: '#s_time',
|
||
|
|
type: 'datetime',
|
||
|
|
done: function (value, date) {
|
||
|
|
sTime = value;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
//结束时间选择器
|
||
|
|
laydate.render({
|
||
|
|
elem: '#e_time',
|
||
|
|
type: 'datetime',
|
||
|
|
done: function (value, date) {
|
||
|
|
eTime = value;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
var markers = [], pts = [], bjmaker = [], cpylist = [];
|
||
|
|
var zcIcon = new BMap.Icon("../../img/33.png", new BMap.Size(14, 14));
|
||
|
|
var bjIcon = new BMap.Icon("../../img/44.png", new BMap.Size(14, 14));
|
||
|
|
var currentpage = 1, countpage = 0, limit = 5000, markerClusterer;
|
||
|
|
var options = {
|
||
|
|
size: BMAP_POINT_SIZE_NORMAL,
|
||
|
|
shape: BMAP_POINT_SHAPE_CIRCLE,
|
||
|
|
color: '#7FE728'
|
||
|
|
}
|
||
|
|
// echart_map中国地图
|
||
|
|
function echart_map() {
|
||
|
|
map = new BMap.Map("map", { enableMapClick: false }); // 创建Map实例
|
||
|
|
map.enableScrollWheelZoom();
|
||
|
|
//添加地图类型控件
|
||
|
|
map.addControl(new BMap.MapTypeControl({
|
||
|
|
anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
|
||
|
|
mapTypes: [
|
||
|
|
BMAP_NORMAL_MAP,
|
||
|
|
BMAP_HYBRID_MAP
|
||
|
|
]
|
||
|
|
}));
|
||
|
|
map.centerAndZoom(new BMap.Point(106.142889, 32.814377), 5);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
echart_map();
|
||
|
|
|
||
|
|
|
||
|
|
carList = ["5ed0b800-311e-4f5e-a929-4dd3c107ab95"];
|
||
|
|
type = 1;
|
||
|
|
//系统列表
|
||
|
|
var tableIns = table.render({
|
||
|
|
elem: '#carlocationList',
|
||
|
|
url: '../../ashx/ZYCarHandler.ashx',
|
||
|
|
where: { Action: 'CarLocationList', type: type, carList: carList.join(","), random: new Date().getTime() },
|
||
|
|
cellMinWidth: 95,
|
||
|
|
height: "full-125",
|
||
|
|
id: "carListTable",
|
||
|
|
cols: [[
|
||
|
|
{ type: 'numbers' },
|
||
|
|
{ field: 'CARID', title: '车辆ID', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'POINTX', title: 'X坐标', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'POINTY', title: 'Y坐标', minWidth: 60, align: "center" },
|
||
|
|
{ field: 'LOCATETIME', title: '定位时间', minWidth: 60, align: "center" }
|
||
|
|
]],
|
||
|
|
done: function (res, curr, count) {
|
||
|
|
//如果是异步请求数据方式，res即为你接口返回的信息。
|
||
|
|
//如果是直接赋值的方式，res即为：{data: [], count: 99}、count为数据总长度
|
||
|
|
console.log(res.data[0]);
|
||
|
|
datas = res.data;
|
||
|
|
var line = [];
|
||
|
|
if (type == "0") {
|
||
|
|
for (var index in datas) {
|
||
|
|
//创建小车
|
||
|
|
var pt = new BMap.Point(datas[index].POINTX, datas[index].POINTY);
|
||
|
|
var myIcon = new BMap.Icon("http://lbsyun.baidu.com/jsdemo/img/fox.gif", new BMap.Size(300, 157));
|
||
|
|
var marker2 = new BMap.Marker(pt, { icon: myIcon }); // 创建标注
|
||
|
|
map.addOverlay(marker2); // 将标注添加到地图中
|
||
|
|
map.centerAndZoom(pt);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
//创建小车
|
||
|
|
var pt = new BMap.Point(datas[0].POINTX, datas[0].POINTY);
|
||
|
|
var myIcon = new BMap.Icon("../../images/car.png", new BMap.Size(300, 157));
|
||
|
|
var marker2 = new BMap.Marker(pt, { icon: myIcon }); // 创建标注
|
||
|
|
map.addOverlay(marker2); // 将标注添加到地图中
|
||
|
|
map.centerAndZoom(pt);
|
||
|
|
|
||
|
|
for (var index in datas) {
|
||
|
|
//
|
||
|
|
var pt = new BMap.Point(datas[index].POINTX, datas[index].POINTY);
|
||
|
|
line.push(pt);
|
||
|
|
}
|
||
|
|
|
||
|
|
var polyline = new BMap.Polyline(line, { strokeColor: "blue", strokeWeight: 2, strokeOpacity: 0.5 }); //创建折线
|
||
|
|
map.addOverlay(polyline); //增加折线
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
//搜索【此功能需要后台配合，所以暂时没有动态效果演示】
|
||
|
|
$(".search_btn").on("click", function () {
|
||
|
|
table.reload("carListTable", {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
},
|
||
|
|
where: {
|
||
|
|
Action: 'CarList',
|
||
|
|
keywords: $(".searchVal").val(), //搜索的关键字
|
||
|
|
class: 0,
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
function search(treeid, type) {
|
||
|
|
//console.log(treeid + "," + type);
|
||
|
|
table.reload("carListTable", {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
},
|
||
|
|
where: {
|
||
|
|
Action: 'CarList',
|
||
|
|
keywords: $(".searchVal").val(), //搜索的关键字
|
||
|
|
treeID: treeid, //所属目录
|
||
|
|
type: type, //所属目录
|
||
|
|
class: 0,
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
reload = function () {
|
||
|
|
table.reload("carListTable", {
|
||
|
|
page: {
|
||
|
|
curr: 1 //重新从第 1 页开始
|
||
|
|
},
|
||
|
|
where: {
|
||
|
|
Action: 'CarList',
|
||
|
|
keywords: $(".searchVal").val(), //搜索的关键字
|
||
|
|
class: 0,
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
//添加编辑
|
||
|
|
function AddEdit(edit) {
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
||
|
|
var title = "";
|
||
|
|
if (edit) { title = "编辑人员"; } else { title = "添加人员"; }
|
||
|
|
var index = layui.layer.open({
|
||
|
|
title: title,
|
||
|
|
type: 2,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "edit.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
var body = layui.layer.getChildFrame('body', index);
|
||
|
|
if (edit) {
|
||
|
|
body.find(".ID").val(edit.ID);
|
||
|
|
body.find(".Action").val("Edit");
|
||
|
|
|
||
|
|
body.find("#car_name").val(edit.CAR_NAME); //车辆名称
|
||
|
|
body.find("#car_no").val(edit.CAR_NO); //车辆编号
|
||
|
|
body.find("#org_id").val(edit.ORG_ID); //队
|
||
|
|
body.find("#dept_id").val(edit.DEPT_ID); //消防站
|
||
|
|
body.find("#car_num").val(edit.CAR_NUM); //车辆号牌
|
||
|
|
body.find("#car_code").val(edit.CAR_CODE); //车辆登记代号
|
||
|
|
body.find("#frame_num").val(edit.FRAME_NUM); //车架号
|
||
|
|
body.find("#engine_no").val(edit.ENGINE_NO); //发动机号
|
||
|
|
body.find("#trademark").val(edit.TRADEMARK); //商标
|
||
|
|
body.find("#gbcode").val(edit.GB_CODE); //国标代码
|
||
|
|
body.find("#factory").val(edit.FACTORY); //出厂厂家
|
||
|
|
body.find("#liableman").val(edit.LIABLEMAN); //责任人名称
|
||
|
|
body.find("#region").val(edit.REGION); //所属辖区
|
||
|
|
body.find("#isrun").val(edit.ISRUN); //是否运行
|
||
|
|
|
||
|
|
setTimeout(function () {
|
||
|
|
|
||
|
|
body.find("#org_id").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.ORG_ID + "']").click();
|
||
|
|
body.find("#dept_id").siblings("div.layui-form-select").find('dl').find("dd[lay-value='" + edit.DEPT_ID + "']").click();
|
||
|
|
|
||
|
|
}, 1000)
|
||
|
|
|
||
|
|
form.render();
|
||
|
|
} else {
|
||
|
|
body.find(".Action").val("Add");
|
||
|
|
form.render();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
window.sessionStorage.setItem("index", index);
|
||
|
|
//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
|
||
|
|
$(window).on("resize", function () {
|
||
|
|
layui.layer.full(window.sessionStorage.getItem("index"));
|
||
|
|
})
|
||
|
|
}
|
||
|
|
$(".add_btn").click(function () {
|
||
|
|
AddEdit();
|
||
|
|
});
|
||
|
|
|
||
|
|
//批量删除
|
||
|
|
$(".delAll_btn").click(function () {
|
||
|
|
var checkStatus = table.checkStatus('carListTable'),
|
||
|
|
data = checkStatus.data,
|
||
|
|
carList = [];
|
||
|
|
if (data.length > 0) {
|
||
|
|
for (var i in data) {
|
||
|
|
carList.push(data[i].ID);
|
||
|
|
}
|
||
|
|
console.log(carList.join(","));
|
||
|
|
layer.confirm('确定删除选中的车辆？', { icon: 3, title: '提示信息' }, function (index) {
|
||
|
|
//提交信息
|
||
|
|
$.post("../../ashx/ZYCarHandler.ashx", {
|
||
|
|
Action: "Del",
|
||
|
|
carList: carList.join(","),
|
||
|
|
random: new Date().getTime() //随机参数
|
||
|
|
}, function (res) {
|
||
|
|
res = $.parseJSON(res);
|
||
|
|
if (res.code == 1) {
|
||
|
|
top.layer.msg(res.msg);
|
||
|
|
reload();
|
||
|
|
} else {
|
||
|
|
top.layer.msg(res.msg);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
layer.msg("请选择需要删除的人员");
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
|
||
|
|
//列表操作
|
||
|
|
table.on('tool(carList)', function (obj) {
|
||
|
|
var layEvent = obj.event;
|
||
|
|
data = obj.data;
|
||
|
|
console.log(data);
|
||
|
|
if (layEvent == 'edit') {//修改
|
||
|
|
AddEdit(data);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
//申请表单
|
||
|
|
$(".apply_btn").click(function () {
|
||
|
|
var clientWidth = parseInt(document.body.clientWidth * 0.7) + 'px';
|
||
|
|
var clientHeight = parseInt(document.body.clientHeight * 0.9) + 'px';
|
||
|
|
var title = "申请表单";
|
||
|
|
var index = layui.layer.open({
|
||
|
|
title: title,
|
||
|
|
type: 2,
|
||
|
|
area: [clientWidth, clientHeight],
|
||
|
|
maxmin: true,
|
||
|
|
content: "apply.html",
|
||
|
|
success: function (layero, index) {
|
||
|
|
|
||
|
|
}
|
||
|
|
})
|
||
|
|
window.sessionStorage.setItem("index", index);
|
||
|
|
//改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
|
||
|
|
$(window).on("resize", function () {
|
||
|
|
layui.layer.full(window.sessionStorage.getItem("index"));
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|