在數字化業務流程中,文件與圖片的上傳管理是構建高效信息系統的核心需求。在JVS低代碼中,針對這類場景提供了靈活的配置方案,通過表單引擎中的“上傳圖片”組件,可視化拖拽組件和設置動態字段綁定技術,實現了上傳功能和業務數據的無縫整合。
這個組件設計通過行內按鈕觸發機制,可完美適配列表頁快速預覽場景,為審批流、檔案系統、內容管理等業務場景提供了標準化的解決方案。
應用場景
1.員工信息管理
在HR系統中,管理員可通過行內按鈕快速查看員工證件照、勞動合同附件等資料,新增/修改時允許上傳更新文件,而詳情頁僅展示不可編輯的版本以確保數據安全性。
2.產品資料歸檔
在電商或產品管理系統中,商品列表頁支持直接查看已上傳的產品主圖、詳情圖及技術文檔,修改表單允許重新上傳圖片或替換文件,查看態則鎖定內容防止誤操作。
3.客户案例展示
在CRM系統中,銷售團隊可通過行內表單快速瀏覽客户合作案例中的效果圖、驗收報告等附件,新增案例時支持多圖上傳和文檔關聯,詳情頁提供高清圖片預覽和文件下載能力。
4.設備維護記錄
在運維管理系統中,設備列表頁可查看歷史維護記錄中的現場照片、檢測報告文件,維護人員可在修改表單中更新最新圖片和數據,而查看態保持只讀狀態確保記錄可追溯。
5.審批流程附件
在OA系統中,審批列表頁可直接查看流程關聯的合同掃描件、預算表等附件,申請人可在修改步驟補充材料,審批人查看時僅展示不可編輯的版本以保證流程合規性。
使用配置説明
示例場景:列表頁行內按鈕打開表單回顯圖片及上傳的文件。
進入列表頁新增表單設計頁,如下圖
拖取【上傳圖片】和【上傳文件】組件並綁定字段。
在新增表單和修改表單就可以編輯圖片和文件
然後在行內打開的查看詳情表單中圖片和文件不可編輯則用【查看圖片】和【查看文件】組件,如下圖
最後打開列表頁行內按鈕查看錶單時就不能編輯圖片和文件,如下圖
在線demo:https://frame.bctools.cn
基礎框架開源地址:https://gitee.com/software-minister/jvs