计算资源无数据修改

src/views/computingResource/resourceList.vue

@@ -56,7 +56,7 @@
             :label="productType.name"
             :name="productType.id">
           <div v-if="showVersion === 1" class="version-1">
-            <el-table :data="tableData" :max-height="490" style="width: 100%">
+            <el-table v-if="tableData.length !== 0" :data="tableData" :max-height="490" style="width: 100%">
               <el-table-column prop="name" label="型号" width="190px" sortable/>
               <el-table-column
                   v-for="(item, index) in tableData[0]?.properties.length!==0?tableData[0]?.properties.slice(0,6):tableData[0]?.properties"
@@ -77,10 +77,11 @@
                 </template>
               </el-table-column>
             </el-table>
+            <el-empty v-if="tableData.length === 0" description="暂无资源"/>
           </div>
           <!--卡片形式-->
           <div v-if="showVersion === 2" class="version-2">
-            <el-row :gutter="24">
+            <el-row :gutter="24" v-if="tableData.length !== 0">
               <el-col v-for="(item,index) in tableData" :key="index" :span="6">
                 <div class="product-card">
                   <div class="top-info">
@@ -116,6 +117,7 @@
                 </div>
               </el-col>
             </el-row>
+            <el-empty v-if="tableData.length === 0" description="暂无资源"/>
           </div>
 
           <pagination