前言
作為財務分析中的三大報表之一，資產負債表的作用是展示一個企業在特定時間點上的財務狀況。今天小編就為大家介紹一下如何使用葡萄城公司的純前端線上表格控制元件SpreadJS實現一個資產負債表。
環境準備
SpreadJS線上Excel體驗地址：https://demo.grapecity.com.cn/SpreadJS/WebDesigner/index.html
操作步驟
1）填報
- 先將本地excel模板匯入至SpreadJS中。
- 對於合計類單元格，進行簡單公式計算的，並且這裡的公式是固定的，並設計好背景顏色。
- 如果是直接填報，在對應科目年初/期末數單元格直接編輯資料就好。在實際業務中，資料往往是由此前的業務邏輯彙總而來的，所以小編準備了一個資料來源表，便於後續取數。
資料來源：
- 接下來就是將對應數值填寫到科目單元格中了，這裡我們可以藉助 sumifs 公式。關於sumifs 公式的詳細介紹可以點選這裡檢視。以貨幣資金為例，如果想獲取2021年貨幣資金科目的金額，可以設定下方公式：
對於填報使用者來說，手動選擇區域來依次設定公式還是有些繁瑣，且如果資料來源格式固定，填報使用者也無需關注資料區域。所以，可以藉助命名資訊，進一步將公式簡化。
| 命名資訊，即可以給一個單元格、區域、函式，常量，表格定義一個別名，後續可以直接透過這個別名進行引用。 |
|---|
新增的命名資訊如下：
公式可以修改為如下（製表年份-1 即為期初資料對應財年）。
對於期末數，公式為：=SUMIFS(金額，科目,B5,年份,2)
科目值輸入完畢後，合計部分公式就可以自動計算了：
2）許可權控制
資產負債表製作完成後，緊接著就進入審批流程了，在資料流轉過程中，為了保證資料的完整性和準確性，往往會對編輯許可權做一定的限制。比如，審批人只能審閱，無法修改原始資料。原始資料只能由製表者進行修改。這裡我們可以結合SpreadJS 表單保護+單元格鎖定 功能，實現上述需求。
對於製表者，可以編輯各科目年初數、期末數單元格，因此將其設定為鎖定，並開啟表單保護。
如果嘗試修改其他單元格，則會彈窗提示：
當然，這裡的彈窗文字也是可以自定製的，更靈活地滿足不同專案的風格需求。具體方式可參考下方的教程：https://gcdn.grapecity.com.cn/showtopic-162002-1-1.html
在流轉至審批階段時，審批單元格編輯許可權開啟，其他單元格處於只讀狀態，所以可以將B42:E42單元格設定為未鎖定，其餘單元格設定為鎖定。
同樣開啟表單保護，使編輯限制生效。對於原始資料表單，審批者其實是不關注的，所以可以將此sheet進行隱藏。SpreadJS提供了深度隱藏功能，使使用者無法從UI介面進行取消，從而保證了資料的安全性。
填報工作完成後，緊接著就是需要做列印、匯出pdf等業務。
3）列印和匯出pdf
在列印時，可以直接使用設計器自帶的列印功能，點選列印按鈕即可喚起瀏覽器的列印視窗。如果需要調整佈局、邊距等，可以透過頁面佈局按鈕進行相應設定。
同樣地，設計器也提供了類Excel的匯出pdf功能。
總結
以上就是使用SpreadJS實現一個資產負債表的全過程，如果您想了解更多有關於資產負債表的資訊，歡迎點選這裡檢視。
擴充套件連結：