[Feature][web] Add resource management to the datastudio page (#3986)

Co-authored-by: zackyoungh <zackyoungh@users.noreply.github.com>
DataLinkDC · Dec 1, 2024 · ccda836 · ccda836
1 parent 0ee8278
commit ccda836
Show file tree

Hide file tree

Showing 8 changed files with 464 additions and 40 deletions.
diff --git a/dinky-web/src/pages/DataStudio/CenterTabContent/SqlTask/index.tsx b/dinky-web/src/pages/DataStudio/CenterTabContent/SqlTask/index.tsx
@@ -188,10 +188,6 @@ export const SqlTask = memo((props: FlinkSqlProps & any) => {
     if (taskDetail) {
       const statement = params.statement ?? taskDetail.statement;
       const newParams = { ...taskDetail, taskId: params.taskId, statement, mockSinkFunction: true };
-      // @ts-ignore
-      setCurrentState(newParams);
-      updateCenterTab({ ...props.tabData, params: newParams });
-
       if (taskDetail.dialect.toLowerCase() === DIALECT.FLINKJAR) {
         const sqlConvertForm = await flinkJarSqlConvertForm(taskDetail.statement);
         setSqlForm({ enable: true, ...sqlConvertForm });
@@ -213,6 +209,9 @@ export const SqlTask = memo((props: FlinkSqlProps & any) => {
         }
       } else {
         setOriginStatementValue(statement);
+        // @ts-ignore
+        setCurrentState(newParams);
+        updateCenterTab({ ...props.tabData, params: newParams });
         if (params?.statement && params?.statement !== taskDetail.statement) {
           setDiff([{ key: 'statement', server: taskDetail.statement, cache: params.statement }]);
           setOpenDiffModal(true);
@@ -909,7 +908,10 @@ export const SqlTask = memo((props: FlinkSqlProps & any) => {
                             }));
                           }}
                         >
-                          <ProFormCheckbox.Group name='manualInput' options={[l('datastudio.sqlTask.flinkJar.manualInput')]} />
+                          <ProFormCheckbox.Group
+                            name='manualInput'
+                            options={[l('datastudio.sqlTask.flinkJar.manualInput')]}
+                          />
 
                           <ProFormDependency name={['manualInput']}>
                             {({ manualInput }) => {

diff --git a/dinky-web/src/pages/DataStudio/DvaFunction.tsx b/dinky-web/src/pages/DataStudio/DvaFunction.tsx
@@ -125,6 +125,11 @@ export const mapDispatchToProps = (dispatch: Dispatch) => {
         type: CONFIG_MODEL_ASYNC.queryDsConfig,
         payload: params
       }),
+    queryResourceConfig: (params: string) =>
+      dispatch({
+        type: CONFIG_MODEL_ASYNC.queryResourceConfig,
+        payload: params
+      }),
     queryResource: () =>
       dispatch({
         type: STUDIO_MODEL_ASYNC.queryResource