src/views/monitoring/equipmentRecentHours/index.vue

@@ -11,14 +11,25 @@
 			:formConfigs="[{ label: '设备近24小时生产记录', type: 'title' }]"
 			ref="search-bar" />
 		<el-skeleton v-if="initing" :rows="6" animated />
-		<base-table
-			v-else
-			:span-method="mergeColumnHandler"
-			:table-props="tableProps"
-			:table-data="list"
-			@emitFun="handleEmitFun"></base-table>
-		<!-- :page="queryParams.pageNo"
-			:limit="queryParams.pageSize" -->
+		<div v-else>
+			<div
+				v-if="noData"
+				style="
+					height: 240px;
+					background: url(../../../assets/images/no-data-bg.png) 100% / contain
+						no-repeat;
+				">
+				没有数据
+			</div>
+			<base-table
+				v-else
+				:span-method="mergeColumnHandler"
+				:table-props="tableProps"
+				:table-data="list"
+				@emitFun="handleEmitFun"></base-table>
+			<!-- :page="queryParams.pageNo"
+				:limit="queryParams.pageSize" -->
+		</div>
 	</div>
 </template>
 
@@ -37,6 +48,7 @@ export default {
 			list: [],
 			tableProps: [],
 			spanInfo: {},
+			noData: true,
 		};
 	},
 	computed: {},
@@ -138,6 +150,13 @@ export default {
 			// console.log('recent-24', data);
 
 			this.initing = true;
+
+			if (!data || !data.length) {
+				this.initing = false;
+				this.noData = true;
+				return;
+			}
+			this.noData = false;
 			this.buildProps(data[0]);
 			this.buildData(data);
 			this.queryParams.pageSize = this.list.length;