这个就是带input的确认弹框($.messager.prompt)
// 使用prompt并添加placeholder提示
$.messager.prompt('确认', '确定要将事故记录标记为' + statusText + '吗?', function(r) {
if (r) {
// r 包含用户输入的内容
var remark = r.trim();
// 验证输入不为空(可选)
if (!remark) {
$.messager.alert('提示', '请输入处理备注', 'info');
return;
}
// 将备注添加到表单数据中
formData.append('remark', remark);
// 发送AJAX请求
$.ajax({
url: 'TMSPROC0050/updateStatus',
method: 'POST',
data: formData,
dataType: 'json',
processData: false,
contentType: false,
success: function(result) {
console.log(result);
$.messager.show({
title: '成功',
msg: result.message
});
searchAccidents();
},
error: function(error) {
console.error('请求发生错误:', error);
$.messager.alert('错误', '操作失败,请重试', 'error');
}
});
}
});
// 为prompt对话框的输入框添加placeholder
setTimeout(function() {
$('.messager-input').attr('placeholder', '请输入处理备注:');
}, 10);
如果想要自定义位置
// 为prompt对话框的输入框添加placeholder
setTimeout(function() {
// 获取原有单行输入框
var input = $('.messager-input');
// 保存输入框的值(如果有)
var value = input.val();
// 替换为多行文本框 textarea
input.replaceWith('<textarea class="messager-input" style="width:100%;height:100px;"></textarea>');
// 设置占位符和之前的值
$('.messager-input').attr('placeholder', '请输入处理备注:')
.val(value);
// 调整对话框宽度和高度
var dialog = $('.messager-body').parent();
dialog.css({
width: '600px', // 调整对话框宽度
height: '300px', // 调整对话框高度
top: '200px', // 垂直位置
left: '500px', // 水平位置
});
var body = $('.messager-body');
body.css({
width: '96.5%',
height: '200px'
});
var title = $('.panel-header');
title.css({
width: '100%',
});
var button = $('.dialog-button');
button.css({
width: '98.2%',
});
// 调整输入框大小以适应对话框
$('.messager-input').css({
width: '97%', // 输入框宽度
height: '120px', // 输入框高度,使其可以输入更多内容
'font-size': '14px', // 调整字体大小
'padding': '5px' // 增加内边距
});
}, 5);
这个就是带不带input的确认弹框($.messager.confirm)
// 修改确认对话框,添加输入框
$.messager.confirm('确认', '确定要将事故记录标记为' + statusText + '吗?\n请输入处理备注:', function(r) {
if (r) {
// r 包含用户输入的内容
var remark = r.trim();
// 验证输入不为空(可选)
if (!remark) {
$.messager.alert('提示', '请输入处理备注', 'info');
return;
}
// 将备注添加到表单数据中
formData.append('remark', remark);
// 发送AJAX请求
$.ajax({
url: 'TMSPROC0050/updateStatus',
method: 'POST',
data: formData,
dataType: 'json',
processData: false,
contentType: false,
success: function(result) {
console.log(result);
$.messager.show({
title: '成功',
msg: result.message
});
searchAccidents();
},
error: function(error) {
console.error('请求发生错误:', error);
$.messager.alert('错误', '操作失败,请重试', 'error');
}
});
}
});