diff --git a/frontend/src/views/dataset/add/AddDB.vue b/frontend/src/views/dataset/add/AddDB.vue
index eab8148e51..be014f8dcf 100644
--- a/frontend/src/views/dataset/add/AddDB.vue
+++ b/frontend/src/views/dataset/add/AddDB.vue
@@ -28,8 +28,8 @@
         </el-form-item>
         <el-form-item class="form-item">
           <el-select v-model="mode" filterable :placeholder="$t('dataset.connect_mode')" size="mini">
-            <el-option :label="$t('dataset.direct_connect')" value="0"  />
-            <el-option :label="$t('dataset.sync_data')" value="1" :disabled="!kettleRunning"/>
+            <el-option :label="$t('dataset.direct_connect')" value="0" />
+            <el-option :label="$t('dataset.sync_data')" value="1" :disabled="!kettleRunning" />
           </el-select>
         </el-form-item>
         <el-form-item class="form-item" style="float: right;">
@@ -58,7 +58,7 @@
 </template>
 
 <script>
-import {listDatasource, post, isKettleRunning} from '@/api/dataset/dataset'
+import { listDatasource, post, isKettleRunning } from '@/api/dataset/dataset'
 
 export default {
   name: 'AddDB',
@@ -103,7 +103,7 @@ export default {
   activated() {
     this.initDataSource()
   },
-  created(){
+  created() {
     this.kettleState()
   },
   methods: {
@@ -112,7 +112,7 @@ export default {
         this.options = response.data
       })
     },
-    kettleState(){
+    kettleState() {
       isKettleRunning().then(res => {
         this.kettleRunning = res.data
       })
diff --git a/frontend/src/views/dataset/add/AddSQL.vue b/frontend/src/views/dataset/add/AddSQL.vue
index 76bcc4f15d..83e31e3ac9 100644
--- a/frontend/src/views/dataset/add/AddSQL.vue
+++ b/frontend/src/views/dataset/add/AddSQL.vue
@@ -88,7 +88,7 @@
 </template>
 
 <script>
-import {post, listDatasource, isKettleRunning} from '@/api/dataset/dataset'
+import { post, listDatasource, isKettleRunning } from '@/api/dataset/dataset'
 import { codemirror } from 'vue-codemirror'
 import { getTable } from '@/api/dataset/dataset'
 // 核心样式
@@ -171,11 +171,11 @@ export default {
 
     this.initTableInfo()
   },
-  created(){
+  created() {
     this.kettleState()
   },
   methods: {
-    kettleState(){
+    kettleState() {
       isKettleRunning().then(res => {
         this.kettleRunning = res.data
       })
diff --git a/frontend/src/views/dataset/common/DatasetGroupSelector.vue b/frontend/src/views/dataset/common/DatasetGroupSelector.vue
index 539e4d8b7b..4e160b70c1 100644
--- a/frontend/src/views/dataset/common/DatasetGroupSelector.vue
+++ b/frontend/src/views/dataset/common/DatasetGroupSelector.vue
@@ -103,7 +103,7 @@
 </template>
 
 <script>
-import {isKettleRunning, post} from '@/api/dataset/dataset'
+import { isKettleRunning, post } from '@/api/dataset/dataset'
 
 export default {
   name: 'DatasetGroupSelector',
@@ -169,11 +169,11 @@ export default {
     this.tree(this.groupForm)
     this.tableTree()
   },
-  created(){
+  created() {
     this.kettleState()
   },
   methods: {
-    kettleState(){
+    kettleState() {
       isKettleRunning().then(res => {
         this.kettleRunning = res.data
       })
@@ -213,8 +213,8 @@ export default {
         }).then(response => {
           this.tables = response.data
           for (let i = 0; i < this.tables.length; i++) {
-            if(this.tables[i].mode===1 && this.kettleRunning === false){
-              this.$set(this.tables[i],"disabled",true)
+            if (this.tables[i].mode === 1 && this.kettleRunning === false) {
+              this.$set(this.tables[i], 'disabled', true)
             }
           }
           this.tableData = JSON.parse(JSON.stringify(this.tables))
@@ -248,7 +248,7 @@ export default {
     },
 
     sceneClick(data, node) {
-      if(data.disabled){
+      if (data.disabled) {
         this.$message({
           type: 'warning',
           message: this.$t('dataset.invalid_dataset'),
diff --git a/frontend/src/views/dataset/group/Group.vue b/frontend/src/views/dataset/group/Group.vue
index 8a2acc58b6..0b0abe78fd 100644
--- a/frontend/src/views/dataset/group/Group.vue
+++ b/frontend/src/views/dataset/group/Group.vue
@@ -242,7 +242,7 @@
 </template>
 
 <script>
-import { loadTable, getScene, addGroup, delGroup, addTable, delTable, groupTree, isKettleRunning} from '@/api/dataset/dataset'
+import { loadTable, getScene, addGroup, delGroup, addTable, delTable, groupTree, isKettleRunning } from '@/api/dataset/dataset'
 
 export default {
   name: 'Group',
@@ -546,7 +546,7 @@ export default {
     },
 
     addData(name) {
-      this.$emit('switchComponent', { name: name, param: this.currGroup})
+      this.$emit('switchComponent', { name: name, param: this.currGroup })
     },
 
     sceneClick(data, node) {