新奔驰系统页面优化（新风格）

操作手册

1 背景说明

原奔驰系统进行改版上线之后，为适应现在互联网的整体风格和人们操作电子设备的习惯，我们针对奔驰系统的PC、PAD、手机的网页版本进行页面优化改版设计，本次系统优化选择我们公司——中国太平的主打色调，皇室蓝为基准色调，本着简洁、明快、易用的目的进行设计。而手机的网页版本也以扁平化设计为主导框架进行调整，便于提高系统性能、减少操作复杂性。

2 环境和设备说明

设备：电脑、平板、手机

可用浏览器说明:

浏览器	PC	IPHONE	Android
360安全浏览器	非IE内核可正常使用	可正常使用	可正常使用
2345王牌浏览器	可正常使用	可正常使用	可正常使用
谷歌浏览器	可正常使用	可正常使用	可正常使用
火狐浏览器	可正常使用	可正常使用	可正常使用
欧朋浏览器	可正常使用	可正常使用	可正常使用
傲游云浏览器	可正常使用	可正常使用	可正常使用
百度浏览器	可正常使用	可正常使用	可正常使用
猎豹浏览器	非IE内核可正常使用	可正常使用	可正常使用
搜狗浏览器	可正常使用	可正常使用	可正常使用
淘宝浏览器	可正常使用	无	无
UC浏览器	可正常使用	可正常使用	可正常使用
IE浏览器8	不支持	不支持	不支持
IE浏览器9	可正常使用	可正常使用	可正常使用
IE浏览器10	可正常使用	可正常使用	可正常使用
IE浏览器11	可正常使用	可正常使用	可正常使用

特别说明：针对360浏览器比较特殊>

因为360浏览器极速模式下才是可以支持。针对360浏览器，请点击上面图片中的闪电图标（或者e符号），点中后选择【极速模式】即可愉快地开启奔驰之旅啦！

3 页面优化方案说明

Ø 本次系统页面优化按照模块逐步优化，新老版本按照模块并存系统。

Ø 本次优化分为PC（PAD）自适应和手机网页两个版本，分别按照计划拟定的优先级进行开发顺序安排。

Ø 本次的主要是优先是安排1的PC和PAD的页面优化的新老的对比图，如果有操作发生变动，也详细说明如下。

Ø 下面文档中涉及到老版本的截图，都是现在PC、PAD、手机版本登录网页看见的效果，但是新版本的截图是现在调整之后PC、PAD登录看见的效果，关于通过手机登录的奔驰新的页面效果在下个版本中呈现

上线顺序参照下图：

4 操作说明

4.1 登录、首页、保单模块

4.1.1 登录

根据提供的链接打开奔驰系统。

1.1.1 手机版页面前提要求

1、 奔驰系统支持手机，仅代表支持手机浏览器输入系统地址后页面自适应；

2、 适用的浏览器如下：Safari IOS7.1+ OSX10.9.5+ ，Androi原生浏览器 Android Browser 浏览器

3、 页面显示元素及功能仍与原保单页面保持一致，设计图仅做参考

1.1.2 首页(登录前)

说明：

1、 手机版登陆页面仅提供登陆，无图片公告、文字公告及友情链接公司介绍等；注册和忘记密码点击后仍显示原有页面；

2、 由于手机输入键盘较小，提供了密码可视按钮。

1.1.3 首页(登陆后)

说明：

1、 成功登陆后，首页显示图片公告轮播图、菜单、广播、明细；

2、 广播功能由原本的在每个页面悬浮显示，调整为仅在首页展示；

3、 删除了公司介绍超链接功能

4、 点击明细按钮，会显示新消息、用户设置、友情链接、热门活动、退出等功能。

5、 首页显示所有一级菜单，点击各菜单后，页面跳转至相应的功能页面

1.1.4 保单(保单页面)

说明：

1、 由首页点击一级菜单后，出现二级菜单，如图所示；二级菜单功能页不显示一级菜单功能，需要点击左上角返回按钮返回到主页面选择其他一级菜单；

2、 手机版保单列表调整为区域显示，列表区域点击可跳转详情页面，则提示“点击查看详情”；

3、 若包含三级菜单，则二级菜单右侧会出现下拉箭头，点击后页面上方显示三级菜单名称，页面刷新为三级菜单页面

4、 右上方显示查询图标(所有子菜单都有查询功能)，下方显示导出按钮(仅三级菜单有此功能，如跳转至续期，则不会显示导出按钮)。

5、 选择的菜单不同，则查询条件不同，查询条件与网页端一致

1.1.5 保单详情页面

说明：

1、 点击保单任意区域，跳转至当前保单详情页面；

2、 以折叠选项卡的方式展示保单各项信息，默认展示基本信息，其他收缩；

3、 可点击选项卡来切换展示其他信息。

4、 保单信息显示字段：

a) 保单基本信息：投保人、投保时间、承保时间、保单号码、保障期、保单状态、标准体保费、弱体加费、职业加费、缴费状态、续期缴费方式、保单实际缴费期次、剩余缴费年期、缴费地址、邮政编码、开户银行、银行账号、预期服务方式、保费逾期未付选择、溢缴保费处理方式、回执回销日期、是否需要回访、回访方式、是否已回访、保单回访状态

b) 险种信息：

险种序号、险种代码、主附险标识、险种名称、被保人姓名、保额、份数、档次、保费、缴费方式、缴费年期、责任状态。

c) 人员信息：

i. 投保人：姓名、性别、生日、手机号码、邮箱地址、证件类型、证件号码。

ii. 被保人：姓名、性别、生日、手机号码、邮箱地址、证件类型、证件号码、健康状态（健康状态以核心系统为准）图标显示。

iii. 受益人：姓名、性别、与被保人关系、受益类型、受益顺序、收益比例、是否法定受益人、证件类型、证件号码。

iv. 生存受益人不显示。

v. 如果受益人信息，是法定的，则显示（法定），其他信息不显示

如果不是法定，显示具体受益人信息

d) 缴费记录

收据号、费用业务类型、费用状态、费用金额、费用发生日期

e) 保全信息：

批单号、变更项目、变更申请日期、变更受理日期、变更生效日期、变更操作状态

f) 理赔信息;

案件号、案件状态、事故日期、就诊日期、就诊医院、报案日期、受理日期、签批意见、签批日期、结案日期。

当理赔结案后，案件号字段增加超链接，点击整条后展示理赔结案信息

g) 分红信息：

险种序号、险种代码、险种名称、分红时间、现金红利、增额红利、分红PDF下载

h) 问题件信息：

问题件分类、机构名称（保单所属第三级机构名称）、实际回销时间、内容说明、来源分类

i) 续期信息：

应缴日期，缴费年期、缴费账户的开户行、缴费账户（显示格式：123******1234）、扣款失败原因、保单失效日、缴费状态

1.1.6 投保单页面

1.1.7 续期保单

1.1.8 寿销产保单