fix: the ui loading function is not working

LinuxSuRen · Sep 10, 2024 · 5c907e6 · 5c907e6
1 parent b6188a0
commit 5c907e6
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/console/atest-ui/src/views/SecretManager.vue b/console/atest-ui/src/views/SecretManager.vue
@@ -107,7 +107,7 @@ const submitForm = async (formEl: FormInstance | undefined) => {
             <el-button
               type="primary"
               @click="submitForm(secretFormRef)"
-              :loading="creatingLoading"
+              v-loading="creatingLoading"
               test-id="store-form-submit"
               >{{t('button.submit')}}</el-button
             >

diff --git a/console/atest-ui/src/views/StoreManager.vue b/console/atest-ui/src/views/StoreManager.vue
@@ -316,7 +316,7 @@ function updateKeys() {
             <el-button
               type="primary"
               @click="submitForm(storeFormRef)"
-              :loading="creatingLoading"
+              v-loading="creatingLoading"
               test-id="store-form-submit"
               >{{t('button.submit')}}</el-button
             >

diff --git a/console/atest-ui/src/views/TestCase.vue b/console/atest-ui/src/views/TestCase.vue
@@ -559,10 +559,10 @@ Magic.Keys(() => {
   <el-container>
     <el-header style="padding-left: 5px;">
       <div style="margin-bottom: 5px">
-        <el-button type="primary" @click="saveTestCase" :icon="Edit" :loading="saveLoading"
+        <el-button type="primary" @click="saveTestCase" :icon="Edit" v-loading="saveLoading"
           disabled v-if="Cache.GetCurrentStore().readOnly"
           >{{ t('button.save') }}</el-button>
-        <el-button type="primary" @click="saveTestCase" :icon="Edit" :loading="saveLoading"
+        <el-button type="primary" @click="saveTestCase" :icon="Edit" v-loading="saveLoading"
           v-if="!Cache.GetCurrentStore().readOnly"
           >{{ t('button.save') }}</el-button>
         <el-button type="danger" @click="deleteTestCase" :icon="Delete">{{ t('button.delete') }}</el-button>
@@ -597,7 +597,7 @@ Magic.Keys(() => {
           </template>
         </el-autocomplete>
 
-        <el-dropdown split-button type="primary" @click="sendRequest" :loading="requestLoading">
+        <el-dropdown split-button type="primary" @click="sendRequest" v-loading="requestLoading">
           {{ t('button.send') }}
             <template #dropdown>
               <el-dropdown-menu>

diff --git a/console/atest-ui/src/views/TestSuite.vue b/console/atest-ui/src/views/TestSuite.vue
@@ -414,7 +414,7 @@ const targetSuiteDuplicateName = ref('')
             <el-button
               type="primary"
               @click="submitForm(testcaseFormRef)"
-              :loading="suiteCreatingLoading"
+              v-loading="suiteCreatingLoading"
               test-id="case-form-submit"
               >{{ t('button.submit') }}</el-button
             >

diff --git a/console/atest-ui/src/views/TestingPanel.vue b/console/atest-ui/src/views/TestingPanel.vue
@@ -453,7 +453,7 @@ const suiteKinds = [{
             <el-button
               type="primary"
               @click="submitForm(suiteFormRef)"
-              :loading="suiteCreatingLoading"
+              v-loading="suiteCreatingLoading"
               test-id="suite-form-submit"
               >{{ t('button.submit') }}</el-button
             >