<!DOCTYPE html> <%@ page contentType="text/html; charset=UTF-8" language="java" %> <%@page import="com.csc.library.system.*,com.csc.library.utilities.*,java.text.*,com.csc.library.databean.*,java.util.Enumeration"%> <%@ page import="com.csc.library.entry.*,com.csc.library.database.*,com.csc.library.session.*" %> <% request.setCharacterEncoding("UTF-8"); %> <% UProfile ups = null; if (session != null){ ups = (UProfile)session.getAttribute("userprofile"); } if (ups == null){ return ; } String empid = request.getParameter("__employeeid"); String prgcode = request.getParameter("__prgcode"); String gendate = request.getParameter("__gendate"); String period = request.getParameter("__period"); String authen = request.getParameter("__authenstatus"); String months = request.getParameter("months"); String years = request.getParameter("years"); String round = request.getParameter("round"); String salatype = request.getParameter("__salatype"); %> <html ng-app='EPAYSLIP'> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel='stylesheet' href="../CSS/Bootstrap/css/bootstrap.css"> <link rel='stylesheet' href='css/epayslip.css'> <script type="text/javascript" src="../JS/SCREEN.js"></script> <script type="text/javascript" src="../JS/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="../public/lib/angular/angular.min.js"></script> <script type="text/javascript" src="../JS/ANGULAR/SCREEN_ANGULAR.js"></script> <script type='text/javascript' src="../public/lib/angular-resource/angular-resource.min.js"></script> <script type='text/javascript' src='JS/PAYSLIP/Module.Controller.js'></script> <script type='text/javascript' src='JS/PAYSLIP/services.js'></script> <script type='text/javascript' src='JS/PAYSLIP/ShowPaySlip_CAAT.Controller.js'></script> <script type='text/javascript' src='../JS/EMPVIEW_FUNC.js'></script> <script type='text/javascript'>setLang("<%=ups.get("lang")%>")</script> </head> <body ng-controller='ShowPaySlip'> <div class='epay-block'> <div class='block-header padding-bot0'> <div class='epay-logo'> <div class='center'>ใบแจ้งเงินเดือน</div> <div class='center'>Pay Slip</div> </div> <div class='mylogo left'> <img src="{{ headerepay.mbranch.logo }}" class='img-logo' ng-if="headerepay.mbranch.logo !='' "> </div> </div> <div class='block-title'> <div class='block-line'> </div> <div class='row'> <div class='col-xs-2 col-sm-2 col-md-2'> <label class='control-label padding-label' >รหัสพนักงาน(ID)</label> </div> <div class='col-xs-2 col-sm-2 col-md-2'> <div class='control-label'>{{ headerepay.memployee.empid }}</div> </div> <div class='col-xs-4 col-sm-4 col-md-4'> <label class='control-label padding-label label-right' >ประจําเดือน(Month)</label> </div> <div class='col-xs-3 col-sm-3 col-md-3'> <div class='control-label'>{{ headerepay.memployee.epaydate}}</div> </div> </div> <div class='row'> <div class='col-xs-2 col-sm-2 col-md-2'> <label class='control-label padding-label' >ชื่อ(Name)</label> </div> <div class='col-xs-3 col-sm-3 col-md-3'> <div class='control-label'>{{ headerepay.memployee.fullname }}</div> </div> <div class='col-xs-3 col-sm-3 col-md-3'> <label class='control-label padding-label label-right' >วันที่จ่ายเงิน(Pay Date)</label> </div> <div class='col-xs-2 col-sm-2 col-md-2'> <div class='control-label'>{{ headerepay.memployee.paymentdate}}</div> </div> </div> <div class='row'> <div class='col-xs-2 col-sm-2 col-md-2'> <label class='control-label padding-label' >ตำแหน่ง(Position)</label> </div> <div class='col-xs-2 col-sm-2 col-md-2'> <div class='control-label'>{{ headerepay.memployee.position}}</div> </div> <div class='col-xs-2 col-sm-2 col-md-2'></div> <div class='col-xs-2 col-sm-2 col-md-2'> <label class='control-label padding-label label-right'>ธนาคาร(Bank)</label> </div> <div class='col-xs-4 col-sm-4 col-md-4'> <div class='control-label'>{{ bodyepay.summary.bankname }}</div> </div> </div> <div class='row'> <div class='col-xs-2 col-sm-2 col-md-2'> <label class='control-label padding-label'>ฝ่าย(Division)</label> </div> <div class='col-xs-2 col-sm-2 col-md-2'> <div class='control-label'>{{ headerepay.memployee.bu1desc}}</div> </div> <div class='col-xs-2 col-sm-2 col-md-2'></div> <div class='col-xs-2 col-sm-2 col-md-2'> <label class='control-label padding-label label-right'>เลขที่บัญชี(No.)</label> </div> <div class='col-xs-3 col-sm-3 col-md-3'> <div class='control-label'>{{ bodyepay.summary.accountid }}</div> </div> </div> </div> <div class='block-body padding-30'> <div class='col-xs-7 col-sm-7 col-md-7'> <table class='table table-bordered table-fixed no-border-td'> <thead> <tr> <th colspan='2' class='center' >รายได้/Earning</th> <th colspan='2' class='center' >รายหัก/Deduction</th> </tr> </thead> <tbody> <tr ng-repeat='epaybody in bodyepay.data'> <td>{{ epaybody.inccaption }}</td> <!-- <td>{{ epaybody.othour }}</td> --> <td class='center'>{{ epaybody.incformula }}</td> <td>{{ epaybody.expcaption }}</td> <!-- <td>{{ epaybody.absent }}</td> --> <td class='center'>{{ epaybody.expformula }}</td> </tr> <tr class='summary'> <th class='center'>รวมรายได้</br>Total Earnings</th> <td class='center ver-align'>{{ bodyepay.summary.suminc }}</td> <th class='center'>รวมรายหัก</br>Total</th> <td class='center ver-align'>{{ bodyepay.summary.sumexp }}</td> </tr> <tr class='summary'> <th class='center'>เงินได้สุทธิ</br>Net Income</th> <td colspan='3' class='center ver-align'>{{ bodyepay.summary.total }}</td> </tr> </tbody> </table> </div> <div class='col-xs-4 col-sm-4 col-md-4'> <table class='table table-bordered table-fixed no-border-td'> <thead> <tr> <th colspan='2' class='center' >ค่าล่วงเวลา/OT</th> </tr> </thead> <tbody > <tr ng-repeat='ot in bodyepay.data'> <td ng-if="ot.inccaption.indexOf('OT')!=-1 || ot.inccaption.indexOf('ot')!=-1 || ot.inccaption.indexOf('ล่วงเวลา')!=-1">{{ ot.inccaption }}</td> <td class='center' ng-if="ot.inccaption.indexOf('OT')!=-1 || ot.inccaption.indexOf('ot')!=-1 || ot.inccaption.indexOf('ล่วงเวลา')!=-1">{{ ot.incformula }}</td> </tr> <tr> <td></td> <td></td> </tr> </tbody> <thead> <tr> <th colspan='2' class='center' >ข้อมูลเงินสะสม/Accumulation</th> </tr> </thead> <tbody> <tr> <td>เงินได้/Income</td> <td class='center'>{{ bodyepay.summary.salary_ytd }}</td> </tr> <tr> <td>ภาษี/Tax</td> <td class='center'>{{ bodyepay.summary.tax_ytd }}</td> </tr> <tr> <td>กองทุนสำรองเลี้ยงชีพ/PF</td> <td class='center'>{{ bodyepay.summary.totalpvf }}</td> </tr> <tr> <td>อื่นๆ</td> <td class='center'>{{ bodyepay.summary.other_income_ytd}}</td> </tr> </tbody> </table> <div class='blank-space'></div> <div class='row'> <span class='col-xs-4 col-sm-4 col-md-4'>ลงชื่อ/Sign</span> <span class='col-xs-8 col-sm-8 col-md-8'>.........................................</span> </div> <div class='row center'> <span class='col-xs-2 col-sm-2 col-md-2'></span> <span class='col-xs-10 col-sm-10 col-md-10 right'>(นางพร้อมพร จินดาวงศ์ เนตรหาญ)</span> </div> <div class='blank-space'></div> <div class='row'> <span class='col-xs-4 col-sm-4 col-md-4'>วันที่/Date</span> <span class='col-xs-8 col-sm-8 col-md-8'>.........................................</span> </div> </div> <div class='row'> <div class='col-xs-10 col-sm-10 col-md-10'> <div>{{ alertbox.getString() }}</div> </div> </div> <div class='row'> <div class='col-xs-10 col-sm-10 col-md-10'> <div>{{ alertbox2.getString() }}</div> </div> </div> <div class='blank-space'></div> </div> <div class='block-footer padding-30'> <div class='block-line'> </div> <div class='row'> <div class='center'> <div class='footer-title'>{{ headerepay.mbranch.tdesc }}</div> <div>{{ headerepay.mbranch.taddr }}</div> </div> </div> </div> </div> <input type='hidden' name='empid' value="<%=empid%>" /> <input type='hidden' name='prgcode' value="<%=prgcode%>" /> <input type='hidden' name='gendate' value="<%=gendate%>" /> <input type='hidden' name='period' value="<%=period%>"/> <input type='hidden' name='authen' value="<%=authen%>" /> <input type='hidden' name='months' value="<%=months%>" /> <input type='hidden' name='years' value="<%=years%>" /> <input type='hidden' name='round' value="<%=round%>" /> <input type='hidden' name='salatype' value="<%=salatype%>" /> </body> </html>