????

Your IP : 216.73.216.209

Current Path : C:/inetpub/vhost/sdoc.gdtsolutions.vn/package/app/views/dichvu/
Upload File :
Current File : C:/inetpub/vhost/sdoc.gdtsolutions.vn/package/app/views/dichvu/yeucau.eta

<% layout('../layouts/userLayout.eta') %>
<div class="content">
  <div class="page-inner">
    <div class="page-header">
      <div class="page-title">Yêu cầu tài liệ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 đã yêu cầu</div>
            </div>
            <div class="card-body">
              <table id="req-table" 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>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>Chứng thực</th>
        <th>Ghi chú</th>
        <th>Số tiền</th>
      </tr>
    </thead>
  </table>
</div>
<script type="text/javascript">
  $(function () {
    //Danh sách yêu cầu
    var reqTable = $('#req-table').DataTable({
      ajax: {
        url: '/dichvu/yeucau/json',
        dataType: 'json',
        data: { type: 'submited' }
      },
      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.toLocaleString('vi-VN') + ' đồng'
          }
        },
        {
          data: 'State',
          className: 'text-center',
          render: function (data, type, row) {
            let html = '';
            switch (data) {
              case 0:
                html = '<span class="badge badge-warning">Chưa duyệt</span>';
                break;
              case 1:
                html = '<span class="badge badge-success">Đã duyệt</span>';
                break;
              case 2:
                html = '<span class="badge badge-danger">Đã hủy</span>';
                break;
              default: break;
            }
            return html;
          }
        },
        {
          data: null,
          className: 'text-center',
          defaultContent: '<button class="btn btn-primary btn-icon btn-xs detail-btn"><i class="fas fa-th-list"></i></button>'
        }
      ]
    });
    // 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: 'IsCertified',
          className: 'text-center',
          render: function (data, type, row) {
            return data ? '<span class="badge badge-primary">Có</span>' : '<span class="badge badge-danger">Không</span>'
          }
        },
        { data: 'Description', className: 'text-justify' },
        {
          data: 'Price',
          className: 'text-right',
          render: function (data, type, row) {
            return data.toLocaleString('vi-VN') + ' đồng'
          }
        }
      ]
    });
    // Xem chi tiết yêu cầu tài liệu
    $('#req-table').on('click', '.detail-btn', function (e) {
      var data = reqTable.row($(this).closest('tr')).data();
      $('#req-detail').data('kendoWindow').open();
      detailTable.ajax.url('/dichvu/yeucau/chitiet?reqId=' + data.UUID).load();
    });
  })
</script>