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.
167 lines
6.7 KiB
167 lines
6.7 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|
<title></title>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="layui/css/layui.css" media="all" />
|
|
<style>
|
|
dl dd {
|
|
text-align: left;
|
|
}
|
|
.layui-table-view .layui-table {
|
|
position: relative;
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {
|
|
height: 26px;
|
|
line-height: 26px;
|
|
margin-bottom: 10px;
|
|
border: none;
|
|
background: 0 0;
|
|
color: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="childrenBody">
|
|
<input class="layui-input orgId" type="hidden" />
|
|
<input class="layui-input carNum" type="hidden" />
|
|
<input class="layui-input startDate" type="hidden" />
|
|
<input class="layui-input endDate" type="hidden" />
|
|
<input class="layui-input isContent" type="hidden" />
|
|
|
|
<div style="margin:0 auto;text-align: center;">
|
|
<form class="layui-form" style="float: right;width: 100%">
|
|
<div style="float: right;margin-right: 20px;">
|
|
<button id="exportWord" type="button" class="layui-btn">导出</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div style="width: 90%;height: 500px;float: left;margin-left: 5%;">
|
|
<table id="carAccList" lay-filter="carAccList"></table>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="layui/layui.js"></script>
|
|
<script>
|
|
layui.use(['layer', 'table'], function () {
|
|
$ = layui.jquery,
|
|
layer = layui.layer,
|
|
table = layui.table;
|
|
|
|
//系统列表
|
|
var tableIns = table.render({
|
|
elem: '#carAccList',
|
|
url: '../../ashx/CarHandler.ashx',
|
|
where: {
|
|
Action: 'getCarAccListByTime',
|
|
carNum: $(".carNum").val(),
|
|
orgId: $(".orgId").val(),
|
|
startDate: $(".startDate").val(),
|
|
endDate: $(".endDate").val(),
|
|
is_content: $(".isContent").val()
|
|
},
|
|
cellMinWidth: 95,
|
|
page: true,
|
|
height: "full-65",
|
|
limits: [10, 15, 20, 25],
|
|
limit: 10,
|
|
id: "carAccListTable",
|
|
cols: [[
|
|
{ field: 'ORG_NAME', title: '所属消防机构', minWidth: 60, align: "center" },
|
|
{ field: 'CAR_PLATE', title: '车牌号', minWidth: 60, align: "center" },
|
|
{ field: 'START_TIME', title: '时间', minWidth: 60, align: "center" },
|
|
{
|
|
field: 'INOROUT', title: '方向', minWidth: 60, align: "center", templet: function (d) {
|
|
if (d.INOROUT == "0") {
|
|
return ' <span class="layui-badge layui-bg-blue">进入</span>';
|
|
} else if (d.INOROUT == "1") {
|
|
return ' <span class="layui-badge layui-bg-green">离开</span>';
|
|
} else {
|
|
return ' <span class="layui-badge layui-bg-gray">未知</span>';
|
|
}
|
|
}
|
|
},
|
|
{
|
|
field: 'CLASS', title: '车辆类别', minWidth: 60, align: "center", templet: function (d) {
|
|
if (d.CLASS == "0") {
|
|
return '<span class="layui-badge layui-bg-green">公务车</span>';
|
|
}
|
|
else if (d.CLASS == "1") {
|
|
return '<span class="layui-badge layui-bg-orange">执勤车</span>';
|
|
}
|
|
else if (d.CLASS == "2") {
|
|
return '<span class="layui-badge layui-bg-blue">地方车</span>';
|
|
}
|
|
else {
|
|
return '<span class="layui-badge layui-bg-gray">无类型</span>';
|
|
}
|
|
}
|
|
}
|
|
]]
|
|
});
|
|
|
|
$("#exportWord").click(function () {
|
|
//load提交
|
|
var index = layer.msg('正在导出...请稍候', { icon: 16, time: false, shade: 0.2 });
|
|
$.ajax({
|
|
type: "post",
|
|
url: "../../ashx/CarHandler.ashx",
|
|
data: {
|
|
Action: "htmlToWord",
|
|
carNum: $(".carNum").val(),
|
|
orgId: $(".orgId").val(),
|
|
startDate: $(".startDate").val(),
|
|
endDate: $(".endDate").val(),
|
|
is_content: $(".isContent").val()
|
|
},
|
|
dataType: "json",
|
|
success: function (data) {
|
|
layer.close(index);
|
|
if (data != null && data != "") {
|
|
if (data.code == "0") {
|
|
window.location.href = "../../" + data.url;
|
|
} else {
|
|
layer.msg(data.msg);
|
|
}
|
|
} else {
|
|
layer.msg("导出失败请联系管理员");
|
|
}
|
|
}, error: function (e) {
|
|
console.log(e)
|
|
layer.close(index);
|
|
layer.msg(e.msg);
|
|
}
|
|
});
|
|
})
|
|
});
|
|
|
|
|
|
|
|
//将图形转成base64的图片
|
|
function getFullCanvasDataURL(divId) {
|
|
//将第一个画布作为基准。
|
|
var baseCanvas = $("#" + divId).find("canvas").first()[0];
|
|
if (!baseCanvas) {
|
|
return false;
|
|
};
|
|
var width = baseCanvas.width;
|
|
var height = baseCanvas.height;
|
|
var ctx = baseCanvas.getContext("2d");
|
|
//遍历，将后续的画布添加到在第一个上
|
|
$("#" + divId).find("canvas").each(function (i, canvasObj) {
|
|
if (i > 0) {
|
|
var canvasTmp = $(canvasObj)[0];
|
|
ctx.drawImage(canvasTmp, 0, 0, width, height);
|
|
}
|
|
});
|
|
//获取base64位的url
|
|
return baseCanvas.toDataURL();
|
|
}
|
|
|
|
|
|
</script>
|
|
<link rel="stylesheet" href="../../css/right-list.css" media="all" />
|
|
<link rel="stylesheet" href="../../css/bulletframebg.css" media="all" />
|
|
</body>
|
|
</html>
|
|
|