今天修改了費用報銷單報表。瞭解了費用報銷的審批流程及相關模型和視圖。因odoo開發環境再次發生未知故障、經劉同事反覆排查後分析是三方軟件與odoo使用的postgreSQL數據庫有衝突,解決方案是重裝windows系統和odoo系統,希望這次可以徹底解決odoo環境不穩定的問題!
今天在修改報表的過程中總結了如下知識:
<head>...</head>:頁頭
<body>...</body>:頁體
<table>...</table>:表
<thead>...</thead>:表頭
<tbody>...</tbody>:表體
<tfoot>...</tfoot>:表腳
<div>...</div>:塊,強制換行
<span>...</span>:內聯,不換行
<tr>...</tr>:行
<td>...</td>:列,單元格
<th>...</th>:標題表頭
<t>...</t>:QWeb指令
<p>...</p>:段落
<h1>...</h1>:字號
<br/>:單標籤,分行換行
<hr>...</hr>:橫線
主要筆記:
1、其中表格<table>是報表設計中的主要元素,
其主要屬性如下:
border:邊框。像素為單位。
width:寬度。像素為單位。
height:高度。像素為單位。
bordercolor:表格的邊框顏色。
align:表格的水平對齊方式。屬性值可以填:left right center。
注意:這裏不是設置表格裏內容的對齊方式,如果想設置內容的對齊方式,要對單元格標籤<td>進行設置)
bgcolor="#99cc66":表格的背景顏色。
background="路徑src/...":背景圖片。
背景圖片的優先級大於背景顏色。
一個表格就是一行一行組成的。
2、表格的行<tr>主要屬性如下:
bgcolor:設置這一行的單元格的背景色。
注:沒有background屬性,即:無法設置這一行的背景圖片,如果非要設置,可以用css實現。
height:一行的高度
align="center":一行的內容水平居中顯示,取值:left、center、right
valign="center":一行的內容垂直居中,取值:top、middle、bottom
3、表格的列<td>也稱單元格,主要屬性如下:
align:內容的橫向對齊方式。屬性值可以填:left right center
valign:內容的縱向對齊方式。屬性值可以填:top middle bottom
width:絕對值或者相對值(%)
height:單元格的高度
bgcolor:設置這個單元格的背景色。
background:設置這個單元格的背景圖片。
4、單元格的合併
colspan:橫向合併。例如colspan="2"表示當前單元格在水平方向上要佔據兩個單元格的位置。
rowspan:縱向合併。例如rowspan="2"表示當前單元格在垂直方向上要佔據兩個單元格的位置。