• • Customize the task "View Details" button copy and visibility. * *

Applicable scenarios

Works on the web side.

Description

Before the task is rendered, you can customize the name of the view details button and control its display or hide.

# Example of a typical scenario

• • • Scenario 1 * *: Signature node displays special copy
      Example: Replace "View Details" with "View Plus Details"
• • • Scenario 2 * *: Hide details button when done
      Example: Hide the "View Details" button when a task is completed
• • • Scenario 3 * *: Rush Task Flag
      Ex: The task being rushed shows a special flag

Applicable Scenario

• Different detail button copy needs to be configured for different task types
• The detail button needs to be hidden according to the task status
• Need to show task status flag on detail button

# Applicable Pages

• Business Flow Details Page - Task Area

# Development Ideas

Enhancements can often be broken down into three steps:

1. • • Identify which link to enhance * *

• Identify the taskId that needs to be modified
• Determine button copy and visibility

2. • • Select the appropriate extension event/hook * *

• Web: bpm.detailCard.render.before

3. • • Access the extension point in the plugin and verify the behavior * *

• Get task ID and current detail button status
• Judge whether to modify the copy or reveal it according to the business logic, and submit it through api.customViewDetailButton()

DEVELOPMENT WORKFLOW

1. • • Identify custom requirements * *

• Identify the taskId that needs to be modified
• Determine button copy and visibility

2. • • Select an event * *

• Web: bpm.detailCard.render.before

3. • • Write custom logic * *

   export default class Plugins{
      apply() {
         return [
               {
                  event: 'bpm.detailCard.render.before',
                  functional: this.detailCardRenderBefore.bind(this)
               }
         ]
      }
   
      detailCardRenderBefore(api) {
        api.customViewDetailButton([{taskId:'65e5879aa10a002e989c8106',text:'这是加签节点查看详情1',isShow:true},{taskId:'65e5879aa10a002e989c8107',text:'这是加签节点查看详情2',isShow:true}])
      }
   }

4. • • Configure Plugins * *

• Select the corresponding plugin in the custom plugin configuration

# Recommended entrance

Caution

1. • • taskId must be correct * *: The task ID to be modified needs to be specified accurately
2. • • isShow defaults to true * *: Default display button when isShow is not set
3. • • Support for bulk configurations * *: Configurations that can be passed in multiple tasks at once