概要设计模板.docx

1、概要设计模板XX客户服务平台企业中心概要设计v1.0文档修订记录序号修改时间修改人审核人备注第一章 前言一.1 编写目的本文档的编写是为了完善XX客户服务平台-个人中心的开发途径和应用方法，以求在最短的时间高效的完成开发。一.2 背景本项目的名称：XX客户服务平台项目。本产品是针对XX通过互联网服务客户的需求而设计的。可以完成员工的注册、登录、查询福利、个人社保计算。一.3 定义开发：不是单纯指开发活动，还包括维护活动。第二章 系统总体设计二.1 系统结构框图二.2 系统结构描述XX客户服务平台个人中心包含15大功能模块分别如下：1）注册：企业通过该功能模块可以完成企业账号的注册。2）登录：企

2、业通过该功能可以登录到企业中心。3）首页：分为认证前登录首页和认证后登录首页，认证前登录首页为提醒企业用户进行资质认证，认证后登录首页展示社保、公积金、个税的动态提醒，社保、公积金、个税正在享受员工数的展示，该企业享受这些服务的地市以及各地市的社保截止日提醒。4）服务管理：包含员工管理、社保代理、公积金代理、个税代理和财务代账5大功能模块。5）员工管理：企业通过该模块对本企业的员工名单、信息等进行管理，包括新增员工、员工信息维护、离职等操作。6）社保代理：企业通过该模块对本企业员工社保缴纳相关事宜进行管理，包括新增员工社保、编辑修改或删除“待付款”的员工社保、停缴员工社保、变更员工社保、查询员

3、工社保缴纳历史、已停缴员工重新缴纳等操作。7）公积金代理：企业通过该模块对本企业员工公积金缴纳相关事宜进行管理，包括新增员工公积金、编辑修改或删除“待付款”的员工公积金、停缴员工公积金、变更员工公积金、查询员工公积金缴纳历史、已停缴员工重新缴纳等操作。8）个税代缴：企业通过该模块对本企业员工个税缴纳相关事宜进行管理，包括个税新增，编辑修改或删除“待付款”的员工个税名单、查询查看个税缴纳状况。9）财务代账：企业通过该模块可以提交财务代账的需求，查询查看对已提交需求的财务代账的动态。10）账户管理：包含资质认证、资金账户、账号管理、消息管理4大功能模块。11）资质认证：企业在享受社保/公积金代理、

4、个税代缴、财务代账等服务前，首先需要进行资质认证；企业可在此处查看企业基本信息，并进行认证。12）资金账户：企业可在本模块查看管理账户资金，包括查看账户余额、查看充值消费记录，也可以进行在线充值。13）账号管理：企业可以在本模块对绑定的手机号码和邮箱进行变更，也可以修改账户密码。14）消息管理：企业在本模块可以查看系统推送的事件消息和服务方主动推送的营销消息。15）结算管理：包括订单结算、信息查询、社保计算器3大功能模块。16）订单结算：企业在本模块可以对享受的服务进行支付结算，也可以查询已支付的订单记录。17）信息查询：企业在本模块可以查询查看其下属员工社保、公积金和个税的真实缴纳记录。18

5、）社保计算器：企业通过社保计算器可以计算出社保与公积金个人部分和企业部分所缴纳的费用明细。二.3 界面与功能设计二.3.i 企业注册二.3.i.1 运行逻辑设计二.3.i.2 界面原型描述注册页面结构上分为上下2部分：上部为导航菜单，下部为注册表单，下部以页签的方式区分企业注册与个人注册，默认为企业注册分页表单。二.3.i.3 界面原型1）注册填写表单2）注册成功二.3.i.4 界面元素描述注册页面默认为企业注册分页（也可以通过点击企业注册页签切换企业注册的表单），其中表单字段与功能按钮描述如下：1）注册填写表单1)用户名：必填项，文本输入315位字符,可由中文、英文、数字及“-”、“_组成；

6、2)设置密码：必填项，文本输入620位字符；3)确认密码：必填项，文本输入620位字符，需要与设置密码输入内容一致。不一致时在输入框后面提示“两次输入的密码不一致”；4)企业名称：必填项，文本输入，提示“请填写营业执照上对应的企业名称”；5)所在地址：必填项，下拉选择框（省市区）+文本输入，省市区三级联动，详细地址在文本框输入；6)联系人：必填项，文本输入；7)邮箱：必填项，文本输入，校验输入是否为邮箱格式；8)手机号码：必填项，文本输入；9)发送验证码：按钮，点击后向服务器提交验证码申请，并将得到的验证码发送到手机号码中输入的手机中；10)验证码：必填项，文本输入，填入的验证码与发送到对应手

7、机的验证码校验是否一致；11)已阅读并同意：复选框；12)XX客户服务平台企业用户服务协议 ：超链接字段，弹出静态展示页；13)注册：按钮，点击校验数据，若注册成功则跳转至“注册成功”分页，并向该企业“消息管理”中推送1条消息：恭喜您的企业账号已经注册成功，赶紧到账户管理资质认证中点击“即刻认证”完成企业资质认证，享受更多的优质服务！；14)已有账户，马上登录：“登录”为超链接字段，点击跳转至企业用户登录页面。2）注册成功1)恭喜，您的账号注册成功！：静态展示内容；2)以下是您的账号注册信息：静态展示内容；3)用户名：xxxxxx表示刚注册成功用户的用户名，动态提取展示；4)手机号码：xxxx

8、xx表示刚注册成功用户的手机号码，动态提取展示；5)邮箱：xxxxxx表示刚注册成功用户的邮箱，动态提取展示；6)您可以通过您注册时填写的用户名或手机号码登录系统，赶紧登录体验吧！：静态展示内容；7)用户中心：按钮，点击跳转至企业用户登录首页。二.3.ii 登录二.3.ii.1 运行逻辑设计二.3.ii.2 界面原型描述登录页面结构上分为上下2部分：上部为导航菜单，下部为登录表单。二.3.ii.3 界面原型二.3.ii.4 界面元素描述登录页面默认显示为企业登录表单，其中表单字段与功能按钮描述如下：1）用户名：文本输入框，可输入用户名或手机号码，如果上一次已登录过，并勾选了“记住用户名”自动带

9、出上次登录使用的用户名。2）密码：密码输入框。3）验证码：文本输入框，并与右侧的随机生成英文字母验证码进行校验；4）记住用户名：复选框，勾选后系统会记住本次登录的用户名。5）登录：按钮，点击该按钮向服务提交登录申请。6）忘记密码：链接字段，点击该字段跳转到密码找回页面。7）看不清楚，换一张：链接字段，点击该字段更换验证码图片。8）验证码：4个随机英文字母组成的图片。二.3.iii 找回密码二.3.iii.1 运行逻辑二.3.iii.2 界面原型描述密码找回页面结构上分为上下2部分：上部为导航菜单，下部为密码找回表单。二.3.iii.3 界面原型二.3.iii.4 界面元素描述点击个人登录界面的

10、“忘记密码”进入密码找回的表单，其中表单字段与功能按钮描述如下：1)用户名：文本输入框；2)手机号码：文本输入框；3)发送验证码：按钮，点击后向服务器提交验证码申请，并将得到的验证码发送到手机号码中输入的手机中。4)新密码：密码输入框；5)确认密码：文本输入框，需要与新密码输入内容一致。不一致时在输入框后面提示“两次输入的密码不一致”；6)验证码：文本输入，填入的验证码与发送到对应手机的验证码校验是否一致；7)确认：按钮，点击提交密码找回申请到服务器；8)取消：按钮，点击返回到登录页面；二.3.iv 首页（认证前登录）二.3.iv.1 界面原型描述企业用户登录首页分为认证前和认证后，认证前首页

11、页面结构上分为上下2部分：上部为导航菜单，下部又分为左右2个部分：左侧为一级功能菜单；右侧为认证前首页内容。二.3.iv.2 界面原型二.3.iv.3 界面元素描述认证前登录成功后进入该页面。1)页面顶部待支付订单（企业中心各页面顶部固定项，后文不再赘述）：超链接，点击跳转至“订单结算”模块，右上角数字动态显示，根据订单结算中子订单数量；2)页面顶部欢迎您，XXX！（企业中心各页面顶部固定项，后文不再赘述）：欢迎语，XXX为当前登录企业名称；3)页面顶部消息标志（企业中心各页面顶部固定项，后文不再赘述）：超链接，点击跳转至“消息管理”模块，右上角数字动态显示，根据消息管理未读消息数量；4)页面

12、顶部退出（企业中心各页面顶部固定项，后文不再赘述）：按钮，点击退出登录，返回登录页面；5)页面顶部咨询客服：7/63431661（企业中心各页面顶部固定项，后文不再赘述）：静态固定内容；6)尊敬的用户，您所注册的企业账户还未进行资质认证。马上点击认证，即刻享受在线社保/公积金代理、个税代缴等服务！：静态固定内容。7)点击认证：超链接，点击跳转至当前登录企业用户的“资质认证”页面。8)页面热键：点击页面任一处，点击跳转至当前登录企业用户的“资质认证”页面。二.3.v 企业首页（认证后登录）二.3.v.1 界面原型描述企业用户登录首页分为认证前和认证后，认证前首页页面结构上分为上下2部分：上部为导

13、航菜单，下部又分为左右2个部分：左侧为一级功能菜单；右侧为认证后首页内容。二.3.v.2 界面原型二.3.v.3 界面元素描述企业用户认证后登录成功后进入该界面1）Hi，xxxxxxxxx公司，欢迎来到社保大厅！:欢迎语，XXXXXXXXXXXX为当前登录公司的名称；2）您的社保办理有反馈：动态显示，当当前企业用户中“社保代理”模块中有员工的社保状态发生变化，则此处显示提醒；3）查看（您的社保办理有反馈）：链接，点击后进入社保代理模块；4）您的公积金办理有反馈：动态显示，当当前企业用户中“公积金代理”模块中有员工的公积金状态发生变化，则此处显示提醒；5）查看（您的公积金办理有反馈）：链接，点击

14、后进入公积金代理模块；6）您的个税办理有反馈：动态显示，当当前企业用户中“个税代缴”模块中有代缴订单状态发生变化，则此处显示提醒；7）查看（您的个税办理有反馈）：链接，点击后进入个税代缴模块；8）社保（当前服务人数）：动态显示，根据社保代理中目前正在缴纳社保的员工人数统计显示；9）公积金（当前服务人数）：动态显示，根据公积金代理中目前正在缴纳公积金的员工人数统计显示；10）个税（当前服务人数）：动态显示，根据最新1次提交的代缴个税名单中员工人数统计显示；11）当前服务地市：动态显示，根据当前企业社保代理中包含的社保缴纳地的市级名称显示，例如A企业在安徽省合肥市，江苏省苏州市有缴纳社保，则显示合

15、肥和苏州。12）社保办理截止日：根据当前时间和对应的地市到后台管理政策管理查找适用于当前时间周期对应地市的社保政策，取其中的“每月参保截止日”字段值显示。二.3.vi 员工管理（在职）二.3.vi.1 界面原型描述企业用户员工管理页面结构上分为上下2部分：上部为导航菜单，下部又分为左右2个部分：左侧为一级功能菜单；右侧为本模块的详细内容，分为在职和离职两个页签，默认显示在职分页。二.3.vi.2 界面原型二.3.vi.3 界面元素描述1）姓名：文本输入，查询条件；2）身份证：文本输入，查询条件；3）入职时间：时间控件，选择输入，分为起始时间和结束时间，查询条件；4）查询：按钮，点击根据前述1/

16、2/3中条件筛选查询符合条件的员工列表数据；5）清空：按钮，点击清除前述1/2/3中填写的内容或回复初始状态；6）复选框：列表项，点击打钩表现选中对应行；7）员工编号：列表项，文本，显示对应员工的员工编号数据；8）姓名：列表项，文本，显示对应员工的姓名数据；9）身份证：列表项，文本；10）职位：列表项，文本；11）部门：列表项，文本；12）手机号：列表项，文本；13）邮箱：列表项，文本；14）入职时间：列表项，文本；15）操作：列表项，包含“详细资料”、“编辑”、“离职”按钮；16）详细资料：按钮，点击弹出显示该员工的详细资料页面；17）编辑：按钮，点击弹出显示该员工“入职资料”编辑修改页面；

17、18）离职：按钮，点击首先校验该员工是否还有未停缴的社保/公积金，若有则提示“请先将该员工的社保/公积金停缴，停缴完成后才能将员工离职”，若无则弹出显示该员工离职操作窗口，选择离职日期，点击确定，对应员工数据由在职表单页转移至离职列表页。19）新增员工：按钮，点击跳转至“新增员工”操作页面；20）导出简历：按钮，点击根据各行数据前复选框选中状态导出相应选中打钩行的简历数据，指定的模板。二.3.vii 员工管理新增员工二.3.vii.1 界面原型描述员工管理新增员工分页页面主要为入职信息表单。二.3.vii.2 界面原型二.3.vii.3 界面元素描述1）入职信息：静态页签；2）姓名：文本输入，

18、必填项；3）身份证号：文本输入，必填项，校验18位数字格式；4）员工编号：自动生成项，生成规则：企业编号+身份证后4位数字+4位编号数字（00019999）；企业编号：企业所属地市简称（如皖A）+4位编号数字（00019999）；5）入职时间：时间控件，选择输入项，必填项；6）部门：文本输入，选填项；7）职位：文本输入，选填项；8）劳动合同：附件上传项，支持word、pdf、rar或zip格式，选填项；9）保存：按钮，点击校验数据，存储数据，并返回在职列表页；10）取消：按钮，点击清除填写数据，直接返回在职列表页。二.3.viii 员工管理编辑二.3.viii.1 界面原型描述员工管理编辑窗口

19、页面主要为入职信息修改表单。二.3.viii.2 界面原型二.3.viii.3 界面元素描述1）入职信息：静态页签；2）姓名：加载时显示对应员工的姓名，在员工入职管理绑定成功前允许修改，绑定成功则不允许修改；3）身份证号：加载时显示对应员工的身份证号，在员工入职管理绑定成功前允许修改，绑定成功则不允许修改；4）员工编号：加载时显示对应员工的员工编号，在员工入职管理绑定成功前若前述2/3项有修改，则根据修改自动做出调整重新生成员工编号；5）入职时间：加载时显示对应员工的入职时间，任何时刻允许修改；6）部门：加载时若有显示对应员工的部门，若无显示为空，任何时刻允许修改；7）职位：加载时若有显示对应

20、员工的职位，若无显示为空，任何时刻允许修改；8）劳动合同：加载时若有显示对应员工的劳动合同附件，并可以下载查看，若无则为空，任何时刻允许修改，后上传附件直接覆盖前次；9）保存：按钮，点击校验数据，存储修改数据，并返回在职列表页；10）取消：按钮，点击清除修改数据，保持修改前数据，直接返回在职列表页。二.3.ix 员工管理详细资料二.3.ix.1 界面原型描述员工管理详细资料窗口分为5个页签：入职信息、基本信息、教育信息、工作信息、附件材料。二.3.ix.2 界面原型1）入职信息2）基本信息3）教育信息4）工作信息5）附件材料二.3.ix.3 界面元素描述1）入职信息1）入职信息：动态页签，点击

21、切换至“入职信息”分页；2）姓名：加载时显示对应员工的姓名；3）身份证号：加载时显示对应员工的身份证号；4）员工编号：加载时显示对应员工的员工编号；5）入职时间：加载时显示对应员工的入职时间；6）部门：加载时若有显示对应员工的部门，若无显示为空；7）职位：加载时若有显示对应员工的职位，若无显示为空；8）劳动合同：加载时若有显示对应员工的劳动合同附件，并可以下载查看，若无则为空；9）X：按钮，点击关闭当前页面，返回列表页。2）基本信息1) 基本信息：动态页签，点击显示“基本信息”分页；2) 手机号：文本输入框，默认显示该员工手机号，不可编辑，数据来源于对应人员个人中心中同名项；3) 邮箱：文本输

22、入框，默认显示该员工邮箱，不可编辑，数据来源于对应人员个人中心中同名项；4) 性别：下拉选择框，选项有：男、女，默认显示该员工性别，不可编辑，数据来源于对应人员个人中心中同名项；5) 民族：下拉选择框：56个民族，默认显示该员工民族，不可编辑，数据来源于对应人员个人中心中同名项；6) 婚姻状况：下拉选择框：未婚、已婚，默认显示该员工婚姻状况，不可编辑，数据来源于对应人员个人中心中同名项；7) 户口性质：下拉选择框：本地非农业、本地农业、外地非农业、外地农业，默认显示该员工户口性质，不可编辑，数据来源于对应人员个人中心中同名项；8) 户口所在地：下拉选择框与文本输入框组合，下拉选择省、市、区，文

23、本输入区以后的具体地址，默认显示该员工户口所在地，不可编辑，数据来源于对应人员个人中心中同名项。9) X：按钮，点击关闭当前页面，返回列表页。3）教育信息1) 教育信息：动态页签，点击显示“教育信息”分页；2) 入学时间：列表项，日历控件，年月日，数据来源于对应人员个人中心中同名项；3) 毕业时间：列表项，日历控件，年月日，数据来源于对应人员个人中心中同名项；4) 毕业院校：列表项，文本输入框，数据来源于对应人员个人中心中同名项；5) 学习方式：列表项，下拉选择框：全日制、非全日制，数据来源于对应人员个人中心中同名项；6) 学历：列表项，下拉选择框：本科、硕士、博士、大专、高职、高中（中专）及

24、以下、其他，数据来源于对应人员个人中心中同名项；7) 专业：列表项，文本输入框，数据来源于对应人员个人中心中同名项；8) 备注：列表项，文本输入框，数据来源于对应人员个人中心中同名项；9) X：按钮，点击关闭当前页面，返回列表页。4）工作信息1) 工作信息：动态页签，点击切换至“工作信息”分页；2) 开始工作时间：列表项，日历控件，年月日，数据来源于对应人员个人中心中同名项；3) 结束工作时间：列表项，日历控件，年月日，数据来源于对应人员个人中心中同名项；4) 工作单位：列表项，文本输入框，数据来源于对应人员个人中心中同名项；5) 担任职务：列表项，文本输入框，数据来源于对应人员个人中心中同名

25、项；6) 证明人：列表项，文本输入框，数据来源于对应人员个人中心中同名项；7) 联系电话：列表项，文本输入框，数据来源于对应人员个人中心中同名项；8) 备注：列表项，文本输入框，数据来源于对应人员个人中心中同名项9) X：按钮，点击关闭当前页面，返回列表页。5）附件材料1) 附件材料：动态页签，点击切换至“附件材料”分页；2) 身份证正反面：数据来源于对应人员个人中心中同名项，显示文件名，可查看下载；3) 证件照：数据来源于对应人员个人中心中同名项，显示文件名，可查看下载；4) 户籍证明：数据来源于对应人员个人中心中同名项，显示文件名，可查看下载；5) 学历证明：数据来源于对应人员个人中心中同

26、名项，显示文件名，可查看下载；6) 就业失业登记证：数据来源于对应人员个人中心中同名项，显示文件名，可查看下载；7) 其他：数据来源于对应人员个人中心中同名项，显示文件名，可查看下载；8) X：按钮，点击关闭当前页面，返回列表页。二.3.x 员工管理（离职）二.3.x.1 界面原型描述企业用户员工管理页面结构上分为上下2部分：上部为导航菜单，下部又分为左右2个部分：左侧为一级功能菜单；右侧为本模块的详细内容，分为在职和离职两个页签，点击离职页签则显示离职分页。二.3.x.2 界面原型二.3.x.3 界面元素描述1）姓名：文本输入，查询条件；2）身份证：文本输入，查询条件；3）离职时间：时间控件

27、，选择输入，分为起始时间和结束时间，查询条件；4）查询：按钮，点击根据前述1/2/3中条件筛选查询符合条件的员工列表数据；5）清空：按钮，点击清除前述1/2/3中填写的内容或回复初始状态；6）复选框：列表项，点击打钩表现选中对应行；7）员工编号：列表项，文本，显示对应员工的员工编号数据；8）姓名：列表项，文本，显示对应员工的姓名数据；9）身份证：列表项，文本；10）职位：列表项，文本；11）部门：列表项，文本；12）手机号：列表项，文本；13）邮箱：列表项，文本；14）入职时间：列表项，文本；15）离职时间：列表项，文本；16）操作：列表项，包含“详细资料”按钮；17）分页符：列表分页；18）

28、详细资料：按钮，点击弹出显示该员工的详细资料页面；19）导出简历：按钮，点击根据各行数据前复选框选中状态导出相应选中打钩行的简历数据，指定的模板。二.3.xi 社保代理（缴纳中）二.3.xi.1 界面原型描述社保代理缴纳中页面结构上分为上下2部分：上部为导航菜单，下部又分为左右2个部分：左侧为一级功能菜单；右侧为本模块的详细内容，分为缴纳中和已停缴两个页签，默认显示缴纳中表单分页。二.3.xi.2 界面原型二.3.xi.3 界面元素描述1）缴纳中：动态页签，点击切换至“缴纳中”分页；2）待付款【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“待付款【新增】”状态的社保代理单子

29、数量，点击该图标，页面中员工社保列表只显示处于“待付款【新增】”状态的社保代理单子；3）已付款待确认【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“已付款待确认【新增】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“已付款待确认【新增】”状态的社保代理单子；4）审核中【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“审核中【新增】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“审核中【新增】”状态的社保代理单子；5）办理中【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“办理中【新增】”状态的社保代

30、理单子数量，点击该图标，页面中员工社保列表只显示处于“办理中【新增】”状态的社保代理单子；6）办理成功【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“办理成功【新增】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“办理成功【新增】”状态的社保代理单子；7）审核退回【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“审核退回【新增】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“审核退回【新增】”状态的社保代理单子；8）办理失败【新增】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“办理失败【新增】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“办理失败【新增】”状态的社保代理单子；9）待付款【自动续缴】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“待付款【自动续缴】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“待付款【自动续缴】”状态的社保代理单子；10）已付款待确认【自动续缴】（环形图）：动态显示+按钮（查询），环形中数字为该企业处于“已付款待确认【自动续缴】”状态的社保代理单子数量，点击该图标，页面中员工社保列表只显示处于“已付款待确认【自动续缴】”状态的社保代理单子；11）已确认【自动续缴】（环形图）：动态显示+按钮（查询），