Vue&Project DAY09

实现放映厅列表的展示

业务需求：当点击某一个电影院，跳转到电影院放映厅页面，查看当前选中的电影院的放映厅列表。

实现步骤：

1. 在跳转的过程中，一定要将选中的电影院的ID传给放映厅列表页面。
2. 当放映厅页面加载完毕后（mounted），通过当前电影院的ID，查询所有的放映厅列表。发送http请求。
3. 拿到结果后，将结果数组存入data。 在页面中使用<el-table>完成表格显示。

点击放映厅列表项后的添加按钮，实现添加排片计划功能

业务需求：点击添加拍片计划按钮后，跳转到添加排片计划页面，在页面中为当前选中的放映厅提供新增排片计划的表单。用户填写表单，点击提交后，可以为选中的放映厅新增一个排片计划数据。

实现步骤：

1. 准备一个新的页面：views/cinema/ShowingonPlanAdd.vue。

2. 配置路由，访问：/home/showingonplan-add/:id时，看到该页面。此处需要注意，在跳转到排片计划页面时，需要传递当前选中的放映厅的ID。

3. 准备页面中所需要的表单功能。

   1. （查询放映厅的基本信息： 为 xxxxx影城 的 xxxx放映厅 添加排片计划）

      放映厅模块提供了一个接口：通过ID查询放映厅的详细信息。

   2. （模糊查询电影名称）

   3. （选择日期、时间）

   4. 表单验证，表单提交，提交成功后，提示成功，重置表单。

点击放映厅列表项后的第二个按钮，实现展示排片计划列表功能

业务需求：点击排片计划列表按钮后，跳转到排片计划列表页面，在页面中为当前选中的放映厅提供展示排片计划的表格。

实现步骤：

1. 准备一个新的页面：views/cinema/ShowingonPlanList.vue。

2. 配置路由，访问：/home/showingonplan-list/:room_id时，看到该页面。此处需要注意，在跳转到排片计划页面时，需要传递当前选中的放映厅的ID。

3. 准备页面中所需要的表单功能。

   1. （查询放映厅的基本信息： xxxxx影城 的 xxxx放映厅 的排片计划列表）

      放映厅模块提供了一个接口：通过ID查询放映厅的详细信息。

   2. 在组件挂载完毕后，加载当前放映厅的所有排片计划。并且显示在<el-table>。

最后

以上就是俏皮芒果最近收集整理的关于Vue&Project DAY09的全部内容，更多相关Vue&Project内容请搜索靠谱客的其他文章。