移动端参数组件配色修改

复制链接 | 收藏本帖

1383

楼主

亿信abi移动端的参数组件都是固定风格样式的，在日常使用过程中，可能涉及到参数组件与报表风格不匹配等问题。
那么，我们该如何调整参数组件的配色呢？
例：如下图三处颜色的修改

首先插入脚本，报表属性》脚本》客户端

脚本如下：

//提前注入移动端脚本
if((typeof(isInjectionMobileJs)!="undefined")&&!isInjectionMobileJs){
function adjustWidgetDate(basedom,pnode,edit,label) {
var $dlg = g_rptpage.getParamMgr().params.get(basedom.getAttribute("wid")).dlg.parent();
var clazz = "custom-color-" + basedom.id;
var header_color = "red";//头部颜色
var checked_color = "#00ff00";//选中颜色
var button_color = "rgb(0,0,255)";//按钮颜色
$dlg.addClass(clazz);
EUI.addStyleSheet("." + clazz + " .ui-widget-header{background:" + header_color + "}" + ".calendar-content-cell-checked{background:" + checked_color + "}" + "." + clazz + " button:first-child{background:" + button_color + "!important}")
}
}