1.4.4　第四阶段

1.4.4　第四阶段

实现：财务管理模块包括年度收入报表，公司花费添加，工资发放，公司收入添加页面。分析公司花费添加和公司收入添加，需要用户填入信息，可以使用EasyUI 表单控件，年度收入报表页面和工资发放页面，用表格展示所有的收入数据和工资发放详情信息，使用EasyUI 的Datagrid数据表格可以实现。

（1） 新建html文件，命名为：YearIncome.html实现年度收支报表页面设计，在新建文件中编写如下代码：

最终效果如图1.10所示。

图1.10　员工入职页面

（2） 新建html文件，命名为：SpendAdd.html实现公司花费添加页面设计，在新建文件中编写如下代码：

最终效果如图1.11所示。

图1.11花费添加页面

（3） 新建html文件，命名为：PaymenTofWages.html实现工资发放页面设计，在新建文件中编写如下代码：

最终效果如图1.12所示。

图1.12　工资发放页面

（4） 新建html文件，命名为：PrvenueEntryAdd.html实现收入添加页面设计，在新建文件中编写如下代码：

最终效果如图1.13所示。

图1.13　收入条目添加页面