????

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/hoadon.eta

<% layout('../layouts/userLayout.eta') %>
<style type="text/css">
  div .dataTables_length select {
    width: 60px !important;
  }

  .myBtn-html:hover {
    background-color: blue;
    border-color: blue;
    color: white;
    width: 40px;
    height: 35px;
    border-radius: 3px;
  }

  .myBtn-check:hover {
    background-color: #33cc33;
    border-color: #33cc33;
    color: white;
    width: 40px;
    height: 35px;
    border-radius: 3px;
  }

  .myBtn-ban:hover {
    background-color: red;
    border-color: red;
    color: white;
    width: 40px;
    height: 35px;
    border-radius: 3px;
  }
</style>
<div class="content">
  <div class="page-inner">
    <div class="page-header">
      <div class="page-title">Xuất hóa đơn</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="#">Danh sách tài khoản độc giả</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">Yêu cầu đã duyệt</div>
            </div>
            <div class="card-body">
              <table id="dataRequest" class="table table-striped table-bordered table-hover" width="100%">
                <thead>
                  <tr>
                    <th style="text-align: center; vertical-align: middle; width: 8%">STT</th>
                    <th style="text-align: center; vertical-align: middle; width: 16%">Họ và tên</th>
                    <th style="text-align: center; vertical-align: middle; width: 15%">CMND</th>
                    <th style="text-align: center; vertical-align: middle; width: 14%">Ngày duyệt</th>
                    <th style="text-align: center; vertical-align: middle; width: 14%">Tài khoản duyệt</th>
                    <th style="text-align: center; vertical-align: middle; width: 8%">Số tài liệu</th>
                    <th style="text-align: center; vertical-align: middle; width: 10%">Trạng thái</th>
                    <th style="text-align: center; vertical-align: middle; width: 15%">Chức năng</th>
                    <th style="text-align: center; vertical-align: middle">Mã tự động</th>
                  </tr>
                </thead>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  var t = $('#dataRequest').DataTable({
    ajax: {
      type: 'get',
      dataType: 'json',
      url: 'hoadon/getContent',
      dataSrc: "",
    },
    ordering: false,
    language: {
      url: '/js/plugin/datatables/Vietnamese.json',
    },
    columns: [
      { data: null, class: 'text-center' },
      { data: "FullName" },
      { data: "IdNumber", class: 'text-center' },
      { data: "DateAccept", class: 'text-center' },
      { data: "Username2" },
      { data: "CountDoc", class: 'text-center' },
      {
        data: null,
        class: 'text-center',
        render: function (data, type, row) {
          var result = "";
          if (row.State == 2) {
            result += "<span style='color:gray'>Không được duyệt</span>";
          } else {
            if (row.Received == 2) {
              result += "<span style='color:red'>Đã hủy</span>";
            } else if (row.Received == 1) {
              result += "<span style='color:green'>Đã thanh toán</span>";
            } else {
              result += "<span style='color:black'>Chưa thanh toán</span>";
            }
          }
          return result;
        }
      }, {
        data: null,
        class: 'text-center',
        render: function (data, type, row) {
          var result = '';
          if (row.State != 2) {
            result += '<button class="myBtn-html" title="Xem hóa đơn"><i class="fa fa-eye"></i></button>';
            if (row.Received != 1 && row.Received != 2) {
              result += '<button class="myBtn-check" title="Xác nhận đã thanh toán"><i class="fa fa-check"></i></button><button class="myBtn-ban" title="Hủy bỏ yêu cầu này"><i class="fa fa-ban"></i></button>';
            }
          }
          return result;
        }
      }, {
        data: null,
        class: 'text-center d-none',
        render: function (data, type, row) {
          return row.RandomCode;
        }
      }
    ],
  });
  t.on('order.dt search.dt', function () {
    t.column(0, { search: 'applied', order: 'applied' }).nodes().each(function (cell, i) {
      cell.innerHTML = i + 1;
    });
  }).draw();
</script>