公司业务信息管理系统设计.docx

公司业务信息管理系统设计摘要目前，众多企业在考勤管理方面普遍存在着诸多不足。我们不难发现，在众多劳动争议的案例中，由于企业对员工考勤的监管不力，甚至缺乏基本的考勤制度，导致这些企业在劳动纠纷中频频败诉。这样的现象频发，引发了我们对考勤管理制度的深入思考和探究。我们致力于推动企业建立和完善考勤管理制度，以实现考勤管理的精准、科学、数字化与合理化。因此，构建一个高效、稳定、易用的公司业务信息管理系统成为了诸多企业的迫切需求。通过构建公司业务信息管理系统，企业能够更高效地实现考勤管理的数字化转型，从而可以促进企业信息化建设，提高业务处理效率和员工的满意度，提升企业竞争力。与此同时，随着信息技术的发展，云计算、大数据、人工智能等新技术的应用为公司信息管理系统的构建提供了更多的可能性。数字化考勤管理系统的主要目的是帮助企业处理员工考勤打卡，请假，调休，公出，核算工时等日常考勤事务。提高企业处理人力管理的效率。本系统采用Vue0÷ElementUI的方式来开发一个页面友好，操作简洁的数字化考勤管理系统。考勤要如何有效管理？考勤制度要如何精准完善？考勤方式要如何合理改革？才能在既保证考勤数据完整无误的同时，又不至于企业耗费大量人力、物力资源去处理有关考勤的一系列问题。这是企业管理者一直在思考的一个重要问题。随着计算机的广泛普及以及科技的迅猛进步,人日益倾向于借助计算机来解决实际生活中遇到的各种问题。在当前的企业运营中，员工考勤制度管理已成为企业信息管理不可或缺的一环。然而，面对海量的考勤信息，若仅仅依靠人工处理，不仅将消耗大量的人力资源和物质成本，同时也将耗费大量时间，并且这种方式所得到的数据准确性难以保证。因此，开发一个具有界面美观和操作更加便捷的数字化考勤系统，进行自动化处理具有一定的现实意义。关键词：考勤管理；vue2.0；EIementUl第一章绪论第一章绪论1.1 系统设计背景考勤数据错乱，线下收集考勤数据，员工请假调休数据不能实时同步，影响薪酬计算；考勤复杂，一天多卡，外勤考勤无法确定真实，考勤排班耗时耗力，请假考勤核算复杂过程繁琐；考勤方式使用不当，考勤纸签或打卡机，上班考勤排队，居家办公无法确认员工是否出勤；排班难度较高，核对出勤工作量大，出勤率无法精准计算，人员安排时间不平衡，出错率高等。以上都是传统考勤存在的共性问题。那么如何更好的解决这些问题就显得尤为迫切。随着现代科学技术的不断发展，网络技术广泛的使用，使得互联网产业在生活和工作中起到的作用越来越重要。如何使用互联网技术更好的解决企业的考勤问题，人员管理也显得迫切需要。因此加快推动企业的数字化、信息化发展显得尤为重要。在系统筹备初期，我们通过对企业考勤方式的调研，针对现在各个规模企业考勤管理的实际需要,开发了适用于大部分企业管理的数字化考勤管理系统。在此系统的设计与开发中，我们基于简单易懂好操作的基本原则，尽可能采用简单易懂的UI界面，精简的操作流程，在此基础上，尽可能的保证流程的完整性和处理结果的正确性。使企业人员在使用时.，能够快速上手，提升企业的管理效率。在保证系统运行稳定和完整的同时，提升系统运行效率，优化使用人员的用户体验。1.2 系统设计内容系统设计的初衷是为了帮助企业提高管理效率，尽可能的操作简单易上手。为了保护数据的安全性，于是设计只对企业内部人员开放，所以未登录人员，不可进入本系统，同时为了企业方便管理。在系统中，我们明确区分了管理员和普通用户两个角色，并为它们分别配置了不同的权限，以确保系统的安全和高效运行。系统首页作为登录后的第一个页面，本系统设置用来展示当前员工在公司的天数，增加员工归属感；个人信息，用来展示当前登录用户的信息；工时管理主要用来处理考勤问题，包括我的考勤、工时管理等内容；待办事项由当前登录用户编辑使用；考勤管理主要面对管理员展示，当前登录用户为管理员角色，则展示考勤汇总信息，当前登录用户为普通用户角色，则展示暂无记录。以上，为本系统设计的主要内容。1.3 系统设计意义企业的考勤管理务必严格遵循既定的考勤管理制度。然而，鉴于考勤管理的核心对象一一企业员工具有流动性强的特点，传统的考勤管理方式往往显得僵化且缺乏灵活性。这种方式涵盖了大量的机械性、重复性任务，诸如工资核算和考勤数据整合等，这些工作不仅占用了人事专员大量的时间和精力，而且难以满足员工在出差或异地办公时的考勤需求。一旦考勤环节出现问题，可能对整个公司的考勤工作带来严重的负面影响，进而不利于企业考勤管理的稳步发展。首先，数字化考勤管理系统的设计有助于解决传统考勤管理方式存在的问题。它在企业发展中发挥着极其重要的作用，而且随着企业规模的扩大和员工数量的不断增多，一个高效且灵活的考勤管理系统显得尤为关键。相较于传统的考勤管理模式，数字化考勤系统能够为企业构建更为高效的考勤管理机制。这一系统不仅提供准确、可靠的考勤数据，还为企业带来了便捷的管理体验，人力资源部门的工作负担得到了减轻，进而提升了整体工作效能。其次，数字化考勤管理系统的设计有助于推动企业信息化建设。随着信息技术的发展，伴随着科技的不断发展，企业信息化建设已经日渐凸显出其对于企业提升市场竞争力和运营效率的深远影响，成为了一条不可忽视的发展之路。数字化考勤管理系统作为企业信息化建设的重要组成部分，能够促进企业信息化建设的进程，提高企业整体运营效率。最后，数字化考勤管理系统的设计有助于提升企业的形象和竞争力。一个高效、稳定、易用的数字化考勤管理系统能够展示企业的现代化管理和技术实力，提升企业的形象和竞争力。同时，数字化考勤管理系统能够提高员工满意度和工作效率，进一步增强企业的竞争力。第二章系统设计的分析阐述2.1需求分析早期的企业考勤管理，基本都是靠人力来完成的。但随着我国企业的不断发展，企业规模和人员的不断扩大，靠人力统计考勤和计算薪酬的成本越来越高。因此，在企业中引进数字化考勤系统，实现考勤的数字化管理，从而提高考勤管理的效率，使人力资源从大量繁复的统计考勤工作中解放出来。在软件工程。开发时，须认真准确的分析考勤管理和异常考勤的业务逻辑，在理清楚业务逻辑后，尽量采用简洁的流程去开发，同时，要兼顾考虑用户使用时的简便性。还要考虑到系统运行时的性能问题，使用资源懒加载的方式提高性能，提升页面加载速度。2.2技术可行性分析前端部分采用Vue°框架，并结合了EIementUI组件库进行开发。Vue。作为一款轻量级的JaVaSCriPt框架，具有低门槛，易上手的特点，非常适合初学者快速入门。它支持组件化开发，能够实现数据与结构的分离，有效减少代码量，从而提高开发效率。此外，VUe框架通过实现页面的局部刷新功能，有效避免了在每次页面跳转时重新请求数据的麻烦，为用户提供了更加流畅的应用体验。至于ElementUI,它是一套丰富的组件库，为VUe开发者提供了大量可复用的UI组件，极大地简化了前端开发的复杂度。EIementUl组件库Ul简洁大方，组件类别多，使用起来容易上手，且与其他组件库相比更适用于面向外部开发。后台部分采用java来进行开发。JaVa网语言开发不受平台限制，编译后的程序在WindOWs、1.inux,MaCOS平台上都可以运行。2.3开发环境与生产环境1.3.1 开发环境前端页面的开发使用VUe框架，VUe-CIi脚手架是VUe官方推出的一款工具，它极大地简化了项目搭建的过程，使我们能够更快地投入到开发工作中。同时，使用可以包管理工具NPM对项目依赖进行管理和下载，还可用NPM下载项目中需要用的插件或组件库，比如ElementU1.同时，可以使用脚手架所搭建的项目中package.json文件里的配置项SeriPtS进行项目运行，查看所编写的页面。代码运行调试，用谷歌浏览器进行页面样式预览，页面业务逻辑在代码中添加COnSole,在控制台中查看调试。代码开发使用第二章系统设计的分析阐述Webstorm,WebSlOrm是一个由JelBrainS公司旗下JaVaSCriPl开发工具，依靠强大的生态，可以方便的集成开发中所需的各类插件，例如git工具等。后台部分在开发前安装好java的jdk并且配置好环境变量JAVAJ0ME,使用MySQ1.。来设计数据库进行数据存储，使用IDEA代码编译器进行代码编写。本系统对运行环境的要求如下：1、软件要求：Webstorm、node.js>浏览器、MySQ1.5.5°、IDEA、java语言jdk,且配置好JAVA.HOME环境变量。2、硬件配置的选择应基于其对上述软件环境的支持性。2. 3.2生产环境项目开发完成之后，准备上线之前，需要进行生产环境的部署，才可以让用户正常的访问使用，一般我们需要考虑以下几个方面：页面加载速度、请求接口速度频率、服务器的容量、更新迭代是否迅速、是否容易出现系统崩溃等问题。前端代码写完之后，需要用webpack将其进行打包，打包完成后放在服务器上。Web项目部署在服务器中需要配置一个端口服务，通常使用Apache或者NginX进行服务配置。第三章系统的总体设计3.1系统模块设计系统模块设计，简而言之，就是将软件系统结构分割成多个模块。通过这种方式，软件结构变得更为清晰，设计更加便捷，同时也提高了代码的可读性和可维护性。此外，模块化还有助于软件的测试、调试和修改，为软件工程好味找到引用.的开发管理提供了便利。因此，从模块化的角度出发，将本系统按功能分为以下几个模块：3.1.1 登录在大部分的管理系统中，登录模块都是非常重要的存在。其主要的目的是验证用户的身份信息，对用户的身份进行校验核实。更重要的是通过登录这一步骤，筛选掉一大部分非内部人员的用户，从而有效的保护企业信息安全和防止企业内部信息泄露。在本系统中，只要在登录界面中输入了用户名信息以及密码信息，再点击登录就可以进入到主界面。在点击登录时，如果用户没有输入用户名信息或者密码信息，则会弹出相应的错误提示，引导用户输入对应的内容，成功登录。同时，为了提升用户体验，在登录按钮下方设置了重置按钮，为的是用户在输入错误或换账号登录时，能够快速的清空用户名和密码框中的内容。下图所示为登录页面内容。图3.1登录页面3. 1.2首页首页为登录后展示的第一个页面，本系统中用来展示当前登录员工在职天数，以做纪念，有助于增加员工对公司的认同感、归属感。下图所示为首页内容。>mtKHMi:0rxm数字化考勤管理系统图3.2首页页面oCT)5l3.1.3个人信息个人信息页面主要展示当前登录用户的个人信息，包括用户的个人信息、教育经历、教育信息、履职信息。个人信息包括但不限于：姓名、性别、年龄、手机号等。教育经历包括但不限于：学校、专业、学历等。履职信息包括但不限于：员工编号、所在部门、担任岗位、部门领导等公司内部信息。下图所示为个人信息页面内容。0好磔勤管理系统个A<t图3.3个人信息页3. 1.4工时管理工时管理为本系统的核心模块，分为4个小模块。主要用来处理员工考勤任务。具体分为以下几个小模块：3.1.1.1 我的考勤我的考勤模块主要展示我的考勤记录，并且会将需要处理的异常考勤进行标记，用户可对显示异常的考勤（如：请假、加班、调休、迟到等异常情况）进行申请修改，修改完成后进行提交。由于本系统默认展示当前月份的考勤记录，用户可点击选择不同的月份进行查询，来处理其他月份的考勤异常。普通员工根据展示的考勤异常情况对其进行修改提交，不仅省去了人力一个个统计记录的繁琐过程，也使得普通员工对自己的考勤做到心中有数。下图所示为我的考勤页面内容。IM.t*BJJrtM。貂储勤管理系统我的考勤ft份b«±ses初QJBOftUaax得H图3.4我的考勤页面图3.5我的考勤页面-申请处理异常考勤3.1.1.2 工时统计工时统计模块是根据我的考勤来进行对每个员工的工时进行统计。默认显示当前月份的工时统计，可根据选择月份来查询不同月份的工时统计，方便人力计算薪资的同时,也方便人力计算加班工时，在员工申请调休时，一目了然。下图所示为工时统计的页面内容。图3.6工时统计页面3.1.1.3 请假明细请假明细模块主要用来展示当前用户的请假明细，包括：调休、年假、事假、产假等等各种请假记录。用户可选择月份来查询不同月份的请假记录。下图所示为请假明细页面的内容。图3.7请假明细页面3.1.1.4 公出明细公出明细模块主要用来展示当前用户的公出记录，此模块主要针对的是业务部门的同事，他们经常外出跑业务，不能在公司按时打卡。同时，用户可选择月份来查询不同月份的公出明细，在申请报销时使用。公出时的花费在申请报销时，不仅需要花费的发票，还需要把公出明细一块附上提交。这样，也方便财务人员在报销时进行核对。下图所示为公出明细的页面内容。图3.8公出明细页面3. 1.5待办事项待办事项模块可以理解为一个简单的记事本。用户可根据自己的工作，来列出当前还有哪些工作没有做，对未完成的工作可以进行修改、添加，对已完成的工作进行删除。如果待办事项过多，还可对想要查询的待办进行搜索，快速定位到想要搜索的事项，不必再一条一条的进行查找。下图所示为待办事项的页面内容。Bfb二AtfcftIImCTraw>w。数字化考勤管理系统T)9张三得办事SiSMWMF-dIM11(trWrt图3.9待办事项-待办事项ACFfl2AW1qj>CTt冷Z访*m佐0。数字化考勤管理系统K.Sa己办事IBBBM44mRmSWt4M<XFftAW图3.10待办事项-己办事项3. 1.6考勤管理考勤管理模块区分管理员权限和普通用户权限，虽然管理员和普通用户都可以进入考勤管理页面，但他们所看到的内容不尽相同。管理员可以看到所有的考勤汇总信息，还可根据员工姓名或工号进行查询，查看具体某个员工的考勤信息。普通用户看到的则是暂无记录这样一个提示。下图所示为考勤管理页面的内容。x个AralIrrgItE系统«=图3.11考勤管理管理员权限BrF化考财西过系统图3.12考勤管理普通用户权限3. 2系统路由设计一般访问项目都会有一个地址，这个地址的前半部分通常是由域名加端口组成的，而想要访问到某个页面就需要路由来控制。一般，路由都是由不同的字符串组成，通过不同的路由去加载不同文件，从而达到查看不同的页面这一效果。由于此系统采用的前端框架是Vue,所以我们可以使用VUe的路由管理器VgrOUter。它的配置一般都是由文件路径、路由名称、页面参数为主要的内容。通过当前的路由去和路由名称做比对，匹配成功的就加载相对应的文件。这对于浏览器来说也比较友好，相比较别的项目在页面加载时就加载所有的文件相比，这个明显对浏览器的资源的占用是比较少的。本系统一级路由有两个，分别是登录页面的路由和登录后首页的路由。其余除工时管理外，为基于首页一级路由下的二级路由，工时管理下的几个模块为三级路由。下图为路由设计的详情。iaportVuefrom"vue"10portRouterfrom*'vue-router"!porthomefro三n/views/ho«eMVue.use(Router);exportdefaultnewRc×jter(mode:"hash",routes:'path：V,nae:,1.ogin,cooent:()二iport(,¢/views/logint)path:Vlndexview'»redirect:,IndexViewindex1.(path:7lndexviewna三e:,IndexView'jtitle:“首页，icon:,el-icon-s-bcxecomponent:home,children:I；)path:*/person',nae:,Person,title:“个人信息，icon:el-Icon-S-CUStoiii",componentzhoe,children:path:,index,name:tPersonIndex*,title:”个人信息，component:()('-')图3.13路由设计详情3. 3前端页面组件化组件化是一些编程语言的一个特性。在前端开发中为了提高开发的工作效率，提高代码的复用率以及提高代码的维护率，通常情况下，我们会采取组件化或者模块化的方式。组件化更多关注的是视图层，例如，多个页面列表展示的形式和结构完全是一致时可以写成一个组件，封装的每一个组件都有独立的HTM1.、JS、CSSo我们可以把它放在任何我们需要的地方，也可以和其他组件组建成一个新的组件。组件化的初衷在于实现代码的重用性，特别适用于功能相对独立或单一的场景。通过组件化，VUe实例的代码量得到了有效拆分，使开发者能够更清晰地了解如何根据功能模块划分组件，以及如何根据功能需求调用相应的组件。这一方法更加聚焦于代码的重用性，提升了开发效率和代码质量。组件化设计尽可能接近原生的情况下完成复用、解耦、封装、抽象的目标，最终服务于开发，提高效率，降低错误发生比率。基于这一目标，本系统中对公共弹窗、左边导航栏、右边头部这几个部分进行组件化开发，在页面中组合使用，减少代码冗余，提高代码复用率。下图所示为组件拆分简图和弹窗组件。HeaderAsideMain图3.14组件拆分简图<template><divclass="warp,><!-左边导航栏一<sidebar><sidebar><1-右边页面切换部分一><divclass=*'mainbox"><headname><headname><router-view><router-view><div><div><template><script>importsidebarfrom"./components/sidebar.vue"importheadnamefrom'./components/headname.vueimportalertboxfrom'./componentsalert.vue,exportdefaultname:'Home,components:sidebar,headname,alertbox,图3.16弹窗组件3.4数据库设计3.4.1 系统的数据库关系表是数据库的重要组成部分，数据都储存在表中。基于本系统的设计，数据主要存储在以下六张表中，分别是个人信息表、教育信息表、履职信息表、考勤表、待办表、记录员工入职天数表。其中，个人信息表，教育信息表、履职信息表存储的都是员工信息，每个员工的信息都会储存在这三张表中。考勤表和履职表通过员工id进行关联，记录员工入职天数表通过主键id和个人信息表关联,待办表通过主键id和履职表相关联。下图所示为系统的数据库关系。tbmattersPH.nt(ll)ejd：i11t(l1/content”255)typetbattendance/idejd:nt(ll)typevarchz3'.s5SUrUimedate：endjimedatct*11xsuit：VarChlr(255)gojou1.place255appfe1.stats，dpproe.resUt%Uimedaut-70tbperformanceinformationAidemployIeejddepartmentpostv-irckv:ICompanyJeveITWorkPgCeVat1.status,.1.3H.1?Chtype7，,.；yearsSr1.v：lcommanderCar(5groupJeadec20)executrve.difectorprincipal.tbinformationQid令usernamepassword11rhar(.f);genderrchaname.Jhoe，emailvarch.i<20)id.cardpol(tkal.outk)ok、，date.of.birth：dctcrdagenationvan-residencevorcharMj)tbcount尸id：COUn1.dayi11tlll>tbeducationalexperience二idxhootecKar(2<major】education-h20：StertJimeendjimetdatetimr'C3. 4.2数据库表结构分析设计数据是系统的重要组成部分，把一个系统比做一个人的话，前端页面可以比喻为人的皮肤，系统的数据就可以比喻为人的骨架，用来支撑系统运行。基于本系统的设计,数据主要存储在以下六张表中：表3.1记录员工入职天数表列名字段数据类型长度主键ididint11是天数count_dayint11否表3.2个人信息表列名字段数据类型长度主键ididint11是用户名usernamevarchar20否密码passwordvarchar20否性别gendervarchar1否姓名namevarchar20否联系方phonevarchar20否式Emailemailvarchar20否身份证id_cardvarchar20否政治面political_outloovarchar20否貌k出生日date_of_birthdatetime0否期列名字段数据类型长度主键年龄agevarchar3否民族nationvarchar20否居住地residencevarchar50否续表3.2列名字段数据类型长度主键管理员flagvarchar1否表3.3教育信息表列名字段数据类型长度主键ididint11是学校schoolvarchar20否专业majorvarchar20否学历educationvarchar20否起始时start-timedatetim0否间e结束时end_timedatetim0否间e表3.4待办事项表列名字段数据类型长度主键ididint11是关联ide_idint11否待办事项内容contentvarchar255否待办状态typetinyint1否表3.5履职信息表列名字段数据类型长度主键ididint11是员工编号employee_idint11否部门departmentvarchar30否岗位postvarchar10否公司级别CompanyJevelvarchar20否工作地workplacevarchar20否员工状态statusvarchar20否类型typevarchar20否工作年限yearsvarchar10否司龄commandervarchar5否小组长group_leadervarchar20否主管executive_directorvarchar20否部门负责人principalvarchar50否表3.6考勤表列名字段数据类型长度主键ididint11是关联ide_idint11否类型typevarchar255否上班时间start_timedatetimeO否下班时间end_timedatetimeO否处理结果causevarchar255否外出地点go_out_placevarchar255否审批状态approval_statuSvarchar2否审批结果approval_resultsvarchar255否公出发起时间s_timedatetime0否3.5系统性能优化、安全性及用户体验优化3.5.1 性能优化1、负载均衡：通过使用负载均衡器，将系统负载分散到多个服务器上，提高系统的处理能力。2、缓存策略：采用缓存技术，如内存缓存、磁盘缓存等，来减少对数据库的访问次数。3、代码优化：采用高效的算法和数据结构，减少冗余代码，提高代码质量。4、定期监控和性能测试：对系统进行定期监控和性能测试，及时发现和解决性能瓶颈。3. 5.2安全性1、用户身份验证：采用多因素身份验证方法，确保用户身份的安全性。2、访问控制：根据用户的角色和权限，限制对系统资源的访问。3、数据加密：为了确保数据的安全性，我们对敏感数据进行加密存储处理。3.5.3用户体验优化1、界面设计：注重营造一种清晰明了、操作简便的用户界面，以提升用户体验。2、响应速度：优化系统响应时间，提高用户操作体验。3、定制化功能：根据用户需求提供定制化功能，提高用户满意度。4、用户反馈机制：建立用户反馈渠道，及时收集和处理用户意见。5、培训与支持：提供用户培训和支持文档，帮助用户更好地使用系统。3.6系统功能结构图图3.18数字化考勤管理系统功能结构第四章系统部分主要功能模块的详细设计4.1登录模块本模块主要实现用户的登录功能，用户输入完信息登录，只有在数据库中查询到用户信息，才能登录。下图为登录页面和登录功能实现的部分编码。图4.1登录模块页面Vclass=><div><divclass-*rightcon><Class="Iogintitle->S<p><divclass三"logincon><divCIaSSJinpUtbOx*><divclass-ico11><svgt三-165763173824S-cIass=wIconevieox=-019241024-version="1.x»l!YSM,http:/i3,org/20ee/svgp-id三"2WWiI<div><inputclass-"inputtype"text"PIaCeolder*"珀入您的用户名“v-odel-*usernae><div><divclass三ioputbo><divclassicon><svgt-"165763235526class*icon*view6ox-w0124l24version-"1.1"x»l-s-'http:/i*3,org/2ew/svg-p-id-M5166*wi(<div>(inputclass*input*type"password"placeolder/请*入第的窘码"vodeIJpaSSwOr<><div><divclass-"login*9clickJloginf<span>Bjt<pj11><div><divClass-wIoginreset"click-"resef<span>BSspdn><div><div>图4.2登录模块前端部分代码OPostMaDDinqC/loqin")APilmPUCitParams(0,pl'1H(nan="password",valu='i',paramTyp=json",required=true),AplInpUcitPari(nene=,username",val=J,paramType="json",required=true)BleBpublicApiResultIogin(QRequestBody1.oginVoIoginVo)校曲请求然if(ParamUtil.IsWyll(XoginVo)XreturnApiResult./oil(msg：虫敷不的空”)；if(StringUtils.IsEmpty(loglnVo.getPassword()StringUtlIs.IsEspty(loginVo.getUsername()ApiResult.foil(msg:',耳目或占：泳FF能第至")；VQ9111Vp=IoginserviceAogin(IoginVo);if(Paraelltil.IsNwllCloginVo)(returnApiResult.oll(mig："当前用户不存在returnApiResult.of(loginVo);图4.3登录模块接口代码4.2个人信息本模块主要用于查看当前登录用户的个人信息。下图为个人信息页面和获取个人信息接口的部分编码。个人BO三图4.4个人信息页面<!-个人信息-><el-descriptionstitle="个人信息"direction="vertical":COlUnm="3"border><templateslot="extra"><template><el-descriptions-ite三Iabel="姓名">userlnfo.na三e<el-descriptions-item><el-descriptions-iteaIabelJ性别”>JSerlnfO.sex<el-descriptions-item><el-descriptions-itemIabel="联系方式">userlrrfo.phone<el-descriptions-ite><el-descriptions-ite»label="Eail">userInfo.email<el-descriptions-ite><el-descriptions-itemIabeI="身份证">userlnfo.idCard<el-descriptions-item><el-descriptions-iteaIabeI=""政治面貌”>userlnfo.zhengzhi<el-descriptions-item<el-descriptions-itemIabeI="出生日期”>JSerlnfO.birthday<el-descriptions-ite><el-descriptions-itemIabeI='"年龄">userlnfo.age<el-descriptions-item><el-descriptions-iteIabel="民族">userlnfo.nation<el-descriptions-item><el-descriptions-itelabel三"JStt½">userInfo.live<el-descriptions-ite三><el-descriptions><!-敦育经历<el-descriptionsclass=*aargintop"title="敦育经历"direction="vertical:colu«n="3"border><el-descriptions-iteelabel="gt">userlnfo.school)<el-descriptions-item><el-descriptions-ite三Iabel="专业”>userlnfo.三ajor<el-descriptions-item><el-descriptions-IteaIabeI-"学历”>uSerlnfO.education“。1-deSCriPtiOnS-item><el-descriptions-iteIabeI="起始时间">JSerlnfO.startTime<el-descriptions-ite><el-descriptions-ite三IabeI="结束时间">userlnfo.endime<el,-de5cription5-ite><el-descriptions><l-履职信息-><el-descriptionsclass="argi-top"title="以职信息"direction=Mvertical":COIUen="3"border><el-descriptions-iteaIabeh"员工旗号">userlrrfo.id<el-descriptions-ite三><el-descriptions-ite三label>>">userlnfo.deartBent<el-descriptions-iten><el-descriptions-iteaIabeI="两位”>userlnfo.post<el-descriptions-item><el-descriptions-itemIabel="公司级别">userlnfo.level<el-descriptio11s-ite><el-description5-ite三IabeI="工作地">userlnfo.workplace<el-descriptions-item><el-descriptions-itemIabeI="员工状态”>userlnfo.status<el-descriptions-ite>图4.5个人信息前端部分代码OPoStHaPDinq(©'1/information")QApiImpticitParams(0ApiImplicitParam(name="id",value="±id登果接口一回的"，pa