fastadmin打印页面

如下图选中订单号进行打印

html中增加代码

                    <div id="toolbar" class="toolbar">
                        <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
<!--                        <a href="javascript:;" class="btn btn-success btn-add {:$auth->check('shipments/add')?'':'hide'}" title="{:__('Add')}" ><i class="fa fa-plus"></i> {:__('Add')}</a>-->
                        <a href="javascript:;" class="btn btn-success btn-edit btn-disabled disabled {:$auth->check('shipments/edit')?'':'hide'}" title="{:__('Edit')}" ><i class="fa fa-pencil"></i> {:__('Edit')}</a>
<!--                        <a href="javascript:;" class="btn btn-danger btn-del btn-disabled disabled {:$auth->check('shipments/del')?'':'hide'}" title="{:__('Delete')}" ><i class="fa fa-trash"></i> {:__('Delete')}</a>-->

                        <a href="javascript:;" class="btn btn-danger btn-print btn-disabled disabled " title="打印发货单" >打印发货单</a>

js总增加如下代码

            $('.btn-print').click(function () {
                var ids = Table.api.selectedids(table);//获取选中列的id
                Fast.api.open("shipments/print?id="+ids, __('打印出库单'), {
                    area: ['100%', '100%']
                });
            })
            // 为表格绑定事件
            Table.api.bindevent(table);

打印对应的Controller中的方法

public function print(){
        $ids = $this->request->get('id');
        $ids = explode(',',$ids);
        $lists = $this->model
            ->where('id','in',$ids)
            ->select();
        foreach ($lists as $key=>$value){
            $lists[$key]['goods_info'] = \app\admin\model\Goods::where('id',$value['goods_id'])->field('id,name,xinghao,warehouse_id,jifei_list,weight,jiaban_num')->find();
            $lists[$key]['warehouse_name'] = \app\admin\model\Warehouse::where('id',$lists[$key]['goods_info']['warehouse_id'])->value('name');
        }
//        dump($lists[0]->toArray());
        $this->assign('lists',$lists);
        $admin_nickname = Session::get("admin.nickname");
        $this->assign('admin_nickname',$admin_nickname);
        return $this->fetch();
    }

对应的html页面

<style>
    .wrap{
        width: 800px;
        margin: 0 auto;
    }
    .wenli{
        padding: 15px 40px;
        height: 434.73px;
    }
    .title{
        font-size: 18px;
        color: #000000;
        text-align: center;
        padding-bottom: 5px;
        letter-spacing: 2px;
    }
    .sizhi{
        text-align: center;
        font-size: 13px;
        color: #333333;
        padding-bottom: 5px;
    }
    .chutitle{
        font-size: 16px;
        color: #333333;
        letter-spacing: 25px;
        text-align: center;
        padding-bottom: 5px;
    }
    .kebox{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
        padding-top: 5px;
    }
    .ketxt{
        font-size: 14px;
        color: #333333;
        flex-shrink: 0;
    }
    .oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}

    table{border-collapse:collapse;border-spacing:0;width: 100%;}

    tr{
        margin: 0 !important;
        padding: 0 !important;
    }
    td{
        border: 1px solid #999999;
        padding: 1px;
        text-align: center;
        font-size: 14px;
        color: #333333;
    }
    label{
        font-size: 14px;
        color: #333333;
        padding-right: 15px;
        cursor: pointer;
    }
</style>
<div class="form-group layer-footer">
    <label class="control-label col-xs-12 col-sm-2"></label>
    <div class="col-xs-12 col-sm-8">
        <button type="reset" class="btn btn-primary btn-embossed btn-close"
                onclick="Layer.closeAll()">{:__('Close')}</button>
        <button type="reset" class="btn btn-primary btn-embossed btn-close" onclick="doPrint()">打印</button>
    </div>
</div>
<div id="app">
    <div class="wrap">
        {volist name="lists" id="vo"}
        <div class="wenli">
            <div class="title">
                深圳XXX仓储有限公司
            </div>
            <div class="sizhi">
                地址:深圳市龙岗区平吉大道1号  &nbsp;&nbsp;&nbsp; 电话: 0755-XXXXXX
            </div>
            <div class="chutitle">
                出仓单
            </div>
            <div class="ketxt " >
                收货地址：{$vo.address}
            </div>
            <div class="kebox">

                <div class="ketxt">
                    姓名：{$vo.shouhuoren}
                </div>
                <div class="ketxt">
                    电话：{$vo.phone}
                </div>
                <div class="ketxt">
<!--                    日期-->
                    {$vo.createtime|date="Y年m月d日",###}
                </div>
            </div>
            <table >
                <tr>
                    <td>序号</td>
                    <td>品名</td>
                    <td>规格</td>
                    <td>件</td>
                    <td>支</td>
                    <td>备注</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>{$vo.goods_info.name}</td>
                    <td>{$vo.goods_info.xinghao}</td>
                    <td>{$vo.num}</td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>--</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>--</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>--</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>--</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>--</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="3">合计：</td>
                    <td>{$vo.num}</td>
                    <td>--</td>
                    <td></td>
                </tr>
            </table>
            <div class="kebox">
                <div class="ketxt">
                    仓管:{$vo.warehouse_name}
                </div>
                <div class="ketxt">
                    制单:{$admin_nickname}
                </div>
                <div class="ketxt">
                    提货人：_____
                </div>
            </div>

            <input type="checkbox"  name="drone" value="a" {if $vo.fahuo_list == 2}checked{/if} disabled><label > 物流自提</label>
            <input type="checkbox"  name="drone" value="b" {if $vo.fahuo_list == 3}checked{/if} disabled><label > 物流送货</label>
            <input type="checkbox"  name="drone" value="f" {if $vo.fahuo_list == 1}checked{/if} disabled><label > 快递</label>
            <input type="checkbox" name="drone" value="g" {if $vo.fahuo_list == 4}checked{/if} disabled><label> 货拉拉</label>
            <input type="checkbox" name="drone" value="d" {if $vo.pay_list == 2}checked{/if} disabled><label > 到付</label>
            <input type="checkbox"  name="drone" value="e" {if $vo.pay_list == 1}checked{/if} disabled><label > 现付</label>
        </div>
        {/volist}
    </div>

</div>
<style></style>
<script>
    function doPrint() {
        window.print()
    }
</script>

打印时页面效果