????
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 văn bản</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">Văn bản</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"
value="<%= it.search %>">
<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-secondary btn-sm">
<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>Loại văn bản</label>
<select id="type" class="form-control" name="type">
<option></option>
</select>
</div>
<div class="form-group col-md-6">
<label>Tên cơ quan</label>
<input id="organ" class="form-control" name="organ">
</div>
<div class="form-group col-md-6">
<label>Số, ký hiệu văn bản</label>
<input id="notation" class="form-control" name="notation">
</div>
<div id="issuedDate" class="form-group col-md-6">
<label>Ngày ban hành</label>
<div class="input-group">
<input class="form-control" name="startDate" placeholder="Từ ngày">
<span class="input-group-text"> - </span>
<input class="form-control" name="endDate" placeholder="Đến ngày">
</div>
</div>
<div class="form-group col-md-12">
<label>Trích yếu</label>
<textarea id="subject" rows="1" class="form-control" name="subject"></textarea>
</div>
</div>
</div>
</form>
<div class="card-body table-responsive">
<table id="result-table" class="table table-bordered table-striped w-100">
<thead>
<tr>
<!-- <th class="control" style="width: 15px"></th> -->
<th class="control" style="width:20px">STT</th>
<th class="none">Phông</th>
<th class="none">Mục lục số</th>
<th class="none">Hộp số</th>
<th class="none">Hồ sơ số</th>
<th>Loại văn bản</th>
<th>Số và ký hiệu văn bản</th>
<th style="width:40%;min-width:300px">Trích yếu</th>
<th>Ngày ban hành</th>
<th>Cơ quan ban hành</th>
<th class="none">Số trang</th>
<th class="none">Ghi chú</th>
<th class="control"></th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Modal view văn bản-->
<div class="modal" id="view-modal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body" id="view-frame">
<iframe class="w-100" style="min-height:100vh"></iframe>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<a id="doc-view-link"><button class="btn btn-primary btn-sm">Tải xuống</button></a>
<button type="button" class="btn btn-danger btn-sm" data-dismiss="modal">Đóng lại</button>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
// $('#search2 i, #advanced-group').hide();
$.getJSON("/danhmuc/loaivanban", function (data, textStatus, jqXHR) {
let source = [{
text: "Văn bản quy phạm pháp luật",
children: data.filter(y => y.TypeGroup == 1).map(x => ({ id: x.Id, text: x.TypeName }))
}, {
text: "Văn bản hành chính",
children: data.filter(y => y.TypeGroup == 2).map(x => ({ id: x.Id, text: x.TypeName }))
}];
$("#type").select2({
allowClear: true,
placeholder: "Chọn loại văn bản",
data: source,
theme: "bootstrap4"
});
});
$('#issuedDate').datepicker({
format: 'dd/mm/yyyy',
language: "vi",
autoclose: true,
inputs: $("#issuedDate input"),
keepEmptyValues: true
});
$('#issuedDate input').inputmask('datetime', { inputFormat: "dd/mm/yyyy" });
//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/vanban/json?' + $("#search-form").serialize(),
dataType: "json",
data: function (data) {
delete data['columns']
}
},
language: { url: "/js/plugin/datatables/Vietnamese.json" },
processing: true,
serverSide: true,
pageLength: 10,
ordering: false,
searching: false,
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: [
// { 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: "TypeName" },
{ data: "CodeNotation", className: 'text-center' },
{ data: "Subject", className: 'text-justify' },
{
data: "IssuedDate",
render: function (data, type, row) {
return `${data ? moment(data).format("DD/MM/YYYY") : ""}`;
}
},
{ data: "OrganName", className: 'text-justify' },
{ data: "PageAmount", className: 'text-center' },
{ data: "Description", className: 'text-justify' },
{
data: "UUID",
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>`;
}
}
]
});
$("#result-table").on("click", ".add-cart-btn", function (e) {
var data = resultTable.row($(this).closest("tr")).data();
$(this).toggleClass(["text-primary", "text-success", "fa-cart-plus", "fa-check-square"]);
if (cart.includes(data.UUID)) cart.splice(cart.indexOf(data.UUID), 1);
else cart.push(data.UUID);
sessionStorage.setItem("cart", JSON.stringify(cart));
populateCart();
});
$("#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/vanban/json?${$("#search-form").serialize()}`).load();
}
});
$("#result-table").on("click", ".preview-btn", function (e) {
var docId = resultTable.row($(this).closest("tr")).data().UUID;
$("#view-modal iframe").attr("src", `/viewer/${window.encodePath(`/sohoa/vanban/${docId}`)}`);
$("#doc-view-link").attr("href", `/sohoa/vanban/${docId}?download=true`);
$("#view-modal").modal("show");
});
});
</script>