<script type="text/javascript"> //$(document).ready(function() // ทำให้ Jquery สำหรับเมนูไม่ทำงาน //{ $('#example').DataTable(); // }); </script>
@section('detail') {{-- Detail Report --}} <table id="example" class="table table-bordered"> <thead> <tr> <th scope="col">No</th> <th scope="col" class="text-wrap text-center" ">date</th> <th scope="col" class="text-wrap text-center" ">Code</th> <th scope="col" class="text-wrap text-center" ">Room</th> </tr> </thead> <tbody> @if(isset($VisitTodayDetail)) @foreach ($VisitTodayDetail as $detail) <tr> <td>{{ $no++ }}</td> <td class="text-nowrap" style="widtd:8rem;">{{ $detail->VisitDate }}</td> <td>{{ $detail->Clinic }}</td> <td class="text-nowrap" style="widtd:8rem;">{{ $detail->LocalName }} ({{ $detail->Code }})</td> <td>{{ $detail->Doctor }}</td> <td> @switch($detail->Code) @case('AC') 0 @break @case('ADIO') 0 @break @case('ADM') 0 @break @endswitch </td> </tr> @endforeach @endif </tbody> <tfoot> <tr> <th scope="col">No</th> <th scope="col" class="text-wrap text-center" ">date</th> <th scope="col" class="text-wrap text-center" ">Code</th> <th scope="col" class="text-wrap text-center" ">Room</th> </tr> </tfoot> </table> {{-- Data table Pagination --}} <script type="text/javascript"> //$(document).ready(function() //{ $('#example').DataTable(); //}); </script> {{-- Detail Report --}} @endsection
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <meta name="Saquib" content="Blade"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="images/favicon.ico" type="image/ico" /> <title>Report | </title> <script src="vendors/jquery/dist/jquery.min.js"></script> <link href="vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/datatable/dataTables.bootstrap.min.css"> <link href="vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet"> <link href="vendors/nprogress/nprogress.css" rel="stylesheet"> <link href="vendors/iCheck/skins/flat/green.css" rel="stylesheet"> <link href="vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"> <link href="vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet" /> <link href="vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"> <link href="build/css/custom.min.css" rel="stylesheet"> <link href="css/bootstrap/starter-template.css" rel="stylesheet"> <link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" /> </head> <body class="nav-md"> <div class="container body"> <div class="main_container"> <div class="col-md-3 left_col"> <div class="left_col scroll-view"> <div class="navbar nav_title" style="border: 0;"> <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Report Statics</span></a> </div> <div class="clearfix"></div> <!-- menu profile quick info --> <div class="profile clearfix"> <div class="profile_pic"> <img src="images/img.jpg" alt="..." class="img-circle profile_img"> </div> <div class="profile_info"> <span>Welcome,</span> <h2></h2> </div> </div> <!-- /menu profile quick info --> <br /> <!-- sidebar menu --> <div class="clearfix"></div> <!-- sidebar menu --> <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> <div class="menu_section"> <h3>General</h3> <ul class="nav side-menu"> <li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="index.html">Dashboard</a></li> <li><a href="index2.html">Dashboard2</a></li> <li><a href="index3.html">Dashboard3</a></li> </ul> </li> <li><a><i class="fa fa-sitemap"></i> รายงาน Daily (OPD) <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a>Visit Today<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="#">นับตาม VN</a></li> <li><a href="report">แยกตามคลีนิค</a></li> <li><a href="#">แยกตามกลุ่มโรค</a></li> <li><a href="#">แยกตามสิทธิการรักษา</a></li> <li><a href="#">แยกตามสาขาแพทย์</a></li> <li><a href="#">แยกตามระยะเวลารอคอย</a></li> <li><a href="#">แยกตามคนไข้ เก่า-ใหม่</a></li> <li><a href="#">แยกตามบริษัทคู่สัญญา</a></li> </ul> </li> <li><a href="#">สรุปการทำ Lap</a></li> <li><a href="#">สรุปการทำ X-ray</a></li> <li><a href="#">รายงานประเภท PT (ใหม่ - เก่า)</a></li> <li><a href="#">รายงานจำนวนผู้ป่วยแยกแผนก</a></li> <li><a href="#">รายงานจำนวนผู้ป่วยนับจาก HN</a></li> <li><a href="#">รายงานผู้เสียชีวตินับจาก HN</a></li> </ul> </li> <li><a><i class="fa fa-sitemap"></i> รายงาน Daily (IPD) <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a>Admit Today<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="level2.html">Level 2</a></li> <li><a href="#level2_1">Level 1</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Level 2</a></li> <li><a href="#">Level 2</a></li> </ul> </li> <li><a href="#">Level 1</a></li> </ul> </li> <li><a><i class="fa fa-edit"></i>รายงานให้ ฝ่าย/แผนก<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a>คุณ....<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="#">Ward Census ICN</a></li> </ul> </li> <li><a>สำนัก A<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="#">รายงาน A</a></li> <li class="sub_menu"><a href="#">จำนวน B</a></li> <li class="sub_menu"><a href="#">รายงาน C</a></li> <li class="sub_menu"><a href="#">รายงาน D</a></li> <li class="sub_menu"><a href="#">รายงาน E</a></li> <li class="sub_menu"><a href="#">รายงาน F</a></li> <li><a>รายงาน G<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li class="sub_menu"><a href="#">รายงาน H</a></li> <li><a href="#">รายงาน I</a></li> <li><a href="#">รายงาน J</a></li> </ul> </li> <li class="sub_menu"><a href="#">แยกประเภท PT (ใหม่ - เก่า)</a></li> <li class="sub_menu"><a href="#">จำนวนผู้ป่วยแยกแผนก</a></li> <li class="sub_menu"><a href="#">Discharge SumRefer</a></li> <li class="sub_menu"><a href="#">ICD 10 แบบ Detail</a></li> </ul> </li> <li class="sub_menu"><a href="#">รายงานรายได้แพทย์แผนจีน</a></li> <li class="sub_menu"><a href="#">ส่วนลดพิเศษ OPD</a></li> <li class="sub_menu"><a href="#">ส่วนลดพิเศษ IPD</a></li> </ul> </li> <li><a><i class="fa fa-desktop"></i>รายงานประจำวัน <span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="general_elements.html">ประจำวัน 5 ครั้ง</a></li> </ul> </li> <li><a><i class="fa fa-table"></i>รายงาน Report<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="tables.html">Report AA</a></li> </ul> </li> </ul> </div> <div class="menu_section"> <h3>สถิติ</h3> <ul class="nav side-menu"> <li><a><i class="fa fa-bar-chart-o"></i>สถิติ ปี<span class="fa fa-chevron-down"></span></a> <ul class="nav child_menu"> <li><a href="e_commerce.html">ม.ค.</a></li> <li><a href="projects.html">ก.พ.</a></li> <li><a href="project_detail.html">ม๊.ค</a></li> <li><a href="contacts.html">พ.ค.</a></li> <li><a href="profile.html">มิ.ย.</a></li> <li><a href="profile.html">ก.ค.</a></li> <li><a href="profile.html">ส.ค.</a></li> <li><a href="profile.html">ก.ย.</a></li> <li><a href="profile.html">ต.ค.</a></li> <li><a href="profile.html">พ.ย.</a></li> <li><a href="profile.html">ธ.ค.</a></li> </ul> </li> </ul> </div> </div> <!-- /sidebar menu --> <!-- /menu footer buttons --> <div class="sidebar-footer hidden-small"> <a data-toggle="tooltip" data-placement="top" title="Settings"> <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="FullScreen"> <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="Lock"> <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> </a> <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html"> <span class="glyphicon glyphicon-off" aria-hidden="true"></span> </a> </div> <!-- /menu footer buttons --> </div> </div> <!-- top navigation --> <div class="top_nav"> <div class="nav_menu"> <nav> <div class="nav toggle"> <a id="menu_toggle"><i class="fa fa-bars"></i></a> </div> <ul class="nav navbar-nav navbar-right"> <li class=""> <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <img src="images/img.jpg" alt="">John Doe <span class=" fa fa-angle-down"></span> </a> <ul class="dropdown-menu dropdown-usermenu pull-right"> <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li> </ul> </li> </ul> </nav> </div> </div> <!-- /top navigation --> <!-- page content --> <div class="right_col" role="main"> <!-- top tiles --> <div class="starter-template"> <p>ReportToday</p> <p>Please Select Date Below</p> </div> <form name="frmDate" method="post" action="http://localhost:8000/report "> <input type="hidden" name="_token" value="2xjeA5FqD95duAI4LNSdbC3lhywkwYYhL5ROOlLV"> <div class="row"> <div class='col-sm-5'> <div class="form-group"> <div class='input-group date' id="datetimepicker1"> <input type='text' class="form-control" name='DateStart' /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class='col-sm-5'> <div class="form-group"> <div class='input-group date' id="datetimepicker2"> <input type='text' class="form-control" name='EndDate' /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class="col-sm-2"> <button type="submit" name="submit" value="Submit" class="btn btn-secondary">ค้นหา</button> </div> <script type="text/javascript"> $(function() { $('#datetimepicker1').datetimepicker({ format: 'YYYY-MM-DD' }); $('#datetimepicker2').datetimepicker({ format: 'YYYY-MM-DD' }); }); </script> </div> <br/> <div class="row"> <div class="input-group mb-3"> <div class="input-group-prepend"> <label class="input-group-text" for="Clinic">Clinic</label> <select class="custom-select" id="Clinic" name="Clinic" style="width:793px;"> <option selected>Choose...</option> <option value="AC"> Report (AA) </option> <option value="ADIO"> Report (AB) </option> <option value="ADM"> Report (AC) </option> <option value="AJ"> Report (AD) </option> <option value="AN"> Report (AE) </option> <option value="BNC"> Report (AF) </option> <option value="CATH"> Report (AH) </option> <option value="CCU"> Report (AI) </select> </div> </div> </div> </form> <!-- /top tiles --> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="dashboard_graph"> <!-- Visit today Report --> <div class="row"> <table class="table table-bordered"> <thead> <tr> <td scope="col" rowspan="2" class="text-center align-middle">logo</td> <td scope="col" rowspan="2" class="text-center text-uppercase align-middle">hospital Report</td> <td scope="col" colspan="3" class="text-center text-uppercase">Report Today</td> </tr> <tr> <td scope="col" colspan="2" class="text-center font-weight-normal">ประจำวันที่ 29 พ.ค. 2561</td> <td scope="col" colspan="2" class="text-right font-weight-normal">ผู้พิมพ์ : John Doe</td> </tr> <tr> <td scope="col" colspan="4" class="font-weight-normal">Path:\...\Report\Report Today.rpt</td> <td scope="col" colspan="2" class="text-right font-weight-normal">วันที่พิมพ์ 29 พ.ค. 2561 เวลา : 16:33 น.</td> </tr> </tdead> </table> </div> <table id="example" class="table table-bordered"> <thead> <tr> <th scope="col">ลำดับ</th> <th scope="col" class="text-wrap text-center" ">date</th> <th scope="col " class="text-wrap text-center " ">Code</th> <th scope="col" class="text-wrap text-center" ">Room</th> <th scope="col " class="text-nowrap ">จำนวนเวรออกตรวจ</th> <th scope="col " class="text-nowrap ">จำนวน<br>ห้อง</th> <th scope="col " class="text-nowrap text-center ">A<br>GN</th> <th scope="col " class="text-nowrap text-center " ">B <br>CT</th> <th scope="col" class="text-nowrap text-center" ">เข้าใหม่<br>GN</th> <th scope="col " class="text-nowrap text-center " ">เข้าใหม่ <br>CT</th> <th scope="col" class="text-nowrap text-center" ">รวม</th> <th scope="col " class="text-nowrap " ">รายได้เฉลี่ย <br>(บาท/ราย)</th> <th scope="col">AA</th> <th scope="col">%AA</th> </tr> </thead> <tbody> <tr> <td>2</td> <td class="text-nowrap" style="widtd:8rem;">2018-05-01</td> <td>AAA</td> <td class="text-nowrap" style="widtd:8rem;">ศูนย์ Center (BNC) </td> <td>1</td> <td> 0 </td> </tr> <tr> <td>2</td> <td class="text-nowrap" style="widtd:8rem;">2018-05-01</td> <td>AAA</td> <td class="text-nowrap" style="widtd:8rem;">ศูนย์ Center (BNC) </td> <td>1</td> <td> 0 </td> </tr> </tbody> <tfoot> <tr> <th scope="col">ลำดับ</th> <th scope="col" class="text-wrap text-center" ">date</th> <th scope="col " class="text-wrap text-center " ">Code</th> <th scope="col" class="text-wrap text-center" ">Room</th> <th scope="col " class="text-nowrap ">จำนวนเวรออกตรวจ</th> <th scope="col " class="text-nowrap ">จำนวน<br>ห้อง</th> <th scope="col " class="text-nowrap text-center ">A<br>GN</th> <th scope="col " class="text-nowrap text-center " ">B <br>CT</th> <th scope="col" class="text-nowrap text-center" ">เข้าใหม่<br>GN</th> <th scope="col " class="text-nowrap text-center " ">เข้าใหม่ <br>CT</th> <th scope="col" class="text-nowrap text-center" ">รวม</th> <th scope="col " class="text-nowrap " ">รายได้เฉลี่ย <br>(บาท/ราย)</th> <th scope="col">AA</th> <th scope="col">%AA</th> </tr> </tfoot> </table> <script type="text/javascript"> //$(document).ready(function() ///บรรทัดนี้คะ //{ $('#example').DataTable(); //}); ///บรรทัดนี้คะ </script> <div class="clearfix"></div> </div> </div> </div> <br /> <div class="row"> </div> <div class="row"> <div class="col-md-8 col-sm-8 col-xs-12"> <div class="row"> </div> <div class="row"> <!-- Start to do list --> <!-- End to do list --> <!-- start of weather widget --> <!-- end of weather widget --> </div> </div> </div> </div> <!-- /page content --> <!-- footer content --> <footer> <div class="pull-right"> Power by MIS </div> <div class="clearfix"></div> </footer> <!-- /footer content --> </div> </div> <!-- Bootstrap --> <script src="vendors/bootstrap/dist/js/bootstrap.min.js"></script> <!-- FastClick --> <script src="vendors/fastclick/lib/fastclick.js"></script> <!-- NProgress --> <script src="vendors/nprogress/nprogress.js"></script> <!-- Chart.js --> <script src="vendors/Chart.js/dist/Chart.min.js"></script> <!-- gauge.js --> <script src="vendors/gauge.js/dist/gauge.min.js"></script> <!-- bootstrap-progressbar --> <script src="vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script> <!-- iCheck --> <script src="vendors/iCheck/icheck.min.js"></script> <!-- Skycons --> <script src="vendors/skycons/skycons.js"></script> <!-- Flot --> <script src="vendors/Flot/jquery.flot.js"></script> <script src="vendors/Flot/jquery.flot.pie.js"></script> <script src="vendors/Flot/jquery.flot.time.js"></script> <script src="vendors/Flot/jquery.flot.stack.js"></script> <script src="vendors/Flot/jquery.flot.resize.js"></script> <!-- Flot plugins --> <script src="vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script> <script src="vendors/flot-spline/js/jquery.flot.spline.min.js"></script> <script src="vendors/flot.curvedlines/curvedLines.js"></script> <!-- DateJS --> <script src="vendors/DateJS/build/date.js"></script> <!-- JQVMap --> <script src="vendors/jqvmap/dist/jquery.vmap.js"></script> <script src="vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script> <script src="vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script> <!-- bootstrap-daterangepicker --> <script src="vendors/moment/min/moment.min.js"></script> <script src="vendors/bootstrap-daterangepicker/daterangepicker.js"></script> <!-- Bootstrap 3 Datepicker v4 Docs [js] --> <script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script> <script src="js/bootstrap/bootstrap.min.js"></script> <script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> <!-- Custom Theme Scripts --> <script src="build/js/custom.min.js"></script> <script type="text/javascript" src="js/datatable/jquery.dataTables.js"></script> <script type="text/javascript" src="js/datatable/dataTables.bootstrap.js"></script> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
