系统设置操作

系统设置中的首页瓦片、首页看板、主题管理和外部应用模块共同构成。这些模块不仅提供了丰富的配置选项，还可以集成外部资源，提高了用户的工作效率和使用体验。

配置区：基础属性编码：唯一标识每个瓦片的编码，用户可以手动修改。

• 名称：瓦片的名称，用户可以手动修改。
• 选择瓦片：从系统中已有的瓦片中进行选择。
• 瓦片类型：下拉框，用于选择瓦片的类型。
• 瓦片大小：下拉框，用于选择瓦片的大小。
• 工程：选择与瓦片相关联的工程。
• 效果图：上传瓦片的效果图，用于预览瓦片的展示效果。
• 备注：用户可以填写备注信息，描述瓦片的用途或其他相关信息。

页面说明

示例操作

配置区：基础属性编码：唯一标识每个看板的编码，用户可以手动修改。

• 名称：看板的名称，用户可以手动修改。
• 瓦片列表：配置看板中瓦片的布局和位置，以JSON格式描述。
• 工程：选择与看板相关联的工程。

页面说明

示例操作

页面渲染效果：首页看板影响到用户首页展示瓦片的效果，通过配置瓦片列表中的JSON，可以影响首页瓦片的渲染位置和效果。每个瓦片的位置、宽度、高度等都可以通过JSON进行精细控制，从而实现定制化的首页布局。

字段说明

homeLayout: 这是一个对象，包含控制瓦片位置和尺寸的字段。

• 瓦片的横向起始位置（单位：栅格）。例如，"x": 0 表示瓦片从最左边开始，"x": 12 表示瓦片从第 12 栅格开始。
• 瓦片的纵向起始位置（单位：栅格）。例如，"y": 0 表示瓦片从顶部开始，"y": 10 表示瓦片从第 10 栅格开始。
• 瓦片的宽度（单位：栅格）。例如，"w": 12 表示瓦片宽度占 12 个栅格。
• 瓦片的高度（单位：栅格）。例如，"h": 10 表示瓦片高度占 10 个栅格。
• 瓦片的唯一标识符，用于区分不同瓦片。

code: 瓦片的代码，用于标识具体的瓦片类型或功能。例如，"code": "MessageNotifyV3" 表示消息通知瓦片。

className: 瓦片的类名，"className": "UiHomeTile" 表示这是一个首页瓦片。这里是一个固定值。

配置区：基础属性编码：唯一标识每个主题的编码，用户可以手动修改。

• 名称：主题的名称，用户可以手动修改。
• 主题图片：上传主题相关的图片。
• 主题配置：以JSON格式描述的主题配置。

页面说明

创建新主题

• 单击“新建”按钮，打开创建新主题的侧边栏。
• 在侧边栏中填写主题的编码、名称，上传主题图片，配置主题的JSON。
• 填写完毕后，单击“确定”按钮保存新主题。

示例操作

创建一个新主题

• 单击“新建”按钮。
• 在侧边栏中填写编码为“guangqi”，名称为“guangqi”。
• 上传主题图片。
• 在主题配置输入框中，配置JSON内容：
• 单击“确定”按钮保存。

影响区域：主题配置通过JSON文件定义，影响系统的多个区域和功能，包括但不限于：具体模板示例请参考下方注释

{

ui_app_menu_history_enable: 0, //页面菜单tabs是否开启

aiwork_navigation_style: 0, //header 样式

ui_tile_twopage_title_style: 1, //二级页面标题样式

aiwork_tile_style: 1, //首页瓦片标题 样式

aiwork_menu_style: 0, //首页菜单 样式

aiwork_enable_notice: 1, //控制消息通知是否显示

aiwork_navigation_search_display: 1, //1展示搜索栏，0不展示搜索栏

aiwork_enable_version: 1, //控制版本通知是否显示

aiwork_navigation_cutting_board: 1, //1展示剪切板，0不展示剪切板

ui_tile_querycondition_label_enable: 0, //查询条件是否显示label标题

aiwork_logo_max_length: '300px', //logo图片最大宽度

aiwork_search_max_length: '300px', //搜索框宽度

aiwork_navigation_font_color: '#fff', //header 文字颜色

aiwork_menu_title_height: '48px', //工作台左侧菜单标题高度

aiwork_menu_item_height: '32px', //工作台左侧菜单item高度

aiwork_menu_padding: '8px 0px 8px 8px', //工作台左侧菜单内边距

aiwork_menu_title_width: '240px', //工作台左侧菜单宽度

aiwork_menu_color: '#fff', //工作台左侧菜单背景颜色

aiwork_menu_title_font_color: '#2e2020', //工作台左侧菜单字体颜色

aiwork_tile_font_size: '16px', //工作台瓦片标题字体大小

aiwork_tile_font_color: '#000', //工作台瓦片标题字体颜色

aiwork_tile_font_linetype: 'medium', //工作台瓦片标题字体加粗

aiwork_tile_height: '48px', //工作台瓦片标题高度

aiwork_tile_width_padding: '4px', //工作台瓦片内边距

aiwork_search_bgcolor: 'rgba(0, 0, 0, 0.28)', //header 搜索栏背景色

aiwork_search_font_color: '#fff', //header 搜索栏字体颜色

ui_menu_padding: '10px', //应用内菜单内边距

ui_tile_header_font_size: '16px', //瓦片标题字体大小

ui_tile_twopage_font_size: '16px', //二级页面标题字体大小

ui_menu_bgcolor: '--nl-component-menu-bg', //应用内菜单背景色

ui_menu_font_color: '--nl-component-color', //应用内菜单字体颜色

ui_menu_selected_font_color: '--nl-primary-6', //应用内菜单字体选中颜色

ui_menu_hover_color: '--nl-primary-1', //应用内菜单hover颜色

primaryColorHover: '#447DFD', //系统组件库主题色hover色

primaryColorActive: '#447DFD', //系统组件库主题色选中色

errorColorHover: '#ff948c', //系统组件库错误hover色

errorColorActive: '#d94a4a', //系统组件库错误选中色

warningColorHover: '#ff9729', //系统组件库提示hover色

warningColorActive: '#d96200', //系统组件库提示选中色

successColorHover: '#26d1a1', //系统组件库成功hover色

successColorActive: '#009e7c', //系统组件库成功选中色

primaryColor: '#447DFD', //系统组件库主题色

errorColor: '#ff6963', //系统组件库错误色

warningColor: '#FF7D00', //系统组件库提示色

successColor: '#04C495', //系统组件库成功色

infoColor: '#1890ff', //系统组件库文本提示色

headerPageBg: '#2A325A', //header背景色

headerLogoAppUrl: 'https://minio-uat.rysaas.cn:9000/nancal/65a4cf71e4b030a396b7d859.png', //默认应用内header logo

headerLogoHomeUrl: 'https://minio-uat.rysaas.cn:9000/nancal/65a4ced5e4b030a396b7d858.png', //默认工作台header logo

aiwork_left_navigation: {

//左侧导航

aiwork_left_navigation_type: '', //租户信息或者个人信息

aiwork_left_navigation_image: 1, //0不展示，1展示

aiwork_left_navigation_HomeUrl: '', //企业logo图片源工作台 ，从素材库获取

aiwork_left_navigation_info: '$name', //null则不展示，支持输入变量和常量。定义变量：$TenantName,$UserName用于展示当前租户和用户信息。

aiwork_left_navigation_max_length: '300px', //企业logo图片宽度

},

// aiwork_right_navigation_HomeUrl: 'https://minio-uat.rysaas.cn:9000/nancal/66150020e4b00ea54d9b10de.png', //企业logo图片源工作台

aiwork_navigation_app_type: [], //顶部导航瓦片，配置组件按钮code

aiwork_right_navigation: {

//右侧导航

aiwork_right_navigation_type: '', //租户信息（tenant）或者个人信息（user）

aiwork_right_navigation_image: 0, //0不展示，1展示头像（如果是user则展示用户默认图标，如果是tenant展示乐仓默认图标）

aiwork_right_navigation_HomeUrl: '', //企业logo图片源工作台

aiwork_right_navigation_info: null, //null不展示，1展示

aiwork_right_navigation_max_length: '300px', //null不展示，1展示

},

aiwork_menu_display: 1, //工作台右侧菜单0，不显示；1显示

};

配置区

基础属性

• 编码：唯一标识每个外部应用的编码，创建后不可修改。
• 名称：外部应用的名称，用户可以手动修改。
• 工程：选择与外部应用相关联的工程。
• 类型：外部应用的类型，可以从下拉框中选择。
• 图标：上传外部应用的图标。
• 链接地址：外部应用的访问URL。

参数配置

• 用户可以添加、编辑和删除参数。
• 每个参数包括参数编码、参数来源和参数值。

备注：用户可以填写备注信息，描述外部应用的用途或其他相关信息。

页面说明

查看和管理外部应用

• 用户可以在页面上查看当前所有的外部应用列表。每行代表一个外部应用，显示其编码、名称、工程、生命周期状态、链接地址、创建者和操作选项。
• 通过顶部的搜索框，可以根据编码或名称进行搜索。
• 可以通过单击操作列中的图标进行编辑、删除等操作。

创建新外部应用

• 单击“新建”按钮，打开创建新外部应用的侧边栏。
• 在侧边栏中填写外部应用的编码、名称，选择工程和类型，上传图标，输入链接地址，配置参数，填写备注。
• 填写完毕后，单击“确定”按钮保存新外部应用。

示例操作

创建一个新外部应用

• 单击“新建”按钮。
• 在侧边栏中填写编码为“IDME”，名称为“工业数字孪生”。
• 选择工程为“DME”，类型为“外部应用”。
• 上传外部应用图标。
• 输入链接地址为“https://www.huaweicloud.com”。
• 配置参数：单击“+增加”按钮，添加参数。
• 填写备注为“工业数字孪生外部应用”。
• 单击“确定”按钮保存。

编辑一个已有外部应用

• 在外部应用列表中找到要编辑的外部应用，单击操作列中的编辑图标。
• 在弹出的侧边栏中修改相关信息。
• 单击“确定”按钮保存修改。

删除一个外部应用

• 在外部应用列表中找到要删除的外部应用，单击操作列中的删除图标。
• 确认删除操作，外部应用将从列表中移除。

带参跳转配置

配置外部应用的链接地址时，可以通过参数配置来实现带参跳转。

在参数配置区域单击“+增加”按钮，添加参数。

输入参数编码、参数来源和参数值。参数编码对应URL中的参数名，参数来源用于指定参数的获取来源，参数值为具体的参数值。

示例配置：链接地址为“https://www.huaweicloud.com”

参数配置如下：参数编码：userId，参数来源：user，参数值：12345

• 最终访问的URL将变为“https://www.huaweicloud.com?userId=12345”
• 除此之外，也支持通过从本地缓存动态获取用户信息。比如通过表达式：global.lowcode:user.userInfo.objId 可以获取当前用户的objId