From 38452ff3a229ad1922d49f182f5595dc2a790693 Mon Sep 17 00:00:00 2001
From: 张含笑 <zhx18749296735@163.com>
Date: Mon, 30 Jun 2025 16:40:59 +0800
Subject: [PATCH] feat:帮助中心
---
src/views/algorithmRepository/algorithmRepository.vue | 47 ++++++++++++++++++++++++++++-------------------
1 files changed, 28 insertions(+), 19 deletions(-)
diff --git a/src/views/algorithmRepository/algorithmRepository.vue b/src/views/algorithmRepository/algorithmRepository.vue
index 8431819..adadf1a 100644
--- a/src/views/algorithmRepository/algorithmRepository.vue
+++ b/src/views/algorithmRepository/algorithmRepository.vue
@@ -67,7 +67,7 @@
<div class="imgitem" v-for="(item, index) in detailData" :key="index">
<el-image
ref="imageRef"
- :src="item.url"
+ :src="getSmallImg(item.url)"
show-progress
:preview-src-list="detailData.map(i => i.url)"
fit="cover"
@@ -102,15 +102,13 @@
</template>
<script setup>
-defineOptions({
- name: 'algorithmRepository',
-});
+
import { getDictionaryByCode } from '@/api/system/dictbiz';
import { getalgorithmList, selectDeviceList } from '@/api/algorithm';
-import { getSmallImg } from '@/utils/util'
+import { getSmallImg } from '@/utils/util';
import { useRouter } from 'vue-router';
const router = useRouter();
-const baseUrl = import.meta.env.VITE_APP_TERRAIN_URL;
+const baseUrl = import.meta.env.VITE_APP_PICTURE_URL;
const showDetail = ref(false);
const taskData = ref('');
const jcvalue = ref('');
@@ -124,13 +122,9 @@
device_name: '',
name: '',
current: 1,
- size: 10,
+ size: 15,
});
-// const getSmallImg = (url) => {
-
-// return url ? encodeURI(url.substring(0, url.lastIndexOf('.')) + '_small' + url.substring(url.lastIndexOf('.'))) : ''
-// }
// 请求字典字段
let AlgorithmData = ref([]);
const detailData = ref([]);
@@ -157,7 +151,18 @@
};
// 详情
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 => {
+
+ console.log('算法仓库',res.data.data);
+
loading.value = true;
detailData.value = res.data.data.records;
total.value = res.data.data.total;
@@ -208,15 +213,19 @@
</script>
<style scoped lang="scss">
+.algorithContainer {
+height: 100%;
+overflow: auto;
+}
.algorithItem {
- padding: 20px;
+ // padding: 20px;
display: grid;
grid-template-columns: repeat(5, 1fr);
- gap: 53px;
+ // gap: 13px;
text-align: center;
vertical-align: middle;
.item {
- height: 300px;
+ height: 267px;
display: flex;
flex-direction: column;
justify-content: center;
@@ -231,7 +240,7 @@
.imgicon {
width: 100px;
height: 100px;
- margin-bottom: 47px;
+ margin-bottom: 17px;
}
&:hover {
background: url('/src/assets/images/ht-sfbg-hover.png') no-repeat center;
@@ -279,14 +288,14 @@
.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 +304,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