Notify approver regularly
1. Use background
When the user submits the approval process and wants the system to remind the approver to approve it at a fixed time, we can implement this requirement through this document.
2. Procedure
2.1 Step 1: create the required form
2.1.1 create flow chart
Create a flow chart to host the approval process. You need to add a member component on the page to set the variable approver to send a message notification to it.
Procedure:
a. Create a flow chart named flow chart 」.
B. Add A date component named notification date, node A approver, and node B approver to the flow chart edit page.
c. Click the Save button.
Procedure:
a. Create a process page named flow chart 」.
B. Add "Notification Date","node A approver","node B approver" and other components required for process approval on the edit page.
c. Click save.
d. Design flow chart process design, click Settings> Process Design
e. Add two approver nodes, named "node A approver" and "node B approver" respectively ". Configure the approver as the member field in the form and select the corresponding member field (as shown in Figure 2.1.1-2).
Figure 2.1.1-2 process design
2.1.2 create form page
Create two form pages named "node A notification form" and "node B notification form", which store the and B approvers, notification date and instance ID within Flow Chart respectively, it is used as message notification and click message notification to automatically jump to the approval page (as shown in Figure 2.1.2-1 and 2.1.2-2).
Figure 2.1.2-1 node A notification form
Figure 2.1.2-2 Node B notification form
Set message notifications for node A and node B notification forms
Procedure:
Select Settings> Page Settings> message notification> create notification> Select set according to the date field in the form> set rules (as shown in Figure 2.1.2-4)> select by component notification> A page select node A approver>Configure message templatesAnd select the template (as shown in Figure 2.1.2-3)
Figure 2.1.2-3 set message notification
Set the rule to start from 18 : 14 at the current time of the date component and remind it once a day until October 01, 2022.
If this data is deleted, the message notification is terminated.
Figure 2.1.2-4 setting rules
2.2 Step 2: configure the node submission rule on the process page
In the process design of flow chart, set node submission rules (as shown in Figure 2.2-1), which are as follows:
Figure 2.2-1 configure node submission rules
2.2.1 insert A node message notification: (as shown in Figure 2.2.1-1)
Figure 2.2.1-1 insert A node message notification
The following is an example of the associated operation. Note:After copying, replace all fields with the corresponding fields on the current page.
{"text":"UPSERT(A节点通知表单,EQ(A节点通知表单.A节点审批人,A节点审批人),\"\",A节点通知表单.通知日期,通知日期,A节点通知表单.A节点审批人,A节点审批人,A节点通知表单.实例ID,实例id (var))","marks":[{"from":{"line":0,"ch":7,"sticky":null},"to":{"line":0,"ch":16,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/","invalid":false},{"from":{"line":0,"ch":20,"sticky":null},"to":{"line":0,"ch":36,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/employeeField_kv63l2zp","invalid":false},{"from":{"line":0,"ch":37,"sticky":null},"to":{"line":0,"ch":45,"sticky":null},"value":"employeeField_kv61pgje","invalid":false},{"from":{"line":0,"ch":50,"sticky":null},"to":{"line":0,"ch":64,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/dateField_kv63l2zo","invalid":false},{"from":{"line":0,"ch":65,"sticky":null},"to":{"line":0,"ch":71,"sticky":null},"value":"dateField_kv7eqtdx","invalid":false},{"from":{"line":0,"ch":72,"sticky":null},"to":{"line":0,"ch":88,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/employeeField_kv63l2zp","invalid":false},{"from":{"line":0,"ch":89,"sticky":null},"to":{"line":0,"ch":97,"sticky":null},"value":"employeeField_kv61pgje","invalid":false},{"from":{"line":0,"ch":98,"sticky":null},"to":{"line":0,"ch":112,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/textField_kv6bay59","invalid":false},{"from":{"line":0,"ch":113,"sticky":null},"to":{"line":0,"ch":125,"sticky":null},"value":"yida_formInstId","invalid":false}],"isCmData":true}
2.2.2 message notification for deleting node A: (as shown in figure 2.2.2-1)
Figure 2.2.2-1 message notification for deleting node A
The following is an example of the associated operation. Note:After copying, replace all fields with the corresponding fields on the current page.
{"text":"DELETE(A节点通知表单,EQ(A节点通知表单.A节点审批人,A节点审批人),\"\")","marks":[{"from":{"line":0,"ch":7,"sticky":null},"to":{"line":0,"ch":16,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/","invalid":false},{"from":{"line":0,"ch":20,"sticky":null},"to":{"line":0,"ch":36,"sticky":null},"value":"FORM-YE866VA1GSOU8MQL59667ASD0I873NKWK36VK7/employeeField_kv63l2zp","invalid":false},{"from":{"line":0,"ch":37,"sticky":null},"to":{"line":0,"ch":45,"sticky":null},"value":"employeeField_kv61pgje","invalid":false}],"isCmData":true}
2.2.3 insert node B message notification: (as shown in figure 2.2.3-1)
Figure 2.2.3-1 insert node B message notification
The following is an example of the associated operation. Note:After copying, replace all fields with the corresponding fields on the current page.
{"text":"UPSERT(B节点通知表单,EQ(B节点通知表单.B节点审批人,B节点审批人),\"\",B节点通知表单.通知日期,通知日期,B节点通知表单.B节点审批人,B节点审批人,B节点通知表单.实例ID,实例id (var))","marks":[{"from":{"line":0,"ch":7,"sticky":null},"to":{"line":0,"ch":16,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/","invalid":false},{"from":{"line":0,"ch":20,"sticky":null},"to":{"line":0,"ch":36,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/employeeField_kv63l2zp","invalid":false},{"from":{"line":0,"ch":37,"sticky":null},"to":{"line":0,"ch":45,"sticky":null},"value":"employeeField_kv61pgjf","invalid":false},{"from":{"line":0,"ch":50,"sticky":null},"to":{"line":0,"ch":64,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/dateField_kv63l2zo","invalid":false},{"from":{"line":0,"ch":65,"sticky":null},"to":{"line":0,"ch":71,"sticky":null},"value":"dateField_kv7eqtdx","invalid":false},{"from":{"line":0,"ch":72,"sticky":null},"to":{"line":0,"ch":88,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/employeeField_kv63l2zp","invalid":false},{"from":{"line":0,"ch":89,"sticky":null},"to":{"line":0,"ch":97,"sticky":null},"value":"employeeField_kv61pgjf","invalid":false},{"from":{"line":0,"ch":98,"sticky":null},"to":{"line":0,"ch":112,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/textField_kv6bay59","invalid":false},{"from":{"line":0,"ch":113,"sticky":null},"to":{"line":0,"ch":125,"sticky":null},"value":"yida_formInstId","invalid":false}],"isCmData":true}
2.2.4 message notification for deleting node B: (as shown in figure 2.2.4-1)
Figure 2.2.4-1 message notification for deleting node B
The following is an example of the associated operation. Note:After copying, replace all fields with the corresponding fields on the current page.
{"text":"DELETE(B节点通知表单,EQ(B节点通知表单.B节点审批人,B节点审批人),\"\")","marks":[{"from":{"line":0,"ch":7,"sticky":null},"to":{"line":0,"ch":16,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/","invalid":false},{"from":{"line":0,"ch":20,"sticky":null},"to":{"line":0,"ch":36,"sticky":null},"value":"FORM-YE866VA1VNRUR0LR0I4A3DDJXRLS37RA746VK0/employeeField_kv63l2zp","invalid":false},{"from":{"line":0,"ch":37,"sticky":null},"to":{"line":0,"ch":45,"sticky":null},"value":"employeeField_kv61pgjf","invalid":false}],"isCmData":true}
2.3 Step 3: configure the jump link on the single page of the table
Function:When you click message notification to go to the form details page, you will automatically jump to the process page to be approved.
Note: If you click message notification, the page displays the unauthorized access page. You need to configure the table page permission to view data.
In the page settings of node A notification form and node B notification form, bind didmount actions when the page is loaded, and write code to determine whether the page is submitted, if it is not the submission page, jump to the approval page (as shown in Figure 2.3-1).
Figure 2.3-1 binding didmount
The following code can be directly copied to the JS panel,Note: replace APPType with the unique ID, which is the ID of the current page instance.
export function didMount() {
if (!this.utils.isSubmissionPage()) {//判断是否是提交页
this.utils.router.push(`https://www.aliwork.com/APP_EFGOUXOHRUAZ3IWPNGCZ/processDetail?formInstId=${this.$("textField_kv6bay59").getValue()}`, "", true, true)
}
}
3. Effect demonstration
YIDA in order to better optimize the content and quality of YIDA user manual, it takes you 3-5 minutes to fill in the document feedback questionnaire. The document feedback questionnaire is submitted anonymously, and the questionnaire information is only used for YIDA document experience feedback collection. Thank you for your support for YIDA!
-------------------- Get the latest information YIDA, welcome to follow US--------------------
