领导想要宽一点的侧边栏怎么办?
今天收到一个客户需求,需要将侧边栏默认拉宽一点。
135773
想了想不算过分的需求,于是我想到了之前 上架的 《决策平台注入代码》插件。新加入一个功能,支持注入js到管理后台,只需一句js就可以实现效果
135775
效果
135778
那还有哪些好玩的js呢?
在侧边栏加上公司的官4网。
BI.config("dec.provider.frame.menu", function (provider) {
provider.inject({
menus:
{
value: "fanruan",
text: BI.i18nText("帆软"),
cardType: {
src: "http://www.fanruan.com/"
},
cls: "fr-logo-font"
}
});
});
// 修改header和侧栏menu的高与宽
BI.config("dec.constant.config", function (config) {
config.config4Frame.north.height=50;
config.config4Frame.west.width=150;
return config;
});
// 取消目录面板的悬浮状态,始终固定
BI.config("dec.constant.config", function (config) {
config.config4EntryPane.pinable=false;
});
// 在顶部左侧加上公司联2系方式
BI.config("dec.constant.header.items", function (items) {
items.unshift({
type: "bi.label",
text: "电3话:400-811-8890转2"
});
return items;
});
// 像侧栏添加仪表板和数据准备两个一级按钮
BI.config("dec.constant.menu.items", function (items) {
items.splice(1, 0, {
value: "analysis",
text: "仪表板",
cls: "analysis-menu-font",
cardType: "bi.design"
}, {
value: "config",
text: "数据准备",
cls: "config-menu-font",
cardType: "bi.conf"
});
return items;
});
如果要引入其他js 可以
BI.$import(Dec.fineServletURL+"/file?path=/com/fr/plugin/theme/list/button.js");//path参数就是具体的js路径了。
直接改后台布局也是可以的
BI.config("dec.provider.layout", function (provider) {
provider.setConfig(
{
type: "bi.border",
items: {
north: {
el: {
type: "bi.label",
cls: "bi-border",
text: "north"
},
height: 40
},
south: {
el: {
type: "bi.label",
cls: "bi-border",
text: "south"
},
height: 30
},
west: {
el: {
type: "bi.label",
cls: "bi-border",
text: "west"
},
width: 200
},
east: {
el: {
type: "bi.label",
cls: "bi-border",
text: "east"
},
width: 100
},
center: {
el: {
type: "bi.label",
cls: "bi-border",
text: "east"
}
}
}
}
);
return provider;
});
每一个区域的占位参考这个截图。
135781
最后提示一下:不要玩坏了,注入js需要经过控制台测试,如果没有测试就放进去可能导致后台无法打开,这时候需要连接finedb 数据库
查询fine_conf_entity 表,将id为GaConfig.gc 的value设置为空
编辑于 2020-9-2 15:27
编辑于 2020-9-2 15:29