js
复制代码
import { Message, MessageBox } from 'element-ui'
var windowWidth =
document.documentElement.clientWidth || document.body.clientWidth
export default {
message (option) {
const { type, duration, message } = option
windowWidth =
document.documentElement.clientWidth || document.body.clientWidth
Message({
type: type || 'error',
customClass: windowWidth <= 1024 ? 'my-message-width' : '',
duration: duration || 2000,
message: message
})
},
confrimMessage (option, callback,errback) {
const {
type,
message,
confirmButtonText,
cancelButtonText,
tips,
showCancelButton,
showConfirmButton,
closeOnClickModal
} = option
let showCancelButtonStatus =
showCancelButton === undefined ? true : showCancelButton
let showConfirmButtonStatus = showConfirmButton === undefined ? true : showConfirmButton
let msg = !type ? `确定要删除该${message}吗?` : message
let tipsMsg = tips ? tips : '提示'
windowWidth =
document.documentElement.clientWidth || document.body.clientWidth
MessageBox.confirm(msg, tipsMsg, {
confirmButtonText: confirmButtonText || '确定',
cancelButtonText: cancelButtonText || '取消',
type: type || 'error',
customClass: windowWidth <= 1024 ? `my-confirm-width ${showConfirmButton === undefined?'':'my-confirm-box-none'}` : (showConfirmButton=== undefined?'':'my-confirm-box-none'),
cancelButtonClass: 'my-confirm-cancel',
confirmButtonClass: `my-confirm-confirm ${showConfirmButton === undefined?'':'my-confirm-confirm-none'}`,
showCancelButton: showCancelButtonStatus,
showConfirmButton: showConfirmButtonStatus,
closeOnClickModal:closeOnClickModal===undefined?false:closeOnClickModal
})
.then(() => {
callback()
})
.catch(() => {
errback? errback():''
})
},
promptMessage (option, callback) {
const {
type,
message,
confirmButtonText,
cancelButtonText,
tips,
showCancelButton,
inputPattern,
inputType,
inputErrorMessage,
inputValidator,
closeOnClickModal,
showConfirmButton
} = option
let showCancelButtonStatus =
showCancelButton === undefined ? true : showCancelButton
let showConfirmButtonStatus = showConfirmButton === undefined ? true : showConfirmButton
let msg = !type ? `请输入${message}` : message
let tipsMsg = tips ? tips : '提示'
windowWidth =
document.documentElement.clientWidth || document.body.clientWidth
MessageBox.prompt(message, tipsMsg, {
confirmButtonText: confirmButtonText || '确定',
cancelButtonText: cancelButtonText || '取消',
customClass: windowWidth <= 1024 ? 'my-prompt-width' : 'my-prompt-box',
cancelButtonClass: 'my-prompt-cancel',
inputPlaceholder:msg,
confirmButtonClass: 'my-prompt-confirm',
showCancelButton: showCancelButtonStatus,
showConfirmButton: showConfirmButtonStatus,
inputPattern: inputPattern || '',
inputType: inputType || '',
inputErrorMessage: inputErrorMessage || '',
inputValidator: inputValidator || function vali () {},
closeOnClickModal: closeOnClickModal!==undefined?closeOnClickModal:true
})
.then((res) => {
callback(res)
})
.catch((err) => {
console.log(err,'取消')
})
}
}