API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 24th, 2018
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.36 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title></title>
  6.     <link rel="stylesheet" href="../../asset/css/toast/jquery.toast.css">
  7.     <link rel="stylesheet" href="../../asset/css/selectize/selectize.css">
  8.     <link rel="stylesheet" href="../../asset/css/selectize/selectize.bootstrap3.css">
  9.     <link rel="stylesheet" href="../../asset/css/datatables/jquery.dataTables.min.css">
  10.     <link rel="stylesheet" href="../../asset/css/datatables/select.dataTables.min.css">
  11.   </head>
  12.   <body>
  13.     <form id="rujukanForm" class="form-horizontal" style="display:none">
  14.         <input type="hidden" id="id" disabled="">
  15.         <div class="form-group">
  16.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">No.SEP</label>
  17.             <div class="col-md-3 col-sm-3 col-xs-12">
  18.                 <input type="text" class="form-control" id="nosep" disabled="">
  19.             </div>
  20.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">No.Rujukan</label>
  21.             <div class="col-md-3 col-sm-3 col-xs-12">
  22.                 <input type="text" class="form-control" id="norujukan" disabled="">
  23.             </div>
  24.         </div>
  25.         <div class="form-group">
  26.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Tgl.SEP</label>
  27.             <div class="col-md-3 col-sm-3 col-xs-12">
  28.                 <input type="text" class="form-control" id="tglsep" disabled="">
  29.             </div>
  30.  
  31.             <label class="col-md-2 col-sm-2 col-xs-12 control-label">Tgl.Rujukan</label>
  32.             <div class="col-md-3 col-sm-3 col-xs-12">
  33.                 <div class="input-group date">
  34.                     <input type="text" class="form-control datepicker" id="tglrujukan" placeholder="yyyy-MM-dd" maxlength="10" required>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.         <div class="form-group">
  39.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">No.Kartu</label>
  40.             <div class="col-md-3 col-sm-3 col-xs-12">
  41.                 <input type="text" class="form-control" id="nopeserta" disabled="">
  42.             </div>
  43.             <div class="col-md-1 col-sm-1 col-xs-12">
  44.                 <input type="text" class="form-control" id="kelamin" disabled="">
  45.             </div>
  46.  
  47.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Pelayanan</label>
  48.             <div class="col-md-3 col-sm-3 col-xs-12">
  49.                 <select class="form-control" id="pelayanan">
  50.                     <option value="2">Rawat Jalan</option>
  51.                     <option value="1">Rawat Inap</option>
  52.                 </select>
  53.             </div>
  54.         </div>
  55.         <div class="form-group">
  56.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Nama</label>
  57.             <div class="col-md-4 col-sm-4 col-xs-12">
  58.                 <input type="text" class="form-control" id="nmpst" disabled="">
  59.             </div>
  60.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Tipe</label>
  61.             <div class="col-md-3 col-sm-3 col-xs-12">
  62.                 <label><input type="radio" name="tiperujukan" value="0" id="penuh" checked=""> Penuh</label>
  63.                 <label><input type="radio" name="tiperujukan" value="1" id="partial"> Partial</label>
  64.                 <label><input type="radio" name="tiperujukan" value="2" id="balik"> Rujuk Balik</label>
  65.             </div>
  66.         </div>
  67.         <div class="form-group">
  68.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Tgl.Lahir</label>
  69.             <div class="col-md-3 col-sm-3 col-xs-12">
  70.                 <input type="text" class="form-control" id="tgllahir" disabled="">
  71.             </div>
  72.             <label class="col-md-2 col-sm-2 col-xs-12 control-label">Di Rujuk Ke</label>
  73.             <div class="col-md-5 col-sm-5 col-xs-12">
  74.                 <select class="form-control" id="ppkdirujuk" placeholder="ketik kode atau nama ppk minimal 3 karakter" required>
  75.                 </select>
  76.             </div>
  77.         </div>
  78.         <div class="form-group">
  79.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Hak Kelas</label>
  80.             <div class="col-md-3 col-sm-3 col-xs-12">
  81.                 <input type="text" class="form-control" id="kdklspst" disabled="">
  82.             </div>
  83.             <div id="divPoli">
  84.                 <label class="col-md-2 col-sm-2 col-xs-12 control-label">Poli Rujukan</label>
  85.                 <div class="col-md-5 col-sm-5 col-xs-12">
  86.                     <select class="form-control" id="nmpoli" placeholder="ketik kode atau nama poli" required>
  87.                     </select>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.         <div class="form-group">
  92.             <label class="col-md-1 col-sm-1 col-xs-12 control-label">Diagnosa</label>
  93.             <div class="col-md-3 col-sm-3 col-xs-12">
  94.                 <input type="text" class="form-control" id="nmdiagnosa_0" disabled="">
  95.             </div>
  96.             <label class="col-md-2 col-sm-2 col-xs-12 control-label">Diagnosa Rujukan</label>
  97.             <div class="col-md-5 col-sm-5 col-xs-12">
  98.                 <select class="form-control" id="nmdiagnosa" placeholder="ketik kode atau nama  diagnosa minimal 3 karakter" required>
  99.                 </select>
  100.             </div>
  101.         </div>
  102.         <div class="form-group">
  103.             <label class="col-md-6 col-sm-6 col-xs-12 control-label">Catatan Rujukan</label>
  104.             <div class="col-md-5 col-sm-5 col-xs-12">
  105.                 <textarea type="text" class="form-control" id="keterangan"></textarea>
  106.             </div>
  107.         </div>
  108.         <div class="form-group">
  109.             <div class="col-md-6 col-sm-6 col-xs-12"></div>
  110.             <div class="col-md-5 col-sm-5 col-xs-12">
  111.                 <button id="btnSimpan" type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Update</button>
  112.                 <button id="btnHapus" type="button" class="btn btn-danger"><i class="fa fa-edit"></i> Hapus</button>
  113.                <button id="btnCetak" type="button" class="btn btn-warning"><i class="fa fa-print"></i> Cetak</button>
  114.                 <button id="btnBatal" type="button" class="btn btn-default"><i class="fa fa-back"></i> Batal</button>
  115.             </div>
  116.         </div>
  117.     </form>
  118.  
  119.     <div class="col-md-12" id="rujukanTable">
  120.         <table class="row-border order-column table table-hover w-full" id="table" width="100%">
  121.           <thead>
  122.             <tr>
  123.               <th></th>
  124.               <th>Nomor SEP</th>
  125.               <th>Nomor Kartu</th>
  126.               <th>Nama Peserta</th>
  127.               <th>Tgl. Rujukan</th>
  128.               <th>PPK Dirujuk</th>
  129.               <th>Poli Tujuan</th>
  130.               <th>Menu</th>
  131.             </tr>
  132.           </thead>
  133.         </table>
  134.     </div>
  135.  
  136.  
  137. <form id="rujukan_print_form" method="post" action="cetak.php" target="rujukan_print">
  138.       <!-- <input type="hidden" name="catatan" id="catatan">
  139.       <input type="hidden" name="diagnosa" id="diagnosa">
  140.       <input type="hidden" name="jnsPelayanan" id="jnsPelayanan">
  141.       <input type="hidden" name="kelasRawat" id="kelasRawat">
  142.       <input type="hidden" name="noSep" id="noSep">
  143.       <input type="hidden" name="penjamin" id="penjamin">
  144.       <input type="hidden" name="asuransi" id="asuransi">
  145.       <input type="hidden" name="hakKelas" id="hakKelas">
  146.       <input type="hidden" name="jnsPeserta" id="jnsPeserta">
  147.       <input type="hidden" name="kelamin" id="kelamin">-->
  148.        <input type="hidden" name="nama" id="nm">
  149.        <input type="hidden" name="noKartu" id="nk">
  150.        <!--<input type="hidden" name="noMr" id="noMr">
  151.       <input type="hidden" name="tglLahir" id="tglLahir">
  152.       <input type="hidden" name="poli" id="poli">
  153.       <input type="hidden" name="poliEksekutif" id="poliEksekutif">
  154.       <input type="hidden" name="tglSep" id="tglSep">
  155.       <input type="hidden" name="rujukan" id="rujukan">-->
  156.      </form>
  157.  
  158.   </body>
  159.   <script src="../../asset/js/jquery.min.js"></script>
  160.   <script src="../../asset/js/toast/jquery.toast.js"></script>
  161.   <script src="../../asset/js/selectize/standalone/selectize.js"></script>
  162.   <script src="../../asset/js/datatables/jquery.dataTables.min.js"></script>
  163.   <script src="../../asset/js/datatables/dataTables.select.min.js"></script>
  164.   <script type="text/javascript">
  165.     $(document).ready(function () {
  166.       var table = $('#table').DataTable({
  167.             processing: true,
  168.             serverSide: true,
  169.             searching: false,
  170.             ordering: false,
  171.             // select: true,
  172.             ajax: {
  173.                 url: "../../service/route.php",
  174.                 type: "POST",
  175.                 data: function (data) {
  176.                     data.task = 'simrs_rujukan_list';
  177.                     data.tglRujukan = $('#tglRujukan').val();
  178.                     data.noSep = $('#noSep').val();
  179.                 },
  180.                 headers: {
  181.                     'X-CSRF-TOKEN': '{{ csrf_token() }}'
  182.                 }
  183.             },
  184.             dom: '<"top">rt<"bottom"lp>i<"clear">',
  185.             columns: [
  186.                 { data: 'no', orderable: false },
  187.                 { data: 'noSep', orderable: false },
  188.                 { data: 'noKartu', orderable: false },
  189.                 { data: 'nama', orderable: false },
  190.                 { data: 'tglRujukan', orderable: false },
  191.                 { data: 'ppkDirujukText', orderable: false },
  192.                 { data: 'poliRujukanText', orderable: false },
  193.                 { data: 'button', orderable: false }
  194.             ]
  195.       });
  196.  
  197.       var faskes_select = $('#rujukanForm #ppkdirujuk').selectize({
  198.           maxItems: 1,
  199.           preload: true,
  200.           valueField: 'kode',
  201.           labelField: 'nama',
  202.           searchField: 'nama',
  203.           load: function(query, callback) {
  204.             var input = query;
  205.             var length = input.length;
  206.             if(length > 2){
  207.               $.ajax({
  208.                 url: '../../service/route.php',
  209.                 type: 'POST',
  210.                 data: {
  211.                     task: 'referensi_faskes',
  212.                     text: query,
  213.                     jenis: 2
  214.                 },
  215.                 headers: {
  216.                     'X-CSRF-TOKEN': '{{ csrf_token() }}'
  217.                 },
  218.                 error: function() {
  219.                   callback();
  220.                 },
  221.                 success: function(result) {
  222.                   var data = JSON.parse(result);
  223.                   if (!query.length) return callback();
  224.                   if(data.metaData.code == 200){
  225.                     callback(data.response.faskes.slice(0, 10));
  226.                   }else{
  227.                     callback();
  228.                   }
  229.                 }
  230.               });
  231.             }else{
  232.               return callback();
  233.             }
  234.           }
  235.         });
  236.  
  237.         var poli_select = $('#rujukanForm #nmpoli').selectize({
  238.             maxItems: 1,
  239.             preload: true,
  240.             valueField: 'kode',
  241.             labelField: 'nama',
  242.             searchField: 'nama',
  243.             load: function(query, callback) {
  244.               var input = query;
  245.               var length = input.length;
  246.               if(length > 2){
  247.                 $.ajax({
  248.                   url: '../../service/route.php',
  249.                   type: 'POST',
  250.                   data: {
  251.                       task: 'referensi_poli',
  252.                       text: query
  253.                   },
  254.                   headers: {
  255.                       'X-CSRF-TOKEN': '{{ csrf_token() }}'
  256.                   },
  257.                   error: function() {
  258.                     callback();
  259.                   },
  260.                   success: function(result) {
  261.                     var data = JSON.parse(result);
  262.                     if (!query.length) return callback();
  263.                     if(data.metaData.code == 200){
  264.                       callback(data.response.poli.slice(0, 10));
  265.                     }else{
  266.                       callback();
  267.                     }
  268.                   }
  269.                 });
  270.               }else{
  271.                 return callback();
  272.               }
  273.             }
  274.         });
  275.  
  276.         var diagnosa_select = $('#rujukanForm #nmdiagnosa').selectize({
  277.             maxItems: 1,
  278.             preload: true,
  279.             valueField: 'kode',
  280.             labelField: 'nama',
  281.             searchField: 'nama',
  282.             load: function(query, callback) {
  283.               var input = query;
  284.               var length = input.length;
  285.               if(length > 2){
  286.                 $.ajax({
  287.                   url: '../../service/route.php',
  288.                   type: 'POST',
  289.                   data: {
  290.                       task: 'referensi_diagnosa',
  291.                       text: query
  292.                   },
  293.                   headers: {
  294.                       'X-CSRF-TOKEN': '{{ csrf_token() }}'
  295.                   },
  296.                   error: function() {
  297.                     callback();
  298.                   },
  299.                   success: function(result) {
  300.                     var data = JSON.parse(result);
  301.                     if (!query.length) return callback();
  302.                     if(data.metaData.code == 200){
  303.                       callback(data.response.diagnosa.slice(0, 10));
  304.                     }else{
  305.                       callback();
  306.                     }
  307.                   }
  308.                 });
  309.               }else{
  310.                 return callback();
  311.               }
  312.             }
  313.         });
  314.  
  315.  
  316.         $('#rujukanForm').on('submit',function(){
  317.           var faskes_data = faskes_select[0].selectize;
  318.           var fakses_value = faskes_data.getValue();
  319.  
  320.           var poli_data = poli_select[0].selectize;
  321.           var poli_value = poli_data.getValue();
  322.  
  323.           var diagnosa_data = diagnosa_select[0].selectize;
  324.           var diagnosa_value = diagnosa_data.getValue();
  325.  
  326.           if(document.getElementById('penuh').checked){
  327.             var tiperujukan = 0;
  328.             var tiperujukantext = 'penuh';
  329.           }else if(document.getElementById('partial').checked){
  330.             var tiperujukan = 1;
  331.             var tiperujukantext = 'partial';
  332.           }else if(document.getElementById('balik').checked){
  333.             var tiperujukan = 2;
  334.             var tiperujukantext = 'balik';
  335.           }else{
  336.             var tiperujukan = '';
  337.             var tiperujukantext = '';
  338.           }
  339.  
  340.  
  341.            var f = document.getElementById('rujukan_print_form');
  342.                    /* f.catatan.value = $('#sep_form #txtcatatan').val();
  343.                     f.diagnosa.value = $('#sep_form #txtnmdiagnosa option[value="'+t.diagAwal+'"]').text();
  344.                     f.jnsPelayanan.value = $('#sep_form #txtjenispelayanan option:selected').text();
  345.                     f.kelasRawat.value = 'Kelas '+$('#txtkdklspst').val();
  346.                     f.noSep.value = $('#sep_form #noSep').val();
  347.                     f.penjamin.value = penjamin;
  348.                     // f.asuransi.value = $('#form_cetak_sep #asuransi').val();
  349.                     f.rujukan.value = $('#sep_form #txtppkasalrujukan option[value="'+t.ppkRujukan+'"]').text();
  350.                     f.hakKelas.value = $('#lblhakkelas').html();
  351.                     f.jnsPeserta.value = $('#lblpeserta').html();
  352.                     f.kelamin.value = kelamin;*/
  353.                     f.nama.value = $('#rujukanForm #nmpst').val();
  354.                     f.noKartu.value = $('#rujukanForm #nopeserta').val();
  355.                     /*f.noMr.value = $('#sep_form #txtnomr').val();
  356.                     f.tglLahir.value = $('#lbltgllahir').html();
  357.                     f.poli.value = $('#sep_form #txtnmpoli option[value="'+t.tujuan+'"]').text();
  358.                     f.poliEksekutif.value = '';
  359.                     f.tglSep.value = $('#sep_form #txttglsep').val();
  360.                     f.cetak.value = 1;*/
  361.  
  362.                     map = window.open('', 'rujukan_print','width=1000,height=400');
  363.                     if(map){
  364.                       f.submit();
  365.                     }
  366.  
  367.  
  368.           $.ajax({
  369.             url: '../../service/route.php',
  370.             type: 'POST',
  371.             data: {
  372.               task: 'rujukan_update',
  373.               noRujukan: $('#rujukanForm #norujukan').val(),
  374.               ppkDirujuk: fakses_value,
  375.               jnsPelayanan: $('#rujukanForm #pelayanan').val(),
  376.               catatan: $('#rujukanForm #keterangan').val(),
  377.               diagRujukan: diagnosa_value,
  378.               tipeRujukan: tiperujukan,
  379.               poliRujukan: poli_value,
  380.               user: 'pendaftaran'
  381.             },
  382.             success: function(result) {
  383.               var data = JSON.parse(result);
  384.               if(data.metaData.code == 200){
  385.                 $.ajax({
  386.                   url: '../../service/route.php',
  387.                   type: 'POST',
  388.                   data: {
  389.                     task: 'simrs_rujukan_update',
  390.                     id: $('#rujukanForm #id').val(),
  391.                     noRujukan: $('#rujukanForm #norujukan').val(),
  392.                     noKartu: $('#rujukanForm #nopeserta').val(),
  393.                     nama: $('#rujukanForm #nmpst').val(),
  394.                     tglRujukan: $('#rujukanForm #tglrujukan').val(),
  395.                     ppkDirujuk: fakses_value,
  396.                     ppkDirujukText: $('#rujukanForm #ppkdirujuk option[value="'+fakses_value+'"]').text(),
  397.                     jnsPelayanan: $('#rujukanForm #pelayanan').val(),
  398.                     jnsPelayananText: $('#rujukanForm #pelayanan option:selected').text(),
  399.                     catatan: $('#rujukanForm #keterangan').val(),
  400.                     diagRujukan: diagnosa_value,
  401.                     diagRujukanText: $('#rujukanForm #nmdiagnosa option[value="'+diagnosa_value+'"]').text(),
  402.                     tipeRujukan: tiperujukan,
  403.                     tipeRujukanText: tiperujukantext,
  404.                     poliRujukan: poli_value,
  405.                     poliRujukanText: $('#rujukanForm #nmpoli option[value="'+poli_value+'"]').text()
  406.                   },
  407.                   success: function(res) {
  408.                     table.draw();
  409.                     $.toast(data.metaData.message);
  410.                   }
  411.                 });
  412.               }else{
  413.                 $.toast(data.metaData.message);
  414.               }
  415.             }
  416.           });
  417.  
  418.           return false;
  419.         });
  420.  
  421.         $('#rujukanForm #btnHapus').on('click',function(){
  422.           $.ajax({
  423.             url: '../../service/route.php',
  424.             type: 'POST',
  425.             data: {
  426.               task: 'rujukan_delete',
  427.               noRujukan: $('#rujukanForm #norujukan').val(),
  428.               user: 'pendaftaran'
  429.             },
  430.             success: function(result) {
  431.               var data = JSON.parse(result);
  432.               if(data.metaData.code == 200){
  433.                 $.ajax({
  434.                   url: '../../service/route.php',
  435.                   type: 'POST',
  436.                   data: {
  437.                     task: 'simrs_rujukan_delete',
  438.                     id: $('#rujukanForm #id').val(),
  439.                   },
  440.                   success: function(res) {
  441.                     table.draw();
  442.                     $.toast(data.metaData.message);
  443.                   }
  444.                 });
  445.               }else{
  446.                 $.toast(data.metaData.message);
  447.               }
  448.             }
  449.           });
  450.  
  451.           return false;
  452.         });
  453.  
  454.         $('#btnBatal').on('click',function(){
  455.             $('#rujukanTable').show();
  456.             $('#rujukanForm').hide();
  457.         });
  458.  
  459. $( "#btnCetak" ).on('click',function() {
  460.             var f = document.getElementById('rujukan_print_form');
  461.             map = window.open('', 'rujukan_print','width=1000,height=400');
  462.             if(map){
  463.               f.submit();
  464.             }
  465.         });
  466.  
  467.  
  468.         $('#table').on('click','button',function(){
  469.             t = table.row($(this).parents('tr')).data();
  470.  
  471.             $.ajax({
  472.               url: '../../service/route.php',
  473.               type: 'POST',
  474.               data: {
  475.                 task: 'sep_search',
  476.                 no: t.noSep
  477.               },
  478.               success: function(result) {
  479.                 var data = JSON.parse(result);
  480.                 if(data.metaData.code == 200){
  481.                   $('#rujukanTable').hide();
  482.                   $('#rujukanForm').show();
  483.  
  484.                   $('#rujukanForm #id').val(t.id);
  485.                   $('#rujukanForm #nosep').val(data.response.noSep);
  486.                   $('#rujukanForm #norujukan').val(t.noRujukan);
  487.                   $('#rujukanForm #tglsep').val(data.response.tglSep);
  488.                   $('#rujukanForm #tglrujukan').val(t.tglRujukan);
  489.                   $('#rujukanForm #nopeserta').val(data.response.peserta.noKartu);
  490.                   $('#rujukanForm #kelamin').val(data.response.peserta.kelamin);
  491.                   $('#rujukanForm #nmpst').val(data.response.peserta.nama);
  492.                   $('#rujukanForm #tgllahir').val(data.response.peserta.tglLahir);
  493.                   $('#rujukanForm #kdklspst').val(data.response.peserta.hakKelas);
  494.                   $('#rujukanForm #nmdiagnosa_0').val(data.response.diagnosa);
  495.  
  496.                   $('#rujukanForm #pelayanan').val(t.jnsPelayanan).trigger('change');
  497.                   $('#rujukanForm #keterangan').val(t.catatan);
  498.  
  499.                   if(t.tipeRujukan == 0){
  500.                     $('#rujukanForm #penuh').prop("checked", true);
  501.                   }else if(t.tipeRujukan == 1){
  502.                     $('#rujukanForm #partial').prop("checked", true);
  503.                   }else if(t.tipeRujukan ==2){
  504.                     $('#rujukanForm #balik').prop("checked", true);
  505.                   }
  506.  
  507.                   var faskes_data = faskes_select[0].selectize;
  508.                   faskes_data.addOption({kode: t.ppkDirujuk, nama: t.ppkDirujukText});
  509.                   faskes_data.setValue(t.ppkDirujuk);
  510.  
  511.                   var poli_data = poli_select[0].selectize;
  512.                   poli_data.addOption({kode: t.poliRujukan, nama: t.poliRujukanText});
  513.                   poli_data.setValue(t.poliRujukan);
  514.  
  515.                   var diagnosa_data = diagnosa_select[0].selectize;
  516.                   diagnosa_data.addOption({kode: t.diagRujukan, nama: t.diagRujukanText});
  517.                   diagnosa_data.setValue(t.diagRujukan);
  518.                   $.toast(data.metaData.message);
  519.                 }else{
  520.                   // $.toast(data.metaData.message);
  521.                   $.toast('Nomor SEP tidak ditemukan, mohon cek kembali.');
  522.                 }
  523.               }
  524.             });
  525.  
  526.  
  527.         });
  528.     });
  529.  
  530.  
  531.  
  532.  
  533.  
  534.  
  535.  
  536.  
  537.   </script>
  538. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!