From 056ea576d820729878ffd62cd54cd7598e72d07e Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 29 七月 2025 16:07:31 +0800
Subject: [PATCH] 新增图片超出限制，无法选中功能
---
src/views/overlay-clue/list/ClueManage.vue | 34 +++++++++++++++++++++++++---------
1 files changed, 25 insertions(+), 9 deletions(-)
diff --git a/src/views/overlay-clue/list/ClueManage.vue b/src/views/overlay-clue/list/ClueManage.vue
index b43cc8f..413110d 100644
--- a/src/views/overlay-clue/list/ClueManage.vue
+++ b/src/views/overlay-clue/list/ClueManage.vue
@@ -13,11 +13,11 @@
>鎷夊彇绾跨储</el-button
>
</div>
- <el-scrollbar height="70vh" class="p-h-1">
+ <el-scrollbar height="70vh" class="p-h-1" v-loading="loading">
<ClueList :dataList="clueList" @itemSelected="selectClue">
</ClueList>
</el-scrollbar>
- <el-row justify="space-between" class="p-8">
+ <el-scrollbar v-show="showPage" class="p-8">
<el-pagination
size="small"
v-model:current-page="currentPage"
@@ -27,7 +27,7 @@
layout="total, sizes, pager"
:total="total"
/>
- </el-row>
+ </el-scrollbar>
</div>
</template>
@@ -37,7 +37,7 @@
import clueApi from '@/api/clue/clueApi';
import { onMapMounted } from '@/components/map/baseMap';
import moment from 'moment';
-import { ref, onMounted, reactive } from 'vue';
+import { ref, onMounted, reactive, watch } from 'vue';
const emits = defineEmits('itemSelected');
@@ -46,13 +46,23 @@
// 绾跨储娓呭崟
const clueList = ref([]);
const currentPage = ref(1);
-const pageSize = ref(100);
+const pageSize = ref(50);
const total = ref(0);
+const showPage = ref(true);
+const loading = ref(false);
+
+watch([currentPage, pageSize], (nV, oV) => {
+ if (nV[0] != oV[0] || nV[1] != oV[1]) {
+ getClues();
+ }
+});
/**
* 鏌ヨ宸蹭笅鍙戠殑绾跨储娓呭崟
*/
const getClues = function () {
+ showPage.value = true;
+ loading.value = true;
let sTime;
let eTime;
if (updateTime.value) {
@@ -71,16 +81,22 @@
.then((res) => {
total.value = res.head.totalCount;
clueList.value = res.data;
- });
+ })
+ .finally(() => (loading.value = false));
});
};
function fetchRemoteClue() {
+ showPage.value = false;
+ loading.value = true;
const time = moment(updateTime.value).format('YYYY-MM-DD HH:mm:ss');
onMapMounted(() => {
- clueApi.fetchRemoteClue(time).then((res) => {
- clueList.value = res;
- });
+ clueApi
+ .fetchRemoteClue(time)
+ .then((res) => {
+ clueList.value = res;
+ })
+ .finally(() => (loading.value = false));
});
}
--
Gitblit v1.9.3