主页前端配置说明

此文件负责主页前端的展示配置,包括顶部,底部,应用列表,窗口模块配置。

module.exports = {
    /* 顶部配置 */
    header: {
        height: 48,                                 //【可选】顶部高度,默认 48。
        logoHeight: 36,                             //【可选】logo 高度,默认 36。

        //【可选】logo url,地址可以是 http(s) 开头的绝对 url 地址。也可以是 /public/img 开头的相对地址,
        // 与本项目 /assets/build/img 目录相对应。
        logoUrl: '/public/img/home-logo.png', 

        fontSize: 16,                               //【可选】字体大小,默认 16。
        title: '无远综合信息管理平台',                 //【可选】标题。
        fontWeight: 400,                            //【可选】字体粗细取值可以是 light、normal、heavy。
        themeSelector: true,                        //【可选】允许切换主题皮肤,默认 true。

        //【可选】样式名,取值可以是 ui-state-default、ui-state-hover、ui-state-active、ui-state-higlight、
        // ui-widget-content、ui-widget-header 或者自定义样式名。参考内置样式使用说明:
        // https://assets.wuyuan.io/enhancer/tutorials/1.0.0/zh-cn/css.html
        class: 'ui-widget-content',

        //【可选】用户附加展示信息模板,显示在用户信息右侧。使用 {字段名} 来取用登录用户的属性字段(用户表中的字段
        // 或是自定义登录校验时指定给 req.session.user 对象的字段。)
        userAdditionalInfo: '角色:{roles} | 部门: {department}'
    },

    /* 工具栏配置 */
    toolbar: {
        /*【可选】工具栏按钮,可配置 0 个或多个。*/
        buttons: [{
            //【必需】按钮图标,可以设置为 fontawesome 任意图标。可选图标地址:
            // https://assets.wuyuan.io/common-template/tool/all/fontawesome.html
            icon: 'far fa-bell',

            title: '通知',           //【可选】按钮提示。
            hiddenOnMobile: false,  //【可选】是否在移动端隐藏,默认 false。
            hiddenOnPC: false,      //【可选】是否在 PC 端隐藏,默认 false。

            //【必需】按钮动作 url,用户点击之后会打开此链接对应的页面,需要确保此页面是已接入门户登录认证,并且
            // 是可访问的。
            actionUrl: 'https://app1.site.com/page/1'
        }, {
            // ... 
        }]
    },

    /* 应用入口配置 */
    apps: {
        //【可选】是否启用个性化过滤,取值可以是 false、true 或字段名比如 'my_apps',默认为 false。
        // 若设置为 true 或指定过滤字段名,则当前登录用户只能看到自己所拥有的应用入口,此时用户的 apps
        // 字段或者指定字段(定义在用户表中或者自定义登录时设置给 req.session.user 对象)值需要包含可
        // 访问的应用 ID,多个应用逗号分隔如:'app1,app2,app3'。
        personalizedFilter: false,

        //【可选】样式名,取值可以是 ui-state-default、ui-state-hover、ui-state-active、ui-state-higlight、
        // ui-widget-content、ui-widget-header 或者自定义样式名。参考内置样式使用说明:
        // https://assets.wuyuan.io/enhancer/tutorials/1.0.0/zh-cn/css.html
        class: 'ui-state-default',

        position: 'left',                         //【可选】位置,left、right、top,默认 left。移动端无效。
        title: '我的应用',                         //【可选】标题。
        titleFontSize: 18,                        //【可选】标题字体大小,默认 18。
        width: 310,                               //【可选】宽度,可设数字或者百分比,默认 310。移动端无效。
        listStyle: 'block',                       //【可选】列表风格,可以是 block, list。默认 block。
        fontSize: 14,                             //【可选】应用字体大小,默认 14。
        appHeight: 72,                            //【可选】应用高度,默认 72。
        appSpacing: 8,                            //【可选】应用间距,默认 8。

        //【可选】应用入口列表,可配置 0 个或多个应用,如果为 0 则页面上不会展示整个应用入口模块。
        list: [{
            id: 'app2',                           //【必需】应用 ID 号,只能由数字,字母和下划线或中划线组成。
            name: '财务',                          //【必需】应用名。
            title: '财务管理系统',                  //【可选】标题。
            icon: 'fas fa-dollar-sign',           //【可选】应用图标。可选图标地址:https://assets.wuyuan.io/common-template/tool/all/fontawesome.html
            img: '',                              //【可选】背景图片地址,若配置,则不会显示图标。
            url: 'http://app1.site.com',          //【必需】应用地址 URL。 
            openMode: 'imbedded',                 //【可选】打开方式取值:imbedded(嵌入门户)、internal(外部打开)。
            class: 'ui-widget-content',           //【可选】样式名。
            hiddenOnMobile: false,                //【可选】是否在移动端隐藏,默认 false。
            hiddenOnPC: false                     //【可选】是否在 PC 端隐藏,默认 false。
        }, {
            // ...
        }]
    },

    /* 模块配置 */
    modules: {
        //【可选】是否启用个性化过滤,取值可以是 false、true 或字段名比如 'my_modules',默认为 false。
        // 若设置为 true 或指定过滤字段名,则当前登录用户只能看到自己所拥有的应用入口,此时用户的 apps
        // 字段或者指定字段(定义在用户表中或者自定义登录时设置给 req.session.user 对象)值需要包含可
        // 访问的模块 ID,多个应用逗号分隔如:'mod-1,mod-2,mod-3'。
        personalizedFilter: false,
        moduleHeight: 320,                       //【可选】统一模块高度,默认 320。
        moduleSpacing: 6,                        //【可选】模块间距,默认 6。 

        //【可选】模块列表,可以配置 0 个或多个模块,如果为 0 则页面上不会展示整个模块区域。
        list: [{
            id: 'mod-1',                         //【必须】模块 ID,只能由数字,字母和下划线或中划线组成。
            name: '新闻公告',                     //【可选】模块名称。
            height: 360,                         //【可选】模块高度,设置后会覆盖统一高度。
            width: 'calc(50% - 12px)',           //【可选】模块宽度,默认为 100%。
            hiddenOnMobile: false,               //【可选】是否在移动端隐藏,默认 false。
            hiddenOnPC: false,                   //【可选】是否在 PC 端隐藏,默认 false。

            //【必需】模块地址。需要确保此页面是已接入门户登录认证,并且是可访问的。
            url: 'http://app1.site.com/standalone/page/103'
        }, {
            // ...
        }]
    },
    /* 底部配置 */
    bottom: {
        height: 20,                         //【可选】高度,默认 20。
        fontSize: 12,                       //【可选】字体大小,默认 12。
        text: '©2019 杭州无远信息技术有限公司', //【可选】文案描述。
        textAlign: 'center'                 //【可选】文案位置,可以是 left, center 或 right,默认 center。
    }
};

results matching ""

    No results matching ""