Customize the statistical field area of the stage view in stage view scenarios.

Typical scenarios include:

• Customize the display content of the statistical field area in the stage view

Applicable scenarios

Applicable when the statistical field area of the stage view needs to be customized.

Applicable Pages

• Stage View page

When should I use stage view feature enhancements?

If you encounter any of the following requirements, stage view feature enhancements are usually a good fit:

• You want to customize the content of the top statistical field area in the stage view
• You want to execute additional business logic before the stage view is rendered

Development Approach

Stage view feature enhancements can usually be understood in three steps:

1. Identify which part of the stage view needs enhancement
2. Select the appropriate extension event/hook
3. Access the extension point in the plugin and verify the behavior

Development Workflow

1. Identify the scenario and access point

   Before you begin, confirm the following:

   • Whether the logic needs to execute before or after the stage view is rendered (Web: stage.stageView.render.before; mobile: customTotalInfo Hook)
   • Whether the customization involves the statistical field area

2. Create a stage view plugin

   Create a Stage View type plugin in the admin console. Select Web or mobile based on the actual terminal.

3. Select an event or Hook and write the logic

   Web: Register the stage.stageView.render.before event in the plugin apply, and use the banner parameter in the callback to customize the statistical field area of the stage view.

   Mobile: Register the customTotalInfo Hook and return custom content in the callback.

4. Joint debugging and validation

   • Verify the customization effect of the top statistical field area in the stage view
   • Check copy customization and return values against the reference manual

5. Release and go live

   After development is complete, release the plugin, enable it in the corresponding stage view scenario, and verify the effect on real process tasks.

Recommended Entry Points

Web

• stage.stageView.render.before - Before stage view rendering

Mobile

• customTotalInfo - Customize the statistical field area of the stage view

FAQ

Q: How do I add custom content to the top of the stage view?

Use the stage.stageView.render.before event (Web) or the customTotalInfo Hook (mobile), and return custom banner content in the callback.

Q: How can mobile implement the same capability as Web?

Mobile uses the customTotalInfo Hook and customizes the statistical field area of the stage view by returning a custom string or content.

Next Steps

• Stage Card Feature Enhancements: Stage Card Feature Enhancements
• Distinguish components and plugins: see Components Guide and Plugins Guide