ปัญหา font size ไทย/อังกฤษ ใน report/pdf

[wktech]

สวัสดีครับ,

ผมติดปัญหาเรื่อง font-size ของ pdf report ที่เป็นภาษาไทยกับอังกฤษ
โดย ขนาดมันต่างกันมากเกินไป ตัวเลขก็เหมือนจะไม่ยอมไปใช้ font ภาษาไทย ตามรูป
มีวิธีแนวทางการแก้ไขอย่างไร ขอคำแนะนำด้วยครับ

[kitcle]

ต้องไปจัดการแก้ที่ css ครับให้หน้ารายงาน load css แบบฉบับของเราเองมาใช้ ไม่ต้องไปโหลด css มาตรฐาน

----assets.xml

โค้ด: เลือกทั้งหมด

<?xml version="1.0" encoding="UTF-8"?>
<openerp>
    <data>
      <template id="x_layout" inherit_id="web.layout">
         <xpath expr="." position="inside">
            <link rel="stylesheet" href="/custom_report/static/css/base.css"/>
         </xpath>

      </template>
      
    </data>
</openerp>


----base.css

โค้ด: เลือกทั้งหมด

@charset "UTF-8";

.line{
   border: 1px solid black;
   border-collapse: collapse;
}

.header_table {
   background-color:#0F8A97;
   color:#ffffff;
   height: 20px;
  }
table.table1  {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
   padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.42857143;
}
table.table1 thead {
   background-color:#0F8A97;
   color:#ffffff;
   padding: 1px;
   border: 1px solid black;
}
table.table1 th {
   border: 1px solid black;
   min-height: 20px;
   padding: 1px;
   font-weight: normal;
}
table.table1 tr {
   border: 1px solid black;
   min-height: 20px;
   padding: 1px;
}
table.table1 td {
   border: 1px solid black;

} 
.col-no, .col-name, .col-desc, .col-qty, .col-unitprice, .col-disc, .col-amount, .col-subtotal {
  float: left;
}
.col-no {
  width: 3%;
}
.col-name {
  width: 10%;
}
.col-desc {
  width: 45%;
}
.col-qty {
  width: 5%;
}
.col-unitprice {
  width: 8%;
}
.col-disc {
  width: 5%;
}
.col-amount {
  width: 12%;
}
.col-subtotal {
  width: 12%;
}



----__openerp__.py ในไฟล์นี้ คุณก็ regiter ระบุ path ที่ตั้งไฟลืข้างบนเข้าระบบ โมดุลซะ

โค้ด: เลือกทั้งหมด

{
    'name' : 'My Report',
    'version' : '1.0',
    'depends' : ['base','sale', 'product'],
    'author' : 'Kitcle',
    'category': 'Qweb Report',
    'description': """

    """,
    'website': 'https://www.facebook.com/OdooFree',
    'data': [
        'assets.xml',
        'sale_report.xml',
        'views/report_saleorder.xml',
    ],
    'demo': [],
    'installable': True,
    'auto_install': False,
    'images': [],
}


[wktech]

ขอบคุณมากครับ เดี๋ยวผมลองทำดูครับ

[nongtarl]

เข้ามาเก็บความรู้
ขอบคุณฮ๊าฟฟฟ

[wktech]

แจ้งความคืบหน้า แก้ได้แล้วครับ แก้ไขเพิ่มจากคุณ kitcle เล็กน้อย ขอบคุณที่ชี้แนะครับ
เคสนี้พบเวลาสร้างรายงาน odoo8 PDF บน Ubuntu 14.04 ใช้ wkhtmltopdf version 0.12.3

___ assets.xml ผมต้อง inherit จาก report.minimal_layout

โค้ด: เลือกทั้งหมด

<?xml version="1.0" encoding="utf-8"?>
<openerp>
    <data>
        <template id="x_layout" name="fdp assets" inherit_id="report.minimal_layout">
            <xpath expr="//head" position="inside">
                <link rel="stylesheet" href="/fdp_web_custom/static/src/css/base-extend.css"/>
            </xpath>
        </template>
    </data>
</openerp>


__ base-extend.css ผมใช้ font-face

โค้ด: เลือกทั้งหมด

@charset "UTF-8";

@font-face {
            font-family: 'THSarabunNew';
            src: url('/fdp_web_custom/static/src/font/thsarabunnew-webfont.woff');
            font-weight: normal;
            font-style: normal;
        }
       
body {
    font-family: 'THSarabunNew';
}


[Hipoza]

ขอสอบถามครับ ถ้าเป็น odoo 11 จะแก้ตรงไหนครับ มีวิธีแก้ไขอย่างไงบ้างครับ

[Hipoza]

สอบถามครับ ถ้าเป็น Odoo 11 ไม่ทราบว่าจะแก้ไขได้อย่างไงครับ
รบกวนช่วยทีครับ

[wktech]

Odoo 11 มีการเปลี่นย Default layout ของ report ไปไว้ที่ module web จะ inherit อีกแบบลักษณะดังนี้ครับ
1. สร้าง add-on ใหม่โครงสร้างดังนี้

โค้ด: เลือกทั้งหมด

wk_custom_report
 --reports
 ----report_custom.xml
 --static
 ----font
 ------thsarabunnew-webfont.woff
 ----base-extends.css
 __init__.py
 __manifest__.py


2. ที่ report_custom.xml ทำการ inherit ตัว web.report_assets_common

โค้ด: เลือกทั้งหมด

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
    <template id="custom_report_assets" name="wk_custom_report.custom_report_assets"
              inherit_id="web.report_assets_common">
        <xpath expr=".">
            <link href="/wk_custom_report/static/base-extend.css" rel="stylesheet"/>
        </xpath>
    </template>

</odoo>


3. ไฟล์ base-extend.css

โค้ด: เลือกทั้งหมด

@charset "UTF-8";

@font-face {
    font-family: 'THSarabunNew';
    src:url('/wk_custom_report/static/font/thsarabunnew-webfont.woff');
    font-weight:normal;
    font-style:normal;
}

body {
    font-family: 'THSarabunNew';
    font-size: 14px;
}

div {
    border: 1px solid red;
}


4. __manifest__.py

โค้ด: เลือกทั้งหมด

{
    'name': 'Report PDF Customize',
    'description': 'Customize report.',
    'author': 'W K.',
    'depends': ['web'],
    'data': [
        # QWeb Report
        'reports/report_custom.xml'
    ]
}