????
Your IP : 216.73.216.130
<% layout('../layouts/userLayout.eta') %>
<style type="text/css">
div .dataTables_length select {
width: 60px !important;
}
</style>
<div class="content">
<div class="page-inner">
<div class="page-header">
<div class="page-title">Báo cáo</div>
<ul class="breadcrumbs">
<li class="nav-home"><a href="/"><i class="flaticon-home"></i></a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item"><a href="/main">Giao diện chính</a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item"><a href="#">Báo cáo phông lưu trữ</a></li>
</ul>
</div>
<div class="page-body">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header bg-primary">
<div class="card-title text-white">Nhập trường thông tin</div>
</div>
<form id='report-fond-form' action="" method="GET">
<div class="card-body">
<div class="row">
<div class="col-md-2"> </div>
<div class="col-md-8">
<div class="row">
<div class="col-md-6 form-group">
<label for="group">Loại hình tài liệu</label>
<select id="group" class="form-control" name="group">
<option></option>
</select>
<button type="button" title="Kí số" class="myBtn myBtn-sign" id="_SignOnlineFile"
onclick="exc_sign_file('', 'http://localhost:5000/a.pdf','');"><i
class="fa fa-file-signature"></i>
</button>
</div>
<div class="col-md-6 form-group">
<label for="fond">Tên phông</label>
<select id="fond" class="form-control" name="fondCode">
<option></option>
</select>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer" style="background-color: #1556e836">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<span id="errorFill" style="color: red; font-style: italic"></span>
<button id="submit-btn" type="button" class="btn btn-success" style="float: right">Hoàn
tất</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-12">
<div class="card">
<div class="card-header bg-primary">
<div class="card-title text-white">Kết quả</div>
</div>
<div class="card-body" id="dataToPrint">
<div class="col-md-12" style="text-align: center; font-size: 14px" id="nameData" hidden="hidden">
<strong>BÁO CÁO PHÔNG LƯU TRỮ</strong>
</div>
<table id="dataFond" class="table table-striped table-bordered table-hover">
<thead>
<tr>
<th>Số phông</th>
<th>Tên phông</th>
<th>Thời gian tài liệu</th>
<th>Tổng số hồ sơ</th>
<th>Tổng số văn bản</th>
<th>Tổng số trang</th>
</tr>
</thead>
</table>
</div>
<div class="card-footer" style="background-color: #1556e836">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12">
<span id="errorReport" style="color: red; font-style: italic"></span>
<div class="dropdown" style="float: right">
<button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
Xuất báo cáo
</button>
<div class="dropdown-menu" style="font-size: 15px">
<a class="dropdown-item" onclick="exportPDF()"><i class="fa fa-file-pdf text-danger mr-2"></i>
PDF</a>
<a class="dropdown-item" onclick="exportDOCX()"><i
class="fa fa-file-word text-primary mr-2"></i> WORD</a>
<a class="dropdown-item" onclick="exportXLSX()"><i
class="fa fa-file-excel text-success mr-2"></i> EXCEL</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="/js/sign/base64.js"></script>
<script type="text/javascript" src="/js/sign/sign.js"></script>
<script type="text/javascript" src="/js/sign/vgcaplugin.js"></script>
<script type="text/javascript" src="/js/baocao/jspdf.min.js"></script>
<script type="text/javascript" src="/js/baocao/jspdf.plugin.autotable-2.3.0.js"></script>
<script type="text/javascript" src="/js/baocao/file-save.js"></script>
<script type="text/javascript" src="/js/baocao/jquery.wordexport.js"></script>
<script type="text/javascript" src="/js/baocao/pdf-font.js"></script>
<script type="text/javascript">
$('#group').select2({
ajax: {
url: "/danhmuc/nhomtailieu",
dataType: 'json',
processResults: function (data, params) {
return {
results: data.map(x => ({ id: x.Id, text: x.GroupName }))
}
}
},
theme: 'bootstrap4',
placeholder: 'Chọn nhóm tài liệu'
});
$('#fond').select2({
ajax: {
url: '/danhmuc/phong/json',
dataType: 'json',
processResults: function (data, params) {
return {
results: data.map(x => ({ id: x.FondCode, text: x.FondName }))
}
}
},
theme: 'bootstrap4',
placeholder: 'Chọn phông lưu trữ'
});
var reportTable = $('#dataFond').DataTable({
ajax: {
url: '/baocao/phong/json'
},
ordering: false,
deferRender: true,
deferLoading: 0,
language: {
url: "/js/plugin/datatables/Vietnamese.json"
},
columns: [
{ data: 'FondNumber', className: 'text-center' },
{ data: 'FondName', className: 'text-justify' },
{
data: 'startYear',
className: 'text-center',
render: function (data, type, row) {
return data + ' - ' + row['endYear'];
}
},
{ data: 'tongSoHS', className: 'text-center' },
{ data: 'tongSoVB', className: 'text-center' },
{ data: 'tongSoTrang', className: 'text-center' }
]
});
$('#submit-btn').on('click', function (e) {
reportTable.clear().draw();
reportTable.ajax.url(`/baocao/phong/json?${$("#report-fond-form").serialize()}`).load();
});
function exportPDF() {
location.replace(`/baocao/phong/pdf?${$("#report-fond-form").serialize()}`);
}
function exportDOCX() {
location.replace(`/baocao/phong/docx?${$("#report-fond-form").serialize()}`);
}
function exportXLSX() {
location.replace(`/baocao/phong/excel?${$("#report-fond-form").serialize()}`);
}
function getName(name, type) {
var data = new Date();
var fullYear = data.getFullYear();
var month = (data.getMonth() + 1) < 10 ? '0' + (data.getMonth() + 1) : (data.getMonth() + 1);
var date = data.getDate() < 10 ? '0' + data.getDate() : data.getDate();
var hours = data.getHours() < 10 ? '0' + data.getHours() : data.getHours();
var minutes = data.getMinutes() < 10 ? '0' + data.getMinutes() : data.getMinutes();
var seconds = data.getSeconds() < 10 ? '0' + data.getSeconds() : data.getSeconds();
return name + "_" + fullYear + "" + month + "" + date + "" + hours + "" + minutes + "" + seconds + "." + type;
}
function pdf() {
var filename = getName('ReportFond', 'pdf');
var doc = new jsPDF('l', 'mm', 'a4');
var pageHeight = doc.internal.pageSize.height || doc.internal.pageSize.getHeight();
var pageWidth = doc.internal.pageSize.width || doc.internal.pageSize.getWidth();
var leng = $('#dataFond').DataTable().rows()[0].length;
var data = $('#dataFond').DataTable().rows().data();
var f1 = $('#dataFond tfoot th:nth-child(5)').text();
var f2 = $('#dataFond tfoot th:nth-child(6)').text();
var f3 = $('#dataFond tfoot th:nth-child(7)').text();
var f4 = $('#dataFond tfoot th:nth-child(8)').text();
var body = [];
head = ['STT', 'Số phông', 'Tên phông', 'Thời gian tài liệu', 'Tổng số mục lục', 'Tổng số hồ sơ', 'Tổng số văn bản', 'Tổng số file đính kèm'];
body.push(head);
for (i = 0; i < leng; i++) {
body.push(data[i]);
}
foot = ['', '', '', '', parseInt(f1), parseInt(f2), parseInt(f3), parseInt(f4)];
body.push(foot);
doc.addFileToVFS(pdfFont.name, pdfFont.data);
doc.addFont(pdfFont.name, 'custom', 'normal');
doc.setFont('custom');
doc.text('BÁO CÁO PHÔNG LƯU TRỮ', pageWidth / 2, 25, 'center');
doc.autoTable(head, body, {
startY: 40,
showHeader: 'never',
styles: {
font: 'custom',
lineColor: [44, 62, 80],
lineWidth: 0.25,
fontSize: 9,
overflow: 'linebreak',
},
alternateRowStyles: {
fillColor: [250, 250, 250]
},
columnStyles: {
0: { columnWidth: 14, halign: 'center', valign: 'middle' },
1: { columnWidth: 29, halign: 'center', valign: 'middle' },
2: { valign: 'middle' },
3: { columnWidth: 29, halign: 'center', valign: 'middle' },
4: { columnWidth: 29, halign: 'center', valign: 'middle' },
5: { columnWidth: 29, halign: 'center', valign: 'middle' },
6: { columnWidth: 29, halign: 'center', valign: 'middle' },
7: { columnWidth: 29, halign: 'center', valign: 'middle' },
},
drawRow: function (row, data) {
// Colspan
doc.setFontSize(10);
if (row.index == 0) {
Object.keys(row.cells).forEach(function (key) {
var a = row.cells[key].styles;
a.halign = 'center';
a.valign = 'middle';
a.fontSize = 12;
a.textColor = 10;
});
}
if (row.index == body.length - 1) {
Object.keys(row.cells).forEach(function (key) {
var a = row.cells[key].styles;
a.halign = 'center';
a.valign = 'middle';
a.fontSize = 11;
a.textColor = 10;
});
}
},
margin: {
top: 10, left: 3, right: 3, bottom: 10
}
});
doc.save(filename);
}
function word() {
var filename = getName("ReportFond", "doc");
$('#dataFond').DataTable().destroy();
var className = $('#dataFond')[0].className;
$('#dataFond')[0].className = "";
$('#dataFond thead')[0].style.backgroundColor = "#cce0ff";
$('#dataFond tfoot')[0].style.backgroundColor = "#ffffff";
$('#dataFond')[0].border = "1";
$('#nameData').show();
$("#dataToPrint").wordExport(filename);
$('#dataFond')[0].className = className;
$('#dataFond thead')[0].style.backgroundColor = "";
$('#dataFond tfoot')[0].style.backgroundColor = "#C0C0C0";
$('#dataFond')[0].border = "";
$('#dataFond').DataTable({
language: {
url: "/js/plugin/datatables/Vietnamese.json"
},
});
$('#nameData').hide();
}
</script>