领导想要宽一点的侧边栏怎么办？

onlyxx · 专业FR，BI插件二开7年

今天收到一个客户需求，需要将侧边栏默认拉宽一点。

想了想不算过分的需求，于是我想到了之前上架的《决策平台注入代码》插件。新加入一个功能，支持注入js到管理后台，只需一句js就可以实现效果

效果

那还有哪些好玩的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;
});
每一个区域的占位参考这个截图。

最后提示一下：不要玩坏了，注入js需要经过控制台测试，如果没有测试就放进去可能导致后台无法打开，这时候需要连接finedb 数据库
查询fine_conf_entity 表，将id为GaConfig.gc 的value设置为空

编辑于 2020-9-2 15:27
编辑于 2020-9-2 15:29