弹窗和通知-----消息内容显示表格

最新推荐文章于 2024-04-23 14:31:54 发布

九夜墨染

最新推荐文章于 2024-04-23 14:31:54 发布

阅读量496

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/FQ1432494638/article/details/127306015

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

弹窗和通知-----消息内容显示表格

ShowNewInfo (data) {
  const h = this.$createElement;
  this.$notify({
    title: '警告',
    message:h('el-table', {props:{data:this.newWarningInfo,border:true,height:"250",},style:'width:500px;',on: { 'row-click': this.check}}, 
    [h('el-table-column', {props:{prop: "point_name",label:"预警地点"},
     scopedSlots: {default: props => h('span', {style:'font-size:12px;display:inline-		block;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;'}, props.row.point_name) }},{}),
     h('el-table-column', {props:{prop: "verify_content.last_modified_time",label:"时间",width:'180px',align:'center'},
     scopedSlots: {default: props => {
       if (props.row.verify_content) {
          let time = this.transformTimestamp(props.row.verify_content.last_modified_time)
           	return h('span', {style:'font-size:12px;'}, time)
        } else {
           	let time = this.transformTimestamp(props.row.last_modified_time)
           	return h('span', {style:'font-size:12px;'}, time)
        }
     },}},{}),
    h('el-table-column', {props:{width: "100",label:"操作",align:'center'}},
       [h('el-button', { props: { type: 'text', size: 'mini' } }, '查看详情')])
    ]),
    showCancelButton: false,
    showConfirmButton: false,
    dangerouslyUseHTMLString: true,
    center: true,
    position: 'bottom-right'
  })
},
check (row, event, column) {
  if (event.label === '操作') {
    this.$msgbox.close()
  }
},