no message

src/views/Market/Index.vue

@@ -64,8 +64,8 @@
                     </div>
                 </div>
             </div>
-            <div style="height: 750px;overflow: auto;">
-                <div class="q-mt-lg row wrap bg-white rounded" style="padding: 30px 10px 0 10px;">
+            <div style="height: 750px;overflow: auto;" :loading="loading">
+                <div v-if="dataList.length>0" class="q-mt-lg row wrap bg-white rounded" style="padding: 30px 10px 0 10px;">
                     <template v-for="(item,index) in dataList">
                         <div class="MarketIndexListBox">
                             <div class="MarketIndexList bg-white rounded" @click="goToTemplate(item)">
@@ -77,7 +77,8 @@
                         </div>
                     </template>
                 </div>
-                <div class="q-mt-lg row" style="justify-content: center;">
+                <div v-else class="q-mt-lg bg-white rounded" style="padding: 30px 10px 30px 10px;text-align: center;color: #909399;">暂无数据</div>
+                <div v-if="dataList.length>0" class="q-mt-lg row" style="justify-content: center;">
                     <!-- hide-on-single-page -->
                     <el-pagination
                     background
@@ -127,6 +128,7 @@
         pageCount: 0, //总页数
     })
 
+    const loading = ref(false as any)
     const searchData = ref({} as any)
     searchData.value = inject(injectKeyTemplate)
     const marketStore = useScreenStore()
@@ -174,6 +176,7 @@
      * 获取模板市场分页列表
      */
     const queryTemplateBySearchHandler = async () => {
+        loading.value = true
         try {
             let pageRes = await ConfigService.GetTemplagePageAsync(queryObj);
             if (pageRes.data.resultCode == 1) {
@@ -181,7 +184,9 @@
                 queryObj.totalCount = pageRes.data.data.count;
                 queryObj.pageCount = pageRes.data.data.pageCount;
             }
+            loading.value = false
         } catch (error) {
+            loading.value = false
         }
     }
     const handleSizeChange = (val: number) => {