zoukankan      html  css  js  c++  java
  • 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
    		}]
    
    	}
    }
    

      

      

  • 相关阅读:
    Visual Studio插件CodeRush全新发布v20.1.5|支持运行设置文件
    DevExpress Data Access v20.1新版亮点:XPO
    VCL界面工具——DevExpress VCL v20.1.3全新发布
    你想要的WinForm界面开发教程在这里
    WPF界面开发技巧你知多少?Data Editors如何实现多选?
    Web开发实用技能,看Kendo UI for jQuery如何导出Excel(一)
    DevExpress XAF框架2020新改变!一篇文章带你看完
    Winforms界面开发新技能——Data Grid
    一招教你如何在WPF界面开发时自定义外观,快来Get!
    完整的jQuery UI组件库:Kendo UI for jQuery发布R2 2020 SP1
  • 原文地址:https://www.cnblogs.com/syeacfpl/p/15210155.html
Copyright © 2011-2022 走看看