提交

src/views/dashboard/index.vue

@@ -11,7 +11,7 @@
                 <el-button type="primary" @click="onSubmit">查询</el-button>
             </el-form-item>
         </el-form>
-        <el-tabs v-model="activeName" type="border-card">
+        <el-tabs v-model="activeName" type="border-card" v-loading="loading">
             <el-tab-pane label="图形" name="1">
                 <Echart :list="list" ref="echarts" />
             </el-tab-pane>
@@ -36,6 +36,7 @@ const list = ref([])
 const echarts = ref()
 const table = ref()
 const dictData = useDictData()
+const loading = ref(true)
 const formInline = reactive({
     deptInd: '',
     deptIndex: dictData.state.area[0].id,
@@ -57,12 +58,14 @@ const formInline = reactive({
 })
 // const locale=zhCn
 const onSubmit = async () => {
+    loading.value = true
     await getAreaCalculation(formInline).then(res => {
         list.value = res.data
         echarts.value.Processing(res.data.areaStatistics)
         echarts.value.Grade(res.data.voltageStatistics)
         echarts.value.Relation(res.data.monthlyStatistics)
         table.value.info(res.data)
+        loading.value = false
     })
 }