Odoo14使用hiPrint实现打印功能

manson72302024-07-06 13:00

1 使用命令创建新的模块，无用的demo文件可以删除掉

python 复制代码 
 python odoo-bin scaffold hiprint

2 新建"打印模板"，用于保存打印模板

1）编写打印模板模型

2）增加打印模板权限

3）增加打印模板视图和菜单

python 复制代码 
class PrintTemp(models.Model):
    _name = 'print.temp'
    _order = 'name DESC'
    _description = '打印模板'

    _sql_constraints = [
        ('unique_code_print_temp', 'unique(code)', '编码需要唯一.'),
    ]

    name = fields.Char(u'名称', copy=False, index=True, required=True)
    code = fields.Char(u'编码', copy=False, index=True, default='/')
    type = fields.Char('类型')
    template = fields.Text('模板')
    remark = fields.Char(string='备注')

    def copy(self, default=None):
        default = dict(default or {})

        copied_count = self.search_count(
            [('name', '=like', u"副本 {}%".format(self.name))])
        if not copied_count:
            new_name = u"副本 {}".format(self.name)
        else:
            new_name = u"副本 {} ({})".format(self.name, copied_count)

        default['name'] = new_name
        return super(PrintTemp, self).copy(default)
TypeScript 复制代码 
id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
print_temp,print_temp,model_print_temp,,1,1,1,1
XML 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <record model="ir.ui.view" id="print_temp_tree_view">
        <field name="name">print.temp.tree</field>
        <field name="model">print.temp</field>
        <field name="arch" type="xml">
            <tree>
                <field name="name"/>
                <field name="code"/>
                <field name="type"/>
                <field name="remark"/>
            </tree>
        </field>
    </record>


    <record model="ir.ui.view" id="print_temp_form_view">
        <field name="name">print.temp.form</field>
        <field name="model">print.temp</field>
        <field name="arch" type="xml">
            <form delete="0">
                <sheet>
                    <group>
                        <group>
                            <field name="code"/>
                            <field name="name" />
                        </group>
                        <group>
                            <field name="template"/>
                            <field name="type"/>
                            <field name="remark"/>
                        </group>
                    </group>
                </sheet>
            </form>
        </field>
    </record>

    <record model="ir.actions.act_window" id="action_print_temp">
        <field name="name">打印模板</field>
        <field name="res_model">print.temp</field>
        <field name="view_mode">tree,form</field>
    </record>
</odoo>
XML 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <data>
        <menuitem id="hiprint_menu" name="hiprint" web_icon="hiprint,static/description/icon.png" sequence="10"/>

        <menuitem id="hiprint_print_temp" name="打印模板" parent="hiprint_menu" sequence="10" action="action_print_temp"/>
    </data>
</odoo>

3 首次运行先安装模块

python 复制代码 
python odoo-bin -c odoo.conf -i hiprint

4 增加按钮，定制并保存模板

1）增加自定义按钮"定制模板"xml

2）增加自定义按钮事件js，点击按钮实现打开新的页面

3）增加引入自定义按钮事件js的xml

4）列表视图增加自定义按钮

5）引入以上2个文件

6）引入js，bootstrap，hiprint并引用

7）编写接口，用于打开模板编辑界面，并实现修改保存打印模板

8）编写打开的打印模板页面，在打印模板页面调用接口，实现修改保存打印模板

XML 复制代码 
<?xml version="1.0" encoding="UTF-8"?>

<templates id="print_temp_button_template" xml:space="preserve">

    <t t-extend="ListView.buttons" t-name="hiprint_print_temp_tree_view.buttons">
        <t t-jquery="button.o_list_export_xlsx" t-operation="before">
            <t t-if="widget.modelName=='print.temp'">
                <button type="button" class="btn btn-primary o_list_button_custom">
                    定制模板
                </button>
            </t>
        </t>
    </t>

</templates>
python 复制代码 
odoo.define('add_print_temp_button', function (require) {
    "use strict";
    var ListController = require('web.ListController');
    var ListView = require('web.ListView');
    var viewRegistry = require('web.view_registry');

    function renderGenerateButton() {
        if (this.$buttons) {
            var self = this;
            this.$buttons.on('click', '.o_list_button_custom', function () {
                console.info('click');
                var actived_ids = []
                var state = self.model.get(self.handle, {raw: true});
                for (var i = 0; i < $('tbody .o_list_record_selector input').length; i++) {
                    if ($('tbody .o_list_record_selector input')[i].checked === true) {
                        actived_ids.push(state.res_ids[i]);
                    }
                }
                var ctx = state.context;
                if(actived_ids.length > 0){
                    window.open("pt_custom/" + actived_ids[0], '_blank');
                }
            });
        }
    }

    var ModelListController = ListController.extend({
        willStart: function () {
            var self = this;
            //设置管理员权限组才看到按钮，可以按需修改
            var ready = this.getSession().user_has_group('base.group_no_one')
                .then(function () {
                    if (true) {
                        self.buttons_template = 'hiprint_print_temp_tree_view.buttons';
                    }
                });
            return Promise.all([this._super.apply(this, arguments), ready]);
        },
        renderButtons: function () {
            this._super.apply(this, arguments);
            renderGenerateButton.apply(this, arguments);
        }
    });

    var ModelListView = ListView.extend({
        config: _.extend({}, ListView.prototype.config, {
            Controller: ModelListController,
        }),
    });

    //将tree视图的按钮注册到视图
    viewRegistry.add('print_temp_tree', ModelListView);
});
XML 复制代码 
<odoo>
    <data>
        <template id="button_js" inherit_id="web.assets_backend">
            <xpath expr="." position="inside">
                <script type="text/javascript" src="/hiprint/static/src/js/print_temp_button.js"/>
            </xpath>
        </template>
    </data>
</odoo>
XML 复制代码 
    <!--增加js_class="print_temp_tree"-->
    <record model="ir.ui.view" id="print_temp_tree_view">
        <field name="name">print.temp.tree</field>
        <field name="model">print.temp</field>
        <field name="arch" type="xml">
            <tree js_class="print_temp_tree">
                <field name="name"/>
                <field name="code"/>
                <field name="type"/>
                <field name="remark"/>
            </tree>
        </field>
    </record>
XML 复制代码 
    'data': [
        'security/ir.model.access.csv',

        'views/print_temp_view.xml',
        'views/menus_view.xml',

        'static/src/xml/include_print_temp_button_js.xml',
    ],
    'qweb': [
        'static/src/xml/print_temp_button_template.xml',
    ]
XML 复制代码 
<?xml version="1.0" encoding="utf-8"?>
<odoo>
    <template id="assets_backend" inherit_id="web.assets_backend">
        <xpath expr="." position="inside">
            <link rel="stylesheet" href="/hiprint/static/src/js/hiprint/css/hinnn.css"/>
            <link rel="stylesheet" href="/hiprint/static/src/js/hiprint/css/hiprint.css"/>
            <link rel="stylesheet" href="/hiprint/static/src/js/hiprint/css/print-lock.css"/>

            <script type="text/javascript" src="/hiprint/static/src/js/hiprint/polyfill.min.js"></script>
            <script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/jquery.minicolors.min.js"></script>
            <script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/JsBarcode.all.min.js"></script>
            <script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/qrcode.js"></script>
            <script type="text/javascript" src="/hiprint/static/src/js/hiprint/hiprint.bundle.js"></script>
            <script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/jquery.hiwprint.js"></script>
            <!--<script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/socket.io.js"></script>-->
        </xpath>
    </template>
</odoo>
python 复制代码 
# -*- coding: utf-8 -*-


import logging

from odoo import http
from odoo.http import request
from odoo.tools import exception_to_unicode
import jinja2, sys, os

_logger = logging.getLogger(__name__)


class PrintCtrl(http.Controller):

    _pt_custom = '/pt_custom/<int:id>'
    _pt_find = '/pt_find/<int:id>'
    _pt_save = '/pt_save/<int:id>'

    @http.route(_pt_custom, type='http', auth='none', method=['GET', 'POST'], csrf=False)
    def dd_print_template(self, **kw):
        try:
            if hasattr(sys, 'frozen'):
                # When running on compiled windows binary, we don't have access to package loader.
                path = os.path.realpath(os.path.join(os.path.dirname(__file__), '..', 'views'))
                loader = jinja2.FileSystemLoader(path)
            else:
                loader = jinja2.PackageLoader('odoo.addons.hiprint', "views")
            env = jinja2.Environment(loader=loader, autoescape=True)
            return env.get_template("customtemp.html").render({'id': kw.get("id")})
        except Exception as e:
            return exception_to_unicode(e)

    @http.route(_pt_find, type='json', auth='none', methods=['GET', "POST"], csrf=False)
    def pt_find(self, **kw):
        result = {
            'method': self._pt_find,
            'code': 200,
            'message': 'ok',
            'data': {},
        }
        try:
            id = kw.get('id', False)
            code = kw.get('code', False)
            if code:
                print_temp = request.env['print.temp'].sudo().search([("code", "=", code)])
                if print_temp:
                    result['data'] = {
                        'template': print_temp.template,
                    }
                    return result
            if id:
                print_temp = request.env['print.temp'].sudo().search([("id", "=", id)])
                if print_temp:
                    result['data'] = {
                        'template': print_temp.template,
                    }
                    return result
        except Exception as e:
            request.env.cr.rollback()
            result['code'] = 500
            result['message'] = exception_to_unicode(e)
            return result
        return result

    @http.route(_pt_save, type='json', auth='none', methods=["POST"], csrf=False)
    def pt_save(self, **kw):
        result = {
            'method': self._pt_save,
            'code': 200,
            'message': 'ok',
            'data': {},
        }
        try:
            id = kw.get('id', False)
            template = kw.get('template', False)
            if id:
                print_temp = request.env['print.temp'].sudo().search([("id", "=", id)])
                print_temp.template = template
            else:
                result['code'] = 500
                result['message'] = '缺少必要的参数'
                return result
        except Exception as e:
            request.env.cr.rollback()
            result['code'] = 500
            result['message'] = exception_to_unicode(e)
            return result
        return result
html 复制代码 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="/hiprint/static/src/js/hiprint/css/hinnn.css"/>
    <link rel="stylesheet" href="/hiprint/static/src/js/hiprint/css/hiprint.css"/>
    <link rel="stylesheet" href="/hiprint/static/src/js/hiprint/css/print-lock.css"/>

    <link rel="stylesheet" href="/hiprint/static/src/js/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <script type="text/javascript" src="/hiprint/static/src/js/jquery/jquery-1.12.4.min.js"></script>

</head>
<body>
<layout class="layout hinnn-layout hinnn-layout-has-sider height-100-per" style="background:#fff;">
    <content class="hinnn-layout-content" style="border-left:1px solid #e8e8e8;">
        <div class="container-fluid height-100-per print-content">

            <div class="row">
                <div class="col-sm-12">
                    <div class="row">
                        <div class="col-sm-3 col-md-2" style="padding-right:0px;">

                            <div class="rect-printElement-types hiprintEpContainer">
                                <ul class="hiprint-printElement-type">

                                    <li>
                                        <span class="title"><code>拖拽列表</code></span>
                                        <ul>
                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.text" style="">

                                                    <span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">文本</span>
                                                </a>
                                            </li>

                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.image" style="">
                                                    <span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">图片</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.longText">
                                                    <span class="glyphicon glyphicon-subscript" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">长文</span>


                                                </a>
                                            </li>

                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.tableCustom" style="">
                                                    <span class="glyphicon glyphicon-th" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">表格</span>
                                                </a>
                                            </li>

                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.html">
                                                    <span class="glyphicon glyphicon-header" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">html</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </li>
                                    <li>
                                        <span class="title">辅助</span>
                                        <ul>
                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.hline" style="">

                                                    <span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">横线</span>
                                                </a>
                                            </li>

                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.vline" style="">
                                                    <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">竖线</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.rect">
                                                    <span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">矩形</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a class="ep-draggable-item" tid="testModule.oval">
                                                    <span class="glyphicon glyphicon-record" aria-hidden="true"></span>
                                                    <span class="glyphicon-class">椭圆</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                        </div>
                        <div class="col-sm-9 col-md-10">
                            <div class="hiprint-toolbar" style="margin-top:15px;">
                                <ul>
                                    <li><a class="hiprint-toolbar-item" onclick="setPaper('A3')">A3</a></li>
                                    <li><a class="hiprint-toolbar-item" onclick="setPaper('A4')">A4</a></li>
                                    <li><a class="hiprint-toolbar-item" onclick="setPaper('A5')">A5</a></li>
                                    <li><a class="hiprint-toolbar-item" onclick="setPaper('B3')">B3</a></li>
                                    <li><a class="hiprint-toolbar-item" onclick="setPaper('B4')">B4</a></li>
                                    <li><a class="hiprint-toolbar-item" onclick="setPaper('B5')">B5</a></li>

                                    <li><a class="hiprint-toolbar-item"><input type="text" id="customWidth" style="width: 50px;height: 19px;border: 0px;" placeholder="宽/mm"/></a>
                                    </li>
                                    <li><a class="hiprint-toolbar-item"><input type="text" id="customHeight" style="width: 50px;height: 19px;border: 0px;" placeholder="高/mm"/></a>
                                    </li>

                                    <li><a class="hiprint-toolbar-item" onclick="setPaper($('#customWidth').val(),$('#customHeight').val())">自定义</a></li>
                                    <li><a class="hiprint-toolbar-item" onclick="rotatePaper()">旋转</a></li>
                                    <li>
                                        <a id="save" class="btn hiprint-toolbar-item " style="color: #fff;background-color: #d9534f;border-color: #d43f3a;">保存模板</a>
                                    </li>
                                </ul>
                                <div style="clear:both;"></div>
                            </div>
                            <div id="hiprint-printTemplate" class="hiprint-printTemplate" style="margin-top:20px;">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </content>
    <sider class="hinnn-layout-sider" style="">
        <div class="container height-100-per" style="width:250px;">
            <div class="row">
                <div class="col-sm-12">
                    <div id="PrintElementOptionSetting" style="margin-top:10px;"></div>
                </div>
            </div>
        </div>
    </sider>
</layout>

<div class="modal fade" id="alertModal" tabindex="-1" role="dialog" aria-labelledby="alertModalLabel">
    <div class="modal-dialog modal-lg" role="document" style="width: 825px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="prevViewDiv"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/custom_test/custom-etype-provider.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/polyfill.min.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/jquery.minicolors.min.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/JsBarcode.all.min.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/qrcode.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/hiprint.bundle.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/hiprint/plugins/jquery.hiwprint.js"></script>
<script type="text/javascript" src="/hiprint/static/src/js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
<script>
        var hiprintTemplate;
        var printTemplateJson;
        var printData = {

        };
        $(function() {
            var settings = {
               "url": "/pt_find/{{id}}",
               "method": "POST",
               "timeout": 0,
               "headers": {
                  "Content-Type": "application/json",
               },
               "data": JSON.stringify({
                  "params": {}
               }),
            };

            $.ajax(settings).done(function (response) {
               console.log(response.result.data.template);
               printTemplateJson = $.parseJSON($.parseJSON(response.result.data.template))

                //初始化打印插件
                hiprint.init({
                    providers: [new customElementTypeProvider()]
                });

                //hiprint.PrintElementTypeManager.build('.hiprintEpContainer', 'testModule');
                //设置左侧拖拽事件
                hiprint.PrintElementTypeManager.buildByHtml($('.ep-draggable-item'));
                //console.info(printTemplateJson);
                hiprintTemplate = new hiprint.PrintTemplate({
                    template: printTemplateJson,
                    settingContainer: '#PrintElementOptionSetting',
                    paginationContainer: '.hiprint-printPagination'
                });
                //打印设计
                hiprintTemplate.design('#hiprint-printTemplate');
            });


			$('#save').click(function () {
                var settings = {
                   "url": "/pt_save/{{id}}",
                   "method": "POST",
                   "timeout": 0,
                   "headers": {
                      "Content-Type": "application/json",
                   },
                   "data": JSON.stringify({
                      "params": {
                        "template": JSON.stringify(JSON.stringify(hiprintTemplate.getJson()))
                      }
                   }),
                };

                $.ajax(settings).done(function (response) {
                    if(response.result.code=='200'){
	    				$('#alertModal .modal-body .prevViewDiv').html("保存成功")
	                    $('#alertModal').modal('show')
                    }
                    else{

                    }
                });
            })
        });

        var setPaper = function (paperTypeOrWidth, height) {
        	if(paperTypeOrWidth!="" && height!="")
            	hiprintTemplate.setPaper(paperTypeOrWidth, height);
        }
        var rotatePaper = function () {
            hiprintTemplate.rotatePaper();
        }

</script>
</body>
</html>

5 编辑并保存打印模板

1）勾选打印模板记录，点击定制模板

2）在模板设计页面设计打印模板，并保存

6 新建"打印数据"，用于模拟测试打印功能（类似新建"打印模板"，此处省略说明）

1）增加模型，增加权限，增加视图，增加菜单，增加数据

7 在需要进行打印的列表处增加打印按钮

相关推荐
懒大王爱吃狼23 分钟前
Python教程：python枚举类定义和使用
开发语言·前端·javascript·python·python基础·python编程·python书籍
秃头佛爷1 小时前
Python学习大纲总结及注意事项
开发语言·python·学习
深度学习lover2 小时前
＜项目代码＞YOLOv8 苹果腐烂识别＜目标检测＞
人工智能·python·yolo·目标检测·计算机视觉·苹果腐烂识别
API快乐传递者3 小时前
淘宝反爬虫机制的主要手段有哪些？
爬虫·python
阡之尘埃5 小时前
Python数据分析案例61——信贷风控评分卡模型(A卡)（scorecardpy 全面解析）
人工智能·python·机器学习·数据分析·智能风控·信贷风控
丕羽9 小时前
【Pytorch】基本语法
人工智能·pytorch·python
bryant_meng9 小时前
【python】Distribution
开发语言·python·分布函数·常用分布
m0_5945263010 小时前
Python批量合并多个PDF
java·python·pdf
工业互联网专业10 小时前
Python毕业设计选题：基于Hadoop的租房数据分析系统的设计与实现
vue.js·hadoop·python·flask·毕业设计·源码·课程设计
钱钱钱端10 小时前
【压力测试】如何确定系统最大并发用户数？
自动化测试·软件测试·python·职场和发展·压力测试·postman
热门推荐
01【HarmonyOS】HUAWEI DevEco Studio 下载地址汇总02(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明03组基轨迹建模 GBTM的介绍与实现（Stata 或 R）04【AIGC】重塑未来的科技巨轮05全面解析：构建基于深度学习的安全帽检测系统（UI界面+YOLO代码+数据集）06【经验分享】Ubuntu22.04安装微信(linux官方版)07基于YOLOv10深度学习的CT扫描图像肾结石智能检测系统【python源码+Pyqt5界面+数据集+训练代码】深度学习实战、目标检测08Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO09RAG 实践- Ollama+RagFlow 部署本地知识库10红米手机使用google play