随笔 - 89 文章 - 0 评论 - 2 阅读 - 11万

js 打印文本

需要打印的格式

代码：

html代码块

   <a id="lr_print">打印</a>

==引用外部js
<script src="~/Content/jquery/plugin/jqprint/jquery.jqprint-0.3.js"></script>

js代码块

$("#lr_print").click(function () {
                //根据选中的keyvalue 查询订单信息
                var keyValue = $('#girdtable').jfGridValue('id');
                var ordercode;
                var newstr = '<html><head><style type="text/css"></head><body><div><h1>商品配送单</h1></div><br/>';
                var newtwo = '<div class="my_table_wrap"><table class="my_table" style="margin-top:20px"><tr><td>商品编号</td><td>商品名称</td>' +
                    '<td>规格</td><td>单位</td><td>配送数量</td><td>金额</td>' +
                   '</tr>';
                var formData = new FormData();
                formData.append("orderid", keyValue);
                if (learun.checkrow(keyValue)) {
                    $.ajax({
                        url: top.$.rootUrl + '/Controller/eOrder/GetOrderPrintData',
                        type: "POST",
                        data: formData,
                        contentType: false,
                        async: false,
                        processData: false,
                        success: function (data) {
                            var obj = eval('(' + data + ')');
                            var ordercode = obj.data.orderData.ordercode;
                            var address = obj.data.orderData.shouhuoId + " " + obj.data.orderData.shouhuoName + " " + obj.data.orderData.shouhuoPhone;
                            var createtime = obj.data.orderData.createtime;
                            var shopName = obj.data.orderData.f_fullname;
                            var account = obj.data.orderData.usercount;
                            var totalAmount = obj.data.orderData.totalprice;
                            var catnum = obj.data.orderData.itemnum;
                            var item = '';
                            console.log(obj);
                            for (var i = 0; i < obj.data.advanceOrderDetailData.length; i++) {
                                item += '<tr><td>' + obj.data.advanceOrderDetailData[i].SPBM + '</td>' +
                                    '<td>' + obj.data.advanceOrderDetailData[i].goodsname + '</td>' +
                                    '<td>' + obj.data.advanceOrderDetailData[i].GuigeName + '</td>' +
                                    '<td>' + obj.data.advanceOrderDetailData[i].unit + '</td>' +
                                    '<td>' + obj.data.advanceOrderDetailData[i].num + '</td>' +
                                    '<td>' + obj.data.advanceOrderDetailData[i].TotalPrice + '</td></tr>'
                            }
                            var newstr ='<html><head><style type="text/css">html,body{width:100%;height:100%;margin:0px;}' +
                                ' .my_table_wrap{width:90%;padding-left:5%;}.my_table{border-right:1px solid #666;border-bottom:1px solid #666;width:100%;}.my_table tr{height:42px;}.my_table td{border-left:1px solid #666;border-top:1px solid #666;padding-left:12px;padding-right:12px;}.shoukuan_title{text-align:center;width:100%;font-size:22px;margin-top:30px;}.search_time{width:95%;padding-right:5%;text-align:right;font-size:20px;margin-top:15px;margin-bottom:15px;}</style></head><body>' +
                                '<div class="shoukuan_title">商品配送单</div><br/>' +
                                '<div style="margin-left:40px;">买家账号：' + account + '</div>' +
                                '<div style="margin-left:40px;"><span>配送门店：' + shopName + '</span><span style="float: right;margin-right: 60px;">订单编号:' + ordercode + '</span></div>' +
                                '<div style="margin-left:40px;"><span>收货地址:' + address + '</span><span style="float: right;margin-right: 60px;">购买时间:' + createtime + '</span></div>' +
                                newtwo + item + '</table></div>' +
                                '<div style="float:right;margin-right:150px;margin-top:10px;">' +
                                  '<span>合计数量：' + catnum + '</span><br/>' +
                                  '<span>合计金额：' + totalAmount + '</span><br/>' +
                                  '<span>客户确认签字：</span>'
                                '</div></body></html>';
                            console.log(newstr);
                            $("#myPrint").html(newstr);
                            $("#myPrint").jqprint({
                                debug: false,
                                importCSS: true,
                                printContainer: true,
                                operaSupport: false
                            });
                        }
                    })

                }

            });

请求后台代码块
public ActionResult GetOrderPrintData(string orderid)
        {
            var orderData = advanceOrderIBLL.GetET_advance_orderEntity(orderid);
            var user = appUserBll.GetEntity(orderData.userId);
            orderData.userId = user.realName;
            orderData.usercount = user.phonenum;
            var shouhuoren_address = "";
            var shouhuo_name = "";
            var shouhuo_phone = "";
            var distributionType = orderData.distributionType;
            if (distributionType != 0)
            {
                shouhuoren_address = "--";
            }
            else
            {
                var shouhuoEntity = appUserAddressIBLL.GetEntity(orderData.shouhuoId);
                shouhuoren_address = shouhuoEntity.PROVINCE + shouhuoEntity.CITY + shouhuoEntity.DISTRICT + shouhuoEntity.TOWN + shouhuoEntity.DETAILADDRESS;
                shouhuo_name = shouhuoEntity.name;
                shouhuo_phone = shouhuoEntity.addr_phonenum;
            }
            orderData.shouhuoId = shouhuoren_address;
            orderData.shouhuoName = shouhuo_name;
            orderData.shouhuoPhone = shouhuo_phone;
            var companydata = companyIBLL.GetEntity(orderData.companyId);
            orderData.f_fullname = companydata.F_ShortName;
            var advanceOrderDetailData = advanceOrderDetailBLL.GetDetailListByOrderId(orderid);
            var advanceorderStateinfoData = advanceorderStateinfoIBLL.GetListByOrderId(orderid);

            var jsonData = new
            {
                orderData = orderData,
                advanceOrderDetailData = advanceOrderDetailData,
                advanceorderStateinfoData = advanceorderStateinfoData,
            };
            return Success(jsonData);
        }

返回data数据块
{
    "code": 200,
    "error": 0,
    "info": "响应成功",
    "data": {
        "orderData": {
            "ordercode": "20210831083708064748828",
            "createtime": "2021-08-31 08:37:08",
            "shouhuoId": "山东省青岛市黄岛区隐珠街道隐珠二路",
        },
        "advanceOrderDetailData": [{
            "goodsname": "乐钙益生菌奶粉(800g_乐钙益生菌)",
            "unit": "罐",
            "num": 1,
            "price": 59.50,
            "GuigeName": "800g",
            "KouweiName": "乐钙益生菌",
            "SPBM": "103020402",
            "TotalPrice": 59.50
        }, {
            "goodsname": "荷兰乳牛中老年配方(400g_中老年400g)",
            "unit": "袋",
            "num": 1,
            "price": 1.50,
            "GuigeName": "400g",
            "KouweiName": "中老年400g",
            "SPBM": "103020402",
            "TotalPrice": 1.50
        }]
 
    }
}