informat.system 系统全局操作

概述

使用informat.system对象进行系统全局操作

toast

调用系统Toast提示

informat.system.toast(msg)

参数	类型	描述
msg	String	显示提示信息

confirm

调用系统确认提示框

informat.system.confirm(options)

参数	类型	描述
title	String	对话框标题，非必填
content	String	提示内容，不传递时将使用title参数值作为替代展示
dialogTop	String	窗口距顶距离，默认(15vh)
dialogHeight	String	窗口高度
dialogWidth	String	窗口宽度，默认(400px)
horizontalAlign	String	提示内容水平对齐方式 居左(left)、居中(center)、居右(right)、两端对齐(justify)，默认居中(center)
verticalAlign	String	提示内容垂直对齐方式 顶部(top)、居中(center)、底部(bottom)，默认居中(center)
showCancel	bool	是否展示取消按钮
cancelText	String	取消按钮文字，默认(取消)
confirmText	String	确认按钮文字，默认(确认)

返回值 用户操作结果

//调用确认提示
informat.system.confirm({
    title: '确定要执行该操作吗？'
}).then(confirm => {
    if (!confirm) {
        console.log('取消了');
        return;
    }
    console.log('确认了');
});

注意事项

如果content属性不传递时，系统将会使用title作为content内容来展示信息，同时隐藏title的展示

previewImage

调用系统图片预览对话框预览图片

informat.system.previewImage(options)

参数	类型	描述
startIndex	Integer	预览图片默认所在的索引位置，从0开始
list	Array<ImageItem>	预览的图片列表

ImageItem结构如下

interface ImageItem {
    //图片的ID，可选参数
    id: String;
    // 图片的名称，可选参数
    name: String;
    //图片地址，必填参数
    src: String;
}

返回值 用户操作结果

//调用系统图片预览对话框预览图片
informat.system.previewImage({
    startIndex: 0,
    list: [
        { src: 'https://url.to.image' }
    ]
})

getSystemConfig

获取系统全局配置数据

informat.system.getSystemConfig()

返回值 类型为 Promise<Object>

informat.system.getSystemConfig().then(data => {
    console.log(data);
});

getCompany

获取当前登录的用户的团队信息

informat.system.getCompany()

返回值 类型为 Promise<Company>

informat.system.getCompany().then(data => {
    console.log(data);
});

getAccount

获取当前登录的用户

informat.system.getAccount()

返回值 类型为 Promise<Account>

informat.system.getAccount().then(user => {
    console.log(user);
});

getToken

获取当前登录用户的Token数据

informat.system.getToken()

返回值 类型为 Promise<String>

informat.system.getToken().then(token => {
    console.log(token);
});

getServerUrl

获取平台服务地址

informat.system.getServerUrl()

返回值 类型为 Promise<String>

// 如服务器配置中设置 https://next.informat.cn
informat.system.getServerUrl().then(url => {
    console.log(url); //https://next.informat.cn
});

getClientUrl

获取当前访问的平台打开地址前缀

informat.system.getClientUrl()

返回值 类型为 Promise<String>

// 如当前浏览器访问地址 https://next.informat.cn/web0/app/xxx/table/xxx?id=xxxx
informat.system.getClientUrl().then(url => {
    console.log(url); // https://next.informat.cn/
});

showLoading

展示系统加载Loading状态

informat.system.showLoading()

返回值 类型为 Promise

informat.system.showLoading().then(() => {
    console.log('loading show');
});

hideLoading

隐藏系统加载Loading状态

informat.system.hideLoading()

返回值 类型为 Promise

informat.system.hideLoading().then(() => {
    console.log('loading show');
});

setModuleBarStyle

设置应用菜单栏样式

informat.system.setModuleBarStyle(layout)

参数	类型	描述
layout	String	上下布局:top 左右布局:left 左右布局（包含顶部导航）:lefttop 上下布局（不显示顶部导航）:topmini 不显示导航栏:none

返回值 类型为 Promise

informat.system.setModuleBarStyle('left').then(() => {
    console.log('setModuleBarStyle success');
});

setAppColor

设置应用菜单栏样式

informat.system.setAppColor(color)

参数	类型	描述
color	String	颜色，支持使用系统默认颜色或自定义颜色

注意事项

系统默认颜色列表

值	颜色
c0	#5b8ff9
c1	#57ca8c
c2	#5d7092
c3	#faad14
c4	#e86452
c5	#56c1ec
c6	#945fb9
c7	#ff9845
c8	#1e9493
c9	#000000

返回值 类型为 Promise

informat.system.setAppColor('c2').then(() => {
    console.log('setAppColor c2 success');
});

// 颜色关键字
informat.system.setAppColor('blue').then(() => {
    console.log('setAppColor blue success');
});
// 颜色十六进制标记
informat.system.setAppColor('#ff9845').then(() => {
    console.log('setAppColor #ff9845 success');
});

setVisitHistoryVisible

设置应用模块访问历史可见

informat.system.setVisitHistoryVisible(locale)

参数	类型	描述
visible	Boolean	是否可见

返回值 类型为 Promise

informat.system.setVisitHistoryVisible(true).then(() => {
    console.log('setVisitHistoryVisible true success');
});

informat.system.setVisitHistoryVisible(false).then(() => {
    console.log('setVisitHistoryVisible false success');
});

setNavBreadcrumbVisible

设置应用模块路径可见

informat.system.setNavBreadcrumbVisible(locale)

参数	类型	描述
visible	Boolean	是否可见

返回值 类型为 Promise

informat.system.setNavBreadcrumbVisible(true).then(() => {
    console.log('setNavBreadcrumbVisible true success');
});

informat.system.setNavBreadcrumbVisible(false).then(() => {
    console.log('setNavBreadcrumbVisible false success');
});

setModuleTitleVisible

设置应用模块标题可见

informat.system.setModuleTitleVisible(locale)

参数	类型	描述
visible	Boolean	是否可见

返回值 类型为 Promise

informat.system.setModuleTitleVisible(true).then(() => {
    console.log('setModuleTitleVisible true success');
});

informat.system.setModuleTitleVisible(false).then(() => {
    console.log('setModuleTitleVisible false success');
});

updateAppDefine

更新应用配置对象属性数据

informat.system.updateAppDefine(key, value)

参数	类型	描述
key	String	属性名称
value	Object	属性值

返回值 类型为 Promise

informat.system.updateAppDefine('color', '#5b8ff9').then(() => {
    console.log('updateAppDefine color success');
});

informat.system.updateAppDefine('enableModuleVisitHistory', false).then(() => {
    console.log('updateAppDefine enableModuleVisitHistory success');
});

informat.system.updateAppDefine('enableModuleNavBreadcrumb', false).then(() => {
    console.log('updateAppDefine enableModuleNavBreadcrumb success');
});

informat.system.updateAppDefine('setModuleTitleVisible', false).then(() => {
    console.log('updateAppDefine setModuleTitleVisible success');
});

updateModuleDefine

更新应用模块配置对象属性数据

informat.system.updateModuleDefine(key, value)

参数	类型	描述
key	String	属性名称
value	Object	属性值

返回值 类型为 Promise

数据表默认视图

informat.system.updateModuleDefine('tableSetting.tableView.filterViewType', 'top').then(() => {
    console.log('updateModuleDefine tableSetting.tableView.filterViewType:top success');
});

informat.system.updateModuleDefine('tableSetting.tableView.filterViewType', 'right').then(() => {
    console.log('updateModuleDefine tableSetting.tableView.filterViewType:right success');
});

informat.system.updateModuleDefine('tableSetting.tableView.filterViewType', 'left').then(() => {
    console.log('updateModuleDefine tableSetting.tableView.filterViewType:left success');
});

数据表其他视图

informat.system.updateModuleDefine('tableGridSetting.filterViewType', 'top').then(() => {
    console.log('updateModuleDefine tableGridSetting.filterViewType:top success');
});

informat.system.updateModuleDefine('tableGridSetting.filterViewType', 'right').then(() => {
    console.log('updateModuleDefine tableGridSetting.filterViewType:right success');
});

informat.system.updateModuleDefine('tableGridSetting.filterViewType', 'left').then(() => {
    console.log('updateModuleDefine tableGridSetting.filterViewType:left success');
});

setLocale

修改当前用户语言

informat.system.setLocale(locale)

参数	类型	描述
color	String	语言。支持简体中文:zh_CN English:en_US

返回值 类型为 Promise

informat.system.setLocale('zh_CN').then(() => {
    console.log('setLocale zh_CN success');
});

informat.system.setLocale('en_US').then(() => {
    console.log('setLocale en_US success');
});