Vue详情弹框页

vue详情页弹框
最近公司新项目需要用到详情页弹框 效果，踩坑无数啊，终于解决了，大家应该理解我现在心里的一万头草泥马在策马奔腾的那种感觉吧！！！
废话不多说直接上代码！
下面是一个moduls页：

下面是list页面：

这两个是完整的一个页面，里面的路径改下就可以使用增删改查了
下面是详情页的弹框：

下面是弹框页又一个弹框：

class=“announcementCustomModal”
:width=“modelStyle.width”
:visible=“visible”
:bodyStyle =“bodyStyle”
@cancel=“handleCancel”
destroyOnClose
:footer=“null”>

后台代码就得自己脑补了。