今天修改了費用報銷單報表。瞭解了費用報銷的審批流程及相關模型和視圖。因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"表示當前單元格在垂直方向上要佔據兩個單元格的位置。