[Feature-11223] support stream task (#11350)

* add task execute type

* update task definition list paging

* update task instance list paging

* stream task start

* [Feature][UI] Some changes to execute task.
    * Set the connection edge to dashed line.
    * Add FLINK_STREAM task.

* add stream task

* flink savepoint and cancel

* fix query bug

* add stream task definition

* add task instance for stream task

* delete stream task definition state

* update api for stream task definition edit

* modify search for stream task instance

* add language

* delete task type search for stream task definition

* change task type search for stream task instance

* add jump button

* add savepoint

* add down log for stream task instance

* ui test

* stream task start

* run DAG

* [Fix][UI] Fix the stream task edgs not to be dashed when filling back.

* [Feature][UI] Remove some fields for FLINK_STREAM.

* add start modal

* add dryRun column for stream task instance

* fix duration

* fix pon

* fix build error

* Add success tip

* add auto sync for stream task instance

* remove forgien key for task instance

* license header

* UT fix

* modify locales

* recover common config

* fix UT

* add doc

Co-authored-by: Amy <amywang0104@163.com>
Co-authored-by: devosend <devosend@gmail.com>

Author: 3 people

docs/docs/en/guide/project/task-definition.md

@@ -1,13 +1,23 @@
 # Task Definition
 
+## Batch Task Definition
 Task definition allows to modify or operate tasks at the task level rather than modifying them in the workflow definition.
 We already have workflow level task editor in [workflow definition](workflow-definition.md) which you can click the specific
 workflow and then edit its task definition. It is depressing when you want to edit the task definition but do not remember
 which workflow it belongs to. So we decide to add `Task Definition` view under `Task` menu.
 
-![task-definition](../../../../img/new_ui/dev/project/task-definition.jpg)
+![task-definition](../../../../img/new_ui/dev/project/batch-task-definition.png)
 
 In this view, you can create, query, update, delete task definition by click the related button in `operation` column. The
 most exciting thing is you could query task by task name in the wildcard, and it is useful when you only remember the task
 name but forget which workflow it belongs to. It is also supported query by the task name alone with `Task Type` or
 `Workflow Name`
+
+## Stream Task Definition
+Stream task definitions are created in the workflow definition, and can be modified and executed.
+
+![task-definition](../../../../img/new_ui/dev/project/stream-task-definition.png)
+
+Click the execute button, check the execution parameters and click Confirm to submit the stream task.
+
+![task-definition](../../../../img/new_ui/dev/project/stream-task-execute.png)

docs/docs/en/guide/project/task-instance.md

@@ -1,13 +1,23 @@
 # Task Instance
 
-## Create Task Instance
+## Batch Task Instance
+### Create Task Instance
 
 Click `Project Management -> Workflow -> Task Instance` to enter the task instance page, as shown in the figure below, click the name of the workflow instance to jump to the DAG diagram of the workflow instance to view the task status.
 
-![task-instance](../../../../img/new_ui/dev/project/task-instance.png)
+![task-instance](../../../../img/new_ui/dev/project/batch-task-instance.png)
 
-## View Log
+### View Log
 
 Click the `View Log` button in the operation column to view the log of the task execution
 
 ![task-log](../../../../img/new_ui/dev/project/task-log.png)
+
+## Stream Task Instance
+
+-Switch to the stream task instance page, as shown in the following figure:
+
+![task-instance](../../../../img/new_ui/dev/project/stream-task-instance.png)
+
+- SavePoint: Click the `SavePoint` button in the operation column to do stream task savepoint.
+- Stop: Click the `Stop` button in the operation column to stop the stream task.

docs/docs/en/guide/project/workflow-definition.md

@@ -34,6 +34,11 @@ Click the plus sign on the right of the task node to connect the task; as shown
 
 ![workflow-dependent](../../../../img/new_ui/dev/project/workflow-dependent.png)
 
+### Dependencies with stream task
+If the DAG contains stream tasks, the relationship between stream tasks is displayed as a dotted line, and the execution of stream tasks will be skipped when the workflow instance is executed.
+
+  ![workflow-dependent](../../../../img/new_ui/dev/project/workflow-definition-with-stream-task.png)
+
 **Delete dependencies:** Using your mouse to select the connection line, and click the "Delete" icon in the upper right corner <img src= "../../../../img/delete.png" width="35"/>, delete dependencies between tasks.
 
 ![workflow-delete](../../../../img/new_ui/dev/project/workflow-delete.png)

docs/docs/zh/guide/project/task-definition.md

@@ -1,9 +1,22 @@
 # 任务定义
 
-任务定义允许您在基于任务级别而不是在工作流中操作修改任务。再此之前，我们已经有了工作流级别的任务编辑器，你可以在[工作流定义](workflow-definition.md)
+## 批量任务定义
+批量任务定义允许您在基于任务级别而不是在工作流中操作修改任务。再此之前，我们已经有了工作流级别的任务编辑器，你可以在[工作流定义](workflow-definition.md)
 单击特定的工作流，然后编辑任务的定义。当您想编辑特定的任务定义但不记得它属于哪个工作流时，这是令人沮丧的。所以我们决定在 `任务` 菜单下添加 `任务定义` 视图。
 
-![task-definition](../../../../img/new_ui/dev/project/task-definition.jpg)
+![task-definition](../../../../img/new_ui/dev/project/batch-task-definition.png)
 
 在该视图中，您可以通过单击 `操作` 列中的相关按钮来进行创建、查询、更新、删除任务定义。最令人兴奋的是您可以通过通配符进行全部任务查询，当您只
 记得任务名称但忘记它属于哪个工作流时是非常有用的。也支持通过任务名称结合使用 `任务类型` 或 `工作流程名称` 进行查询。
+
+
+## 实时任务定义
+实时任务定义在工作流定义中创建，在任务定义页面可以进行修改和执行。
+
+![task-definition](../../../../img/new_ui/dev/project/stream-task-definition.png)
+
+点击实时任务执行，检查执行参数后点击确认，即可提交实时任务。
+
+![task-definition](../../../../img/new_ui/dev/project/stream-task-execute.png)
+
+

docs/docs/zh/guide/project/task-instance.md

@@ -1,9 +1,19 @@
 # 任务实例
 
+## 批量任务实例
 - 点击项目管理->工作流->任务实例，进入任务实例页面，如下图所示，点击工作流实例名称，可跳转到工作流实例DAG图查看任务状态。
 
-![task-instance](../../../../img/new_ui/dev/project/task-instance.png)
+![task-instance](../../../../img/new_ui/dev/project/batch-task-instance.png)
 
 - 查看日志：点击操作列中的“查看日志”按钮，可以查看任务执行的日志情况。
 
 ![task-log](../../../../img/new_ui/dev/project/task-log.png)
+
+## 实时任务实例
+
+- 切换到实时任务实例页面，如下图所示：
+
+![task-instance](../../../../img/new_ui/dev/project/stream-task-instance.png)
+
+- SavePoint：点击操作列中的SavePoint按钮，可以进行实时任务的SavePoint。
+- Stop：点击操作列中的Stop按钮，可以停止该实时任务。

docs/docs/zh/guide/project/workflow-definition.md

@@ -24,6 +24,10 @@
 
   ![workflow-dependent](../../../../img/new_ui/dev/project/workflow-dependent.png)
 
+- **实时任务的依赖关系：** 若DAG中包含了实时任务的组件，��实时任务的关联关系显示为虚线，在执行工作流实例的时候会跳过实时任务的执行
+
+  ![workflow-dependent](../../../../img/new_ui/dev/project/workflow-definition-with-stream-task.png)
+
 - **删除依赖关系：** 点击右上角"箭头"图标<img src="../../../../img/arrow.png" width="35"/>，选中连接线，点击右上角"删除"图标<img src="../../../../img/delete.png" width="35"/>，删除任务间的依赖关系。
 
   ![workflow-delete](../../../../img/new_ui/dev/project/workflow-delete.png)