From 2f0fa3545b539e8b6f952ea82a1ca2350c64a0e8 Mon Sep 17 00:00:00 2001
From: web <candymxq888@outlook.com>
Date: 星期二, 22 四月 2025 17:28:48 +0800
Subject: [PATCH] fix:修改报警，添加参数
---
src/components/Table/index.vue | 37 ++++++++++++++++++++++++++++---------
1 files changed, 28 insertions(+), 9 deletions(-)
diff --git a/src/components/Table/index.vue b/src/components/Table/index.vue
index 1c3c1b5..e3f9796 100644
--- a/src/components/Table/index.vue
+++ b/src/components/Table/index.vue
@@ -14,6 +14,10 @@
import {onMounted, ref} from "vue";
const props = defineProps({
+ searchData: {
+ type: Object,
+ default: () => {}
+ },
getList: {
type: Function,
default: () => {},
@@ -38,19 +42,32 @@
})
const loading = ref(false);
-const getData = (data) => {
- const pagedata = { limit: state.limit, page: data.page}
+// 默认第一页
+const getData = (data={ page: state.page }) => {
+ const pagedata = { limit: state.limit, page: data.page, ...props.searchData }
loading.value = true;
props.getList(pagedata).then(res => {
- state.list = res.list
- state.total = res.total
+ state.list = res.data.list
+ state.total = res.data.total
}).finally(() => {
loading.value = false;
})
}
+// 分页按钮
+const paginationFun = (data) => {
+ state.page = data.page
+ getData(data)
+}
+
onMounted(() =>{
getData({ page: state.page })
+})
+
+// 将方法抛出去，外面可以调用
+defineExpose({
+ state,
+ getData
})
</script>
@@ -94,17 +111,16 @@
</el-table-column>
</template>
</el-table>
- <div class="pagination">
+ <div class="pagination" v-show="state.total > 0">
<div class="pagination-total">共{{state.total}}条</div>
<pagination
- v-show="state.total > 0"
layout="prev, pager, next, jumper"
:total="state.total"
- :page="state.current"
+ :page="state.page"
:limit="state.limit"
- @pagination="getData"
+ @pagination="paginationFun"
/>
- <!-- 页面右侧自定义插槽，可以加自定义按钮 -->
+ <!-- 页码右侧自定义插槽，可以加自定义按钮 -->
<slot name="pagination"></slot>
</div>
</div>
@@ -119,6 +135,9 @@
color: #fff;
}
}
+:deep(.el-table--default .el-table__cell){
+ padding: 12px 0;
+}
:deep(.pagination-container){
background-color: transparent;
margin: 0;
--
Gitblit v1.9.3