部门员工信息的录入代码实现

简介: 部门员工信息的录入代码实现

后端接口实现

在DeptController类中以插入方式添加接口,代码如下:

前端实现

1.修改菜单名称

在路由中修改菜单名称,并将组件PageOne.vue改名为DeptManager.vue,将组件PageTwo.vue改名为AddDept.vue,代码如下:

2.修改AddDept页面

添加页面的布局,使用Element组件中的Form表单来实现,如图

页面布局成功后精简AddDept页面代码,并使用Axios将页面添加数据提交到后端项目添加接口,代码如下:

经过上面配置后,部门员工的录入功能就实现了。


相关文章
|
8月前
|
C++
C++之员工分组案例
C++之员工分组案例
|
JavaScript API
「宜搭」如何在选择部门组件后,自动带出该部门下的成员,并查询该成员当月考勤天数
本文档只做参考使用,请结合具体需求修改,如有问题,概不负责!!!! 因本章涉及页面代码,请确保宜搭使用版本可使用页面JS 该篇只会获取当前部门下的成员,不包含下级部门; 注意:涉及到钉钉接口,请严格按照钉钉开放接口文档要求操作; 若此文章对您有帮助,记得点下赞同哦~
570 4
「宜搭」如何在选择部门组件后,自动带出该部门下的成员,并查询该成员当月考勤天数
|
安全 小程序
人员信息管理二维码系统:扫码查看人员档案,随时补充人员信息
对于人员实名管理、来访登记、安全教育等需求,可以在草料二维码上搭建人员信息管理系统。除了扫码查看个人信息、身份证件、资格证书、劳务合同等人员档案,还可以组合表单、状态等功能组件,在二维码上展示证件状态,更新人员的奖惩、培训等情况,替代纸质记录表。
152 0
人员信息管理二维码系统:扫码查看人员档案,随时补充人员信息
|
JSON API 数据格式
要获取指定部门下的员工信息
要获取指定部门下的员工信息
79 1
|
JSON API 数据格式
获取指定部门下的员工信息,
获取指定部门下的员工信息,
114 1
|
监控 安全 机器人
什么是入职员工资料录入RPA机器人
每当有新员工入职时,需要将其个人信息逐一录入系统,包括姓名、身份证号码、银行账户等。这项工作既繁琐又耗时,容易出现人为错误,对人力资源管理部门的工作效率和数据准确性带来了挑战。 为了解决这些问题,rpa机器人的应用成为了一种有效的解决方案。
|
XML 监控 前端开发
人事管理项目-部门数据删除
人事管理项目-部门数据删除
人事管理项目-员工资料导出
人事管理项目-员工资料导出
|
前端开发 数据库
|
存储
宿舍管理查询系统
宿舍管理查询系统 1.任务: 为宿舍管理人员编写一个宿舍管理查询软件, 程序设计
190 0