管理中心-设备基础管理-模板上传添加loading

src/views/govern/manage/basic/template.vue

@@ -1,16 +1,12 @@
 <template>
-    <div class="default-main">
+    <div class="default-main" v-loading="loading">
         <TableHeader ref="tableHeaderRef">
             <template #select>
                 <el-form-item label="模版名称">
                     <el-input v-model="tableStore.table.params.name" clearable placeholder="请输入名称"></el-input>
                 </el-form-item>
                 <el-form-item label="装置型号">
-                    <el-select
+                    <el-select v-model="tableStore.table.params.devType" placeholder="请选择" clearable>
-                        v-model="tableStore.table.params.devType"
-                        placeholder="请选择"
-                        clearable
-                    >
                         <el-option
                             v-for="item in DevTypeOptions"
                             :key="item.id"
@@ -102,10 +98,18 @@ provide('tableStore', tableStore)
 onMounted(() => {
     tableStore.index()
 })
+const loading = ref(false)
 const chooseFile = (e: any) => {
     console.warn(e)
+    loading.value = true
     addDevModel(e.raw).then((res: any) => {
-        tableStore.index()
+        if(res.code=='A0000'){
+            loading.value=false
+            tableStore.index()
+        }
+        
+    }).catch((e)=>{
+        loading.value=false
     })
 }
 </script>