init

pc/src/views/site-detail.vue

@@ -131,8 +131,9 @@
 							<div class="cell flex_3">{{item.value}} {{item.unit}}</div>
 							<div class="cell">{{item.CreatedAt}}</div>
 						</div>
+						<div class="no-data" v-show="list.data.length==0">暂无历史数据</div>
 					</div>
-					<div class="page" style="flex-shrink: 0;display: flex;justify-content: center">
+					<div class="pagination">
 						<el-pagination
 							v-model:currentPage="list.page"
 							v-model:page-size="list.pageSize"
@@ -140,8 +141,8 @@
 							:small="small"
 							layout="sizes, prev, pager, next"
 							:total="list.total"
-							@size-change="handleSizeChange"
-							@current-change="handleCurrentChange"
+							@size-change="()=>getHistoryDataList()"
+							@current-change="(val)=>getHistoryDataList(val)"
 						/>
 					</div>
 				</div>
@@ -243,6 +244,7 @@
 								<span class="opt" @click="seeDetail(item)">查看</span>
 							</div>
 						</div>
+						<div class="no-data" v-show="list.data.length==0">暂无巡检工单</div>
 					</div>
 					<div class="pagination">
 						<el-pagination
@@ -250,12 +252,10 @@
 							v-model:page-size="list.pageSize"
 							:page-sizes="[10, 15, 20, 25]"
 							:small="small"
-							:disabled="disabled"
-							:background="background"
 							layout="sizes, prev, pager, next"
 							:total="list.total"
 							@size-change="()=>getOrderList()"
-							@current-change="()=>getOrderList()"
+							@current-change="(val)=>getOrderList(val)"
 						/>
 					</div>
 				</div>
@@ -684,13 +684,6 @@
 						return {text:'...',color:'#f78131'};
 				}
 			}
-			const handleSizeChange = (val) => {
-				state.list.pageSize = val;
-				getHistoryDataList();
-			};
-			const handleCurrentChange = (val) => {
-				getHistoryDataList(val);
-			};
 			onMounted(() => {
 				getDetail();
 				initGauge();
@@ -704,9 +697,7 @@
 				getOrderList,
 				getHistoryDataList,
 				seeDetail,
-				wcTypeChange,
-				handleSizeChange,
-				handleCurrentChange
+				wcTypeChange
 			}
 		},
 		components: {
@@ -956,8 +947,17 @@
 						background-color: #7d848b;
 					}
 					.table-body{
+						position: relative;
 						flex: 1;
 						overflow-y: auto;
+						.no-data{
+							position: absolute;
+							flex: 1;
+							display: flex;
+							justify-content: center;
+							align-items: center;
+							color:#999;
+						}
 					}
 					.row{
 						height: 60px;