cwchen
/
ah_jjzhgd_webscreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of http://192.168.0.56:3000/cwchen/ah_jjzhgd_webscreen

This commit is contained in:
zzyuan 2024-04-19 17:05:49 +08:00
parent 0be514d695 9ba1a0347f
commit 4145b9c3f3
3 changed files with 285 additions and 254 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/alarmMge/alarmMge.css
View File

@ -94,4 +94,7 @@ body {
} }
.black{ .black{
color: #000; color: #000;
}
.layui-table-init {
background-color: transparent !important;
} }

512
js/pages/accessMge/accessMge.js
View File

@ -1,63 +1,61 @@
let layer,table,form,laydate; let layer, table, form, laydate;
const bidCode = parent.$('#bidPro').val(); const bidCode = parent.$('#bidPro').val();
layui.use(['layer','table','form','laydate'], function () { layui.use(['layer', 'table', 'form', 'laydate'], function () {
layer = layui.layer; layer = layui.layer;
table = layui.table; table = layui.table;
form = layui.form; form = layui.form;
laydate = layui.laydate; laydate = layui.laydate;
//时间范围设置 //时间范围设置
laydate.render({ laydate.render({
elem: '#date1', elem: '#date1',
range: true, range: true,
type: 'datetime', type: 'date',
range: '~', range: true,
change: function(value, date, endDate){ format: 'yyyy-MM-dd',
max: Date.parse(new Date()),
}
}); });
$('#date1').val(getNowTime() + " - " + getNowTime())
//时间范围设置 //时间范围设置
laydate.render({ laydate.render({
elem: '#date2', elem: '#date2',
range: true, range: true,
type: 'datetime', type: 'date',
range: '~', range: true,
change: function(value, date, endDate){ format: 'yyyy-MM-dd',
max: Date.parse(new Date()),
}
}); });
$('#date2').val(getNowTime() + " - " + getNowTime())
//今日、当月车辆出入场统计 //今日、当月车辆出入场统计
getVehicleStatistics(); getVehicleStatistics();
// //今日、当月车辆出入场统计图片 // //今日、当月车辆出入场统计图片
getVehicleStatisticsPhoto("1","1"); getVehicleStatisticsPhoto("1", "1");
// //今日、当月车辆出入场统计列表 // //今日、当月车辆出入场统计列表
getVehicleStatisticsList(bidCode); getVehicleStatisticsList(bidCode);
// //今日、当月人员出入场统计 // //今日、当月人员出入场统计
getPerStatistics(); getPerStatistics();
// //今日、当月人员出入场统计图片 // //今日、当月人员出入场统计图片
getPerStatisticsPhoto("1","1"); getPerStatisticsPhoto("1", "1");
// //今日、当月人员出入场统计列表 // //今日、当月人员出入场统计列表
getPerStatisticsList(bidCode); getPerStatisticsList(bidCode);
}); });
function getVehicleStatistics(){ function getVehicleStatistics() {
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/getVehicleStatistics?params="+montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/getVehicleStatistics?params=" + montageParam; // url
ajaxRequestGet(url, "GET", true, function () { ajaxRequestGet(url, "GET", true, function () {
}, function (result) { }, function (result) {
if (result.code === 200) { if (result.code === 200) {
if (result.data && result.data.length > 0) { if (result.data && result.data.length > 0) {
//今日、当月车辆出入场统计 //今日、当月车辆出入场统计
getStatistics(result.data) getStatistics(result.data)
}else{ } else {
//今日、当月车辆出入场统计 //今日、当月车辆出入场统计
getStatistics("") getStatistics("")
} }
@ -65,54 +63,82 @@ function getVehicleStatistics(){
layer.msg(result.msg, { icon: 2 }); layer.msg(result.msg, { icon: 2 });
} }
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) error(xhr, status, error)
}, aqEnnable); }, aqEnnable);
} }
function getStatistics(data){ function getStatistics(data) {
if(data!=""){ if (data != "") {
var jtrNum = data[0].jtrNum; var jtrNum = handleData(data[0].jtrNum);
var jrcNum = data[0].jrcNum; var jrcNum = handleData(data[0].jrcNum);
var dyrNum = data[0].dyrNum; var dyrNum = handleData2(data[0].dyrNum);
var dycNum = data[0].dycNum; var dycNum = handleData2(data[0].dycNum);
}else{ } else {
var jtrNum = "000"; var jtrNum = "000";
var jrcNum = "000"; var jrcNum = "000";
var dyrNum = "0000"; var dyrNum = "0000";
var dycNum = "0000"; var dycNum = "0000";
} }
const jtrNums = jtrNum.split("").map(Number); const jtrNums = jtrNum.split("").map(Number);
document.getElementById("oner").textContent=jtrNums[0]; document.getElementById("oner").textContent = jtrNums[0];
document.getElementById("twor").textContent=jtrNums[1]; document.getElementById("twor").textContent = jtrNums[1];
document.getElementById("threer").textContent=jtrNums[2]; document.getElementById("threer").textContent = jtrNums[2];
const jrcNums = jrcNum.split("").map(Number); const jrcNums = jrcNum.split("").map(Number);
document.getElementById("onec").textContent=jrcNums[0]; document.getElementById("onec").textContent = jrcNums[0];
document.getElementById("twoc").textContent=jrcNums[1]; document.getElementById("twoc").textContent = jrcNums[1];
document.getElementById("threec").textContent=jrcNums[2]; document.getElementById("threec").textContent = jrcNums[2];
const dyrNums = dyrNum.split("").map(Number); const dyrNums = dyrNum.split("").map(Number);
document.getElementById("onesr").textContent=dyrNums[0]; document.getElementById("onesr").textContent = dyrNums[0];
document.getElementById("twosr").textContent=dyrNums[1]; document.getElementById("twosr").textContent = dyrNums[1];
document.getElementById("threesr").textContent=dyrNums[2]; document.getElementById("threesr").textContent = dyrNums[2];
document.getElementById("foursr").textContent=dyrNums[3]; document.getElementById("foursr").textContent = dyrNums[3];
const dycNums = dycNum.split("").map(Number); const dycNums = dycNum.split("").map(Number);
document.getElementById("onesc").textContent=dycNums[0]; document.getElementById("onesc").textContent = dycNums[0];
document.getElementById("twosc").textContent=dycNums[1]; document.getElementById("twosc").textContent = dycNums[1];
document.getElementById("threesc").textContent=dycNums[2]; document.getElementById("threesc").textContent = dycNums[2];
document.getElementById("foursc").textContent=dycNums[3]; document.getElementById("foursc").textContent = dycNums[3];
var s = "../../img/video/voi_photo4.png"; var s = "../../img/video/voi_photo4.png";
var htmls = '<img src ="'+s+'" alt="" style="height:100%;width:100%; margin-top:5%" />'; var htmls = '<img src ="' + s + '" alt="" style="height:100%;width:100%; margin-top:5%" />';
$('#photo').empty().append(htmls); $('#photo').empty().append(htmls);
} }
function getVehicleStatisticsPhoto(accessType,timeType){
// 数据处理
function handleData(value) {
if (parseInt(value) > 0 && parseInt(value) < 10) {
return '00' + value;
} else if (parseInt(value) >= 10 && parseInt(value) < 100) {
return '0' + value;
} else if (parseInt(value) >= 100 && parseInt(value) < 1000) {
return value;
} else {
return '000';
}
}
// 数据处理2
function handleData2(value) {
if (parseInt(value) > 0 && parseInt(value) < 10) {
return '000' + value;
} else if (parseInt(value) >= 10 && parseInt(value) < 100) {
return '00' + value;
} else if (parseInt(value) >= 100 && parseInt(value) < 1000) {
return '0' + value;
} else if (parseInt(value) >= 1000 && parseInt(value) < 10000) {
return value;
} else {
return '0000';
}
}
function getVehicleStatisticsPhoto(accessType, timeType) {
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&accessType=' + accessType + '&timeType=' + timeType; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&accessType=' + accessType + '&timeType=' + timeType;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/getVehicleStatisticsPhoto?params="+montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/getVehicleStatisticsPhoto?params=" + montageParam; // url
ajaxRequestGet(url, "GET", true, function () { ajaxRequestGet(url, "GET", true, function () {
}, function (result) { }, function (result) {
let html = ''; let html = '';
@ -120,150 +146,151 @@ function getVehicleStatisticsPhoto(accessType,timeType){
if (result.data && result.data.length > 0) { if (result.data && result.data.length > 0) {
var s = "https://unpkg.com/outeres/demo/carousel/720x360-1.jpg"; var s = "https://unpkg.com/outeres/demo/carousel/720x360-1.jpg";
var a = "sss"; var a = "sss";
$.each(result.data, function (index, item) { $.each(result.data, function (index, item) {
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="'+s+'" alt="" style="height:100%;width:100%; margin-top:5%" />'; html += '<img src ="' + s + '" alt="" style="height:100%;width:100%; margin-top:5%" />';
html +='<span>'+ a +'</span>'; html += '<span>' + a + '</span>';
html +='</div>'; html += '</div>';
}) })
}else{ } else {
// html += '<div style="color:#71757B;">无数据</div>' // html += '<div style="color:#71757B;">无数据</div>'
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警1</span>'; html += '<span>告警1</span>';
html +='</div>'; html += '</div>';
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo2.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo2.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警2</span>'; html += '<span>告警2</span>';
html +='</div>'; html += '</div>';
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo3.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo3.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警3</span>'; html += '<span>告警3</span>';
html +='</div>'; html += '</div>';
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo4.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo4.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警4</span>'; html += '<span>告警4</span>';
html +='</div>'; html += '</div>';
} }
} else if (result.code === 500) { } else if (result.code === 500) {
layer.msg(result.msg, { icon: 2 }); layer.msg(result.msg, { icon: 2 });
} }
$('#abnormalAlarm').empty().append(html); $('#abnormalAlarm').empty().append(html);
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) errorFn(xhr, status, error)
}, aqEnnable); }, aqEnnable);
} }
function getVehicleStatisticsList(bidCode){ function getVehicleStatisticsList(bidCode) {
const url = commonUrl + "screen/largeScreen/accessMge/getVehicleStatisticsList"; // url const url = commonUrl + "screen/largeScreen/accessMge/getVehicleStatisticsList";
table.render({ table.render({
elem: '#demo1', elem: '#demo1',
url: url, url: url,
skin: 'line', skin: 'line',
page: true, page: true,
headers:{ height: 'full-560',
decrypt:"decrypt", headers: {
"Authorization":token decrypt: "decrypt",
}, "Authorization": token
where: { },
bidCode:bidCode, where: {
proName:$('#proName1').val(), bidCode: bidCode,
carNum:$('#carNum1').val(), proName: $('#proName1').val(),
date:$('#date1').val() carNum: $('#carNum1').val(),
}, date: $('#date1').val()
cols: [[ },
{type: 'numbers', title: '序号'}, // 添加序号列 cols: [[
{field: 'proName', title: '工程名称',align:'center'}, { type: 'numbers', title: '序号' }, // 添加序号列
{field: 'carNum', title: '车牌号',align:'center'}, { field: 'proName', title: '工程名称', align: 'center', width: '10%' },
{field: 'userName', title: '司机',align:'center'}, { field: 'carNum', title: '车牌号', align: 'center', width: '15%' },
{field: 'phone', title: '司机电话',align:'center'}, { field: 'userName', title: '司机', align: 'center', width: '15%' },
{field: 'accessType', title: '状态',align:'center'}, { field: 'phone', title: '司机电话', align: 'center', width: '20%' },
{field: 'accesssTime', title: '时间',align:'center'} { field: 'accessType', title: '状态', align: 'center', width: '10%' },
]], { field: 'accesssTime', title: '时间', align: 'center', width: '30%' }
initComplete: function () { ]],
// 在表格渲染完成后，重新渲染序号列 initComplete: function () {
var that = this.elem.next(); // 在表格渲染完成后，重新渲染序号列
var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table'); var that = this.elem.next();
tool.find("tr").each(function (index, item) { var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table');
tool.find("tr").each(function (index, item) {
$(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1); $(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1);
}); });
}, },
done:function(res, curr, count, origin){ done: function (res, curr, count, origin) {
console.log(res); console.log(res);
} }
}) })
} }
function getPerStatistics(){ function getPerStatistics() {
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/getPerStatistics?params="+montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/getPerStatistics?params=" + montageParam; // url
ajaxRequestGet(url, "GET", true, function () { ajaxRequestGet(url, "GET", true, function () {
}, function (result) { }, function (result) {
if (result.code === 200) { if (result.code === 200) {
if (result.data && result.data.length > 1) { if (result.data && result.data.length > 0) {
getStatisticsPer(result.data) getStatisticsPer(result.data)
}else{ } else {
getStatisticsPer("") getStatisticsPer("")
} }
} else if (result.code === 500) { } else if (result.code === 500) {
layer.msg(result.msg, { icon: 2 }); layer.msg(result.msg, { icon: 2 });
} }
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) errorFn(xhr, status, error)
setData(null); setData(null);
}, aqEnnable); }, aqEnnable);
} }
function getStatisticsPer(data){ function getStatisticsPer(data) {
if(data!=""){ let jtrNum = null, jrcNum = null, dyrNum = null, dycNum = null;
var jtrNum = data[0].jtrNum; if (data != "") {
var jrcNum = data[0].jrcNum; jtrNum = handleData(data[0].jtrNum);
var dyrNum = data[0].dyrNum; jrcNum = handleData(data[0].jrcNum);
var dycNum = data[0].dycNum; dyrNum = handleData2(data[0].dyrNum);
}else{ dycNum = handleData2(data[0].dycNum);
var jtrNum = "000"; } else {
var jrcNum = "000"; jtrNum = "000";
var dyrNum = "0000"; jrcNum = "000";
var dycNum = "0000"; dyrNum = "0000";
dycNum = "0000";
} }
const jtrNums = jtrNum.split("").map(Number); const jtrNums = jtrNum.split("").map(Number);
document.getElementById("onerPer").textContent=jtrNums[0]; document.getElementById("onerPer").textContent = jtrNums[0];
document.getElementById("tworPer").textContent=jtrNums[1]; document.getElementById("tworPer").textContent = jtrNums[1];
document.getElementById("threerPer").textContent=jtrNums[2]; document.getElementById("threerPer").textContent = jtrNums[2];
const jrcNums = jrcNum.split("").map(Number); const jrcNums = jrcNum.split("").map(Number);
document.getElementById("onecPer").textContent=jrcNums[0]; document.getElementById("onecPer").textContent = jrcNums[0];
document.getElementById("twocPer").textContent=jrcNums[1]; document.getElementById("twocPer").textContent = jrcNums[1];
document.getElementById("threecPer").textContent=jrcNums[2]; document.getElementById("threecPer").textContent = jrcNums[2];
const dyrNums = dyrNum.split("").map(Number); const dyrNums = dyrNum.split("").map(Number);
document.getElementById("onesrPer").textContent=dyrNums[0]; document.getElementById("onesrPer").textContent = dyrNums[0];
document.getElementById("twosrPer").textContent=dyrNums[1]; document.getElementById("twosrPer").textContent = dyrNums[1];
document.getElementById("threesrPer").textContent=dyrNums[2]; document.getElementById("threesrPer").textContent = dyrNums[2];
document.getElementById("foursrPer").textContent=dyrNums[3]; document.getElementById("foursrPer").textContent = dyrNums[3];
const dycNums = dycNum.split("").map(Number); const dycNums = dycNum.split("").map(Number);
document.getElementById("onescPer").textContent=dycNums[0]; document.getElementById("onescPer").textContent = dycNums[0];
document.getElementById("twoscPer").textContent=dycNums[1]; document.getElementById("twoscPer").textContent = dycNums[1];
document.getElementById("threescPer").textContent=dycNums[2]; document.getElementById("threescPer").textContent = dycNums[2];
document.getElementById("fourscPer").textContent=dycNums[3]; document.getElementById("fourscPer").textContent = dycNums[3];
var s = "../../img/video/voi_photo4.png"; var s = "../../img/video/voi_photo4.png";
var htmls = '<img src ="'+s+'" alt="" style="height:100%;width:100%; margin-top:5%" />'; var htmls = '<img src ="' + s + '" alt="" style="height:100%;width:100%; margin-top:5%" />';
$('#photos').empty().append(htmls); $('#photos').empty().append(htmls);
} }
function getPerStatisticsPhoto(accessType,timeType){ function getPerStatisticsPhoto(accessType, timeType) {
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&accessType=' + accessType + '&timeType=' + timeType; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&accessType=' + accessType + '&timeType=' + timeType;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/getPerStatisticsPhoto?params="+montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/getPerStatisticsPhoto?params=" + montageParam; // url
ajaxRequestGet(url, "GET", true, function () { ajaxRequestGet(url, "GET", true, function () {
}, function (result) { }, function (result) {
let html = ''; let html = '';
@ -271,147 +298,148 @@ function getPerStatisticsPhoto(accessType,timeType){
if (result.data && result.data.length > 0) { if (result.data && result.data.length > 0) {
var s = "https://unpkg.com/outeres/demo/carousel/720x360-1.jpg"; var s = "https://unpkg.com/outeres/demo/carousel/720x360-1.jpg";
var a = "sss"; var a = "sss";
$.each(result.data, function (index, item) { $.each(result.data, function (index, item) {
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="'+s+'" alt="" style="height:95%;width:100%; margin-top:5%" />'; html += '<img src ="' + s + '" alt="" style="height:95%;width:100%; margin-top:5%" />';
html +='<span>'+ a +'</span>'; html += '<span>' + a + '</span>';
html +='</div>'; html += '</div>';
}) })
}else{ } else {
// html += '<div style="color:#71757B;">无数据</div>' // html += '<div style="color:#71757B;">无数据</div>'
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警1</span>'; html += '<span>告警1</span>';
html +='</div>'; html += '</div>';
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo2.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo2.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警2</span>'; html += '<span>告警2</span>';
html +='</div>'; html += '</div>';
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo3.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo3.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警3</span>'; html += '<span>告警3</span>';
html +='</div>'; html += '</div>';
html +='<div class="abnormalAlarmImg">'; html += '<div class="abnormalAlarmImg">';
html +='<img src ="../../img/video/voi_photo4.png" alt="" style="height:85%;width:100%; margin-top:5%" />'; html += '<img src ="../../img/video/voi_photo4.png" alt="" style="height:85%;width:100%; margin-top:5%" />';
html +='<span>告警4</span>'; html += '<span>告警4</span>';
html +='</div>'; html += '</div>';
} }
} else if (result.code === 500) { } else if (result.code === 500) {
layer.msg(result.msg, { icon: 2 }); layer.msg(result.msg, { icon: 2 });
} }
$('#abnormalAlarms').empty().append(html); $('#abnormalAlarms').empty().append(html);
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) error(xhr, status, error)
}, aqEnnable); }, aqEnnable);
} }
function getPerStatisticsList(bidCode){ function getPerStatisticsList(bidCode) {
const url = commonUrl + "screen/largeScreen/accessMge/getPerStatisticsList"; // url const url = commonUrl + "screen/largeScreen/accessMge/getPerStatisticsList";
table.render({ table.render({
elem: '#demo2', elem: '#demo2',
url: url, url: url,
skin: 'line', skin: 'line',
page: true, page: true,
headers:{ height: 'full-560',
decrypt:"decrypt", headers: {
"Authorization":token decrypt: "decrypt",
"Authorization": token
}, },
where: { where: {
bidCode:bidCode, bidCode: bidCode,
proName:$('#proName2').val(), proName: $('#proName2').val(),
userName:$('#userName').val(), userName: $('#userName').val(),
date:$('#date2').val() date: $('#date2').val()
}, },
cols: [[ cols: [[
{type: 'numbers', title: '序号'}, // 添加序号列 { type: 'numbers', title: '序号', width: '10%' }, // 添加序号列
{field: 'proName', title: '工程名称',align:'center'}, { field: 'proName', title: '工程名称', align: 'center', width: '20%' },
{field: 'userName', title: '姓名',align:'center'}, { field: 'userName', title: '姓名', align: 'center', width: '10%' },
{field: 'phone', title: '电话',align:'center'}, { field: 'phone', title: '电话', align: 'center', width: '20%' },
{field: 'accessType', title: '状态',align:'center'}, { field: 'accessType', title: '状态', align: 'center', width: '10%' },
{field: 'accesssTime', title: '时间',align:'center'} { field: 'accesssTime', title: '时间', align: 'center', width: '30%' }
]], ]],
initComplete: function () { initComplete: function () {
// 在表格渲染完成后，重新渲染序号列 // 在表格渲染完成后，重新渲染序号列
var that = this.elem.next(); var that = this.elem.next();
var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table'); var tool = that.children('.layui-table-box').children('.layui-table-fixed').children('.layui-table-body').children('.layui-table');
tool.find("tr").each(function (index, item) { tool.find("tr").each(function (index, item) {
$(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1); $(this).find('td[data-field="LAY_TABLE_INDEX"]').text(index + 1);
}); });
}, },
done:function(res, curr, count, origin){ done: function (res, curr, count, origin) {
console.log(res); console.log(res);
} }
}) })
} }
function getQueryList(type){ function getQueryList(type) {
if(type==1){ if (type == 1) {
getVehicleStatisticsList(bidCode); getVehicleStatisticsList(bidCode);
}else{ } else {
getPerStatisticsList(bidCode); getPerStatisticsList(bidCode);
} }
} }
function exportVehicleData(){ function exportVehicleData() {
let proName = $('#proName1').val(); let proName = $('#proName1').val();
let carNum = $('#carNum1').val(); let carNum = $('#carNum1').val();
let date = $('#date1').val(); let date = $('#date1').val();
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&proName=' + proName + '&carNum=' + carNum + '&date=' + date; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&proName=' + proName + '&carNum=' + carNum + '&date=' + date;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/exportVehicleData?params=" + montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/exportVehicleData?params=" + montageParam; // url
ajaxRequestGetExport(url, "GET", true, function () { ajaxRequestGetExport(url, "GET", true, function () {
}, function (blob, status, xhr) { }, function (blob, status, xhr) {
// 创建一个 Blob 对象 // 创建一个 Blob 对象
var url = window.URL.createObjectURL(blob); var url = window.URL.createObjectURL(blob);
// 创建一个隐藏的 <a> 标签 // 创建一个隐藏的 <a> 标签
var link = document.createElement('a'); var link = document.createElement('a');
link.href = url; link.href = url;
link.download = '今日、当月车辆出入场统计.xlsx'; // 设置下载文件的名称，假设是 Excel 文件 link.download = '车辆出入统计.xlsx'; // 设置下载文件的名称，假设是 Excel 文件
// 将 <a> 标签添加到文档中 // 将 <a> 标签添加到文档中
document.body.appendChild(link); document.body.appendChild(link);
// 触发 <a> 标签的 click 事件来下载文件 // 触发 <a> 标签的 click 事件来下载文件
link.click(); link.click();
// 释放 URL 对象 // 释放 URL 对象
window.URL.revokeObjectURL(url); window.URL.revokeObjectURL(url);
// 移除 <a> 标签 // 移除 <a> 标签
document.body.removeChild(link); document.body.removeChild(link);
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) error(xhr, status, error)
}, aqEnnable); }, aqEnnable);
} }
function exportPerData(){ function exportPerData() {
let proName = $('#proName2').val(); let proName = $('#proName2').val();
let userName = $('#userName').val(); let userName = $('#userName').val();
let date = $('#date2').val(); let date = $('#date2').val();
let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&proName=' + proName + '&userName=' + userName + '&date=' + date; let paramData = 'bidCode=' + bidCode + '&roleCode=' + roleCode + '&orgId=' + orgId + '&userId=' + userId + '&proName=' + proName + '&userName=' + userName + '&date=' + date;
let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData); let montageParam = aqEnnable ? encryptCBC(paramData) : ' &' + encryptCBC(paramData);
const url = commonUrl + "screen/largeScreen/accessMge/exportPerData?params=" + montageParam; // url const url = commonUrl + "screen/largeScreen/accessMge/exportPerData?params=" + montageParam; // url
ajaxRequestGetExport(url, "GET", true, function () { ajaxRequestGetExport(url, "GET", true, function () {
}, function (blob, status, xhr) { }, function (blob, status, xhr) {
// 创建一个 Blob 对象 // 创建一个 Blob 对象
var url = window.URL.createObjectURL(blob); var url = window.URL.createObjectURL(blob);
// 创建一个隐藏的 <a> 标签 // 创建一个隐藏的 <a> 标签
var link = document.createElement('a'); var link = document.createElement('a');
link.href = url; link.href = url;
link.download = '今日、当月人员出入场统计.xlsx'; // 设置下载文件的名称，假设是 Excel 文件 link.download = '人员出入统计.xlsx'; // 设置下载文件的名称，假设是 Excel 文件
// 将 <a> 标签添加到文档中 // 将 <a> 标签添加到文档中
document.body.appendChild(link); document.body.appendChild(link);
// 触发 <a> 标签的 click 事件来下载文件 // 触发 <a> 标签的 click 事件来下载文件
link.click(); link.click();
// 释放 URL 对象 // 释放 URL 对象
window.URL.revokeObjectURL(url); window.URL.revokeObjectURL(url);
// 移除 <a> 标签 // 移除 <a> 标签
document.body.removeChild(link); document.body.removeChild(link);
}, function (xhr, status, error) { }, function (xhr, status, error) {
error(xhr, status, error) errorFn(xhr, status, error)
}, aqEnnable); }, aqEnnable);
} }

24
pages/accessMge/accessMge.html
View File

@ -121,20 +121,20 @@
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label">时间：</label> <label class="layui-form-label" style="width: 60px;">时间：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="date1" placeholder="请选择时间" autocomplete="off" <input type="text" id="date1" placeholder="请选择时间" readonly style="cursor: pointer;width: 190px;"
class="layui-input"> class="layui-input">
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline" style="margin-left: 36px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="getQueryList(1)">查询</button> <button class="layui-btn" onclick="getQueryList(1)">查询</button>
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline" style="margin-left: 10px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="exportVehicleData()">导出</button> <button class="layui-btn" onclick="exportVehicleData()">导出</button>
</div> </div>
@ -166,7 +166,7 @@
<div class="imgs today-img"> <div class="imgs today-img">
<span class="font-style" id="threerPer"></span> <span class="font-style" id="threerPer"></span>
</div> </div>
<span class="span-style">辆</span> <span class="span-style">人</span>
</div> </div>
<div class="today-font" style="margin-top: 10%;">今日累计出场</div> <div class="today-font" style="margin-top: 10%;">今日累计出场</div>
<div class="direction"> <div class="direction">
@ -179,7 +179,7 @@
<div class="imgs today-img"> <div class="imgs today-img">
<span class="font-style" id="threecPer"></span> <span class="font-style" id="threecPer"></span>
</div> </div>
<span class="span-style" >辆</span> <span class="span-style" >人</span>
</div> </div>
</div> </div>
<div class="top-box-left-top-center"> <div class="top-box-left-top-center">
@ -198,7 +198,7 @@
<div class="cumulative-img"> <div class="cumulative-img">
<span class="font-style" id="foursrPer"></span> <span class="font-style" id="foursrPer"></span>
</div> </div>
<span class="span-style">辆</span> <span class="span-style">人</span>
</div> </div>
<div class="cumulative-font" style="margin-top: 10%;">当月累计出场</div> <div class="cumulative-font" style="margin-top: 10%;">当月累计出场</div>
<div class="direction" style="margin-top: 0%;"> <div class="direction" style="margin-top: 0%;">
@ -215,7 +215,7 @@
<div class=" cumulative-img"> <div class=" cumulative-img">
<span class="font-style" id="fourscPer"></span> <span class="font-style" id="fourscPer"></span>
</div> </div>
<span class="span-style">辆</span> <span class="span-style">人</span>
</div> </div>
</div> </div>
<div class="top-box-left-top-bot"> <div class="top-box-left-top-bot">
@ -254,19 +254,19 @@
</div> </div>
<div class="layui-inline"> <div class="layui-inline">
<label class="layui-form-label">时间：</label> <label class="layui-form-label" style="width: 60px;">时间：</label>
<div class="layui-input-inline"> <div class="layui-input-inline">
<input type="text" id="date2" placeholder="请选择时间" autocomplete="off" <input type="text" id="date2" placeholder="请选择时间" autocomplete="off" readonly style="cursor: pointer;width: 190px;"
class="layui-input"> class="layui-input">
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline" style="margin-left: 36px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="getQueryList(2)">查询</button> <button class="layui-btn" onclick="getQueryList(2)">查询</button>
</div> </div>
</div> </div>
<div class="layui-inline"> <div class="layui-inline" style="margin-left: 10px;">
<div class="layui-col-xs12"> <div class="layui-col-xs12">
<button class="layui-btn" onclick="exportPerData()">导出</button> <button class="layui-btn" onclick="exportPerData()">导出</button>
</div> </div>