FineReportFR.Msg.Alert和FR.Msg.confirm弹出框样式设置问题

请假大佬们，这个样式怎么调才能好看些（宽度高度自动调整，左间距为3左对齐等）；

感谢！

主要是：FR.Msg.confirm

这是我复制的：

$('#popup_title').css('color', 'white');

$('#popup_title').css('font-size', '14.8px');

$('#popup_title').css('font-family', 'microsoft yahei');

$('#popup_message').css('color', 'grey');

$('#popup_message').css('font-size', '14.8px');

$('#popup_message').css('font-family', 'microsoft yahei');

$('#popup_message').height(300);

$('#popup_message').width(200);

$('#popup_container').height(300);

$('#popup_message').css({'text-align': 'left'});

FineReport AoLiQi 发布于 2021-1-21 18:34 （编辑于 2021-1-22 09:17）

1min目标场景问卷

立即参与

回答问题关注问题

悬赏：3 F币 + 添加悬赏

提示：增加悬赏、完善问题、追问等操作，可使您的问题被置顶，并向所有关注者发送通知

共2回答

最佳回答

snrtuemcLv8专家互助
发布于2021-1-22 08:00

建议直接使用FR弹窗，然后需要的格式做报表模板来处理，js参考

var url = FR.cjkEncode("/webroot/decision/view/report?viewlet=GettingStarted.cpt&op=write");
//窗体
var $iframe = $("<iframe id='inp' name='inp' width='100%' height='100%' scrolling='no' frameborder='0'>");
//将窗体的src属性设置为模板路径
$iframe.attr("src", url);
//窗体的属性
var o = {
    title: "对话框",    //标题
    width: 680,         //宽度
    height: 640,        //高度
    //closable:true,    //是否显示关闭按钮，默认true
    //confirm:true,     //是否添加确认取消按钮,默认false
    //draggable:true   //是否可拖动，默认true
};
//弹出窗体
FR.showDialog(o.title, o.width, o.height, $iframe, o);

举报收起评论(1)

AoLiQi(提问者) 感谢回复，如果用FR.Msg.confirm有什么方式设置么

2021-01-22 09:17

AoLiQiLv4见习互助
发布于2021-1-22 12:25（编辑于 2021-1-22 12:26）

参考https://bbs.fanruan.com/wenda/question1/113795.html @flyingsnake 大神的回复修补了下

var obj = document.getElementById("popup_container");

obj.style.cssText = "position: absolute; z-index: 99999; padding: 0px; margin: 0 auto; top: 50%; left: 50%;transform: translate(-50%, -50%); min-width: 600px; max-width: 600px; width:600px; min-height: 300px; height: auto; font-family: microsoft yahei;"

var obj0 = document.getElementById("popup_title");

obj0.style.cssText = "font-size: 14.8px; font-family: microsoft yahei;"

var obj1 = document.getElementById("popup_header");

obj1.style.cssText = "width: 100%; font-family: microsoft yahei;"

var obj2 = document.getElementById("popup_content");

obj2.style.cssText = "left: 10%; width: 70%; background-position: 23px 31px; font-family: microsoft yahei; height: auto;"

var obj3 = document.getElementById("popup_message");

obj3.style.cssText = "width: 100%;color: grey; font-size: 14.8px; font-family: microsoft yahei; text-align: left; padding-left: 6%; padding-right: 10%; height: auto;"

$('.fr-core-btn-style-blue').css('left','25%');

$('.fr-core-btn-style-gray').css('right','25%');

// height: auto; 好像不能自动调整高度；