~

src/pages/xdjx/tdkgl/wdtdk.vue

@@ -324,14 +324,16 @@ const handleQueryFormBtn_clear2 = () => {
   queryForm_Data2.value = { skzc: '1' }
 }
 
+const loading_table2 = ref(false)
 const queryApi2 = async () => {
   console.log('object :>> ', user.user_no);
+  loading_table2.value = true
+  tableData2.value = {}
   await request({
     url: '/xdjx/kbgl_jskbmx/index',
     data: { limit: 100, xjj_zgbh: user.user_no, ...queryForm_Data2.value }
   }).then(res => {
     const d = res.data.page_data
-    // tableData2.value = {}
     // tableData2.value = (Array.from({ length: 8 }).map((_, i) => Array.from({ length: 7 }).map((_, j) => (null))))
 
     d.forEach((el: any) => {
@@ -342,6 +344,8 @@ const queryApi2 = async () => {
     // alert(JSON.stringify(tableData2.value));
   }).catch(err => {
     console.error(err)
+  }).finally(() => {
+    loading_table2.value = false
   })
 }
 
@@ -397,7 +401,7 @@ const handleTargetChange = (item: any) => {
           </div>
         </div>
 
-        <div class="tbody">
+        <div class="tbody" v-loading="loading_table2">
           <div v-for="(i) in 8" :key="i" class="trow divide-x">
             <div v-for="j in 8" :key="j" class="tcell h-full">
               <div v-if="j === 1" class="w-full h-full flex_center">第{{ i }}节</div>