20、预约列表

一、预约列表页面的实现

查询当前登录用户的预约信息

1.后端

我们可以共用查询语句,但接口的不能共用,我们要创建一个get。

添加一条登录用户判断

 创建接口

2、前端

页面内部的权限划分

 

 2.1、预约时间

用moment插件做前端时间的格式化

扫描二维码关注公众号,回复: 17131002 查看本文章

 

 2.2、预约状态

 动态绑定状态颜色

 2.3、预览地图

 我们测试一下换另一个用户登录

 没有teacher用户预约中的预约实验室。

二、预约列表的撤销功能

1.前端接口创建

2.后端

 

 

删除了3号实验室

 三、预约列表——管理员角色

1.前端加判断

 目前数据量都对上了。

 接下来我们要改变管理员中的预约列表的功能

2.通过指令把权限划分

el是难道当前节点的信息

通过if判断不是TEACHER就删除操作。

 

 

 

3. 预约人检索的功能

table自定义表头

计算属性那里换了一下。

 如果你传的是空字符串的情况下,就相当于我们普通账号登入的情况下,空字符串就是true,不过滤。如果是管理员的情况下,根据不同的search,因为双向数据绑定了v-model,所以我们就可以每次改变完计算属性都会依赖这个值重新计算一遍,最终得到我们想要的一个结果。

 

猜你喜欢

转载自blog.csdn.net/m0_65436732/article/details/133581320
20)
$20
20