?這個就是帶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對話框的輸入框添加placeholdersetTimeout(function() {// 獲取原有單行輸入框var input = $('.messager-input');// 保存輸入框的值(如果有)var value = input.val();// 替換為多行文本框 textareainput.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');}});}
});