携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第10天,点击查看活动详情
用户添加
业务分析
在职员管理-管理职员页面中加上"点击这里为你的员工创建账号"后跳转到用户添加页面。这里有名称,密码,员工职位三个输入框,员工职位在这里替换成下拉框,点击提交按钮就会新增一个用户。并在页面显现
业务实现
为"点击这里为你的员工创建账号"按钮绑定跳转事件跳转到添加页面。在添加页面仿照之前的页面进行页面渲染。最终的效果如下
员工职位对应的下拉框我还是通过element-ui来实现的,通过选择label来获取到对应的value值,就能拿到相应的角色id,在这里,1代表普通员工,2代表馆长,3代表书目管理员,4代表总管理员。
提交按钮点击后根据前2个输入框的值和最后一个下拉框的值将数据传给后台即可完成添加。
图书借阅的完善
业务分析
在前几节中,虽然使用jquery完成了对图书的借阅功能实现,但存在一部分的瑕疵。由于不是很会jquery,在使用v-for不知道如何动态的去设置value值。在昨天查阅了许多资料后,终于得到了解决。
只需要在value前面加上一个":",再在value的后面输入你想要的动态值即可。 举例:我在这里需要得到的是复选框对应的行的图书id,那么我在v-for循环中可以拿到每一行的id,这时候value值可以通过jquery中绑定的$(this).val()拿到当前的value值。因此只需要在value前加上:,后面的值为book.bookId即可。如果不加上:,那么就会变成直接取到"book.bookId"字符串,那么就取不到我们想要的id。