Php 打印收据
我有一个可用的php表单,它还有一个按钮,可以打开一个窗口从帐户中收取费用 是否可以设置一个自动打印功能,一旦表单处理完成,用户就会进入打印屏幕。我能找到的唯一解决办法是打印整个屏幕,但我更愿意自己设计收据。FPDF会在这方面起作用吗 下面是Fees.php表单代码:Php 打印收据,php,html,fpdf,Php,Html,Fpdf,我有一个可用的php表单,它还有一个按钮,可以打开一个窗口从帐户中收取费用 是否可以设置一个自动打印功能,一旦表单处理完成,用户就会进入打印屏幕。我能找到的唯一解决办法是打印整个屏幕,但我更愿意自己设计收据。FPDF会在这方面起作用吗 下面是Fees.php表单代码: <link rel="shortcut icon" href="img/icon.ico" type="image/x-icon"/> <?php include("php/dbconnect.php"); $
<link rel="shortcut icon" href="img/icon.ico" type="image/x-icon"/>
<?php
include("php/dbconnect.php");
$errormsg= '';
if(isset($_POST['save']))
{
$paid = mysqli_real_escape_string($conn,$_POST['paid']);
$submitdate = mysqli_real_escape_string($conn,$_POST['submitdate']);
$transcation_remark =
mysqli_real_escape_string($conn,$_POST['transcation_remark']);
$sid = mysqli_real_escape_string($conn,$_POST['sid']);
$sql = "select fees,balance from student where id = '$sid'";
$sq = $conn->query($sql);
$sr = $sq->fetch_assoc();
$totalfee = $sr['fees'];
if($sr['balance']>0)
{
$sql = "insert into
fees_transaction(stdid,submitdate,transcation_remark,paid)
values('$sid','$submitdate','$transcation_remark','$paid') ";
$conn->query($sql);
$sql = "SELECT sum(paid) as totalpaid FROM fees_transaction WHERE stdid = '$sid'";
$tpq = $conn->query($sql);
$tpr = $tpq->fetch_assoc();
$totalpaid = $tpr['totalpaid'];
$tbalance = $totalfee - $totalpaid;
$sql = "update student set balance='$tbalance' where id = '$sid'";
$conn->query($sql);
echo '<script type="text/javascript">window.location="fees.php?act=1";</script>';
}
}
if(isset($_REQUEST['act']) && @$_REQUEST['act']=="1")
{
$errormsg = "<div class='alert alert-success'><a href='#' class='close'
data-dismiss='alert' aria-label='close'>×</a><strong>Success!</strong>
Fees submit successfully</div>";
}
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Accounts | iBroker Finance</title>
<!-- BOOTSTRAP STYLES-->
<link href="css/bootstrap.css" rel="stylesheet" />
<!-- FONTAWESOME STYLES-->
<link href="css/font-awesome.css" rel="stylesheet" />
<!--CUSTOM BASIC STYLES-->
<link href="css/basic.css" rel="stylesheet" />
<!--CUSTOM MAIN STYLES-->
<link href="css/custom.css" rel="stylesheet" />
<!-- GOOGLE FONTS-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans'
rel='stylesheet' type='text/css' />
<link href="css/ui.css" rel="stylesheet" />
<link href="css/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />
<link href="css/datepicker.css" rel="stylesheet" />
<link href="css/datatable/datatable.css" rel="stylesheet" />
<script src="js/jquery-1.10.2.js"></script>
<script type='text/javascript' src='js/jquery/jquery-ui-1.10.1.custom.min.js'></script>
<script type="text/javascript" src="js/validation/jquery.validate.min.js">
</script>
<script src="js/dataTable/jquery.dataTables.min.js"></script>
</head>
<?php
include("php/header.php");
?>
<div id="page-wrapper">
<div id="page-inner">
<div class="row">
<div class="col-md-12">
<h1 class="page-head-line">Manage Accounts
</h1>
</div>
</div>
<?php
echo $errormsg;
?>
<div class="row" style="margin-bottom:20px;">
<div class="col-md-12">
<fieldset class="scheduler-border" >
<legend class="scheduler-border">Search:</legend>
<form class="form-inline" role="form" id="searchform">
<div class="form-group">
<label for="email">Name</label>
<input type="text" class="form-control" id="student" name="student">
</div>
<div class="form-group">
<label for="email"> Date Of Joining </label>
<input type="text" class="form-control" id="doj" name="doj" >
</div>
<div class="form-group">
<label for="email"> Branch </label>
<select class="form-control" id="branch" name="branch" >
<option value="" >Select Branch</option>
<?php
$sql = "select * from branch where delete_status='0' order by branch.branch asc";
$q = $conn->query($sql);
while($r = $q->fetch_assoc())
{
echo '<option value="'.$r['id'].'" '.(($branch==$r['id'])?'selected="selected"':'').'>'.$r['branch'].'</option>';
}
?>
</select>
</div>
<button type="button" class="btn btn-success btn-sm" id="find" > Find
</button>
<button type="reset" class="btn btn-danger btn-sm" id="clear" > Clear
</button>
</form>
</fieldset>
</div>
</div>
<script type="text/javascript">
$(document).ready( function() {
/*
$('#doj').datepicker( {
changeMonth: true,
changeYear: true,
showButtonPanel: false,
dateFormat: 'mm/yy',
onClose: function(dateText, inst) {
$(this).datepicker('setDate', new Date(inst.selectedYear,
inst.selectedMonth, 1));
}
});
*/
/******************/
$("#doj").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'mm/yy',
onClose: function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month
:selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year
:selected").val();
$(this).val($.datepicker.formatDate('MM yy', new Date(year, month,
1)));
}
});
$("#doj").focus(function () {
$(".ui-datepicker-calendar").hide();
$("#ui-datepicker-div").position({
my: "center top",
at: "center bottom",
of: $(this)
});
});
/*****************/
$('#student').autocomplete({
source: function( request, response ) {
$.ajax({
url : 'ajx.php',
dataType: "json",
data: {
name_startsWith: request.term,
type: 'studentname'
},
success: function( data ) {
response( $.map( data, function( item ) {
return {
label: item,
value: item
}
}));
}
});
}
/*,
autoFocus: true,
minLength: 0,
select: function( event, ui ) {
var abc = ui.item.label.split("-");
//alert(abc[0]);
$("#student").val(abc[0]);
return false;
},
*/
});
$('#find').click(function () {
mydatatable();
});
$('#clear').click(function () {
$('#searchform')[0].reset();
mydatatable();
});
function mydatatable()
{
$("#subjectresult").html('<table class="table table-striped table-bordered table-hover" id="tSortable22"><thead><tr><th>Name/Contact</th> <th>Premium Amount Incl Stamp Fee</th><th>Oustanding</th><th>Branch</th><th>Joining Date</th><th>Action</th></tr></thead><tbody></tbody></table>');
$("#tSortable22").dataTable({
'sPaginationType' : 'full_numbers',
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
'bProcessing' : true,
'bServerSide': true,
'sAjaxSource':
"datatable.php?"+$('#searchform').serialize()+"&type=feesearch",
'aoColumnDefs': [{
'bSortable': false,
'aTargets': [-1] /* 1st one, start by the
right */
}]
});
}
////////////////////////////
$("#tSortable22").dataTable({
'sPaginationType' : 'full_numbers',
"bLengthChange": false,
"bFilter": false,
"bInfo": false,
'bProcessing' : true,
'bServerSide': true,
'sAjaxSource': "datatable.php?type=feesearch",
'aoColumnDefs': [{
'bSortable': false,
'aTargets': [-1] /* 1st one, start by the right */
}]
});
///////////////////////////
});
function GetFeeForm(sid)
{
$.ajax({
type: 'post',
url: 'getfeeform.php',
data: {student:sid,req:'1'},
success: function (data) {
$('#formcontent').html(data);
$("#myModal").modal({backdrop: "static"});
}
});
}
</script>
<style>
#doj .ui-datepicker-calendar
{
display:none;
}
</style>
<div class="panel panel-default">
<div class="panel-heading">
Account Management
</div>
<div class="panel-body">
<div class="table-sorting table-responsive"
id="subjectresult">
<table class="table table-striped table-bordered
table-hover" id="tSortable22">
<thead>
<tr>
<th>Name/Payment Plan</th>
<th>Premium Amount Incl Stamp
Fee</th>
<th>Outstanding</th>
<th>Insurer</th>
<th>Joining Date</th>
<th>Action</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<!-------->
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×
</button>
<h4 class="modal-title">Take Fee</h4>
</div>
<div class="modal-body" id="formcontent">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--------->
</div>
<!-- /. PAGE INNER -->
</div>
<!-- /. PAGE WRAPPER -->
</div>
<!-- /. WRAPPER -->
<div id="footer-sec">
iBroker Finance System | Developed By Siyakha Technology
</div>
<!-- BOOTSTRAP SCRIPTS -->
<script src="js/bootstrap.js"></script>
<!-- METISMENU SCRIPTS -->
<script src="js/jquery.metisMenu.js"></script>
<!-- CUSTOM SCRIPTS -->
<script src="js/custom1.js"></script>
</body>
</html>
账户| iBroker金融
管理帐户
搜索:
名称
加入日期
分支机构
选择分支
发现
清楚的
$(文档).ready(函数(){
/*
$('doj')。日期选择器({
变化月:对,
变化年:是的,
showButtonPanel:false,
日期格式:“mm/yy”,
onClose:函数(dateText,inst){
$(此).datepicker('setDate',新日期(inst.selectedYear,
所选仪表(1)个月);
}
});
*/
/******************/
美元(“#doj”)。日期选择器({
变化月:对,
变化年:是的,
showButtonPanel:是的,
日期格式:“mm/yy”,
onClose:函数(dateText,inst){
var month=$(“#ui日期选择器div.ui日期选择器month
:所选“.val();
变量年份=$(“#ui日期选择器div.ui日期选择器年份
:所选“.val();
$(this).val($.datepicker.formatDate('MM yy',新日期(年、月、,
1)));
}
});
$(“#doj”).focus(函数(){
$(“.ui日期选择器日历”).hide();
$(“#ui日期选择器分区”)。位置({
我的:“中顶”,
在“中底”,
其中:$(本)
});
});
/*****************/
$(“#学生”)。自动完成({
来源:功能(请求、响应){
$.ajax({
url:'ajx.php',
数据类型:“json”,
数据:{
name_startsWith:request.term,
键入:“studentname”
},
成功:功能(数据){
响应($.map)(数据、功能(项){
返回{
标签:项目,
价值:项目
}
}));
}
});
}
/*,
自动对焦:对,
最小长度:0,
选择:功能(事件、用户界面){
var abc=ui.item.label.split(“”);
//警报(abc[0]);
$(“#学生”).val(abc[0]);
返回false;
},
*/
});
$(“#查找”)。单击(函数(){
mydatatable();
});
$('#清除')。单击(函数(){
$('#searchform')[0].reset();
mydatatable();
});
函数mydatatable()
{
$(“#subjectresult”).html('姓名/联系方式保费金额,包括邮票费、银行手续费和银行手续费');
$(“#tSortable22”).数据表({
“sPaginationType”:“完整编号”,
“bLengthChange”:false,
“bFilter”:错误,
“bInfo”:假,
“bProcessing”:true,
“bServerSide”:true,
“sAjaxSource”:
“datatable.php?”+$(“#searchform”).serialize()+“&type=feesearch”,
“aoColumnDefs”:[{
“bSortable”:错误,
“aTargets”:[-1]/*第一个,从
对*/
}]
});
}
////////////////////////////
$(“#tSortable22”).数据表({
“sPaginationType”:“完整编号”,
“bLengthChange”:false,
“bFilter”:错误,
“bInfo”:假,
“bProcessing”:true,
“bServerSide”:true,
“sAjaxSource”:“datatable.php?type=feesearch”,
“aoColumnDefs”:[{
“bSortable”:错误,
“aTargets”:[-1]/*第一个,从右边开始*/
}]
});
///////////////////////////
});
函数GetFeeForm(sid)
{
$.ajax({
键入:“post”,
url:'getfeeform.php',
数据:{学生:sid,请求:'1'},
成功:功能(数据){
$('#formcontent').html(数据);
$(“#myModal”).modal({background:“static”});
}
});
}
#doj.ui日期选择器日历
{
显示:无;
}
帐户管理
姓名/付款计划
保险费包括邮票
费用
杰出的
保险人
加入日期
行动
&时代;
收取费用
接近
iBroker金融系统|由Siyakha Technology开发
对于打印样式,请使用打印
媒体查询
@media print {
body {
background-color: lightgreen;
}
}
另一种方法是将现有css文件与print
media
属性链接
<link rel="stylesheet" type="text/css" media="print" href="print.css">
对于自动打印,只需在js代码中使用window.print()
,因为您想要“设计”收据,这是一个CSS问题。至于你的“自动打印”设置,那是一个JS