update no-data-background

src/views/monitoring/equipmentRecentHours/index.vue

@@ -11,10 +11,9 @@
 			:formConfigs="[{ label: '设备近24小时生产记录', type: 'title' }]"
 			ref="search-bar" />
 		<el-skeleton v-if="initing" :rows="6" animated />
-		<div v-else>
-			<div v-if="noData" class="no-data">没有数据</div>
+		<div v-else :class="{ 'no-data-bg': !list || list.length == 0 }">
 			<base-table
-				v-else
+				v-if="list && list.length > 0"
 				:span-method="mergeColumnHandler"
 				:table-props="tableProps"
 				:table-data="list"
@@ -187,16 +186,4 @@ pre {
 code {
 	font-family: 'IntelOne Mono', 'Ubuntu', 'Courier New', Courier, monospace;
 }
-
-.no-data {
-	display: grid;
-	place-content: center;
-	padding-top: 180px;
-	color: #ccc;
-	font-size: 14px;
-	letter-spacing: 2px;
-	height: 30vh;
-	background: url(../../../assets/images/no-data-bg.png) 50% 50% / contain
-		no-repeat;
-}
 </style>

src/views/quality/monitoring/qualityRecentHours/index.vue

@@ -13,18 +13,20 @@
 		<!-- <pre><code v-html="jsondemo"></code></pre> -->
 
 		<el-skeleton v-if="initing" :rows="6" animated />
-		<base-table
-			v-else
-			:table-props="tableProps"
-			:page="queryParams.pageNo"
-			:limit="queryParams.pageSize"
-			:table-data="list"
-			@emitFun="handleEmitFun"></base-table>
+		<div v-else :class="{ 'no-data-bg': !list || list.length == 0 }">
+			<base-table
+				v-if="list && list.length > 0"
+				:table-props="tableProps"
+				:page="queryParams.pageNo"
+				:limit="queryParams.pageSize"
+				:table-data="list"
+				@emitFun="handleEmitFun"></base-table>
+		</div>
 	</div>
 </template>
 
 <script>
-import response from './response.json';
+// import response from './response.json';
 import { handleNameData, handleDynamicData } from '@/utils/dynamicProps';
 // import hljs from 'highlight.js/lib/highlight';
 // import json from 'highlight.js/lib/languages/json';
@@ -66,11 +68,11 @@ export default {
 	},
 	methods: {
 		async getList() {
-			// const response = await this.$axios({
-			// 	url: '/monitoring/record-in-one-day/get',
-			// 	method: 'get',
-			// });
-			console.log(response);
+			const response = await this.$axios({
+				url: '/monitoring/record-in-one-day/get',
+				method: 'get',
+			});
+			// console.log(response);
 			// const {
 			// 	// data: { nameData },
 			// 	code,