弹框tabel

<el-dialog

title="删除数据类型"

:visible.sync="isDataType"

width="60%"

:before-close="handleClose"

>

<div class="dotTitle"> <p class="dot">该数据已被以下内容绑定，请解除绑定后进行删除 ！</p> </div>

<el-table

:data="referenceList"

style="width: 100%"

>

<el-table-column

prop="modular"

label="模块"

/>

<el-table-column

prop="displayName"

label="显示名称"

/>

<el-table-column

prop="browseName"

label="浏览名称"

/>

<el-table-column

prop="address"

show-overflow-tooltip

label="位置"

/>

</el-table>

<span slot="footer" class="dialog-footer">

<el-button @click="isDataType = false">取 消</el-button>

</span>

</el-dialog>

 

isDataType: false,

referenceList: [{

modular: '事件',

displayName: '良品率异常',

browseName: '浏览名称',

address: '/Project_jyq/1c8148ec03d7498fa76cd28a158e5090'

}]

handleClose(done) {

this.$confirm('确认关闭？')

.then(_ => {

done();

})

.catch(_ => {});

}