fix: SQL数据集进入编辑页面马上点击保存提示异常，保存按钮无法恢复状态

core/frontend/src/views/dataset/Form.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="de-dataset-form">
-    <div class="top" v-loading="loading">
+    <div v-loading="saveDisabled" class="top">
       <span class="name">
         <i
           class="el-icon-arrow-left"
@@ -41,7 +41,7 @@
         >{{ $t('deDataset.selected') }} {{ tableNum }}
           {{ ['excel'].includes(datasetType) ? $t('deDataset.table') : $t('deDataset.item') }}</span>
         <deBtn
-          :disabled="['db', 'excel', 'api', 'union'].includes(datasetType) && !tableNum"
+          :disabled="(['db', 'excel', 'api', 'union'].includes(datasetType) && !tableNum)"
           type="primary"
           @click="datasetSave"
         >{{
@@ -56,8 +56,8 @@
         :param="table"
         :origin-name="originName"
         :name-list="nameList"
+        @setSaveDisabled="(val) => (saveDisabled = val)"
         @setTableNum="(val) => (tableNum = val)"
-        @datasourceLoading="(val) => loading = val"
       />
     </div>
   </div>
@@ -79,8 +79,8 @@ export default {
   data() {
     return {
       originName: '',
+      saveDisabled: true,
       tableNum: 0,
-      loading: false,
       showInput: false,
       editType: '',
       selectDatasets: [],

core/frontend/src/views/dataset/add/AddApi.vue

@@ -321,6 +321,7 @@ export default {
     this.initDataSource()
     window.addEventListener('resize', this.calHeight)
     this.calHeight()
+    this.$emit('setSaveDisabled', false)
   },
   activated() {
     this.initDataSource()

core/frontend/src/views/dataset/add/AddCustom.vue

@@ -152,6 +152,7 @@ export default {
       this.getCustomTable()
       this.getUnionData()
     }
+    this.$emit('setSaveDisabled', false)
   },
   methods: {
     calHeight() {

core/frontend/src/views/dataset/add/AddDB.vue

@@ -343,6 +343,7 @@ export default {
     this.initDataSource()
     window.addEventListener('resize', this.calHeight)
     this.calHeight()
+    this.$emit('setSaveDisabled', false)
   },
   activated() {
     this.initDataSource()

core/frontend/src/views/dataset/add/AddExcel.vue

@@ -316,6 +316,7 @@ export default {
   mounted() {
     window.addEventListener('resize', this.calHeight)
     this.calHeight()
+    this.$emit('setSaveDisabled', false)
   },
   created() {
     if (!this.param.tableId) {

core/frontend/src/views/dataset/add/AddSQL.vue

@@ -905,8 +905,11 @@ export default {
 
     initTableInfo() {
       const tableId = this.param.tableId || this.$route.query.id
+      if (!tableId) {
+        this.$emit('setSaveDisabled', false)
+        return
+      }
       if (tableId) {
-        this.$emit('datasourceLoading', true)
         getTable(tableId).then((response) => {
           const table = response.data
           this.dataSource = table.dataSourceId
@@ -922,7 +925,7 @@ export default {
           }
           this.variables = JSON.parse(table.sqlVariableDetails)
         }).finally(() => {
-          this.$emit('datasourceLoading', false)
+          this.$emit('setSaveDisabled', false)
         })
       }
     },

core/frontend/src/views/dataset/add/AddUnion.vue

@@ -229,6 +229,7 @@ export default {
   },
   mounted() {
     this.initTableData()
+    this.$emit('setSaveDisabled', false)
   },
   methods: {
     mousedownDrag() {