bugfix zentao 1

src/views/monitoring/equipmentRecentHours/index.vue

@@ -12,15 +12,7 @@
 			ref="search-bar" />
 		<el-skeleton v-if="initing" :rows="6" animated />
 		<div v-else>
-			<div
-				v-if="noData"
-				style="
-					height: 240px;
-					background: url(../../../assets/images/no-data-bg.png) 100% / contain
-						no-repeat;
-				">
-				没有数据
-			</div>
+			<div v-if="noData" class="no-data">没有数据</div>
 			<base-table
 				v-else
 				:span-method="mergeColumnHandler"
@@ -63,24 +55,22 @@ export default {
 			} = item;
 
 			const props = [
-				{ prop: 'productLine', label: '产线', align: 'center' },
-				{ prop: 'specification', label: '规格', align: 'center' },
-				{ prop: 'equipmentName', label: '设备', align: 'center' },
-				{ prop: 'totalQuantity', label: '生产总数', align: 'center' },
+				{ prop: 'productLine', label: '产线' },
+				{ prop: 'specification', label: '规格' },
+				{ prop: 'equipmentName', label: '设备' },
+				{ prop: 'totalQuantity', label: '生产总数' },
 			];
 
 			for (const key of Object.keys(hourData).sort()) {
 				const subprop = {
 					label: key,
-					align: 'center',
 					children: [
-						{ prop: key + '__in', label: '进数据', align: 'center' },
-						{ prop: key + '__out', label: '出数据', align: 'center' },
-						{ prop: key + '__nok', label: '报废数据', align: 'center' },
+						{ prop: key + '__in', label: '进数据' },
+						{ prop: key + '__out', label: '出数据' },
+						{ prop: key + '__nok', label: '报废数据' },
 						{
 							prop: key + '__ratio',
 							label: '报废率',
-							align: 'center',
 							filter: (val) => (val != null ? val + ' %' : '-'),
 						},
 					],
@@ -197,4 +187,16 @@ 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>