【案例分享】SpreadJS金融行業應用實踐，開發基於Web Excel的指標補錄平臺

SpreadJS做爲一款基於 HTML5 的純前端電子表格控件，以「高速低耗、高度相似Excel、可無限擴展」爲產品特點，提供移動跨平臺和瀏覽器支持，可同時知足 .NET、Java、App 等應用程序中的 Web Excel 組件開發、數據填報、在線文檔、圖表公式聯動、類 Excel UI 設計等業務場景。

本期公開課，將由華融融通科技有限公司開發經理——郭曉東先生，爲咱們深刻剖析：SpreadJS在金融行業的成功案例，助你快速構建基於Web Excel的指標補錄平臺。
案例分享地址：https://gcdn.grapecity.com.cn...

華融融通（北京）科技有限公司（簡稱「華融科技」）是中國華融資產管理股份有限公司發起設立的一家混合全部制金融科技服務企業，專一於不良資產行業等金融領域的科技項目落地與創新，以實現自主可控、金融創新爲願景，面向資產管理公司、銀行、證券、保險等金融企業的IT部門提供諮詢、軟件、行業解決方案和專業技術服務，以實現項目管理自主可控爲目的，致力於幫助金融企業經過完善的科技系統平臺提高價值、下降項目成本。

項目介紹

華融科技採購了SpreadJS 純前端表格控件 以及 SpreadJS 在線表格編輯器，爲其構建可嵌入Web 系統的企業內部指標補錄平臺。
該平臺須要使用SpreadJS組件，開發Excel模板編輯、導入導出、數據綁定、公式計算等業務模塊，經過平臺實現Excel文件無損導入導出、圖表公式聯動等需求。

常規補錄流程

1、總公司部門制定填報模板
• 公司數據收集一般以「客戶」爲中心，每一個客戶擁有的信息分類以及信息內容一般是固定的，可是也是大量的。將客戶和指標信息造成了一個二維矩陣形式的基本結構。以下圖所示。

• 總公司部門在傳統方式下是創建Excel模板，下發分公司響應部門。

2、分公司部門分發填報任務
• 分公司部門在收到信息模板時，須要將對應的客戶分發到對應的業務部門的業務經理，完成對應的客戶信息的填報。
• 信息分類和分發給分公司業務部門也形成了不小的工做成本。

3、分公司業務組填報信息
• 填報內容中，有須要內容存在於不相關的系統，若是是手動填報的方式蒐集，須要將這部份內容在設計模板的時候手動填充，費時費力。
• 分公司業務組在填報信息時，一般會接收到來自不一樣的總公司部門要求的客戶填報內容；在填報的內容中，存在不少是重複的，須要屢次重複填報。
• 對於這類重複的信息，在各個總公司或者分公司部門之間不能很好的共享，形成屢次錄入屢次蒐集的狀況，增長了很多工做量。

4、分公司/總公司審批
• 分公司領導對填報內容進行審批，審批後須要將結果彙總並提交到總公司，用於完成填報任務。
• 審批過程當中，會出現某些內容不合格的狀況，會出現部分業務部門退回從新填報的過程。
• 全部的審批流程都是經過線下郵件等方式處理，這種方式容易出錯，同時又容易致使信息遺漏，不利於任務的完成。
• 彙總和蒐集結果不能被重複使用，不能被持久化保存，沒有給下一次錄入帶來便利。

指標補錄平臺的設計背景

金融類指標項目繁多且瑣碎，不一樣的業務場景每每須要錄入不一樣的指標項目，大量重複性的錄入工做須要耗費業務人員大量的時間。在指標補錄平臺出現以前，業務人員只能經過人工檢查、手工錄入的形式，在Excel文檔中逐條錄入指標項目，極易出差且難以發現。

爲了解決業務人員手工錄入Excel數據時所帶來的問題，指標補錄平臺項目得以立項。使用指標補錄平臺，大量重複性的指標錄入工做能夠經過與Excel模板集成在系統中完成自動錄入，經過這種方式能夠有效解決兩方面問題：錄入的流程規範化，以及錄入的內容可控可重用。
指標補錄平臺能夠有效解決如下問題：

1. 企業業務級別的指標尚處於梳理彙總階段，指標錄入工做遲遲不能啓動
2. 傳統指標錄入的方式會增長工做負擔和人力成本
3. 重複指標錄入帶來數據梳理困難
4. 補錄內容經過郵件或其餘方式審批十分繁瑣
5. 傳統表單級別的補錄交互性差

基於SpreadJS的指標補錄平臺設計思路

設計架構一：基於服務方式將各個補錄內容隔離開，經過模板指標模塊統一管理系統錄入的指標。

設計架構二：輕量架構設計，將服務化修正爲模塊化設計，提取指標任務等基礎模塊；下降開發和運維成本。

設計架構三：統一數據存儲模型，下降數據存儲的維護難度，繼續抽離基本模塊劃分，使指標和模板管理做爲中心基礎。

SpreadJS在指標平臺中的關鍵做用

• SpreadJS做爲模板編輯展示的入口
• 經過SpreadJS在線表格編輯器嵌入模板，有利於模板的複用和設計
• 類Excel方式的展現、Excel的導入導出等，極大地簡化了系統錄入
• 可結合腳本完成Excel的導入、導出
• 流程流轉過程當中做爲補錄入口接入
• 大幅簡化數據綁定、數據校驗、公式計算等操做
• 模板內容統一存儲，便於模板的維護和保存

SpreadJS補錄指標平臺流程實例

1、制定填報模板
• 對於不一樣總公司部門下發的任務，都存在不一樣的客戶以及不一樣的填報內容；
• 模板管理模塊，統一管理模板的設計和制定，將SpreadJS的在線表格編輯器嵌入系統中，完成在系統中錄入模板的需求；能夠支持從Excel中或者設計器中導入模板。
• 在模板保存時，還對模板中綁定的指標進行了統計，確立模板與指標的對應關係，利於對模板錄入內容的重複使用。

2、任務下發
• 任務下發過程當中完成將模板內容下發到分子公司的操做，選擇任務所屬類型以後，能夠對該類型下的模板進行角色分配，指定分公司的填報角色。
• 任務下發以後，該角色將會在系統中收到待辦信息，同時經過郵件等方式收到待辦提醒，分公司接收到任務後在系統代辦頁面處理客戶的分發。
• 完成工做流程在系統中流轉。

3、內容填報
• 內容填報過程當中，涉及到一些複雜的操做：數據預填、數據校驗、公式校驗等。
• 經過SpreadJS的類Excel操做，能夠較爲方便的完成這部分的功能。
• 至於不一樣模板放置在相同頁面上的處理操做，在設計模板時經過動態綁定JS腳本的方式解決，可完成避免寫過多的頁面來適配模板內容。

4、負責人審批
• 審批過程經過基於Activity的工做流程引擎來實現，這部份內容屬於一般意義上的頁面處理。
• 不管是經過表單方式仍是經過SpreadJS的方式設置模板，這樣的處理方式都是常規的，而經過SpreadJS與流程引擎的結合，更方便快速的完成了表單信息收集和複雜流程的設計。

5、任務監控
• 對於多個補錄的流程跟蹤，能夠經過監控流程的狀態達到流程的監控，時刻了解補錄的狀態。
• 這個功能在常規郵件審覈方式下是很是繁瑣的，須要經過溝通解決；經過將補錄內容放到系統中來，能夠輕易的完成各個流程的監控，便於錄入任務的快速完成。

指標補錄平臺設計實現中引入SpreadJS的優點

常規表單開發：
• 設計開發表單，每一個模板都用惟一死板的頁面開發完成
• 全部校驗和公式必須經過JS控制
• 外觀和靈活性方面不夠
• 每次指標的綁定都須要每一個頁面單獨處理，定製化內容太多
• 不存在模板的概念，所有采用頁面來處理

使用了SpreadJS的方式：
• 採用在線表格編輯器簡化模板設計
• 採用SpreadJS完成複雜內容的展現和校驗
• 支持多種類型的數據錄入模板，可定製化開發業務需求
• 將綁定數據與指標關聯，完成重複指標錄入的跟蹤
• 模板與內容分離，完成數據錄入後的解析和再分發

關於純前端表格控件SpreadJS

SpreadJS 是一款基於 HTML5 的純前端電子表格控件，以「高速低耗、高度相似Excel、可無限擴展」爲產品特點，提供移動跨平臺和瀏覽器支持，同時知足 .NET、Java、App 等應用程序中的 Web Excel 組件開發、數據填報、在線文檔、圖表公式聯動、類 Excel UI 設計等業務場景，爲您帶來親切的 Excel 體驗。SpreadJS 在數據可視化、Excel 導入導出、公式引用、數據綁定、框架集成等場景下無需大量代碼開發和測試，極大下降了企業研發成本和項目交付風險。