# 區塊 Area

<figure><img src="https://1792893123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdwFoogk3W80yJlNR060h%2Fuploads%2FdL6d6xKtlvjS6vBnbTLV%2F2024-03-19_15-18-25.jpg?alt=media&#x26;token=f7881583-a104-44bb-b309-2d2715bddb9e" alt=""><figcaption><p>區塊圖示</p></figcaption></figure>

## 區塊類型

### **文字**

*

```
<figure><img src="https://1792893123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdwFoogk3W80yJlNR060h%2Fuploads%2FfbQmy19u5LoNLD9Yo4Tn%2Ftextarea.jpg?alt=media&#x26;token=4c3248e4-99fd-44e5-bf8b-8c66ba2bae4c" alt=""><figcaption><p>text 區塊</p></figcaption></figure>
```

* 基本區塊，用於滿足不同的文字呈現需求。
* 區塊內可以輸入固定文字以及包括各類控制項。
* **內容回傳HIS: 依內容**。

### 圖形

*

```
<figure><img src="https://1792893123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdwFoogk3W80yJlNR060h%2Fuploads%2FIrqlcD9t8aTddoa9QvC2%2F2024-01-28_picutre.gif?alt=media&#x26;token=b6cb941f-5ef6-4a40-9e5b-8626e3ecd2dd" alt=""><figcaption><p>圖形區塊使用示範 (GIF 動畫)</p></figcaption></figure>
```

* 適用於需要與底圖搭配的病歷紀錄，如燙傷紀錄。
* 允許上傳圖檔作為表單底圖，底圖上可以自由擺放控制項。
* 支持動態點選圖示（如刀、火、X、O等）來標示底圖說明。
* **內容回傳HIS:** 無。

### **圖形表格**

*

```
<figure><img src="https://1792893123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdwFoogk3W80yJlNR060h%2Fuploads%2FN1wiX4uUYB0EMdJKHbaB%2F2024-01-28_pictable%20area.gif?alt=media&#x26;token=cadd6dc1-3670-4e78-96d3-6e2a19568b64" alt=""><figcaption><p>圖形表格區塊示範 ( GIF 動畫)</p></figcaption></figure>
```

* 提供底圖和文字記錄外，還支持動態表格條列紀錄。
* 適用於急診外傷位置或內視鏡腸胃病灶標示等情境。
* **內容回傳HIS:** 同一列個別攔內容會組合起來，不同列會生成數字清單文字。

### **動態表格**

* 與圖形表格區塊類似，但不包含底圖功能。
* 允許使用者選擇直式或橫式表格布局，並可自由增減資料行。
* **內容回傳HIS:**&#x20;
  * 標題列會以 | 分隔個別攔標題，
  * 內容列個別攔內容會組合起來，不同列會生成數字清單文字。

### **固定表格**

* 提供固定式表格填寫需求，支持選擇不同的欄位格式。
* 允許插入新的表格列以及刪除現有列。
* **內容回傳HIS:** 同一列個別攔內容會串成一行文字，不同列會生成不同列點清單文字。

### **頁籤**

* 提供水平以及垂直頁籤式格式。
* 頁籤內容可使用群組控制項設計。
* **內容回傳HIS:** 所有標籤標題以及內容都會回傳。
*

```
<figure><img src="https://1792893123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdwFoogk3W80yJlNR060h%2Fuploads%2FPEj75h7Vb4jcHMa0IPe3%2F2024-03-19_15-25-02.jpg?alt=media&#x26;token=090ff400-a536-4264-b18f-2ccb14d6ab5b" alt=""><figcaption><p>頁籤區塊</p></figcaption></figure>
```

表單由不同的區塊組成，從最單純的文字區塊，到圖形，圖形表單，動態表單，固定表格，以及頁籤提供使用者多樣的表單製作需求。

## 區塊屬性設定

* **屬性設定入口**：點擊區塊上的紅色箭頭按鈕進入屬性設定畫面。
* **編輯輸入權限**：可以設定區塊的編輯輸入權限，以控制誰可以編輯區塊內容。
* **區塊內容顯示**：設定區塊內容是否在表單中顯示。
* **內容回傳HIS**：設定區塊內容文字是否需要帶回HIS系統，個別區塊文字回傳格式可參見個 [區塊類型](#qu-kuai-lei-xing) 中的說明，並可設定授權對象（如所有人）。

<figure><img src="https://1792893123-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdwFoogk3W80yJlNR060h%2Fuploads%2FP9nn7HstEAkuW947Yhq4%2Farea_attr.gif?alt=media&#x26;token=aec5a684-bacf-4339-9e1e-403a1af6f082" alt=""><figcaption><p>區塊屬性設定</p></figcaption></figure>

通過這些功能，使用者可以根據具體需求靈活設計表單，從簡單的文字輸入到複雜的圖形和表格布局，進而提高表單的功能性和互動性。

相關影片介紹

{% embed url="<https://youtu.be/R63BgrWRQu0>" %}

{% embed url="<https://youtu.be/CLGmHrUvZT0>" %}
