fix: the ui loading function is not working (#527)

Co-authored-by: rick <[email protected]>

Author: LinuxSuRen

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
             >

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
             >

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>

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
             >

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
             >