From 38e4af7ca9d1c60c4976f690aba2153ce0907b46 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Sat, 06 Dec 2025 16:05:11 +0800
Subject: [PATCH] feat:更新使用vue3表格如果数据为空，统一增加空图
---
src/views/tickets/orderLog.vue | 19 ++++++++++++++++++-
1 files changed, 18 insertions(+), 1 deletions(-)
diff --git a/src/views/tickets/orderLog.vue b/src/views/tickets/orderLog.vue
index 595c86c..5cbacaf 100644
--- a/src/views/tickets/orderLog.vue
+++ b/src/views/tickets/orderLog.vue
@@ -72,9 +72,19 @@
<!-- </template>-->
</template>
</el-table-column>
+ <template #empty>
+ <el-empty
+ class="custom-empty"
+ :image-size="100"
+ >
+ <template #description>
+ <span class="custom-text">暂无数据</span>
+ </template>
+ </el-empty>
+ </template>
</el-table>
</div>
- <div class="pagination">
+ <div class="pagination" v-if="orderListTable.length > 0">
<el-pagination class="ztzf-pagination" popper-class="custom-pagination-dropdown" background
:page-sizes="[10, 20, 30, 40, 50, 100]" v-model:current-page="orderListParams.current"
v-model:page-size="orderListParams.size" layout="total, sizes, prev, pager, next, jumper" :total="total"
@@ -463,6 +473,12 @@
height: calc(100vh - 380px);
margin-top: 18px;
overflow: auto;
+ :deep(.el-scrollbar__view) {
+ height: 100%;
+ }
+ :deep(.el-table--fit,.el-scrollbar__view) {
+ height: 100%;
+ }
}
.btnItem {
@@ -501,6 +517,7 @@
:deep(.el-pagination) {
display: flex;
justify-content: right;
+ padding: 20px 0;
}
:deep(.el-pagination button) {
--
Gitblit v1.9.3