songjianet opened a new issue #6969:
URL: https://github.com/apache/dolphinscheduler/issues/6969


   ### Search before asking
   
   - [X] I had searched in the 
[issues](https://github.com/apache/dolphinscheduler/issues?q=is%3Aissue) and 
found no similar feature requirement.
   
   
   ### Description
   
   Since the current workflow configuration page is hard-coded on the front 
end, it is not convenient for subsequent maintenance and function point 
updates. Therefore, it is planned to optimize the workflow configuration page 
by refactoring, and allow configuration to render different components after 
optimization.
   
   Page layout division
   - header:The top area contains the functions of workflow name, copy 
workflow, download, full screen, save, close, version information and 
formatting;
   - palette:Toolbar, including `SHELL`, `SUB_PROCESS`, `PROCEDURE`, `SQL`, 
`SPARK`, `FLINK`, `MR`, `PYTHON`, `DEPENDENT`, `HTTP`, `DATAX`, `PIGEON `, 
`SQOOP`, `CONDITIONS`, `SWITCH` and `WATERDROP`;
   - renderer:Renderer, drag and drop different nodes in the toolbar;
   - properties-panel:Node attribute configuration bar, rendering different 
attribute configurations according to different nodes;
   
![image-20211123150136241](https://user-images.githubusercontent.com/19239641/142996631-88471e9f-476f-42a2-92ae-767c82fb70f5.png)
   
   Palette design
   The front-end page queries the nodes that need to be displayed through the 
interface, only the nodes returned by the interface are displayed, the nodes 
that are not returned by the interface, and the front-end page is not rendered.
   
![image-20211123152315052](https://user-images.githubusercontent.com/19239641/142996960-3732809b-dbf3-48da-a280-fc42c7549f2e.png)
   
   Properties-panel design
   After dragging a node from the `palette` to the `renderer` area by dragging 
and dropping, the drawer component on the right can be activated, and the form 
configuration information in the component is rendered through the interface 
data.
   
![image-20211123162301762](https://user-images.githubusercontent.com/19239641/142997094-d52c422a-f8e1-469a-9024-83a4051c1e4d.png)
   
   
   ### Use case
   
   _No response_
   
   ### Related issues
   
   _No response_
   
   ### Are you willing to submit a PR?
   
   - [X] Yes I am willing to submit a PR!
   
   ### Code of Conduct
   
   - [X] I agree to follow this project's [Code of 
Conduct](https://www.apache.org/foundation/policies/conduct)
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


Reply via email to