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"); $

我有一个可用的php表单,它还有一个按钮,可以打开一个窗口从帐户中收取费用

是否可以设置一个自动打印功能,一旦表单处理完成,用户就会进入打印屏幕。我能找到的唯一解决办法是打印整个屏幕,但我更愿意自己设计收据。FPDF会在这方面起作用吗

下面是Fees.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'>&times;</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">&times; 
</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