????
Your IP : 216.73.216.209
<% layout('../layouts/userLayout.eta') %>
<div class="content">
<div class="page-inner">
<div class="page-header">
<div class="page-title">Duyệt yêu cầu</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="/dichvu">Khai thác tài liệu</a></li>
<li class="separator"><i class="flaticon-right-arrow"></i></li>
<li class="nav-item">Danh sách yêu cầu tài liệu</li>
</ul>
</div>
<div class="page-body">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header bg-primary">
<div class="card-title text-white">Tài liệu đang chờ duyệt</div>
</div>
<div class="card-body">
<table id="not-approved-req" class="table table-hover table-striped table-bordered w-100">
<thead>
<tr>
<th>Số</th>
<th>Người nhận</th>
<th>Email nhận</th>
<th>Người tạo</th>
<th>CMND, hộ chiếu</th>
<th>Ngày, tháng</th>
<th>Số tiền</th>
<th>Xét duyệt</th>
<th>Chi tiết</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header bg-info">
<div class="card-title text-white">Tài liệu đã duyệt</div>
</div>
<div class="card-body">
<table id="approved-req" class="table table-hover table-striped table-bordered w-100">
<thead>
<tr>
<th>Số</th>
<th>Người nhận</th>
<th>Email nhận</th>
<th>Người tạo</th>
<th>CMND, hộ chiếu</th>
<th>Ngày, tháng</th>
<th>Số tiền</th>
<th>Người duyệt</th>
<th>Trạng thái</th>
<th>Chi tiết</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="req-detail">
<table class="table table-hover table-striped table-bordered w-100">
<thead>
<tr>
<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>Số bản sao lưu</th>
<th>Số bản chứng thực</th>
<th>Ghi chú</th>
<th>Số tiền</th>
<th>Tải về</th>
</tr>
</thead>
</table>
</div>
<script type="text/javascript" src="/js/sign/base64.js"></script>
<script type="text/javascript" src="/js/sign/vgcaplugin.js"></script>
<script type="text/javascript" src="/js/sign/sign.js"></script>
<script type="text/javascript">
$(function () {
//Danh sách yêu cầu đang chờ duyệt
var nReqTable = $('#not-approved-req').DataTable({
ajax: {
url: '/dichvu/yeucau/json',
dataType: 'json',
data: { approved: false }
},
ordering: false,
language: { url: '/js/plugin/datatables/Vietnamese.json' },
columns: [
{ data: 'ReqNumber', className: 'text-center' },
{ data: 'FullName' },
{ data: 'Telephone' },
{ data: 'aAccName' },
{ data: 'IdNumber' },
{
data: 'DateCreated',
render: function (data, type, row) {
return moment(data).format('DD/MM/YYYY');
}
},
{
data: 'totalPrice',
className: 'text-right',
render: function (data, type, row) {
return data ? data.toLocaleString('vi-VN') + ' đồng' : ''
}
},
{
data: 'State',
className: 'text-center',
render: function (data, type, row) {
return `<div class="btn-group">
<button class="btn btn-success btn-icon btn-xs approved-btn" title="Duyệt yêu cầu"><i class="far fa-thumbs-up"></i></button>
<button class="btn btn-danger btn-icon btn-xs delete-btn" title="Hủy yêu cầu"><i class="fas fa-trash-alt"></i></button>
</div>`
}
},
{
data: 'UUID',
className: 'text-center',
render: function (data, type, row) {
var html = '<div class="btn-group">';
html += '<button class="btn btn-primary btn-icon btn-xs detail-btn"><i class="fas fa-th-list"></i></button>';
html += `<a href="/dichvu/yeucau/export/${data}"><button class="btn btn-success btn-icon btn-xs"><i class="fas fa-download"></i></button></a>`
html += '</div>';
return html;
}
}
]
});
//Danh sách yêu cầu đã duyệt
var yReqTable = $('#approved-req').DataTable({
ajax: {
url: '/dichvu/yeucau/json',
dataType: 'json',
data: { approved: true }
},
ordering: false,
language: { url: '/js/plugin/datatables/Vietnamese.json' },
columns: [
{ data: 'ReqNumber', className: 'text-center' },
{ data: 'FullName' },
{ data: 'Telephone' },
{ data: 'aAccName' },
{ data: 'IdNumber' },
{
data: 'DateCreated',
render: function (data, type, row) {
return moment(data).format('DD/MM/YYYY');
}
},
{
data: 'totalPrice',
className: 'text-right',
render: function (data, type, row) {
return data ? data.toLocaleString('vi-VN') + ' đồng' : ''
}
},
{ data: 'bAccName', },
{
data: 'State',
className: 'text-center',
render: function (data, type, row) {
return data == 1 ? '<span class="badge badge-success">Đã duyệt</span>' : '<span class="badge badge-danger">Đã hủy</span>';
}
},
{
data: 'UUID',
className: 'text-center',
render: function (data, type, row) {
var html = '<div class="btn-group">';
html += '<button class="btn btn-primary btn-icon btn-xs detail-btn"><i class="fas fa-th-list"></i></button>';
html += `<a href="/dichvu/yeucau/export/${data}"><button class="btn btn-success btn-icon btn-xs"><i class="fas fa-download"></i></button></a>`
html += '</div>';
return html;
}
}
]
});
// Danh sách văn bản trong yêu cầu
$('#req-detail').kendoWindow({
width: '90%',
position: { top: 0, left: '5%' },
title: 'Danh sách văn bản trong yêu cầu',
animation: {
open: { duration: 500 },
close: { duration: 500 }
},
modal: true,
visible: false,
actions: ['Pin', 'Minimize', 'Maximize', 'Close']
});
var detailTable = $('#req-detail table').DataTable({
ajax: {
url: '/dichvu/yeucau/chitiet',
dataType: 'json'
},
ordering: false,
language: { url: '/js/plugin/datatables/Vietnamese.json' },
columns: [
{ data: 'rowNum', className: 'text-center' },
{
data: 'CodeNumber',
className: 'text-center',
render: function (data, type, row) {
var code = [];
if (data) code.push(data);
if (row.CodeNotation) code.push(row.CodeNotation);
return code.join('/');
}
},
{ data: 'Subject', className: 'text-justify' },
{
data: 'IssuedDate',
className: 'text-center',
render: function (data, type, row) {
return moment(data).isValid() ? moment(data).format('DD/MM/YYYY') : ''
}
},
{ data: 'PageAmount', className: 'text-center' },
{ data: 'CopiedNumber', className: 'text-center' },
{ data: 'CertifiedNumber', className: 'text-center' },
{ data: 'Description', className: 'text-justify' },
{
data: 'Price',
className: 'text-right',
render: function (data, type, row) {
return data.toLocaleString('vi-VN') + ' đồng'
}
},
{
data: 'UUID',
className: 'text-center',
render: function (data, type, row) {
return `<a href="/danhmuc/vanban/${data}?download=true"><button class="btn btn-primary btn-xs btn-icon"><i class="fas fa-download"></i></button></a>`
}
}
]
});
// Xem chi tiết yêu cầu tài liệu
$('#not-approved-req').on('click', '.detail-btn', function (e) {
var data = nReqTable.row($(this).closest('tr')).data();
$('#req-detail').data('kendoWindow').open();
detailTable.ajax.url('/dichvu/yeucau/chitiet?reqId=' + data.UUID).load();
});
$('#approved-req').on('click', '.detail-btn', function (e) {
var data = yReqTable.row($(this).closest('tr')).data();
$('#req-detail').data('kendoWindow').open();
detailTable.ajax.url('/dichvu/yeucau/chitiet?reqId=' + data.UUID).load();
});
// Duyệt yêu cầu
$('#not-approved-req').on('click', '.approved-btn', function (e) {
var data = nReqTable.row($(this).closest('tr')).data();
Swal.fire({
title: 'Xác nhận',
text: "Xét duyệt yêu cầu tài liệu",
type: 'question',
showCancelButton: true,
confirmButtonColor: '#4b9500',
cancelButtonColor: '#d33',
confirmButtonText: 'Duyệt',
cancelButtonText: 'Hủy'
}).then(function (result) {
if (result.value) {
$.post('/dichvu/duyetyeucau', { reqId: data.UUID, _csrf: $('meta[name="csrf-token"]').attr('content') })
.done(function (data, textStatus, jqXHR) {
nReqTable.ajax.reload();
yReqTable.ajax.reload();
})
.fail(function (jqXHR, textStatus, err) {
Swal.fire({
text: jqXHR.responseText,
type: 'error',
showConfirmButton: false,
timer: 1500
})
})
}
})
});
// Hủy yêu cầu
$('#not-approved-req').on('click', '.delete-btn', function (e) {
var data = nReqTable.row($(this).closest('tr')).data();
Swal.fire({
title: 'Xác nhận',
text: "Xóa yêu cầu tài liệu",
type: 'question',
showCancelButton: true,
confirmButtonColor: '#cd201f',
cancelButtonColor: '#467fcf',
confirmButtonText: 'Xóa',
cancelButtonText: 'Hủy'
}).then(function (result) {
if (result.value) {
$.ajax({
url: '/dichvu/duyetyeucau',
method: 'DELETE',
data: { reqId: data.UUID },
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
success: function (data, textStatus, jqXHR) {
nReqTable.ajax.reload();
yReqTable.ajax.reload();
Swal.fire({
text: 'Đã hủy yêu cầu',
type: 'info',
showConfirmButton: false,
timer: 1500
})
},
error: function (jqXHR, textStatus, err) {
Swal.fire({
text: jqXHR.responseText,
type: 'error',
showConfirmButton: false,
timer: 1500
})
}
})
}
})
});
})
</script>