前言
作为财务剖析中的三大报表之一，资产负债表的作用是展现一个企业在特定工夫点上的财务状况。明天小编就为大家介绍一下如何应用葡萄城公司的纯前端在线表格控件 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 实现一个资产负债表的全过程，如果您想理解更多有对于资产负债表的信息，欢送点击这里查看。
扩大链接：
【干货放送】财务报表勾稽剖析要点，一文读尽！
为什么你的财务报表不杰出？举荐你理解这四个设计要点和 SpreadJS！
纯前端类 Excel 表格控件在报表勾稽剖析畛域的利用场景解析