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

2021-01-14 泡泡網
SpreadJS 純前端表格控制項應用案例:風險指標補錄系統
2020年12月21日 15:00作者:黃頁編輯:黃頁

項目背景

企業內的報表搜集和報送任務以往都是通過 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。

轉載請註明出處。

相關焦點

  • 表格控制項Spread.NET V14.0 發布:支持 .NET 5 和 .NET Core 3.1
    Spread NET 是一個功能、布局與 Excel 高度類似的 NET表格控制項,可全面滿足 WinForm、ASP NET、XAML 和 WinRT 等平臺下表格數據處理、數據可視化開發需求。Spread.NET 支持 462 種 Excel 公式,提供可嵌入系統的類Excel設計器和全面開放的 API,為 .NET開發人員構建企業級表格應用程式提供了更加專業的選擇。
  • 攻克金融系統難點,用SpreadJS在線導入Excel報表
    不難看出,為金融和財務等相關行業設計信息化系統,首要考慮的因素就是 Excel 兼容度。如下,是一個基於 Excel 軟體構建的投資案例的財務模型展示,開發者若想在信息化系統中實現財務模型中的公式函數、計算邏輯、表頭樣式和數據結構等,除了需要熟悉業務需求外,還要熟練掌握 Excel 的使用技術,這就是造成金融財稅系統開發門檻高、後期維護難的主要原因。
  • 使用SpreadJS 實現 JavaScript 中導入和導出Excel文件
    中導入和導出Excel文件 2019年07月19日 16:25作者:黃頁編輯:黃頁 JavaScript是一個涵蓋多種框架、直譯式、可以輕鬆自定義客戶端的腳本語言,在 Web 應用程式中
  • SpreadJS V14.0發布:組件化編輯器 數據透視表_網際網路_艾瑞網
    SpreadJS 是一款基於 HTML5 的純前端表格控制項,兼容 450 種以上的 Excel 公式,具備"高性能、跨平臺、與 Excel 高度兼容"的產品特性,可為用戶提供高度類似 Excel 的功能,滿足 Web Excel組件開發、 表格文檔協同編輯、 數據填報
  • SpreadJS 用於開發多人協作「在線excel」系統的優勢
    開發多人協作「在線excel」系統 主講人:上海佳軟CTO劉立兼 講師簡介:擁有14年研發經驗,6年電商領域的大數據經驗,專注於數據採集/清洗/關聯/分析/可視化與應用方案設計分析,同時也是3款線上數據產品的創始人。
  • 表格控制項 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下載
  • 明厚天股份:用SpreadJS 搭建數據填報採集平臺
    作為一家專注大數據、人工智慧解決方案,立足於教育、醫療、軍工領域的軟硬體產品供應商,明厚天股份在近十年的發展歷程中,始終專注於教育信息化、智慧城市、智能交通、智慧數據IT中心等關鍵技術和產品的研發、系統集成和運營維護,具備了豐富的實踐經驗和成功案例。
  • MXFlutter:基於JS的Flutter框架,用JS也能寫出Flutter應用
    MXFlutter項目作者:MXFlutter Team開源許可協議:MIT項目地址: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
  • 盤點界面編程中那些常用控制項,詳解PyQt5中標籤控制項QLabel的使用
    歡迎大家關注QLabel控制項是PyQt中一個常用的控制項,它不僅可以作為一個佔位符顯示不可編輯的文本或圖片(展示GIF動畫圖片),還可以被用作提示標記為其他控制項;一些純文本、連結或富文本可以顯示在linkActivated:單擊標籤中的超連結(此時,希望在新窗口中打開該連結,setOpenExternalLinks必須設置為True)linkHovered:滑鼠指針划過標籤的超連結應用案例
  • 開源軟體分享:一個免ROOT支持用JS編寫自動化腳本的神器
    JavaScript 腳本的 iOS 應用,可以執行標準的 JavaScript 腳本)和Workflow。Auto.js具有如下特點:支持免root和root運行,支持懸浮窗錄製和運行提供對屏幕上的控制項的尋找、獲取信息、操作等API。
  • flutter控制項:pageview的使用案例分析和重點說明
    今天我來跟您介紹一下flutter的控制項使用案例。一是工作之餘興趣愛好,二是作為一個學習總結,把學習的過程記錄下來。那我今天會把一個項目中用到的控制項逐一進行總結,希望大家多多支持。文章主題,版本,主講人首先,我介紹下pageview控制項。這個主要是用於界面的翻頁,翻屏。例如圖片幻燈片的演示,再比如手機界面的左右滑動換屏切換等。這裡有2張圖片大家參考下。
  • VB基礎:掌握listbox和combobox控制項的應用「VB學習筆記2020課堂版...
    簡介 INTRODUCTIONlistbox列表框控制項和combobox組合框控制項的用法類似,只是界面風格不同。授課:劉金玉回顧知識,符合以下要求任務練習學生管理功能模塊:1.界面製作2.功能開發課程目標:VB基礎:掌握listbox和combobox控制項的應用
  • 一個用於SAP UI5學習的腳手架應用,沒有任何後臺API的依賴
    以本系列為例,自始至終我們使用的SAP UI5應用,只包含一個最簡單的button控制項。Jerry已經準備好了這樣一個應用,放在我的github上,大家可以下載或者clone到本地:https://github.com/wangzixi-diablo/WebAppCollection進入項目文件夾下,首先運行命令行npm install, 然後執行node local.js
  • 7個案例解析:複選框 vs 切換開關
    設計表單時,在正確的位置使用正確的控制項是一項挑戰。複選框控制項有三種狀態:unselected(非勾選狀態)、selected(勾選狀態)和indeterminate(未確定狀態)。最後一個狀態代表子選項列表在父選項下分組且子選項處於勾選態和未勾選態之間的情況。
  • Three.js的入門案例(上)
    , wireframeLinewidth: 3, skinning: false, });     earth = new THREE.Mesh(earthGeometry, earthMaterial);     var h2html=$("<div class='title'><span>Three.js