IT Notes : 什麼是 Mermaid？
根據MS Copilot的解釋， Mermaid 是一種基於 JavaScript 的圖表與流程圖工具，它允許使用者透過類似 Markdown 的語法來建立各種圖表。這對於開發者、技術寫作者或需要在文件中嵌入圖表的人來說非常實用。
下面語法會產生一個流程圖，包含判斷邏輯。
graph TD
A[採購需求識別] --> B{採購類型判斷}
B --> C[一般供應品、貨品及服務採購]
B --> D[大型維修工程採購]
C --> E[遵循《供應品、貨品及服務採購工作守則》]
E --> F[管委會討論採購方案]
F --> G[管委會會議決議]
G --> H[執行採購]
H --> I[採購記錄保存]
I --> J[文件展示及保存]
D --> K[識別大型維修工程需要]
K --> L[準備招標文件]
L --> M[展示招標承投文本於大廈顯眼處]
M --> N[邀請投標]
N --> O[收集標書]
O --> P[評估標書]
P --> Q{利益申報檢查}
Q -->|有利益關係| R[相關人員申報利益]
Q -->|無利益關係| S[記錄無利益申報]
R --> T[展示申報通知於大廈顯眼處]
S --> U[記錄文件保存]
T --> V[準備法團業主大會]
U --> V
V --> W[發出會議通知<br/>標示「重要提示」及列明財務資料]
W --> X[法團業主大會召開]
X --> Y{投票結果檢查}
Y -->|符合條件| Z[決議通過<br/>- 過半數票通過<br/>- 至少5%業主或100名業主親身投票]
Y -->|不符合條件| AA[決議不通過]
Z --> BB[簽訂採購合約]
BB --> CC[執行工程/服務]
CC --> DD[採購文件保存<br/>包括招標文件、合約、帳目、發票]
DD --> EE[會議紀錄向所有業主分發]
AA --> FF[重新考慮或修訂採購方案]
FF --> K
style A fill:#e1f5fe
style D fill:#fff3e0
style Z fill:#e8f5e8
style AA fill:#ffebee
style BB fill:#e8f5e8
classDef important fill:#fff3e0,stroke:#ff9800,stroke-width:2px
classDef success fill:#e8f5e8,stroke:#4caf50,stroke-width:2px
classDef warning fill:#ffebee,stroke:#f44336,stroke-width:2px
classDef info fill:#e1f5fe,stroke:#2196f3,stroke-width:2px
class D,L,M,N,V,W important
class Z,BB,CC success
class AA warning
class A,E,I,J info
Comments