diff --git a/dinky-web/src/components/Flink/FlinkDag/index.tsx b/dinky-web/src/components/Flink/FlinkDag/index.tsx
index eace0edeb4..ac4dd0d85a 100644
--- a/dinky-web/src/components/Flink/FlinkDag/index.tsx
+++ b/dinky-web/src/components/Flink/FlinkDag/index.tsx
@@ -276,7 +276,11 @@ const FlinkDag = (props: DagProps) => {
               {
                 key: '1',
                 label: 'Detail',
-                children: <div style={{whiteSpace:"pre"}}>{(currentSelect?.getData().description)?.replaceAll("<br/>","\n")}</div>
+                children: (
+                  <div style={{ whiteSpace: 'pre' }}>
+                    {currentSelect?.getData().description?.replaceAll('<br/>', '\n')}
+                  </div>
+                )
               },
               {
                 key: '2',
diff --git a/dinky-web/src/pages/DataStudio/HeaderContainer/function.tsx b/dinky-web/src/pages/DataStudio/HeaderContainer/function.tsx
index bdfb84f0dc..c3f36e485e 100644
--- a/dinky-web/src/pages/DataStudio/HeaderContainer/function.tsx
+++ b/dinky-web/src/pages/DataStudio/HeaderContainer/function.tsx
@@ -20,7 +20,6 @@
 import { TabsPageType, TaskDataType } from '@/pages/DataStudio/model';
 import { JOB_LIFE_CYCLE, JOB_STATUS } from '@/pages/DevOps/constants';
 import { DIALECT } from '@/services/constants';
-import { EnvironmentOutlined } from '@ant-design/icons';
 
 /**
  * @description: 生成面包屑
diff --git a/dinky-web/src/pages/DataStudio/HeaderContainer/index.tsx b/dinky-web/src/pages/DataStudio/HeaderContainer/index.tsx
index a9d768cf6f..a85bd8813a 100644
--- a/dinky-web/src/pages/DataStudio/HeaderContainer/index.tsx
+++ b/dinky-web/src/pages/DataStudio/HeaderContainer/index.tsx
@@ -49,8 +49,10 @@ import {
 import { JOB_LIFE_CYCLE, JOB_STATUS } from '@/pages/DevOps/constants';
 import { SysConfigStateType } from '@/pages/SettingCenter/GlobalSetting/model';
 import { SettingConfigKeyEnum } from '@/pages/SettingCenter/GlobalSetting/SettingOverView/constants';
+import { queryList } from '@/services/api';
 import { handleOption, handlePutDataJson, queryDataByParams } from '@/services/BusinessCrud';
 import { DIALECT } from '@/services/constants';
+import { API_CONSTANTS } from '@/services/endpoints';
 import { DolphinTaskDefinition, DolphinTaskMinInfo } from '@/types/Studio/data.d';
 import { l } from '@/utils/intl';
 import { SuccessMessageAsync } from '@/utils/messages';
@@ -71,8 +73,6 @@ import { connect } from '@umijs/max';
 import { Breadcrumb, Descriptions, Modal, Space } from 'antd';
 import { ButtonProps } from 'antd/es/button/button';
 import React, { memo, useEffect, useState } from 'react';
-import {queryList} from "@/services/api";
-import {API_CONSTANTS} from "@/services/endpoints";
 
 const headerStyle: React.CSSProperties = {
   display: 'inline-flex',
@@ -364,10 +364,10 @@ const HeaderContainer = (props: connect) => {
       props: {
         onClick: async () => {
           const result = await queryList(API_CONSTANTS.GET_JOB_LIST, {
-            filter: {taskId: [currentData?.id]},
-            currentPage: 1,
+            filter: { taskId: [currentData?.id] },
+            currentPage: 1
           });
-          window.open(`/#/devops/job-detail?id=${result.data[0].id}`)
+          window.open(`/#/devops/job-detail?id=${result.data[0].id}`);
         },
         target: '_blank'
       }
@@ -446,7 +446,12 @@ const HeaderContainer = (props: connect) => {
     return (
       <FlexCenterDiv style={{ width: (size.width - 2 * VIEW.paddingInline) / 2 }}>
         {/*<Breadcrumb itemRender={(item, params, items, paths)=><span>{item.title}</span>} items={buildBreadcrumbItems(activeBreadcrumbTitle)} />*/}
-        <EnvironmentOutlined style={{paddingRight:20}}/><Breadcrumb style={{fontSize:12,lineHeight:VIEW.headerHeight+"px"}} separator={'/'} items={buildBreadcrumbItems(activeBreadcrumbTitle)} />
+        <EnvironmentOutlined style={{ paddingRight: 20 }} />
+        <Breadcrumb
+          style={{ fontSize: 12, lineHeight: VIEW.headerHeight + 'px' }}
+          separator={'/'}
+          items={buildBreadcrumbItems(activeBreadcrumbTitle)}
+        />
       </FlexCenterDiv>
     );
   };
diff --git a/dinky-web/src/pages/DevOps/JobList/components/Overview/index.tsx b/dinky-web/src/pages/DevOps/JobList/components/Overview/index.tsx
index 08e2fa116d..1c6994e0c3 100644
--- a/dinky-web/src/pages/DevOps/JobList/components/Overview/index.tsx
+++ b/dinky-web/src/pages/DevOps/JobList/components/Overview/index.tsx
@@ -28,6 +28,7 @@ import {
   SteamIcons,
   UnknownIcons
 } from '@/components/Icons/DevopsIcons';
+import useHookRequest from '@/hooks/useHookRequest';
 import { DevopContext } from '@/pages/DevOps';
 import { JOB_STATUS } from '@/pages/DevOps/constants';
 import StatisticsCard from '@/pages/DevOps/JobList/components/Overview/StatisticsCard';
@@ -37,12 +38,11 @@ import { StatusCountOverView } from '@/types/Home/data';
 import { l } from '@/utils/intl';
 import { ProCard } from '@ant-design/pro-components';
 import { Button, Col, Row, Space } from 'antd';
-import { useContext, useEffect, useState } from 'react';
-import useHookRequest from "@/hooks/useHookRequest";
+import { useContext } from 'react';
 
 const JobOverview = (props: any) => {
   const { statusFilter, setStatusFilter } = useContext<any>(DevopContext);
-  const {data} = useHookRequest(getData,{defaultParams:[API_CONSTANTS.GET_STATUS_COUNT]})
+  const { data } = useHookRequest(getData, { defaultParams: [API_CONSTANTS.GET_STATUS_COUNT] });
   const statusCount = data as StatusCountOverView;
 
   return (
diff --git a/dinky-web/src/pages/RegCenter/Cluster/Configuration/components/ConfigurationModal/ConfigurationForm/FlinkK8s/index.tsx b/dinky-web/src/pages/RegCenter/Cluster/Configuration/components/ConfigurationModal/ConfigurationForm/FlinkK8s/index.tsx
index 946287fd4f..6fdfd23308 100644
--- a/dinky-web/src/pages/RegCenter/Cluster/Configuration/components/ConfigurationModal/ConfigurationForm/FlinkK8s/index.tsx
+++ b/dinky-web/src/pages/RegCenter/Cluster/Configuration/components/ConfigurationModal/ConfigurationForm/FlinkK8s/index.tsx
@@ -92,7 +92,7 @@ const FlinkK8s = (props: { type: string; value: any; form: FormInstance<Values>
         reader.readAsText(file);
         reader.onload = () => {
           form.setFieldValue(name, reader.result as string);
-          onChange(reader.result as string + "\n");
+          onChange((reader.result as string) + '\n');
         };
       },
       showUploadList: false