59 lines
2.2 KiB
JavaScript
59 lines
2.2 KiB
JavaScript
|
// Element Plus
|
|||
|
|
import { ElMessageBox } from 'element-plus';
|
|||
|
|
// 命名空间
|
|||
|
|
const globalFunction = {}
|
|||
|
|
/**
|
|||
|
|
* @param { message } String 内容，可选
|
|||
|
|
* @param { title } String 标题，可选
|
|||
|
|
* @param { thenFun } Function 回调函数，可选
|
|||
|
|
* @description 确认弹窗
|
|||
|
|
*/
|
|||
|
|
globalFunction.deleteConfirm = (params) => {
|
|||
|
|
ElMessageBox.confirm(params.message || '确认删除当前数据吗？删除后将无法恢复', params.title || '提示', {
|
|||
|
|
confirmButtonText: '确定',
|
|||
|
|
cancelButtonText: '取消',
|
|||
|
|
showClose: false, // 取消右上角关闭按钮
|
|||
|
|
closeOnClickModal: false, // 取消点击遮罩关闭 MessageBox
|
|||
|
|
closeOnPressEscape: false, // 取消按下ESC键关闭MessageBox
|
|||
|
|
type: 'warning',
|
|||
|
|
beforeClose: (action, instance, done) => {
|
|||
|
|
globalFunction.deleteConfirmObj = { instance, done };
|
|||
|
|
if(action === "confirm") {
|
|||
|
|
// 按钮加载状态
|
|||
|
|
globalFunction.confirmButtonLoading(true);
|
|||
|
|
// 判断thenFun存在并且是Function类型，是则自动执行函数
|
|||
|
|
params.thenFun && Object.prototype.toString.call(params.thenFun) === "[object Function]" && params.thenFun();
|
|||
|
|
}else{
|
|||
|
|
globalFunction.deleteConfirmClose();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}).then(()=>{}).catch(()=>{})
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param { bool } Boolean 加载状态，可选
|
|||
|
|
* @description 弹窗确认按钮加载状态
|
|||
|
|
*/
|
|||
|
|
globalFunction.confirmButtonLoading = (bool) => {
|
|||
|
|
globalFunction.deleteConfirmObj.instance.confirmButtonLoading = bool;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* @param {*} params
|
|||
|
|
*/
|
|||
|
|
globalFunction.deleteConfirmClose = () => {
|
|||
|
|
globalFunction.deleteConfirmObj.done();
|
|||
|
|
globalFunction.deleteConfirmObj = null;
|
|||
|
|
}
|
|||
|
|
/** 函数2 */
|
|||
|
|
globalFunction.message = (params) => {
|
|||
|
|
console.log(params)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
install(app){
|
|||
|
|
app.config.globalProperties["deleteConfirm"] = globalFunction.deleteConfirm;
|
|||
|
|
app.config.globalProperties["deleteConfirmClose"] = globalFunction.deleteConfirmClose;
|
|||
|
|
app.config.globalProperties["confirmButtonLoading"] = globalFunction.confirmButtonLoading;
|
|||
|
|
app.config.globalProperties["message"] = globalFunction.message;
|
|||
|
|
}
|
|||
|
|
}
|