SHARE
TWEET

View Tagihan NOP

a guest Nov 19th, 2019 123 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. <div class="row">
  3.   <div class="col-md-12 col-sm-12 col-xs-12">
  4.     <div class="x_panel">
  5.       <div class="x_title">
  6.         <h2><i class="fa fa-edit"></i> PEMBAYARAN TAGIHAN</h2>
  7.         <div class="clearfix"></div>
  8.       </div>
  9.       <div class="x_content">        
  10.         <tr>
  11.           <form>
  12.             <div class="form-group row">
  13.               <div class="col-md-3 col-sm-9 col-xs-12"></div>
  14.               <div class="col-md-4 col-sm-9 col-xs-12">
  15.                 <label class="control-label">NOP</label>
  16.                 <input type="text" name="nop_wp" id="nop_wp" class="form-control" autocomplete="off"/>
  17.               </div>  
  18.               <div class="col-md-2 col-sm-9 col-xs-12">  
  19.                 <label class="control-label">Tahun</label>
  20.                 <input type="text" name="thn_wp" id="thn_wp" class="form-control" autocomplete="off"/>
  21.               </div>
  22.               <div class="col-md-3 col-sm-9 col-xs-12"></div>
  23.             </div>                                                                                                  
  24.             <div class="form-group row">  
  25.               <div class="col-md-3 col-sm-9 col-xs-12"></div>
  26.               <div class="col-md-3 col-sm-9 col-xs-12">                
  27.                 <label class="control-label"></label>      
  28.                 <input type="button" name="inquiry" id="inquiry" value="INQUIRY" class="form-control btn btn-info" />
  29.               </div>
  30.             </div>
  31.           </form>
  32.         </tr>
  33.       </div>
  34.     </div>
  35.  
  36. <div class="row">
  37.   <div class="col-md-12 col-sm-12 col-xs-12">
  38.     <div class="x_panel">
  39.       <div class="x_title">
  40.        
  41.         <div class="modal-body">                
  42.           <form role="form" method="POST" enctype="multipart/form-data">  
  43.  
  44.            <div class="form-group row">
  45.               <label class="control-label col-md-3 col-sm-3 col-xs-12" ><strong>HASIL PENCARIAN :</strong></label>
  46.               <div class="ln_solid"></div>              
  47.             </div>          
  48.  
  49.             <div class="form-group row">
  50.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Kode Transaksi</label>
  51.                 <div class="col-md-6 col-sm-6 col-xs-12">
  52.                   <input type="text" name="kdtrx" class="form-control col-md-7 col-xs-12" value="JOG<?php echo $tgljam ?>" readonly/>
  53.                 </div>
  54.             </div>
  55.  
  56.             <div class="form-group row">
  57.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >NOP</label>
  58.                 <div class="col-md-6 col-sm-6 col-xs-12">
  59.                   <input type="text" name="nop_wp" id="nop_wp" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  60.                 </div>
  61.             </div>                                
  62.  
  63.             <div class="form-group row">
  64.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Tahun Pajak</label>
  65.                <div class="col-sm-3 col-xs-12">
  66.                 <input type="text" name="thn_wp" id="thn_wp" autocomplete="off" class="form-control col-md-7 col-xs-12" readonly required onkeyup="this.value = this.value.toUpperCase()"/>
  67.                </div>              
  68.             </div>
  69.  
  70.             <div class="form-group row">
  71.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Nama Kecamatan</label>
  72.                <div class="col-sm-6 col-xs-6">
  73.                 <input type="text" name="nm_kec" id="nm_kec" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  74.                </div>              
  75.             </div>
  76.  
  77.             <div class="form-group row">
  78.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Nama Kelurahan</label>
  79.                 <div class="col-md-6 col-sm-6 col-xs-12">
  80.                   <input type="text" name="nm_kel" id="nm_kel" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  81.                 </div>
  82.             </div>
  83.  
  84.             <div class="form-group row">
  85.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Nama Wajib Pajak</label>
  86.                 <div class="col-md-6 col-sm-6 col-xs-12">
  87.                   <input type="text" name="nm_wp" id="nm_wp" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  88.                 </div>
  89.             </div>
  90.  
  91.             <div class="form-group row">
  92.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Tanggal Jatuh Tempo</label>
  93.                 <div class="col-md-6 col-sm-6 col-xs-12">
  94.                   <input type="text" name="tgl_jt" id="tgl_jt" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  95.                 </div>
  96.             </div>        
  97.  
  98.             <div class="form-group row">
  99.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Tagihan</label>
  100.                 <div class="col-md-3 col-sm-6 col-xs-12">
  101.                   <input type="text" name="tagihan" id="tagihan" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  102.                 </div>
  103.             </div>    
  104.  
  105.             <div class="form-group row">
  106.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Denda</label>
  107.                 <div class="col-md-3 col-sm-6 col-xs-12">
  108.                   <input type="text" name="denda" id="denda" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  109.                 </div>
  110.             </div>  
  111.  
  112.             <div class="form-group row">
  113.               <label class="control-label col-md-3 col-sm-3 col-xs-12" >Jumlah</label>
  114.                 <div class="col-md-3 col-sm-6 col-xs-12">
  115.                   <input type="text" name="jml" id="jml" autocomplete="off" readonly class="form-control col-md-7 col-xs-12" required onkeyup="this.value = this.value.toUpperCase()"/>
  116.                 </div>
  117.             </div>                                    
  118.  
  119.         </div>
  120. <!--             <div class="modal-footer" style="padding-right:45px; " >
  121.                 <button type="button" class="btn btn-default reset" data-dismiss="modal" >Cancel</button>
  122.                 <button type="submit" name="simpandata" class="btn btn-primary">Simpan Data</button>
  123.             </div> -->
  124.           </form>
  125.       </div>
  126.     </div>
  127.   </div>                      
  128. </div>
  129.  
  130.  
  131.   </div>
  132.  
  133.  
  134. <script type="text/javascript">
  135. $(document).ready(function() {
  136.   $('#inquiry').click(function(){
  137.   $('.hasil').show();
  138.     PROSES.CEK_NOP();
  139.   });
  140.   PROSES= {
  141.     init : function(){
  142.     },
  143.     CEK_NOP : function(){
  144.       data = {
  145.         nop : $('#nop_wp').val(),
  146.         thn : $('#thn_wp').val(),
  147.         token :"xxxxxxxx",      
  148.         kdbank: "xxxxxx"
  149.       };
  150.       $.post("inquiry_tagihan.php",data,function(obj){
  151.                
  152.         var json = JSON.parse(obj);
  153.         console.log(json.responseData['NO_KK']);
  154.          
  155.         $('#nop').val(json.responseData['NOP']);
  156.         $('#thn').val(json.responseData['THN_PAJAK_SPPT']);
  157.         $('#nm_kec').val(json.responseData['NM_KECAMATAN']);
  158.         $('#nm_kel').val(json.responseData['NM_KELURAHAN']);
  159.         $('#nm_wp').val(json.responseData['NM_WP_SPPT']);
  160.         $('#tgl_jt').val(json.responseData['TGL_JATUH_TEMPO_SPPT']);
  161.         $('#tagihan').val(json.responseData['TAGIHAN']);
  162.         $('#denda').val(json.responseData['DENDA']);        
  163.         $('#jml').val(json.responseData['JML']);
  164.      
  165.       }).fail(function(err){
  166.         alert('Error: '+err.status+' '+err.statusText);
  167.       });
  168.     }
  169.   }
  170. });
  171. </script>
  172.  
  173. <script type="text/javascript">
  174.   $(document).ready(function() {
  175.     $(".reset").click(function() {
  176.       $("input").val("");
  177.       $("textarea").val("");
  178.       // $("select").val($("select").children().eq(0).val());
  179.     });
  180.   });
  181. </script>  
  182.  
  183. <script>
  184.   $(function() {
  185.       $('.hasil').hide();
  186.  
  187.   });
  188. </script>
RAW Paste Data
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
 
Top