SpreadJS 純前端表格控制項應用案例:風險指標補錄系統

2020-12-22 IT168

項目背景

企業內的報表搜集和報送任務以往都是通過 Excel 結合郵件來完成,對於現代化企業來說,這種線下的方式存在很多需要改善的地方,如:

報表的審批流程不清晰

報表內容的修改不能完整體現

給業務人員帶來工作負擔

數據重複收集,無法確保對指標項進行統一管理

為了精簡指標的錄入和收集流程,需要將報表報送的指標歸類,同時實現報表的統一使用;為了減少業務人員的工作量,需要杜絕數據的重複收集現象,實現風險部指標的統一管理、線下補錄報送的平臺化管理、內部管理報表的生成查看、各類常規補錄和快速補錄,以及補錄需求的監控定位和跟蹤。

為滿足上述需求,華融科技推出了其自主研發的風險指標補錄系統。系統統一了管理模板的設計和制定,基於SpreadJS構建了填報模板的設計模塊,允許用戶在線填報表單,並在模板中直接指定指標入庫的位置、數據校驗規則和權限管控。

項目架構圖

項目截圖

系統的模板編輯模塊集成了SpreadJS在線表格編輯器,可通過編輯器上方的工具欄,在系統中快捷、方便的設計模板。

系統可以直接讀取 Excel 模板,並在其基礎上進行修改:

模板設計完成好後將模板保存起來,填報人員登錄系統後便可以通過臺帳功能加載模板,並在線填報。這裡為了控制填報人員的填報權限,沒有使用在線表格編輯器,而是用了標準的 SpreadJS 表格控制項進行加載。

填報之後使用匯總功能可以實現下發填報的匯總統計,將統計結果以報表展示,該功能支持導出成 Excel 文檔下載:

表格技術帶來的價值

通過引入 SpreadJS 純前端表格控制項,極大簡化了常規表單的開發流程,實現了將任務報送與公司自研工作流平臺結合,滿足了多場景、多流程的數據報送模式,在用戶體驗方面,系統結合 SpreadJS 為用戶提供了高度類似的 Excel 操作體驗,相比於傳統表格實現有很大提升。

綜上所述,SpreadJS 為風險指標補錄系統帶來的價值,主要體現在:

可直接將 SpreadJS 作為模板編輯展現的入口

通過 SpreadJS 在線表格編輯器嵌入模板,有利於模板的復用和設計

類 Excel 方式的展示、Excel 的導入導出等,極大地簡化了系統錄入

可結合腳本完成 Excel 的導入、導出

流程流轉過程中作為補錄入口接入

大幅簡化數據綁定、數據校驗、公式計算等操作

模板內容統一存儲,便於模板的維護和保存

關於 SpreadJS 純前端表格控制項

是一款基於 HTML5 的純前端表格控制項,兼容 450 種以上的 Excel 公式,具備"高性能、跨平臺、與 Excel 高度兼容"的產品特性,備受華為、蘇寧易購、天弘基金、遠光軟體等各領域龍頭企業的青睞,並被中國軟體行業協會認定為"中國優秀軟體產品"。SpreadJS 可為用戶帶來親切、易用的使用體驗,並滿足 Web Excel 組件開發、表格文檔協同編輯、 數據填報、 類 Excel 報表設計等業務場景,可極大降低企業研發成本和項目交付風險。

以上就是華融科技應用 SpreadJS 表格控制項技術研發的"風險指標補錄系統"案例展示,如需查看更多應用案例或需要了解 更多功能特性,歡迎訪問產品官網:https://www.grapecity.com.cn/developer/spreadjs。

轉載請註明出處。

相關焦點

  • SpreadJS 純前端表格控制項應用案例:雨諾訂單管理系統(雨諾OMS)
    SpreadJS 純前端表格控制項應用案例:雨諾訂單管理系統(雨諾OMS) 2020年10月19日 13:05作者:黃頁編輯:黃頁
  • 純前端表格控制項 SpreadJS V14.0 發布:組件化編輯器+數據透視表
    SpreadJS 是一款基於 HTML5 的純前端表格控制項,兼容 450 種以上的 Excel 公式,具備「高性能、跨平臺、與
  • 純前端表格控制項SpreadJS以專注業務、提升效率贏得用戶與市場
    而就是這麼一個本身科技水平頗高的實驗室,在2018年選擇了純前端表格控制項——葡萄城SpreadJS作為其部門內部表格數據管理的工具。Why ?01小小的控制項大大的能量一般來說,企業的IT部門負責整個企業業務應用程式的開發和部署。
  • SpreadJS 表格控制項發布 V11 版本,新增圖表及前端 PDF 導出
    ,SpreadJS 純前端表格控制項正式發布V11 版本。SpreadJS是基於HTML5的JavaScript電子表格和網格功能控制項,適用於.NET、Java和移動端等各平臺在線編輯類Excel功能的表格程序開發。開發人員可利用SpreadJS,更好的顯示和管理類似 Excel 的數據,更方便的進行公式引擎、排序、過濾、輸入控制項、數據可視化、Excel導入/導出等操作。
  • 攻克金融系統難點,用SpreadJS在線導入Excel報表
    不難看出,為金融和財務等相關行業設計信息化系統,首要考慮的因素就是 Excel 兼容度。如下,是一個基於 Excel 軟體構建的投資案例的財務模型展示,開發者若想在信息化系統中實現財務模型中的公式函數、計算邏輯、表頭樣式和數據結構等,除了需要熟悉業務需求外,還要熟練掌握 Excel 的使用技術,這就是造成金融財稅系統開發門檻高、後期維護難的主要原因。
  • 表格控制項 Spread.NET V14.0 發布:支持 .NET 5 和 .NET Core 3.1...
    Spread.NET 支持 462 種 Excel 公式,提供可嵌入系統的類Excel設計器和全面開放的 API,為 .NET開發人員構建企業級表格應用程式提供了更加專業的選擇。在詳細介紹表格控制項 Spread.NET V14.0的新特性之前,請同步下載體驗:>> .NET表格控制項 Spread.NET V14.0下載
  • 服務端表格組件 GcExcel V4.0 發布,構建類 Excel 全棧解決方案...
    將其與純前端表格控制項 SpreadJS 結合使用,可滿足表格數據的在線編輯與展示、前後端數據同步、服務端批量導出與列印,以及高性能類 Excel 報表模板設計與服務端處理等功能,為您的應用程式打造一整套類 Excel 全棧解決方案。
  • MXFlutter:基於JS的Flutter框架,用JS也能寫出Flutter應用
    項目地址:https://gitee.com/huoxd/MXFlutter項目簡介MXFlutter 是一套基於 JavaScript 的 Flutter 框架,可以用極其類似 Dart 的開發方式,通過編寫 JavaScript 代碼,來開發 Flutter 應用
  • 統一作業系統UOS適配NTKO Office控制項:瀏覽器在線編輯文檔
    現在,NTKO Office文檔控制項Linux版也完成了與統一作業系統UOS的產品兼容適配,並支持鯤鵬、飛騰、龍芯、兆芯、海光等國產主流CPU平臺。NTKO Office文檔控制項Linux版出自致力於軟體中間件研發的高科技IT公司——重慶軟航科技,是其在十餘年的Windows版產品自主研發與廣泛成熟應用經驗基礎上,針對UOS在線辦公提供的一款中間件產品。
  • 如何在Node.js使用Pug創建表格並設置樣式
    工具WebStormNode.js瀏覽器>技術expresspug在Node.js項目中,如果項目使用Pug模板引擎,想要新建一個表格,該怎麼實現?單個表格沒有加樣式屬性,如何設置表格樣式?下面利用實例說明:操作步驟:1、在已創建好的Node.js項目中,views文件夾上,滑鼠右鍵新建Pug文件;輸入文件名稱,點擊OK
  • EXCEL之VBA-窗體實例多頁控制項的基礎應用
    前天發了一個窗體應用的簡單例子,裡面所舉的例子也不完善,在這裡重新完善一下,下圖就是建的一個窗體可可實現的一些功能,之前的例子中插入行的代碼是不完善的,現在重新發一下,這代碼可以實現從第幾行開始到第幾行,每相隔幾行就插入幾行的功能,當然,現在分享的主要是窗體的應用,裡面的功能可以根據需要自行添加的
  • 可能是目前最強大的開源在線表格,不信你來看看
    開源領域裡也有不少優秀的在線表格開源項目,那麼今天所推薦的 Luckysheet 究竟有什麼不同之處呢?那就繼續往下看看吧。mengshukeji開源許可協議:MIT項目地址:https://gitee.com/mengshukeji/Luckysheet項目簡介Luckysheet 是一款純前端類似
  • 開源軟體分享:一個免ROOT支持用JS編寫自動化腳本的神器
    JavaScript 腳本的 iOS 應用,可以執行標準的 JavaScript 腳本)和Workflow。Auto.js具有如下特點:支持免root和root運行,支持懸浮窗錄製和運行提供對屏幕上的控制項的尋找、獲取信息、操作等API。
  • Excel表格使用OFFSET函數、控制項、定義名稱製作動態折線圖
    在Excel表格中折線圖可以直觀的顯示數據。但是當數據很多時,折線圖會顯得雜亂無章、並不能直觀的顯示數據。這篇文章為朋友們分享用OFFSET函數、控制項、定義名稱製作動態折線圖。其可以通過控制項控制折線圖,只顯示我們想要的數據。今天我們通過如下圖所示的水果銷量記錄表來一起學習動態折線圖的製作。
  • 盤點界面編程中那些常用控制項,詳解PyQt5中標籤控制項QLabel的使用
    PyQt比較受歡迎的地方在於其強大的控制項支持,從本篇開始,我將帶大家詳細了解下PyQt5中的一些常用控制項。喜歡Python編程的小夥伴們關注我,後續會推出一些GUI編程相關內容。動畫圖片),還可以被用作提示標記為其他控制項;一些純文本、連結或富文本可以顯示在QLabel標籤上。
  • Arction用於.NET和web的高性能圖表控制項LightningChart全新升級!
    用於.NET和web的高性能圖表控制項LightningChart全新升級!.NET最新版v10.0引入LightningChart®.NET庫來開發UWP應用程式。LightningChart®.NET v.10.0版本還為WinForms應用程式帶來了TradingChart。兩種版本具有相同的功能。Arction還對其進行了一些改進(它們適用於WPF和WinForms)。這些將例如幫助改善性能,尤其是在實時應用程式中,並增強整體用戶體驗。
  • 使用open-webkit-sharp打開報表頁面,實現js腳本對C 代碼的調用
    工具/選擇工具箱項/添加控制項OpenWebKitSharp.dll,然後在項目中添加對如下三個文件的引用準備工作做完之後,開始搞代碼吧。本次最終要實現的功能是在客戶端打開帆軟報表之後,為帆軟報表添加按鈕調用我們自己的c#方法。
  • LG Wing手機獲重要系統更新 二屏添加所有應用程式媒體控制項
    原標題:LG Wing 手機獲重要系統更新,旋轉雙屏更加易用   1月5日消息 LG 的旋轉雙屏手機是 2020 年最令人眼前一亮的手機之一,但它卻和 Surface Duo 一樣,因為奇特的雙屏遇到了種種軟體適配問題。
  • Node.js的5大框架,誰才是Node.js的優秀框架?
    / Express.js提供哪些功能?/Express是一個最小且靈活的Node.js Web應用程式框架,為Web和行動應用程式提供了一組強大的功能。 它還帶有多視圖支持系統。極快的I/O給用戶留下了深刻的印象,它強大的API使路由更容易,更快捷。 它支持23+模板引擎,簡單的HTTP方法,異步性,它總是關注性能。/ 如何安裝Express.js?/可以使用以下命令將Express.js安裝為軟體包依賴項。
  • 讓你見識一下什麼叫最完整、最系統的前端學習路線
    前端開發受歡迎程度: 2018年,JetBrains 發起了其標準的年度調查項目,開發人員生態系統調查 (The Developer Ecosystem 2018)。該項調查不僅揭示了不同程式語言的流行趨勢,並且從開發人員的角度反映了他們的個人偏好。調查由淺入深,從一般性的問題開始,並逐漸延伸至各領域的科技趨勢。