informat.system Global System Operations

Overview

Use the informat.system object for global system operations

toast

Call the system Toast notification

informat.system.toast(msg);

Parameter	Type	Description
msg	String	Display message

confirm

Call the system confirmation dialog

informat.system.confirm(options);

Parameter	Type	Description
title	String	Dialog title, optional
content	String	Prompt content, if not provided, will use the title parameter value as an alternative display
dialogTop	String	Distance from top, default (15vh)
dialogHeight	String	Window height
dialogWidth	String	Window width, default (400px)
horizontalAlign	String	Content horizontal alignment left, center, right, justify, default center
verticalAlign	String	Content vertical alignment top, center, bottom, default center
showCancel	bool	Whether to show cancel button
cancelText	String	Cancel button text, default (Cancel)
confirmText	String	Confirm button text, default (Confirm)

Return Value User operation result

// Call confirmation prompt
informat.system
  .confirm({
    title: "Are you sure you want to perform this operation?",
  })
  .then((confirm) => {
    if (!confirm) {
      console.log("Cancelled");
      return;
    }
    console.log("Confirmed");
  });

Notes

If the content attribute is not provided, the system will use title as the content to display information, while hiding the title display.

previewImage

Call the system image preview dialog to preview images

informat.system.previewImage(options);

Parameter	Type	Description
startIndex	Integer	Preview image default index position, starts from 0
list	Array<ImageItem>	Preview image list

ImageItem structure is as follows

interface ImageItem {
  // Image ID, optional parameter
  id: String;
  // Image name, optional parameter
  name: String;
  // Image URL, required parameter
  src: String;
}

Return Value User operation result

// Call system image preview dialog to preview images
informat.system.previewImage({
  startIndex: 0,
  list: [{ src: "https://url.to.image" }],
});

getSystemConfig

Get system global configuration data

informat.system.getSystemConfig();

Return Value Type is Promise<Object>

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

getCompany

Get team information of the currently logged-in user

informat.system.getCompany();

Return Value Type is Promise<Company>

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

getAccount

Get the currently logged-in user

informat.system.getAccount();

Return Value Type is Promise<Account>

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

getToken

Get Token data of the currently logged-in user

informat.system.getToken();

Return Value Type is Promise<String>

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

getServerUrl

Get platform service address

informat.system.getServerUrl();

Return Value Type is Promise<String>

// If server configuration is set to https://next.informat.cn
informat.system.getServerUrl().then((url) => {
  console.log(url); //https://next.informat.cn
});

getClientUrl

Get the prefix of the current platform access address

informat.system.getClientUrl();

Return Value Type is Promise<String>

// If current browser access address is https://next.informat.cn/web0/app/xxx/table/xxx?id=xxxx
informat.system.getClientUrl().then((url) => {
  console.log(url); // https://next.informat.cn/
});

showLoading

Display system loading state

informat.system.showLoading();

Return Value Type is Promise

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

hideLoading

Hide system loading state

informat.system.hideLoading();

Return Value Type is Promise

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

setModuleBarStyle

Set application menu bar style

informat.system.setModuleBarStyle(layout);

Parameter	Type	Description
layout	String	Top-bottom layout:top Left-right layout:left Left-right layout (including top navigation):lefttop Top-bottom layout (no top navigation):topmini No navigation bar:none

Return Value Type is Promise

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

setAppColor

Set application menu bar style

informat.system.setAppColor(color);

Parameter	Type	Description
color	String	Color, supports using system default colors or custom colors

Notes

System default color list

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

Return Value Type is Promise

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

// Color keyword
informat.system.setAppColor("blue").then(() => {
  console.log("setAppColor blue success");
});
// Color hexadecimal notation
informat.system.setAppColor("#ff9845").then(() => {
  console.log("setAppColor #ff9845 success");
});

setVisitHistoryVisible

Set application module visit history visibility

informat.system.setVisitHistoryVisible(locale);

Parameter	Type	Description
visible	Boolean	Whether visible

Return Value Type is Promise

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

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

setNavBreadcrumbVisible

Set application module path visibility

informat.system.setNavBreadcrumbVisible(locale);

Parameter	Type	Description
visible	Boolean	Whether visible

Return Value Type is Promise

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

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

setModuleTitleVisible

Set application module title visibility

informat.system.setModuleTitleVisible(locale);

Parameter	Type	Description
visible	Boolean	Whether visible

Return Value Type is Promise

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

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

updateAppDefine

Update application configuration object property data

informat.system.updateAppDefine(key, value);

Parameter	Type	Description
key	String	Property name
value	Object	Property value

Return Value Type is 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

Update application module configuration object property data

informat.system.updateModuleDefine(key, value);

Parameter	Type	Description
key	String	Property name
value	Object	Property value

Return Value Type is Promise

Data Table Default View

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");
});

Data Table Other Views

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

Modify current user language

informat.system.setLocale(locale);

Parameter	Type	Description
color	String	Language. Supports Simplified Chinese:zh_CN English:en_US

Return Value Type is 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");
});