摘 要

针对国内外保险报表系统的不足之处，本文研究并设计开发出了适合湖北保险行业现状和需求的报表系统，弥补了传统报表系统的不足之处，从实际需求出发，进行创新和改进。主要使用了HTML5 CSS3 JavaScript，Ajax技术 , vue前端框架，element-ui 组件库等技术。这个系统主要功能包括：保险协会产险部报表模块，保险协会寿险部报表模块，银保产险部报表模块，报表处理模块等模块。实现登陆页面和各个模块页面的UI设计和前端开发

关键词：保险报表；H5开发；Ajax；ElementUI；Vue

Abstract

In view of the shortcomings of domestic and foreign insurance reporting systems, this paper studies and designs and develops a reporting system suitable for the current status and needs of the insurance industry in Hubei, which makes up for the shortcomings of traditional reporting systems, and innovates and improves from the actual needs. Mainly used HTML5 CSS3 JavaScript, Ajax technology, vue front-end framework, element-ui component library and other technologies. The main functions of this system include: the insurance association's property insurance department report module, the insurance association's life insurance department report module, the bancassurance property insurance department report module, the report processing module and other modules. Realize the UI design and front-end development of the landing page and each module page

Key Words: Insurance report; H5 development；Ajax; ElementUI；Vue

目录

第1章 绪论 - 1 -

1.1 系统开发背景以及研究目的与意义 - 1 -

1.1.1 系统开发背景 - 1 -

1.1.2 系统开发意义 - 1 -

1.2 本文主要研究内容 - 2 -

1.3 本文结构安排 - 2 -

第2章 湖北保险报表系统需求分析 - 3 -

2.1 现状分析 - 3 -

2.2 可行性分析 - 3 -

2.2.1 经济可行性 - 3 -

2.2.2 技术可行性 - 3 -

2.3 设计目标 - 4 -

2.4 功能要求 - 4 -

2.5 关键技术 - 5 -

2.5.1 vue.js框架简介 - 5 -

2.5.2 基于Vue-cli的前端开发环境部署 - 6 -

2.6 系统开发环境配置 - 6 -

2.6.1 VScode简介 - 6 -

2.6.2 Node.js简介 - 7 -

2.7 本章小结 - 7 -

第3章 湖北保险报表系统的前端设计 - 8 -

3.1 系统设计遵循原则 - 8 -

3.1.1 安全性、可靠 - 8 -

3.1.2 可延展性 - 8 -

3.1.3 易操作性 - 9 -

3.2 系统结构设计 - 9 -

3.2.1 登陆功能模块 - 9 -

3.2.2 系统首页模块 - 10 -

3.2.3 每个工作人员的任务模块 - 10 -

3.2.4 任务设置功能模块 - 11 -

3.2.5 账号管理功能模块 - 11 -

3.2.6 操作记录功能模块 - 11 -

3.2.7 上传进度功能模块 - 11 -

3.2.8 报表汇总功能模块 - 12 -

3.3 本章小结 - 12 -

第4章 湖北保险报表系统的前端实现 - 13 -

4.1 系统各部分的实现方法 - 13 -

4.1.1 项目环境搭建以及项目工程结构 - 13 -

4.1.2 登陆模块功能实现 - 14 -

4.1.3 首页模块功能实现 - 16 -

4.1.4 我的任务模块功能实现 - 21 -

4.1.5任务设置模块功能实现 - 22 -

4.1.6账号管理模块功能实现 - 26 -

4.1.7 操作记录模块功能实现 - 29 -

4.1.8 上传进度模块功能实现 - 29 -

4.1.9报表汇总模块功能实现 - 30 -

4.1.10 项目路由实现 - 31 -

4.2 本章小结 - 34 -

第5章 系统调试与总结 - 35 -

5.1 系统调试 - 35 -

5.2 系统总结 - 35 -

5.3 系统不足与展望 - 35 -

参考文献 - 36 -

第1章 绪论

1.1 系统开发背景以及研究目的与意义

1.1.1 系统开发背景

现如今随着人们的生活越来越好，人们生活质量的普遍提高，人们手上的余钱也越来越多。他们这时就将目光投向了股票，彩票，住房基金等地方，使他们的空闲财产发挥作用。这个时候，他们就会开始注意减少生活中的损失，从此保险行业就成为了人们生活中不可或缺的一部分。在校园中的校园人身保险，乘坐交通工具的人身意外保险，汽车的行车意外保险，医疗保险，我们父母的养老保险等等。这些保险在我们的生活中无处不在。我们的生活也越来越离不开保险。这些各方面的需求促使着保险行业在各个地区建立分公司来扩大自己的保险业务，记录所有投保人的详细信息和投保记录，但是到目前为止，还是有很多保险公司仍然是使用人工记录的形式。虽然人工记录的形式，有一定的保密性，但是纸张的保存形式，会在多个方面都存在着安全隐患；那些用手工录入记录信息进入数据库中固然可以解决纸张不易保存的问题，但是还是会有各种问题，比如：随着业务的扩大和投保人数的增加，所要记录的信息越来越多，让员工手工的查找客户的信息只会更加的繁琐、耗时、低效而且枯燥。

随着计算机行业的发展，计算机技术的更新换代，以计算机为基础的信息管理系统也在大踏步的向前发展中，采用计算机信息系统技术来管理公司已经成为了21世纪来公司管理现代化和信息化的重要标志。采用这种管理方式，可以极大的提高员工的工作效率，减小员工的工作量，避免无意义的重复工作。在这种需求背景下，湖北保险报表系统的前端设计与实现就成了我的目标。

1.1.2 系统开发意义

随着改革开放以来，湖北省的保险行业经过多年的发展，取得了显著的成就，保险服务体系不断的健全和完善，为湖北人民的生活做出了极大的贡献。但是在这个过程中还是有很多的不足之处，湖北省的保险行业的发展速度还是比较其他省份的保险行业相比还是有较为明显的差距，发展的涨幅过慢。从湖北省保险行业发展研究一文章中可以了解到，湖北保险行业在保险的深度和保险的密度上的排名都在中等偏下的水平，这与湖北省自身的经济发展水平出现了脱节。引发这一现象的原因在我看来，其中很大一部分在于没有一个统一的管理系统，无法做到保险行业数据化、信息化。这在一定程度上制约了湖北保险行业的发展。在当今这个计算机技术飞速发展的今天，利用计算机技术，使得保险数据的安全准确存放和高效率的储存及查找成为了发展的必要条件。