| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/kwokfai/admin_html/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>幗暉創富投資有限公司</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
<!-- daterange picker -->
<link rel="stylesheet" href="../bower_components/bootstrap-daterangepicker/daterangepicker.css">
<!-- bootstrap datepicker -->
<link rel="stylesheet" href="../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="../plugins/iCheck/all.css">
<!-- Bootstrap Color Picker -->
<link rel="stylesheet" href="../bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="../plugins/timepicker/bootstrap-timepicker.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="../bower_components/select2/dist/css/select2.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>幗暉創富</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>幗暉創富投資有限公司</b></span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input class="form-control" id="navbar-search-input" placeholder="Search" type="text">
</div>
</form>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li><a href="createLoan.html"><i class="fa fa-plus"></i> 新增貸款</a></li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user" aria-hidden="true" style="font-size: 1em;"></i>
<span class="hidden-xs">管理人員</span> </a>
<ul class="dropdown-menu">
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="http://192.168.171.24/codeigniter/webadmin/en/bk_admin/profile" class="btn btn-default btn-flat">個人檔案</a>
</div>
<div class="pull-right">
<a href="http://192.168.171.24/codeigniter/webadmin/en/bk_admin/logout" class="btn btn-default btn-flat">登出</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- =============================================== -->
<!-- Left side column. contains the sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
</div>
<div class="pull-left info">
<p><i class="fa fa-user" aria-hidden="true" style="font-size: 1em; margin-right: 5px;"></i>管理人員</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="active">
<a href="index.html">
<i class="fa fa-home"></i> <span>主頁</span>
</a>
</li>
<li class="treeview ">
<a href="#">
<i class="fa fa-usd"></i>
<span>貸款</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="loanRecords.html"><i class="fa fa-file-text-o"></i> 貸款紀錄</a></li>
<li><a href="createLoan.html"><i class="fa fa-plus"></i> 新增貸款</a></li>
</ul>
</li>
<li class="treeview active">
<a href="#">
<i class="fa fa-money "></i>
<span>還款</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="repayment_records.html"><i class="fa fa-file-text-o"></i> 還款紀錄</a></li>
<li class="active"><a href="create_repayment.html"><i class="fa fa-share"></i> 新增還款</a></li>
</ul>
</li>
<li>
<a href="calculator.html">
<i class="fa fa-calculator"></i> <span>還款計算器</span>
</a>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- =============================================== -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
新增還款
<small>( <span class="text-red">*</span>必須填寫，<span class="text-light-blue">+</span>如空白會自動產生)</small>
</h1>
<ol class="breadcrumb">
<li><a href="index.html"><i class="fa fa-home"></i> 主頁</a></li>
<li class="active">新增還款</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- Top Form -->
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-body">
<div class="row">
<div class="col-xs-12 m-t-sm m-b-md">
<h4>貸款資料</h4>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>貸款編號</label>
<div class="input-group">
<input class="form-control" type="text" value="KF893-11">
<span class="input-group-addon cursor_pointer"><i class="fa fa-search"></i></span>
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>證件編號</label>
<input class="form-control" placeholder="證件編號" type="text" value="G713061(8)">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>英文姓名</label>
<input class="form-control" placeholder="Name" type="text" value="SIN KWAI KONG">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>中文姓名</label>
<input class="form-control" placeholder="姓名" type="text" value="冼貴剛">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>分期總數</label>
<input class="form-control" placeholder="分期總數" type="text" value="6">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>已供款期數</label>
<input class="form-control" placeholder="已供款期數" type="text" value="0">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>尚欠本金</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="尚欠本金" value="$32,000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>尚欠利息</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="尚欠利息" value="$5,224">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>尚欠本息和</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="尚欠本息和" value="$37,224">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>上期還款日期</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input class="form-control" placeholder="YYYY-MM-DD">
</div>
</div>
<div class="col-xs-12 m-t-sm m-b-md">
<h4>還款資料</h4>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-light-blue">+</span> 還款編號</label>
<input class="form-control" placeholder="還款編號" type="text">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 還款日期</label>
<div class="input-group date">
<div class="input-group-addon">
<i class="fa fa-calendar"></i>
</div>
<input type="text" class="form-control pull-right" id="datepicker">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>過期年利率</label>
<div class="input-group">
<input class="form-control" placeholder="年利率" VALUE="54.000">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>批號</label>
<input class="form-control" placeholder="批號" type="text">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>收款金額</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="收款金額" value="6,204">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>暫存金額</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="暫存金額" value="0">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 付款方式</label>
<select class="form-control">
<option ></option>
</select>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>備註</label>
<input class="form-control" placeholder="備註" type="text">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label> </label>
<!-- checkbox -->
<div class="form-group">
<label>
<input type="radio" class="flat-red" name="r2">
清還部份本金
</label>
<label>
<input type="radio" class="flat-red" name="r2">
提早清還
</label>
</div>
</div>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<!-- end of Top form -->
<!-- table -->
<div class="row">
<div class="col-xs-12">
<div class="box box-default">
<div class="box-header">
<h3 class="box-title" style="padding:8px 0;">是次還款資料</h3>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive no-padding">
<table class="table table-hover">
<tbody>
<tr class="styletable_th_orange">
<th>期數</th>
<th>還款限期</th>
<th>過期日</th>
<th>還款金額</th>
<th>清還本金</th>
<th>清還利息</th>
<th>過期利息</th>
<th>收數費</th>
</tr>
<tr>
<td>1</td>
<td>2018-06-30</td>
<td> </td>
<td>6,204</td>
<td>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="金額" value="4,764">
</div>
</td>
<td>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="金額" value="1,440">
</div>
</td>
<td>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="過期利息" value="0">
</div>
</td>
<td>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="收數費" value="0">
</div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<!-- end of table -->
<!-- table -->
<div class="row">
<div class="col-xs-12 m-t-n-md">
<div class="box box-defalut">
<!-- /.box-header -->
<div class="box-body table-responsive no-padding">
<table class="table table-hover">
<tbody>
<tr class="styletable_th_blue">
<th>起息日期</th>
<th>截至最後還款日</th>
<th>最高可收利息+延期息</th>
<th>貸款可收總利息</th>
<th>貸款手續費</th>
<th>已收過期利息</th>
<th>剩餘可收利息及費用</th>
</tr>
<tr>
<td>2018-05-31</td>
<td>2018-11-30</td>
<td>5,824</td>
<td>5,224</td>
<td>0</td>
<td>0</td>
<td>600</td>
</tr>
</tbody>
</table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<!-- end of table -->
<!-- tab form -->
<div class="row">
<div class="col-md-12">
<!-- Custom Tabs -->
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab_1" data-toggle="tab">還款表</a></li>
<li><a href="#tab_2" data-toggle="tab">還款記錄</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_1">
<div class="row">
<div class="col-lg-12 m-t-sm m-b-md">
<h4>還款表</h4>
</div>
<div class="col-lg-12">
<table class="table table-hover">
<tbody>
<tr class="">
<th>期數</th>
<th>還款限期</th>
<th>清還本金</th>
<th>清還利息</th>
<th>還款金額</th>
<th>過期日</th>
<th>最後付款日</th>
<th>已付本息和</th>
<th>已付本金</th>
<th>已付利息</th>
<th>收數費</th>
<th>尚欠本金</th>
<th>尚欠利息</th>
<th>尚欠本息和</th>
<th>備註</th>
</tr>
<tr>
<td>1</td>
<td>2018-06-30</td>
<td>4,764</td>
<td>1,440</td>
<td>6,204</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>27,236</td>
<td>3,784</td>
<td>31,020</td>
<td> </td>
</tr>
<tr>
<td>2</td>
<td>2018-07-30</td>
<td>4,979</td>
<td>1,225</td>
<td>6,204</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>22257</td>
<td>2559</td>
<td>24816</td>
<td> </td>
</tr>
<tr>
<td>3</td>
<td>2018-07-30</td>
<td>4,979</td>
<td>1,225</td>
<td>6,204</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>22257</td>
<td>2559</td>
<td>24816</td>
<td> </td>
</tr>
<tr>
<td>4</td>
<td>2018-07-30</td>
<td>4,979</td>
<td>1,225</td>
<td>6,204</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>22257</td>
<td>2559</td>
<td>24816</td>
<td> </td>
</tr>
<tr>
<td>5</td>
<td>2018-07-30</td>
<td>4,979</td>
<td>1,225</td>
<td>6,204</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>22257</td>
<td>2559</td>
<td>24816</td>
<td> </td>
</tr>
<tr>
<td>6</td>
<td>2018-07-30</td>
<td>4,979</td>
<td>1,225</td>
<td>6,204</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>22257</td>
<td>2559</td>
<td>24816</td>
<td> </td>
</tr>
<tr>
<td></td>
<td><b>總金額</b></td>
<td>32,000</td>
<td>5,224</td>
<td>37,224</td>
<td> </td>
<td> </td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td></td>
<td></td>
<td></td>
<td> </td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="clear"></div>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_2">
<div class="row">
<div class="col-lg-12 m-t-sm m-b-md">
<h4>還款記錄</h4>
</div>
<!-- /.table -->
<div class="col-lg-12">
<table class="table table-hover">
<tbody>
<tr class="">
<th>還款限期</th>
<th>期數/總期數</th>
<th>應還金額</th>
<th>過期日數</th>
<th>過期利息 來源</th>
<th>貸款編號</th>
<th>客戶姓名</th>
<th>手提電話</th>
<th>住宅電話</th>
</tr>
<tr>
<td>0000-00-00</td>
<td>1/6</td>
<td>1,187</td>
<td>737,183</td>
<td>0 F</td>
<td>KF977</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>0000-00-00</td>
<td>1/6</td>
<td>1,187</td>
<td>737,183</td>
<td>0 F</td>
<td>KF977</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>0000-00-00</td>
<td>1/6</td>
<td>1,187</td>
<td>737,183</td>
<td>0 F</td>
<td>KF977</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>0000-00-00</td>
<td>1/6</td>
<td>1,187</td>
<td>737,183</td>
<td>0 F</td>
<td>KF977</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</div>
<!-- /.table -->
</div>
</div>
<!-- /.tab-pane -->
</div>
<!-- /.tab-content -->
</div>
<!-- nav-tabs-custom -->
</div>
<!-- /.col -->
<!-- end of tab form -->
<!-- submit -->
<div class="col-md-12 text_right">
<button type="button" class="btn bg-orange btn-flat" style="padding:10px 16px;"><h4><i class="fa fa-save"></i> 立即儲存</h4> </button>
</div>
<!-- end of submit -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
© 2018 幗暉創富投資有限公司, L.P. 保留一切權利。
</footer>
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 3 -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="../bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- InputMask -->
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="../bower_components/moment/min/moment.min.js"></script>
<script src="../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- bootstrap color picker -->
<script src="../bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<!-- bootstra time picker -->
<script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll -->
<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- iCheck 1.0.1 -->
<script src="../plugins/iCheck/icheck.min.js"></script>
<!-- FastClick -->
<script src="../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- Page script -->
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Date picker
$('#datepicker').datepicker({
autoclose: true
})
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass : 'iradio_minimal-blue'
})
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass : 'iradio_minimal-red'
})
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass : 'iradio_flat-green'
})
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})
</script>
</body>
</html>