|
|
|
@ -1,6 +1,6 @@
|
|
|
|
<script setup lang="ts">
|
|
|
|
<script setup lang="ts">
|
|
|
|
// import { getList } from "@/api/list";
|
|
|
|
// import { getList } from "@/api/list";
|
|
|
|
import { getModelBoxList } from "@/api/list";
|
|
|
|
import { postModelList } from "@/api/list";
|
|
|
|
import error from "@/assets/dataScreen/modelList/error.png";
|
|
|
|
import error from "@/assets/dataScreen/modelList/error.png";
|
|
|
|
import loading from "@/assets/dataScreen/modelList/loading.png";
|
|
|
|
import loading from "@/assets/dataScreen/modelList/loading.png";
|
|
|
|
import { ElLoading } from "element-plus";
|
|
|
|
import { ElLoading } from "element-plus";
|
|
|
|
@ -56,12 +56,13 @@ const options = reactive({
|
|
|
|
// 是否懒加载
|
|
|
|
// 是否懒加载
|
|
|
|
lazyload: true
|
|
|
|
lazyload: true
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
const pageTotal = ref(0);
|
|
|
|
const page = ref(1);
|
|
|
|
const page = ref(1);
|
|
|
|
const list = ref([]);
|
|
|
|
const list = ref([]);
|
|
|
|
const pageSize = ref(20);
|
|
|
|
const pageSize = ref(100);
|
|
|
|
const loadingInstance = ref();
|
|
|
|
const loadingInstance = ref();
|
|
|
|
const modelDialogVisible = ref(false);
|
|
|
|
const modelDialogVisible = ref(false);
|
|
|
|
|
|
|
|
const isFinish = ref(false);
|
|
|
|
const INITIAL_DATA = {
|
|
|
|
const INITIAL_DATA = {
|
|
|
|
index: null,
|
|
|
|
index: null,
|
|
|
|
industry: "",
|
|
|
|
industry: "",
|
|
|
|
@ -78,16 +79,27 @@ const modelInfo = ref({ ...INITIAL_DATA });
|
|
|
|
|
|
|
|
|
|
|
|
/** 加载更多 */
|
|
|
|
/** 加载更多 */
|
|
|
|
function handleLoadMore() {
|
|
|
|
function handleLoadMore() {
|
|
|
|
|
|
|
|
console.log(list.value.length, "handleLoadMore", pageTotal.value);
|
|
|
|
|
|
|
|
isFinish.value = pageTotal.value <= list.value.length;
|
|
|
|
|
|
|
|
if (!isFinish.value) {
|
|
|
|
|
|
|
|
loadList();
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
console.log("加载完成");
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function loadList() {
|
|
|
|
loadingInstance.value = ElLoading.service({
|
|
|
|
loadingInstance.value = ElLoading.service({
|
|
|
|
target: ".content",
|
|
|
|
target: ".content",
|
|
|
|
background: "transparent",
|
|
|
|
background: "transparent",
|
|
|
|
text: "加载中"
|
|
|
|
text: "加载中"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
getModelBoxList({
|
|
|
|
postModelList({
|
|
|
|
page: page.value,
|
|
|
|
page: page.value,
|
|
|
|
pageSize: pageSize.value
|
|
|
|
pageSize: pageSize.value
|
|
|
|
}).then(res => {
|
|
|
|
}).then(res => {
|
|
|
|
console.log(res);
|
|
|
|
console.log(res);
|
|
|
|
|
|
|
|
pageTotal.value = res.data?.total || 0;
|
|
|
|
setTimeout(() => {
|
|
|
|
setTimeout(() => {
|
|
|
|
list.value.push(...res.data.list);
|
|
|
|
list.value.push(...res.data.list);
|
|
|
|
page.value += 1;
|
|
|
|
page.value += 1;
|
|
|
|
@ -110,18 +122,18 @@ const handleBoxDetail = product => {
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
|
|
onMounted(() => {
|
|
|
|
handleLoadMore();
|
|
|
|
loadList();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="flex justify-between modelList">
|
|
|
|
<div class="flex justify-between ds_modelList">
|
|
|
|
<div class="banner_side" />
|
|
|
|
<div class="banner_side" />
|
|
|
|
<div class="model-list-mid">
|
|
|
|
<div class="model-list-mid">
|
|
|
|
<div class="model-list-title ff1">
|
|
|
|
<div class="model-list-title ff1">
|
|
|
|
苏胜天大模型衍生模型库<span>{{ 256 }}</span>
|
|
|
|
苏胜天大模型衍生模型库<span>{{ pageTotal }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="model-list-box w-full">
|
|
|
|
<div class="w-full model-list-box">
|
|
|
|
<el-scrollbar height="810px" class="content">
|
|
|
|
<el-scrollbar height="810px" class="content">
|
|
|
|
<Waterfall :list="list" v-bind="options">
|
|
|
|
<Waterfall :list="list" v-bind="options">
|
|
|
|
<template #item="{ item }">
|
|
|
|
<template #item="{ item }">
|
|
|
|
@ -167,7 +179,7 @@ onMounted(() => {
|
|
|
|
模型版本:<span>{{ modelInfo.version }}</span
|
|
|
|
模型版本:<span>{{ modelInfo.version }}</span
|
|
|
|
>适用行业:<span>{{ modelInfo.industry }}</span>
|
|
|
|
>适用行业:<span>{{ modelInfo.industry }}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="modelListDialogContent mb-3">
|
|
|
|
<div class="mb-3 modelListDialogContent">
|
|
|
|
模型状态:<span class="modelListState">{{
|
|
|
|
模型状态:<span class="modelListState">{{
|
|
|
|
modelInfo.state === "在线" ? "使用中" : "未使用"
|
|
|
|
modelInfo.state === "在线" ? "使用中" : "未使用"
|
|
|
|
}}</span>
|
|
|
|
}}</span>
|
|
|
|
@ -181,6 +193,6 @@ onMounted(() => {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
<style lang="scss">
|
|
|
|
@import "./modelList.scss";
|
|
|
|
@import "./modelList.scss";
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|
