难点:官方图标在标题旁,需要在content里用h函数把图标自定义到文本前面
实现效果图:
Modal.confirm({
title: '注意',
content: h('div', {}, [
h(ExclamationCircleOutlined, {
style: {
//verticalAlign: 'text-bottom' 图标与文本中部对齐
color: '#FD9E63', fontSize: '20px', marginTop: '8px', verticalAlign: 'text-bottom'
}
}),
h('span', {
style: {
width: '328px', display: 'inline-flex', marginLeft: '4px'
}
},
'删除等级类别,等级类别下的绩效等级也将一并删除,确定删除吗?')
]),
icon: '',
onOk: async () => {
let res = await $axios.delete($api.hr_delPerformLevelCate + item.hrPerformanceGradeCategoryId)
if (res.data.success) {
$message.success('删除成功!')
getCateList()
}
}
})