2021年10月

官网例子:https://tcpdf.org/examples
github: https://github.com/tecnickcom/tcpdf
packagist: https://packagist.org/packages/tecnickcom/tcpdf
之前还看了fpdf类库,支持中文不是很方便,需要一个中文扩展程序,所以就放弃它了。
今天tcpdf是主角,先看一下它的特型。

TCPDF具有以下特性:
1、支持页面页脚;
2、支持HTML标签代码;
3、支持jpg/png/gif/svg图形图像;
4、支持表格;
5、支持中文字符;(有些PDF类不支持中文或者处理中文相当麻烦)
6、自动分页,自动页码,等等。

如何用Laravel生成pdf文档?
由于开发工作用的是Laravel,所以首先需要引入类库,如下:

安装:

composer require tecnickcom/tcpdf

代码:

$pdf = new \TCPDF();
// 设置文档信息
$pdf->SetCreator('懒人开发网');
$pdf->SetAuthor('懒人开发网');
$pdf->SetTitle('TCPDF示例');
$pdf->SetSubject('TCPDF示例');
$pdf->SetKeywords('TCPDF, PDF, PHP');
 
// 设置页眉和页脚信息
$pdf->SetHeaderData('tcpdf_logo.jpg', 30, 'LanRenKaiFA.com', '学会偷懒,并懒出效率!', [0, 64, 255], [0, 64, 128]);
$pdf->setFooterData([0, 64, 0], [0, 64, 128]);
 
// 设置页眉和页脚字体
$pdf->setHeaderFont(['stsongstdlight', '', '10']);
$pdf->setFooterFont(['helvetica', '', '8']);
 
// 设置默认等宽字体
$pdf->SetDefaultMonospacedFont('courier');
 
// 设置间距
$pdf->SetMargins(15, 15, 15);//页面间隔
$pdf->SetHeaderMargin(5);//页眉top间隔
$pdf->SetFooterMargin(10);//页脚bottom间隔
 
// 设置分页
$pdf->SetAutoPageBreak(true, 25);
 
// set default font subsetting mode
$pdf->setFontSubsetting(true);
 
//设置字体 stsongstdlight支持中文
$pdf->SetFont('stsongstdlight', '', 14);
 
//第一页
$pdf->AddPage();
$pdf->writeHTML('<div style="text-align: center"><h1>第一页内容</h1></div>');
$pdf->writeHTML('<p>我是第一行内容</p>');
$pdf->writeHTML('<p style="color: red">我是第二行内容</p>');
$pdf->writeHTML('<p>我是第三行内容</p>');
$pdf->Ln(5);//换行符
$pdf->writeHTML('<p><a href="http://www.lanrenkaifa.com/" title="">懒人开发网</a></p>');
 
//第二页
$pdf->AddPage();
$pdf->writeHTML('<h1>第二页内容</h1>');
 
//输出PDF
$pdf->Output('t.pdf', 'I');//I输出、D下载、 F保存到服务器

本文转自:https://www.jianshu.com/p/4d68aefa820e

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3; /**可以修改显示行数。 必须设置 height 属性,不然不生效。**/

1.html

<button type="button" class="layui-btn submit-btn" lay-submit lay-filter="submit-btn">送审</button>

2.1.js

form.on('submit(submit-btn)', function(data){
        //1.防止重复提交:单击之后提交按钮不可选
        let DISABLED = 'layui-btn-disabled';
        //2.防止重复提交:增加样式
        $('.submit-btn').addClass(DISABLED).attr('disabled', 'disabled');
        objs.ajax(data,'{{ route("member.process.submit") }}');
    });

2.2js回调里面

{
    layer.msg(result.msg,{icon:2,time:1000});
    //3.防止重复提交
    $('.submit-btn').removeClass(DISABLED).removeAttr('disabled');
}

//会签
form.on('submit(routing-btn)', function(data) {
    //console.log(data);
    layer.open({
        type: 2,
        title: '选择会签人',
        shade: 0.1,
        area: ['80%', '80%'],
        content: '{{ route("member.process.routing.create") }}?entry_id=' + data.field.entry_id,
        success: function(layero, index){
            //获取iframe内的button值(判断返回的)
            let body = layer.getChildFrame('body', index);
            let values = body.find('button').val();
            if (values) {
                layer.msg('有会签尚未处理,请耐心等待', {
                    icon: 2,
                    time: 1500
                }, function() {
                    layer.close(index);
                    //table.reload('xf-data-table');
                });
            }
        },end: function () {
            parent.layer.close(parent.layer.getFrameIndex(window.name));//关闭当前页
            window.parent.location.reload();
            parent.layui.table.reload("xf-data-table");
        }
    });
});