前言
作为财务分析中的三大报表之一，资产负债表的作用是展示一个企业在特定时间点上的财务状况。今天就为大家介绍一下如何使用葡萄城公司的纯前端在线表格控件SpreadJS实现一个资产负债表。
环境准备
操作步骤
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功能。
总结
关于葡萄城
葡萄城是专业的软件开发技术和低代码平台提供商，以“赋能开发者”为使命，致力于通过表格控件、低代码和BI等各类软件开发工具和服务，一站式满足开发者需求，帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年，40余年来始终聚焦软件开发技术，有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态，与超过3000家合作伙伴紧密合作，产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。
葡萄城热门产品
