表單設計頁

使用【系統表單】前，需要對表單進行設計。

表單設計界面分爲了三個部分：左側的控制項選擇區，中間的表單設計區，右側的屬性設定區。

1720087140468-2eb5777a-19b3-4298-88b6-3066146027fe.png

控制項區

展示了表單可用的控制項，及資料項。

  • 資料項是儲存資料的最小單位，與控制項一一對應，資料模型中建立發佈的資料項，展示在資料項區。
  • 控制項是頁面上展示填寫資料的組件。微程式系統預置了30+控制項，通過拖拉拽的方式，將控制項拖入編輯區，設定控制項屬性和表單屬性後，保存即可完成一張表單的設計。

設計區

表單設計區是設計展示控制項的區域，預設有建立人、建立時間、單據號三項。表單標題預設爲表單名稱。

設計區左上方分web端設計和行動端設計，設計過程中可以切換查看效果。控制項的修改、新增對兩端同時生效

線上開發，可對表單設計線上寫代碼設計；

表單設計區，支持設定表單主題（適用版本：8.1以上版本）：

1719825427763-bd96448e-5a3d-4a01-8319-7d381fbbd2df.png

  • 控制項分佈：緊湊、標準、鬆散
  • 佈局方式：上下、左右
  • 邊框：有、無
  • 通用控制項樣式：展示全局主題的設計的表單樣式模板，也可自定義樣式，設定
    • 標題：對齊方式、文字大小、顏色、背景
    • 內容：對齊方式、字體大小、顏色

原表單屬性中的【表單佈局】升級爲設計區【快速排列】功能

1719825556543-dc6ac82a-66ed-4064-8131-d10e4c1727fb.png

支持設計表單一行多列、按比例展示控制項寬度。

  • 支持表單中控制項按照一行一列、一行兩列、一行三列、一行四列的設定佈局
  • 選擇後，表單中已存在的控制項按照佈局自動排版
  • 新增控制項的寬度按照選擇的佈局自動排版
  • 與“控制項寬度”屬性合用，可實現在表單佈局下單行的控制項寬度設計，例如：一行2個控制項時
    • 設定不固定列數，控制項寬度預設1/2 ；調整第一個控制項寬度爲1/4，則另一控制項寬度自動調整爲3/4
    • 設定一行兩列，控制項寬度預設1/2；若設定第一個控制項寬度爲1/4，則另一控制項寬度仍爲1/2

操作區

設計區右上方是表單的操作按鈕，包括：版本管理、保存、發佈、預覽、匯出，可以對表單進行操作。

  • 預覽可查看的設計樣式，表單預覽樣式與運行態樣式一致；
  • 表單預覽目前支持：控制項樣式，顯示、隱藏、必填規則，正則規則、長度規則、計算規則，資料連動、人員/部門對應；不支持送出校對、關聯單選/多選僅能展示示範資料，不支持按流程發起節點的資料顯示隱藏預覽

屬性區

屬性區分爲控制項屬性和表單屬性。

  • 表單屬性：表單屬性展示表單的名稱、編碼和資料標題等，表單編碼建立後不可修改。表單屬性
  • 控制項屬性：設定控制項的展示樣式等，選擇一個控制項時，右側自動顯示控制項屬性。控制項說明
    • 控制項屬性中可設定控制項的模型屬性，即資料項的屬性，設定後會同步給資料模型的「資料項屬性」和「資料規則」。資料項的設定設定後，表單和視圖共用同一套設定。

更新: 2024-08-08 16:37:56
原文: https://www.yuque.com/skwme4/hyk0u0/fw5189