效果图.png
// confirmBox.js
import { MessageBox } from 'element-ui'
export default function MeetingConfirmBox () {
var isFinish = false
return new Promise((resolve, reject)=>{
const h = this.$createElement
MessageBox({
message: h('div', null, [
h('p', null, '您确定要离开当前会议吗'),
h('p', { class: 'confirm-description' }, [
h('el-checkbox', {
key: Date.now(),
on: {
change: (val)=>{
isFinish = val
}
}
}),
h('span', null , '离开并结束当前会议')
])
]),
customClass: 'meeting-confirm-modal',
showClose: false,
showCancelButton: true,
closeOnClickModal: false,
type: 'warning'
}).then(()=>resolve(isFinish)).catch(e=>e);
})
}
// 调用
async hangUp() {
const isFinish = await this.meetingConfirmBox()
if (isFinish) {
this.finishConference()
} else {
this.leaveConference()
}
}
