多级页面显示，最后一级为弹窗形式，在点击新增按钮后弹窗弹出，页面上却出现覆盖整个页面的模态框

项目场景：

提示：这里简述项目相关背景：

例如：项目场景：
—点击管理—出现首页列表–点击数据行对应的修改，修改页面新增或修改设备信息

问题描述

提示：这里描述项目中遇到的问题：

多级页面显示，最后一级为弹窗形式，在点击按钮后在最后弹出的弹窗出现覆盖整个页面的模态框
：

原因分析：

提示：这里填写问题的分析：

例如：显示级别的顺序出现错误。
1、首先分析是由什么问题导致模态框的生成（我这里是基础信息的滑动框导致模态框的生成）
2、按照显示顺序调整div 及 滑动框组件的位置

---

解决方案：

提示：这里填写该问题的具体解决方案：
>
按照显示顺序调整div 及 滑动框组件的位置，将弹出弹窗的组件放在基础信息 滑动框组件的外层