????
Your IP : 216.73.216.209
<% layout('../layouts/userLayout.eta') %>
<div class="content">
<div class="page-inner">
<div class="page-header">
<h4 class="page-title">Danh mục hồ sơ</h4>
<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-home">Danh mục</li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Hồ sơ</li>
</ul>
</div>
<div class="row">
<div class="col">
<div class="card">
<form id="search-form">
<div class="card-body pb-0">
<div id="search-basic" class="form-group">
<div class="input-group">
<input id="search-input" class="form-control" name="content" placeholder="Nhập từ khóa tìm kiếm">
<div class="input-group-append btn-group">
<button class="btn btn-primary btn-sm" type="submit">
<span class="btn-label"><i class="fas fa-search"></i></span> Tìm kiếm
</button>
<button id="advancedSearch" type="button" class="btn btn-border btn-sm btn-secondary">
<span class="btn-label"><i class="fas fa-check collapse"></i></span> Nâng cao
</button>
</div>
</div>
</div>
</div>
<div id="advanced-group" class="collapse card-body pt-0">
<div class="row mx-auto" style="width: 90%">
<div class="form-group col-md-6">
<label>Phông lưu trữ</label>
<select id="fond" class="form-control" name="fond" value="003">
<option></option>
</select>
</div>
<div class="form-group col-md-6">
<label>Nhóm tài liệu</label>
<select id="group" class="form-control" name="type">
<option></option>
</select>
</div>
</div>
</div>
</form>
<div class="card-body">
<table id="result-table" class="table table-bordered table-striped w-100">
<thead>
<tr>
<!-- <th style="max-width:30px" class="control"></th> -->
<th class="control" style="max-width:30px">STT</th>
<th style="min-width: 100px">Phông</th>
<th style="max-width:30px">Mục lục số</th>
<th style="max-width:30px">Hộp số</th>
<th style="max-width:30px">Hồ sơ số</th>
<th style="min-width:300px">Tiêu đề</th>
<th class="none">Ký hiệu hồ sơ</th>
<th style="max-width:150px">Thời gian hồ sơ</th>
<th class="none">Số tờ</th>
<th class="none">Số trang</th>
<th style="max-width:30px">Số văn bản</th>
<th class="none">Ghi chú</th>
<!-- <th class="control"></th> -->
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Modal xem chi tiết văn bản trong hồ sơ-->
<div id="detail-win">
<table id="detailTable" class="table table-bordered table-striped w-100">
<thead>
<tr>
<!-- <th style="width: 10px"></th> -->
<th style="width: 10px">STT</th>
<th>Số và ký hiệu</th>
<th style="min-width: 300px">Trích yếu</th>
<th>Ngày ban hành</th>
<th style="width: 10px">Số trang</th>
<th style="width: 10px">Số tờ</th>
<th style="width: 10px">Tờ số</th>
<th>Xóa/Sửa</th>
</tr>
</thead>
</table>
</div>
<script defer type="text/javascript">
$(function () {
$("#fond").select2({
ajax: {
url: "/danhmuc/phong/json",
dataType: "json",
delay: 250,
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data.map(function (x) { return { id: x.FondCode, text: x.FondName } }),
pagination: { more: false }
}
}
},
theme: "bootstrap4",
allowClear: true,
placeholder: "Chọn phông lưu trữ"
});
$("#group").select2({
ajax: {
url: "/danhmuc/nhomtailieu",
dataType: "json",
delay: 250,
processResults: function (data, params) {
params.page = params.page || 1;
return {
results: data.map(function (x) { return { id: x.Id, text: x.GroupName } }),
pagination: { more: false }
}
}
},
theme: "bootstrap4",
allowClear: true,
placeholder: "Chọn nhóm tài liệu"
});
//Tìm kiếm
$("#advancedSearch").on("click", function (e) {
var content = $("#search-input").val();
$("#search-form").trigger("reset");
$("#search-input").val(content);
$(this).toggleClass("btn-border");
$("#advanced-group").toggle();
$(this).find(".fas").toggle();
});
var resultTable = $("#result-table").DataTable({
ajax: {
url: `/danhmuc/hoso/json`,
dataType: "json",
data: function (data) {
delete data.columns;
}
},
language: {
url: "/js/plugin/datatables/Vietnamese.json"
},
select: { style: 'single' },
ordering: false,
processing: true,
serverSide: true,
searching: false,
pageLength: 10,
dom: 'tipr',
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal({
header: function (row) {
var data = row.data();
return 'Chi tiết văn bản';
}
}),
renderer: $.fn.dataTable.Responsive.renderer.tableAll({
tableClass: 'table table-bordered table-hover'
})
}
},
columns: [
// {
// className: 'details-control',
// data: null,
// defaultContent: ''
// },
{ data: "RowNum", className: 'text-center' },
{ data: "FondName", className: 'text-justify' },
{ data: "FileCatalog", className: 'text-center' },
{ data: "BoxNumber", className: 'text-center' },
{ data: "FileNumber", className: 'text-center' },
{ data: "Title", className: 'text-justify' },
{ data: "FileNotation" },
{
data: null,
className: 'text-center',
render: function (data, type, row) {
var date = [];
if (row.StartDate) date.push(moment(row.StartDate).format("DD/MM/YYYY"));
if (row.EndDate) date.push(moment(row.EndDate).format("DD/MM/YYYY"));
return date.join("<br/>");
}
},
{ data: "SheetNumber" },
{ data: "CountPages" },
{ data: "CountDocs" },
{ data: "Description" }
]
});
$("#search-form").validate({
validClass: "success",
highlight: function (element) {
$(element).closest(".form-group").removeClass("has-primary").addClass("has-error");
},
success: function (element) {
$(element).closest(".form-group").removeClass("has-error").addClass("has-primary");
},
submitHandler: function (domForm) {
$("#result-card").removeClass("collapse");
resultTable.ajax.url(`/danhmuc/hoso/json?${$("#search-form").serialize()}`).load();
}
});
//Chi tiết văn bản trong hồ sơ
$('#detail-win').kendoWindow({
width: '90%',
position: { top: 0, left: '5%' },
title: 'Danh sách văn bản trong hồ sơ',
animation: {
open: { duration: 500 },
close: { duration: 500 }
},
modal: true,
visible: false,
actions: ['Pin', 'Minimize', 'Maximize', 'Close'],
close: function (e) {
resultTable.rows().deselect();
}
});
$('#detailTable').on('xhr.dt', function (e, settings, json, xhr) {
if (json['data'] && json['data'].length) $('#detail-win').data('kendoWindow').open();
});
var detailTable = $('#detailTable').DataTable({
ajax: {
url: "/sohoa/vanban",
dataType: "json",
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }
},
language: {
url: "/js/plugin/datatables/Vietnamese.json"
},
ordering: false,
columns: [
{ data: "DocOrdinal" },
{
data: null,
render: function (data, type, row) {
var code = [];
if (row.CodeNumber) code.push(row.CodeNumber);
if (row.CodeNotation) code.push(row.CodeNotation);
return code.join("/");
}
},
{ data: "Subject" },
{
data: "IssuedDate",
render: function (data, type, row) {
return data ? moment(data).format("DD/MM/YYYY") : "";
}
},
{ data: "PageAmount" },
{ data: "SheetAmount" },
{ data: "SheetIndex" },
{
data: "UUID",
orderable: false,
render: function (data, type, row) {
return `<div class="btn-group">
<button class="btn btn-success btn-xs btn-icon preview-btn"><i class="fas fa-eye"></i></button>
<a href="/sohoa/vanban/${data}?download=true"><button class="btn btn-primary btn-xs btn-icon"><i class="fas fa-download"></i></button></a>
</div>`;
}
}
]
});
resultTable.on("select", function (e, dt, type, indexes) {
var fileId = resultTable.rows(indexes).data()[0].UUID;
detailTable.ajax.url(`/sohoa/vanban?fileId=${fileId}`).load();
});
$('#result-table').on('click', 'td:first-child', function (e) {
e.stopPropagation();
});
//Bảng chi tiết văn bản
$("#detailTable").on("click", ".preview-btn", function (e) {
var docId = $("#detailTable").DataTable().row($(this).closest("tr")).data().UUID;
$("<div/>").kendoDialog({
width: '80%',
height: '90%',
title: 'Xem trước nội dung văn bản',
content: `<iframe class="w-100 h-100" src="/viewer/${window.encodePath(`/sohoa/vanban/${docId}`)}"></iframe>`,
modal: true,
closable: true,
buttonLayout: 'normal',
animation: {
open: { duration: 500 },
close: { duration: 500 }
},
actions: [{ text: 'Đóng lại' }],
open: function () { $('#detail-win').data('kendoWindow').close() },
close: function (e) { $('#detail-win').data('kendoWindow').open(); e.sender.destroy() }
}).data('kendoDialog').open();
});
});
</script>