From 30748ea70f14c675743c7ea54e5c162d4a5e2839 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期一, 21 四月 2025 17:31:15 +0800
Subject: [PATCH] 修改多个组件的展示样式
---
src/views/overlay-clue/list/ClueManage.vue | 43 +++++++++++++++++++++++++++++++++----------
1 files changed, 33 insertions(+), 10 deletions(-)
diff --git a/src/views/overlay-clue/list/ClueManage.vue b/src/views/overlay-clue/list/ClueManage.vue
index 8519370..4999f83 100644
--- a/src/views/overlay-clue/list/ClueManage.vue
+++ b/src/views/overlay-clue/list/ClueManage.vue
@@ -14,11 +14,25 @@
>
</div>
<el-scrollbar height="70vh" class="p-h-1">
- <ClueList
- :dataList="clueList"
- @itemSelected="selectClue"
- ></ClueList>
+ <ClueList :dataList="clueList" @itemSelected="selectClue">
+ <!-- <template #extra>
+ <el-button size="small" type="primary" @click="getClues">
+ 鍙戝竷浠诲姟
+ </el-button>
+ </template> -->
+ </ClueList>
</el-scrollbar>
+ <el-row justify="space-between" class="p-8">
+ <el-pagination
+ size="small"
+ v-model:current-page="currentPage"
+ v-model:page-size="pageSize"
+ :page-sizes="[10, 20, 50, 100]"
+ :background="true"
+ layout="total, sizes, pager"
+ :total="total"
+ />
+ </el-row>
</div>
</template>
@@ -36,6 +50,9 @@
const updateTime = ref();
// 绾跨储娓呭崟
const clueList = ref([]);
+const currentPage = ref(1);
+const pageSize = ref(100);
+const total = ref(0);
/**
* 鏌ヨ宸蹭笅鍙戠殑绾跨储娓呭崟
@@ -49,9 +66,17 @@
eTime = now.add(1, 'month').format('YYYY-MM-DD HH:mm:ss');
}
onMapMounted(() => {
- clueApi.getClue({ sTime, eTime }).then((res) => {
- clueList.value = res;
- });
+ clueApi
+ .getClue({
+ sTime,
+ eTime,
+ pageNum: currentPage.value,
+ pageSize: pageSize.value
+ })
+ .then((res) => {
+ total.value = res.head.totalCount;
+ clueList.value = res.data;
+ });
});
};
@@ -75,6 +100,4 @@
getClues();
});
</script>
-<style scoped>
-
-</style>
\ No newline at end of file
+<style scoped></style>
--
Gitblit v1.9.3