[Bug] vue router-name bug fixed.

Author: wolfboys

streampark-console/streampark-console-service/src/main/java/org/apache/streampark/console/core/service/impl/DistributedTaskServiceImpl.java

@@ -226,13 +226,13 @@ public void saveDistributedTask(BaseEntity appParam, boolean autoStart, Distribu
                 return;
             }
             this.save(distributedTask);
-        } catch (JsonProcessingException e) {
+        } catch (Exception e) {
             log.error("Failed to save Distributed task: {}", e.getMessage());
         }
     }
 
     public DistributedTask getDistributedTaskByFlinkApp(FlinkApplication appParam, boolean autoStart,
-                                                        DistributedTaskEnum action) throws JsonProcessingException {
+                                                        DistributedTaskEnum action) throws Exception {
         FlinkTaskItem flinkTaskItem = new FlinkTaskItem();
         flinkTaskItem.setAppId(appParam.getId());
         flinkTaskItem.setAutoStart(autoStart);
@@ -252,7 +252,7 @@ public DistributedTask getDistributedTaskByFlinkApp(FlinkApplication appParam, b
     }
 
     public DistributedTask getDistributedTaskBySparkApp(SparkApplication appParam, boolean autoStart,
-                                                        DistributedTaskEnum action) throws JsonProcessingException {
+                                                        DistributedTaskEnum action) throws Exception {
         SparkTaskItem sparkTaskItem = new SparkTaskItem();
         sparkTaskItem.setAppId(appParam.getId());
         sparkTaskItem.setAutoStart(autoStart);

streampark-console/streampark-console-service/src/test/java/org/apache/streampark/console/core/service/DatabaseServiceTest.java

@@ -40,8 +40,10 @@ public class DatabaseServiceTest extends MysqlBaseITCASE {
 
     @Autowired
     private FlinkCatalogService catalogService;
+
     @Autowired
     private DatabaseService databaseService;
+
     private FlinkCatalogParams flinkCatalog = new FlinkCatalogParams();
 
     @BeforeEach

streampark-console/streampark-console-service/src/test/java/org/apache/streampark/console/core/service/DistributedTaskServiceTest.java

@@ -25,7 +25,6 @@
 import org.apache.streampark.console.core.enums.DistributedTaskEnum;
 import org.apache.streampark.console.core.service.impl.DistributedTaskServiceImpl;
 
-import com.fasterxml.jackson.core.JacksonException;
 import lombok.extern.slf4j.Slf4j;
 import org.junit.jupiter.api.Test;
 
@@ -68,7 +67,7 @@ void testFlinkTaskAndApp() {
             FlinkTaskItem flinkTaskItem = distributionTaskService.getFlinkTaskItem(distributedTask);
             FlinkApplication newApplication = distributionTaskService.getAppByFlinkTaskItem(flinkTaskItem);
             assert (application.equals(newApplication));
-        } catch (JacksonException e) {
+        } catch (Exception e) {
             log.error("testFlinkTaskAndApp failed:", e);
         }
     }
@@ -83,7 +82,7 @@ void testSparkTaskAndApp() {
             SparkTaskItem sparkTaskItem = distributionTaskService.getSparkTaskItem(distributedTask);
             SparkApplication newApplication = distributionTaskService.getAppBySparkTaskItem(sparkTaskItem);
             assert (application.equals(newApplication));
-        } catch (JacksonException e) {
+        } catch (Exception e) {
             log.error("testSparkTaskAndApp failed:", e);
         }
     }

streampark-console/streampark-console-webapp/src/components/Application/src/AppDarkModeToggle.vue

@@ -63,7 +63,9 @@
       height: 18px;
       background-color: #fff;
       border-radius: 50%;
-      transition: transform 0.5s, background-color 0.5s;
+      transition:
+        transform 0.5s,
+        background-color 0.5s;
       will-change: transform;
     }
 

streampark-console/streampark-console-webapp/src/components/ContextMenu/src/ContextMenu.vue

@@ -179,7 +179,9 @@
     background-color: @component-background;
     border: 1px solid rgb(0 0 0 / 8%);
     border-radius: 0.25rem;
-    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%),
+    box-shadow:
+      0 2px 2px 0 rgb(0 0 0 / 14%),
+      0 3px 1px -2px rgb(0 0 0 / 10%),
       0 1px 5px 0 rgb(0 0 0 / 6%);
     background-clip: padding-box;
     user-select: none;

streampark-console/streampark-console-webapp/src/components/Form/src/BasicForm.vue

@@ -113,7 +113,7 @@
       });
 
       const getBindValue = computed(
-        () => ({ ...attrs, ...props, ...unref(getProps) } as Recordable),
+        () => ({ ...attrs, ...props, ...unref(getProps) }) as Recordable,
       );
 
       const getSchema = computed((): FormSchema[] => {

streampark-console/streampark-console-webapp/src/components/Page/src/PageFooter.vue

@@ -39,7 +39,9 @@
     line-height: 44px;
     background-color: @component-background;
     border-top: 1px solid @border-color-base;
-    box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%),
+    box-shadow:
+      0 -6px 16px -8px rgb(0 0 0 / 8%),
+      0 -9px 28px 0 rgb(0 0 0 / 5%),
       0 -12px 48px 16px rgb(0 0 0 / 3%);
     transition: width 0.2s;
 

streampark-console/streampark-console-webapp/src/components/Table/src/components/HeaderCell.vue

@@ -22,7 +22,7 @@
     props: {
       column: {
         type: Object as PropType<BasicColumn>,
-        default: () => ({} as BasicColumn),
+        default: () => ({}) as BasicColumn,
       },
     },
     setup(props) {

streampark-console/streampark-console-webapp/src/hooks/web/useLockPage.ts

@@ -32,9 +32,12 @@ export function useLockPage() {
     }
     clear();
 
-    timeId = setTimeout(() => {
-      lockPage();
-    }, lockTime * 60 * 1000);
+    timeId = setTimeout(
+      () => {
+        lockPage();
+      },
+      lockTime * 60 * 1000,
+    );
   }
 
   function lockPage(): void {

streampark-console/streampark-console-webapp/src/router/guard/permissionGuard.ts

@@ -7,6 +7,8 @@ import { useUserStoreWithOut } from '/@/store/modules/user';
 
 import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
 
+import { PAGE_NOT_FOUND_NAME } from '/@/router/constant';
+
 import { RootRoute } from '/@/router/routes';
 
 const LOGIN_PATH = PageEnum.BASE_LOGIN;
@@ -73,7 +75,7 @@ export function createPermissionGuard(router: Router) {
     // Jump to the 404 page after processing the login
     if (
       from.path === LOGIN_PATH &&
-      to.name === PAGE_NOT_FOUND_ROUTE.name &&
+      to.name === PAGE_NOT_FOUND_NAME &&
       to.fullPath !== (userStore.getUserInfo.homePath || PageEnum.BASE_HOME)
     ) {
       next(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
@@ -104,7 +106,7 @@ export function createPermissionGuard(router: Router) {
 
     permissionStore.setDynamicAddedRoute(true);
 
-    if (to.name === PAGE_NOT_FOUND_ROUTE.name) {
+    if (to.name === PAGE_NOT_FOUND_NAME) {
       // After dynamically adding the route, it should be redirected to fullPath here, otherwise the 404 page content will load
       next({ path: to.fullPath, replace: true, query: to.query });
     } else {

streampark-console/streampark-console-webapp/src/router/routes/basic.ts

@@ -10,7 +10,7 @@ import {
 // 404 on a page
 export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
   path: '/:path(.*)*',
-  name: PAGE_NOT_FOUND_NAME,
+  name: PAGE_NOT_FOUND_NAME + '_PARENT',
   component: LAYOUT,
   meta: {
     title: 'ErrorPage',
@@ -20,7 +20,7 @@ export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
   children: [
     {
       path: '/:path(.*)*',
-      name: PAGE_NOT_FOUND_NAME + '_CHILDREN',
+      name: PAGE_NOT_FOUND_NAME,
       component: EXCEPTION_COMPONENT,
       meta: {
         title: 'ErrorPage',

streampark-console/streampark-console-webapp/src/utils/props.ts

@@ -175,7 +175,7 @@ export const buildProps = <
       : never;
   };
 
-export const definePropType = <T>(val: any) => ({ [wrapperKey]: val } as PropWrapper<T>);
+export const definePropType = <T>(val: any) => ({ [wrapperKey]: val }) as PropWrapper<T>;
 
 export const keyOf = <T extends Object>(arr: T) => Object.keys(arr) as Array<keyof T>;
 export const mutable = <T extends readonly any[] | Record<string, unknown>>(val: T) =>