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{100%;height:100%;margin:0px;}' +
                                ' .my_table_wrap{90%;padding-left:5%;}.my_table{border-right:1px solid #666;border-bottom:1px solid #666;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;100%;font-size:22px;margin-top:30px;}.search_time{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
		}]

	}
}

  

  

原文地址:https://www.cnblogs.com/syeacfpl/p/15210155.html