From d1dca6491e6c8cfe481e8737bb0a814754fc4a78 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Tue, 01 Jul 2025 10:10:42 +0800
Subject: [PATCH] feat:算法仓库分页重置
---
src/views/algorithmRepository/algorithmRepository.vue | 42 +++++++++++++++++++++++++++++-------------
1 files changed, 29 insertions(+), 13 deletions(-)
diff --git a/src/views/algorithmRepository/algorithmRepository.vue b/src/views/algorithmRepository/algorithmRepository.vue
index f818613..5de3851 100644
--- a/src/views/algorithmRepository/algorithmRepository.vue
+++ b/src/views/algorithmRepository/algorithmRepository.vue
@@ -58,9 +58,10 @@
</div>
</div>
- <div
+ <div v-if="detailData.length > 0" class="pictureBox">
+ <div
class="pictureitem"
- v-if="detailData.length > 0"
+
v-loading="loading"
element-loading-text="加载中"
>
@@ -79,6 +80,7 @@
</div>
</div>
</div>
+ </div>
<el-empty class="custom-empty" v-else>
<template #description>
<span class="custom-text">暂无数据</span>
@@ -88,7 +90,7 @@
<el-pagination
class="pageStyle"
background
- :page-sizes="[10, 20, 30, 50]"
+ :page-sizes="[15, 20, 30, 50]"
v-model:current-page="params.current"
v-model:page-size="params.size"
layout="total, prev, pager, next,sizes, jumper"
@@ -102,9 +104,7 @@
</template>
<script setup>
-defineOptions({
- name: 'algorithmRepository',
-});
+
import { getDictionaryByCode } from '@/api/system/dictbiz';
import { getalgorithmList, selectDeviceList } from '@/api/algorithm';
import { getSmallImg } from '@/utils/util';
@@ -124,7 +124,7 @@
device_name: '',
name: '',
current: 1,
- size: 10,
+ size: 15,
});
// 请求字典字段
@@ -153,7 +153,15 @@
};
// 详情
const getList = () => {
- getalgorithmList(params.value).then(res => {
+const detailParams={
+ ai_type_key: params.value.ai_type_key,
+ start_date:params.value.start_date,
+ end_date: params.value.end_date,
+ device_name: params.value.device_name,
+ name:params.value.name,
+}
+ getalgorithmList(detailParams,{ current: params.value.current,
+ size: params.value.size,}).then(res => {
loading.value = true;
detailData.value = res.data.data.records;
total.value = res.data.data.total;
@@ -186,6 +194,8 @@
const goback = () => {
showDetail.value = false;
activeItem.value = null;
+ params.value.current =1
+ params.value.size=15
};
// 分页大小改变
const handleSizeChange = val => {
@@ -216,7 +226,7 @@
text-align: center;
vertical-align: middle;
.item {
- height: 269px;
+ height: 267px;
display: flex;
flex-direction: column;
justify-content: center;
@@ -275,18 +285,24 @@
}
.algorithItemDetail {
padding: 20px;
-
+
+ .pictureBox {
+ // height: 625px;
+ height: pxToVh(760);
+ overflow: auto;
+ }
.pictureitem {
+
display: grid;
grid-template-columns: repeat(5, 1fr);
- gap: 24px;
+ gap: 14px;
.imgitem {
border-radius: 12px 12px 0 0;
overflow: hidden;
.el-image {
width: 100%;
- height: 200px;
+ height: 170px;
display: block;
margin: 0;
padding: 0;
@@ -295,7 +311,7 @@
display: flex;
justify-content: space-between;
align-items: center;
- height: 42px;
+ height: 35px;
border-radius: 0 0 12px 12px;
overflow: hidden;
background: linear-gradient(180deg, #ffffff 0%, #e5edff 100%);
--
Gitblit v1.9.3