369 lines
10 KiB
JavaScript
369 lines
10 KiB
JavaScript
|
var example = null;
|
|||
|
|
var pers = null;
|
|||
|
|
var layer;
|
|||
|
|
var form;
|
|||
|
|
var laydate;
|
|||
|
|
layui.use(['layer','form'], function () {
|
|||
|
|
layer = layui.layer;
|
|||
|
|
form = layui.form;
|
|||
|
|
laydate = layui.laydate;
|
|||
|
|
|
|||
|
|
getDeviceTypeSelect();
|
|||
|
|
|
|||
|
|
init();
|
|||
|
|
|
|||
|
|
var minListDate = $('#hidMinListDate').val();//最小可选时间，例：1990-02-01
|
|||
|
|
var maxListDate = $('#hidMaxListDate').val();//最大可选时间，例：2200-12-31
|
|||
|
|
// $('#startTime').val(getNowTime());
|
|||
|
|
// $('#endTime').val(getNowTime());
|
|||
|
|
var begin = "#startTime", end = "#endTime";//开始时间选择框、结束时间选择框：文本框
|
|||
|
|
var endChange = function (val, date) {
|
|||
|
|
if (date && date.year)
|
|||
|
|
begindate.config.max = {
|
|||
|
|
year: date.year,
|
|||
|
|
month: date.month - 1,//必须减1才是正确值
|
|||
|
|
date: date.date,
|
|||
|
|
hours: date.hours,
|
|||
|
|
minutes: date.minutes,
|
|||
|
|
seconds: date.seconds
|
|||
|
|
};
|
|||
|
|
else {
|
|||
|
|
var dateInit = new Date(maxListDate.replace(/-/g, "/"));
|
|||
|
|
begindate.config.max = {
|
|||
|
|
year: dateInit.getFullYear(),
|
|||
|
|
month: dateInit.getMonth(),
|
|||
|
|
date: dateInit.getDate(),
|
|||
|
|
hours: dateInit.getHours(),
|
|||
|
|
minutes: dateInit.getMinutes(),
|
|||
|
|
seconds: dateInit.getSeconds()
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var beginChange = function (val, date) {
|
|||
|
|
if (date && date.year)
|
|||
|
|
enddate.config.min = {
|
|||
|
|
year: date.year,
|
|||
|
|
month: date.month - 1,
|
|||
|
|
date: date.date,
|
|||
|
|
hours: date.hours,
|
|||
|
|
minutes: date.minutes,
|
|||
|
|
seconds: date.seconds
|
|||
|
|
};
|
|||
|
|
else {
|
|||
|
|
var dateInit = new Date(minListDate.replace(/-/g, "/"));
|
|||
|
|
enddate.config.min = {
|
|||
|
|
year: dateInit.getFullYear(),
|
|||
|
|
month: dateInit.getMonth(),
|
|||
|
|
date: dateInit.getDate(),
|
|||
|
|
hours: dateInit.getHours(),
|
|||
|
|
minutes: dateInit.getMinutes(),
|
|||
|
|
seconds: dateInit.getSeconds()
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
var enddate = laydate.render({
|
|||
|
|
elem: end,
|
|||
|
|
type: 'datetime',
|
|||
|
|
format: 'yyyy-MM-dd HH:mm:ss',
|
|||
|
|
min: minListDate,
|
|||
|
|
max: maxListDate,
|
|||
|
|
done: endChange
|
|||
|
|
});
|
|||
|
|
var begindate = laydate.render({
|
|||
|
|
elem: begin,
|
|||
|
|
type: 'datetime',
|
|||
|
|
format: 'yyyy-MM-dd HH:mm:ss',
|
|||
|
|
min: minListDate,
|
|||
|
|
max: maxListDate,
|
|||
|
|
done: beginChange
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
function search(){
|
|||
|
|
var keyWord = $("#keyWord").val();
|
|||
|
|
var deviceType = $("#deviceType").val();
|
|||
|
|
var startTime = $("#startTime").val();
|
|||
|
|
var endTime = $("#endTime").val();
|
|||
|
|
var opt = {
|
|||
|
|
url: dataUrl + "video/getHisVioPhotosList",
|
|||
|
|
silent: true,
|
|||
|
|
query: {
|
|||
|
|
keyWord: keyWord,
|
|||
|
|
deviceType: deviceType,
|
|||
|
|
startTime: startTime,
|
|||
|
|
endTime: endTime
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
$("#table").bootstrapTable('refresh', opt);
|
|||
|
|
}
|
|||
|
|
function responseHandler(res) {
|
|||
|
|
var datas=[];
|
|||
|
|
datas.push({total:res.total,rows:res.list});
|
|||
|
|
return datas[0];
|
|||
|
|
}
|
|||
|
|
function init() {
|
|||
|
|
//初始化Table
|
|||
|
|
$("#table").bootstrapTable({
|
|||
|
|
classes: 'table table-hover',
|
|||
|
|
url: dataUrl + "video/getHisVioPhotosList",
|
|||
|
|
method: 'post',
|
|||
|
|
responseHandler: responseHandler, //处理服务器返回的数据格式
|
|||
|
|
height: $(window).height() - ($(window).height() * 0.13),
|
|||
|
|
undefinedText: '', //当数据为 undefined 时显示的字符
|
|||
|
|
queryParams: function(param) {
|
|||
|
|
var a=this;
|
|||
|
|
param = {
|
|||
|
|
// subName: subName,
|
|||
|
|
pageSize: param.limit,
|
|||
|
|
pageNum: param.offset / param.limit + 1,
|
|||
|
|
sort: param.sort, //排序列名
|
|||
|
|
sortOrder: param.order //排位命令（desc，asc）
|
|||
|
|
}
|
|||
|
|
return param;
|
|||
|
|
},
|
|||
|
|
sortable: false, //是否启用排序
|
|||
|
|
sortOrder: "asc", //排序方式
|
|||
|
|
cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
|
|||
|
|
pagination: true,
|
|||
|
|
pageNumber: 1,
|
|||
|
|
pageSize: 50,
|
|||
|
|
pageList: [50, 100, 200, 300],
|
|||
|
|
smartDisplay: false,
|
|||
|
|
showColumns: false,
|
|||
|
|
sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
|
|||
|
|
contentType: "application/x-www-form-urlencoded",
|
|||
|
|
minimumCountColumns: 2, //最少允许的列数
|
|||
|
|
uniqueId: "no", //每一行的唯一标识，一般为主键列
|
|||
|
|
columns: [{
|
|||
|
|
title: '序号',
|
|||
|
|
formatter: function(value, row, index) {
|
|||
|
|
return index + 1;
|
|||
|
|
},
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
width: 50
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '工程名称',
|
|||
|
|
field: 'proName',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 100
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '承包商名称',
|
|||
|
|
field: 'consName',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 230
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '班组名称',
|
|||
|
|
field: 'teamName',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 100
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '姓名',
|
|||
|
|
field: 'violators',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 150
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '设备类型',
|
|||
|
|
formatter: function(value, row, index) {
|
|||
|
|
var html = '';
|
|||
|
|
var deviceType = row.deviceType;
|
|||
|
|
var type = '';
|
|||
|
|
if(deviceType == '1'){
|
|||
|
|
type = '球机';
|
|||
|
|
}
|
|||
|
|
if(deviceType == '2'){
|
|||
|
|
type = '安全帽';
|
|||
|
|
}
|
|||
|
|
if(deviceType == '3'){
|
|||
|
|
type = '执法仪';
|
|||
|
|
}
|
|||
|
|
html += '<div style="color:#fff;">' + type + '</div>';
|
|||
|
|
return html;
|
|||
|
|
},
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '设备名称',
|
|||
|
|
field: 'deviceName',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '违章类型',
|
|||
|
|
field: 'violationType',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 100
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '违章时间',
|
|||
|
|
field: 'violationTime',
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 200
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '违章照片',
|
|||
|
|
formatter: function(value, row, index) {
|
|||
|
|
var html = '';
|
|||
|
|
var violationAddress = row.violationAddress;
|
|||
|
|
html += '<img src="' + violationAddress + '" width="100px"/>';
|
|||
|
|
return html;
|
|||
|
|
},
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
title: '操作',
|
|||
|
|
formatter: function(value, row, index) {
|
|||
|
|
var html = '';
|
|||
|
|
var id = row.id;
|
|||
|
|
html += '<div onclick="delBtn(' + id + ')" style="color:#fff;background-color:#02A7F0;cursor: pointer;">删除</div>';
|
|||
|
|
return html;
|
|||
|
|
},
|
|||
|
|
rowspan: 1,
|
|||
|
|
align: 'center',
|
|||
|
|
valign: 'middle',
|
|||
|
|
sortable: true,
|
|||
|
|
width: 100
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
onLoadSuccess: function(data) {
|
|||
|
|
$("#dataCount").html("数量：" + data.total);
|
|||
|
|
},
|
|||
|
|
onLoadError: function() {
|
|||
|
|
$("#dataCount").html("数量:0");
|
|||
|
|
$("#table").bootstrapTable('removeAll');
|
|||
|
|
top.layer.close(index);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//删除
|
|||
|
|
function delBtn(id){
|
|||
|
|
layer.confirm("确认删除吗？", function () {
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: dataUrl + 'video/delById',
|
|||
|
|
data:{
|
|||
|
|
id: id
|
|||
|
|
},
|
|||
|
|
success: function (data) {
|
|||
|
|
if(data.code == '200'){
|
|||
|
|
layer.alert(data.msg,{icon:1});
|
|||
|
|
search();
|
|||
|
|
}else{
|
|||
|
|
layer.alert(data.msg,{icon:2});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: function (err) {
|
|||
|
|
console.log("获取设备类型下拉列表出错：", err);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 导出数据
|
|||
|
|
*/
|
|||
|
|
function exportBtn() {
|
|||
|
|
var index = layer.msg('数据较多，请稍等。。。', {
|
|||
|
|
icon: 4,
|
|||
|
|
time: 100000 //2秒关闭（如果不配置，默认是3秒）
|
|||
|
|
});
|
|||
|
|
var keyWord = $("#keyWord").val();
|
|||
|
|
var deviceType = $("#deviceType").val();
|
|||
|
|
var startTime = $("#startTime").val();
|
|||
|
|
var endTime = $("#endTime").val();
|
|||
|
|
window.location.href = dataUrl + "video/exportHisVioPhotos?keyWord=" + keyWord + "&deviceType=" + deviceType + "&startTime=" + startTime+"&endTime=" + endTime;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getDeviceTypeSelect(id) {
|
|||
|
|
$("#deviceType").html("");
|
|||
|
|
$("#deviceType").empty();
|
|||
|
|
$.ajax({
|
|||
|
|
type: 'post',
|
|||
|
|
url: dataUrl + 'video/getDeviceTypeSelect',
|
|||
|
|
async: false,
|
|||
|
|
success: function (data) {
|
|||
|
|
var html = '';
|
|||
|
|
if (data.length > 1) {
|
|||
|
|
html = '<option value="">--请选择设备类型--</option>';
|
|||
|
|
}
|
|||
|
|
for (var i = 0; i < data.length; i++) {
|
|||
|
|
if (id=null && id== data[i].deviceId) {
|
|||
|
|
html += '<option selected value=\'' + data[i].deviceId + '\'>' + data[i].deviceName + '</option>';
|
|||
|
|
} else {
|
|||
|
|
html += '<option value="' + data[i].deviceId + '">' + data[i].deviceName + '</option>';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
$("#deviceType").html(html);
|
|||
|
|
form.render();
|
|||
|
|
},
|
|||
|
|
error: function (err) {
|
|||
|
|
console.log("获取设备类型下拉列表出错：", err);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获得当前时间 yyyy-MM-dd
|
|||
|
|
* @returns {string}
|
|||
|
|
*/
|
|||
|
|
function getNowTime() {
|
|||
|
|
var time = new Date();
|
|||
|
|
var year = time.getFullYear();
|
|||
|
|
var month = time.getMonth() + 1 >= 10 ? time.getMonth() + 1 : '0' + (time.getMonth() + 1);
|
|||
|
|
var day = time.getDate() >= 10 ? time.getDate() : '0' + time.getDate();
|
|||
|
|
var hours = time.getHours() >= 10 ? time.getHours() : '0' + time.getHours();
|
|||
|
|
var minutes = time.getMinutes() >= 10 ? time.getMinutes() : '0' + time.getMinutes();
|
|||
|
|
var seconds = time.getSeconds() >= 10 ? time.getSeconds() : '0' + time.getSeconds();
|
|||
|
|
return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 获取当月第一天
|
|||
|
|
* @returns {string}
|
|||
|
|
*/
|
|||
|
|
function getCurrentMonthFirst() {
|
|||
|
|
var date = new Date();
|
|||
|
|
date.setDate(1);
|
|||
|
|
var year = date.getFullYear();
|
|||
|
|
var month = date.getMonth() + 1 > 10 ? date.getMonth() + 1 : '0' + (date.getMonth() + 1);
|
|||
|
|
var day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
|
|||
|
|
return year + "-" + month + "-" + day;
|
|||
|
|
}
|
|||
|
|
|