Introduction to [Beginner's Tutorial Series] will bring everyone from the business perspective to learn, use and build applications from a business perspective. Even novices who don't have any code foundation can find the fun of successfully building applications by following the series of courses and slowly practicing from zero. Today's third lecture, step by step teaching, quickly create a simple approval process.

[Start-up tutorial series] will bring everyone from the business perspective to learn how to build applications from the simple to the deep. Even novices who don't have any code foundation can find the fun of successfully building applications by following the series of courses and slowly practicing from zero. The third lecture today is to create a simple online approval process.

Analysis form

To create an online approval process, we also follow the idea of "Turning a paper bill into an online form" in the second lecture, and first analyze the form:

  • In the form part, the travel plan needs to show the detailed travel plan; more component libraries are needed
  • Approval has branch conditions

In offline paper approval, the approval cycle is long, it is troublesome to find people, and the approval progress is not transparent. And through Yida to achieve business online, real-time approval processing tasks online, one-click reminder; intelligently grasp the relationship between the organization structure, no longer need to find someone; approval progress is clear.

image.png

First, use the following components to complete the paper sheet conversion for the business trip.

paper single component name use
business trip <span> Country assembly </ span> assembly default radio, multi-selection mode after opening select multiple countries / regions
counterparts who <span> members of the assembly </ span> open multi-select mode, you can select multiple departments
travel plans <span> sub-form component < /span> An advanced container component, you can add multiple components inside it, and repeat it many times
Among them, the sub-form component needs special explanation: the sub-form is especially suitable for filling out the business trip schedule, education information, and repeating a set of content to be filled in. The sub-form only needs to set one set of content. In the final effect, "Add a new item" appears automatically, and the next set of content can be inserted. The display of a group of content can be tiled or form horizontally. * Tiling method image.png * Form method 1. 1. Display serial number: only valid in the PC form mode, whether to display the previous serial number. 2. Theme: It is valid only in the PC table mode, divided into zebra pattern, dividing line and border line. 3. Display header: only valid in PC table mode, whether to hide the display table. image.png ### Analyze the approval flow #### ① Serial approval Serial approval means that after the approval of each approval link, the person will enter the next link. image.png #### ② Condition trigger process Conditional approval is also relatively common in the approval workflow. The design is who/or which role is required to approve a certain approval link, which depends on the conditional judgment. For example, if the amount is less than 10,000 yuan, it will end after being approved by the chief financial officer, and if the amount is more than 10,000 yuan, it will end after being approved by the vice president. Combining the above content, let's look at the business trip form and judge that this is a conditional approval. The approval condition is 7 days (inclusive), which is split into 2 conditions. Those less than or equal to 7 days are approved by the supervisor, and those greater than 7 days are approved by the general manager. ### image.png Process Settings #### ① Approval conditions image.png image.png #### ② Approval node When the user submits the process or the approver processes the process, some formulas are used to check whether the user can perform this operation. * Type of approver 1. Fixed personnel 2. Role: It can be understood as a collection of people with the same function. 3. Interface person: can be understood as a collection of people with the same function, or as a designated person corresponding to a department (Note: the same person can be the person in charge of multiple departments, and the same department can also have multiple persons in charge ) * Approval strategy 1. 1. Or sign: one person can approve and approve; 2. Countersignature: Approval can only be approved if everyone agrees to it. image.png 1. 1. Approval action image.png After the configuration is complete, you can click Publish in the upper right corner to complete the configuration of the process rules. Finally, don't forget to launch the application to publish the application to the Dingding Workbench. Click Visit to test whether the entire process runs smoothly. \>>>>Click to watch video version course > Copyright notice: content of this article is contributed spontaneously by Alibaba Cloud real-name registered users, and the copyright belongs to the original author. The Alibaba Cloud Developer Community does not own its copyright and does not assume corresponding legal responsibilities. For specific rules, please refer to the "Alibaba Cloud Developer Community User Service Agreement" and the "Alibaba Cloud Developer Community Intellectual Property Protection Guidelines". If you find suspected plagiarism in this community, fill in the infringement complaint form to report it. Once verified, the community will immediately delete the suspected infringing content.

阿里云开发者
3.2k 声望6.3k 粉丝

阿里巴巴官方技术号,关于阿里巴巴经济体的技术创新、实战经验、技术人的成长心得均呈现于此。