143 lines
3.2 KiB
JavaScript
143 lines
3.2 KiB
JavaScript
|
/**
|
|||
|
|
* 弹窗工具类 - 基于 Uniapp 原生 API 的简洁实现
|
|||
|
|
*
|
|||
|
|
* 使用系统原生弹窗 API，无需自定义组件
|
|||
|
|
* 提供统一的接口用于显示成功、警告、错误消息和 Toast
|
|||
|
|
*
|
|||
|
|
* @example
|
|||
|
|
* // 显示成功消息
|
|||
|
|
* DialogUtils.showSuccessMessage('成功', '数据已保存');
|
|||
|
|
*
|
|||
|
|
* // 显示确认对话框
|
|||
|
|
* uni.showModal({
|
|||
|
|
* title: '确认',
|
|||
|
|
* content: '确定删除吗？',
|
|||
|
|
* success: (res) => {
|
|||
|
|
* if (res.confirm) {
|
|||
|
|
* // 执行删除
|
|||
|
|
* }
|
|||
|
|
* }
|
|||
|
|
* });
|
|||
|
|
*
|
|||
|
|
* // 显示 Toast 提示
|
|||
|
|
* DialogUtils.toast('保存中...', 'loading');
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
export const DialogUtils = {
|
|||
|
|
/**
|
|||
|
|
* 显示成功消息弹窗
|
|||
|
|
* @param {string} title - 弹窗标题
|
|||
|
|
* @param {string} message - 消息内容
|
|||
|
|
* @param {string} confirmText - 确认按钮文本
|
|||
|
|
*/
|
|||
|
|
showSuccessMessage(title = '成功', message = '', confirmText = '我知道了') {
|
|||
|
|
uni.showModal({
|
|||
|
|
title,
|
|||
|
|
content: message,
|
|||
|
|
showCancel: false,
|
|||
|
|
confirmText
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 显示警告消息弹窗
|
|||
|
|
* @param {string} title - 弹窗标题
|
|||
|
|
* @param {string} message - 消息内容
|
|||
|
|
* @param {string} confirmText - 确认按钮文本
|
|||
|
|
*/
|
|||
|
|
showWarningMessage(title = '提示', message = '', confirmText = '我知道了') {
|
|||
|
|
uni.showModal({
|
|||
|
|
title,
|
|||
|
|
content: message,
|
|||
|
|
showCancel: false,
|
|||
|
|
confirmText
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 显示错误消息弹窗
|
|||
|
|
* @param {string} title - 弹窗标题
|
|||
|
|
* @param {string} message - 消息内容
|
|||
|
|
* @param {string} confirmText - 确认按钮文本
|
|||
|
|
*/
|
|||
|
|
showErrorMessage(title = '错误', message = '', confirmText = '我知道了') {
|
|||
|
|
uni.showModal({
|
|||
|
|
title,
|
|||
|
|
content: message,
|
|||
|
|
showCancel: false,
|
|||
|
|
confirmText
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 显示确认对话框（带取消按钮）
|
|||
|
|
* @param {string} title - 弹窗标题
|
|||
|
|
* @param {string} message - 消息内容
|
|||
|
|
* @param {string} confirmText - 确认按钮文本
|
|||
|
|
* @param {string} cancelText - 取消按钮文本
|
|||
|
|
* @returns {Promise<boolean>} 用户是否点击了确认
|
|||
|
|
*
|
|||
|
|
* @example
|
|||
|
|
* const confirmed = await DialogUtils.showConfirm('确认删除', '确定要删除这条记录吗？');
|
|||
|
|
* if (confirmed) {
|
|||
|
|
* // 执行删除操作
|
|||
|
|
* }
|
|||
|
|
*/
|
|||
|
|
async showConfirm(
|
|||
|
|
title = '确认',
|
|||
|
|
message = '',
|
|||
|
|
confirmText = '确定',
|
|||
|
|
cancelText = '取消'
|
|||
|
|
) {
|
|||
|
|
return new Promise((resolve) => {
|
|||
|
|
uni.showModal({
|
|||
|
|
title,
|
|||
|
|
content: message,
|
|||
|
|
showCancel: true,
|
|||
|
|
confirmText,
|
|||
|
|
cancelText,
|
|||
|
|
success: (res) => {
|
|||
|
|
resolve(res.confirm);
|
|||
|
|
},
|
|||
|
|
fail: () => {
|
|||
|
|
resolve(false);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 显示 Toast 提示
|
|||
|
|
* @param {string} message - 提示消息
|
|||
|
|
* @param {string} icon - 图标类型 (success/error/loading/none)
|
|||
|
|
* @param {number} duration - 显示时长（毫秒），默认 2000
|
|||
|
|
*
|
|||
|
|
* @example
|
|||
|
|
* // 显示加载中提示
|
|||
|
|
* DialogUtils.toast('加载中...', 'loading');
|
|||
|
|
*
|
|||
|
|
* // 显示成功提示（2秒后自动隐藏）
|
|||
|
|
* DialogUtils.toast('保存成功', 'success');
|
|||
|
|
*/
|
|||
|
|
toast(message, icon = 'none', duration = 2000) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: message,
|
|||
|
|
icon,
|
|||
|
|
duration,
|
|||
|
|
mask: false
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 隐藏 Toast 提示
|
|||
|
|
*
|
|||
|
|
* @example
|
|||
|
|
* DialogUtils.toast('加载中...', 'loading', 0);
|
|||
|
|
* // ... 执行某些操作
|
|||
|
|
* DialogUtils.hideToast();
|
|||
|
|
*/
|
|||
|
|
hideToast() {
|
|||
|
|
uni.hideToast();
|
|||
|
|
}
|
|||
|
|
};
|