From 5f425ad068cc344f7f8513075a36395f6bf712ce Mon Sep 17 00:00:00 2001
From: liwenxuan <1298531568@qq.com>
Date: Thu, 27 Jul 2023 15:09:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8E=A8=E8=8D=90=E5=8C=BA=E5=9F=9F=E8=BD=AE?=
 =?UTF-8?q?=E6=92=AD=E5=9B=BE=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/knowledge/index.ts              | 17 +++++++++++-----
 src/views/knowledge/knowledge/index.vue | 26 +++++++++++++++++--------
 2 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/src/api/knowledge/index.ts b/src/api/knowledge/index.ts
index 9a55625fe..18b7868bf 100644
--- a/src/api/knowledge/index.ts
+++ b/src/api/knowledge/index.ts
@@ -26,13 +26,20 @@ export function getZxxyNavis(data: NaviQuery): AxiosPromise<Navi[]> {
 //获取推荐分页
 export function getTuijian(data: PageParam): AxiosPromise<graphicformList> {
   return request({
-    url: '/javasys/graphicform/zxxy',
+    url: '/javasys/graphicform/cardlist',
     method: 'post',
     data: data,
 
   });
-}
-
-
-
 
+}
+  //获取轮播图数据
+  export function getCarousel(data: PageParam): AxiosPromise<graphicformList> {
+    return request({
+      url: '/javasys/graphicform/carousel',
+      method: 'post',
+      data: data,
+  
+    });
+
+  }
diff --git a/src/views/knowledge/knowledge/index.vue b/src/views/knowledge/knowledge/index.vue
index bc30ce8b8..2cbe4c70a 100644
--- a/src/views/knowledge/knowledge/index.vue
+++ b/src/views/knowledge/knowledge/index.vue
@@ -1,7 +1,7 @@
 <script lang='ts' setup>
 import { useUserStore } from "@/store/modules/user"
 import { ref } from 'vue'
-import { getUserDetail, getZxxyNavis, getTuijian } from '@/api/knowledge/index'
+import { getUserDetail, getZxxyNavis, getTuijian, getCarousel } from '@/api/knowledge/index'
 import Archivestype from '@/views/knowledge/knowledge/components/archivestype.vue'
 import Navili from './components/Navili.vue'
 import { UserQuery, UserDetail, NaviQuery, Navi, Graphicform, PageParam } from '@/api/knowledge/types'
@@ -57,6 +57,7 @@ const pageParamTuijian = reactive<PageParam>({
   usertoken: userToken,
 
 })
+const carousel = ref<Graphicform[]>();
 function errorImg(e: any) {
   e.srcElement.src = errimg;
   //这一句没用，如果默认图片的路径错了还是会一直闪屏，在方法的前面加个.once只让它执行一次也没用
@@ -107,7 +108,13 @@ onMounted(() => {
       pageParamTuijian.total = data.total
       //console.log(tuijianPage.value)
     });
+  getCarousel(pageParamTuijian)
+    .then(({ data }) => {
+      carousel.value = data.list
+
 
+      //console.log(tuijianPage.value)
+    });
 
 
 
@@ -131,6 +138,7 @@ function handleCurrentChange() {
 
       //console.log(tuijianPage.value)
     });
+
 }
 
 
@@ -148,8 +156,10 @@ function handleCurrentChange() {
         </div>
         <div class="grid-tuijian">
           <el-carousel indicator-position="outside" class="mycarousel" style="width: 412px;height:290px; ">
-            <el-carousel-item v-for="item in 4" :key="item">
-              <h3 text="2xl" justify="center">{{ item }}</h3>
+            <el-carousel-item v-for="(item, index) in carousel" :key="index">
+              <!-- <h3 text="2xl" justify="center">{{ item.gThumbnail }}</h3> -->
+              <img style="width: 412px; height: 300px;border-radius:8px;margin-top: 4px; margin-left: 4px;"
+                referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
             </el-carousel-item>
           </el-carousel>
 
@@ -158,8 +168,8 @@ function handleCurrentChange() {
               referrerpolicy="no-referrer" :src="item.gThumbnail" fit="fill" loading="lazy" @error="errorImg($event)" />
 
             <div class="card-right">
-              <span class="card-title" :title= item.gTitle >{{ item.gTitle }}</span>
-              <span class="card-text" :title= item.gDescribe >{{ item.gDescribe }}</span>
+              <span class="card-title" :title=item.gTitle>{{ item.gTitle }}</span>
+              <span class="card-text" :title=item.gDescribe>{{ item.gDescribe }}</span>
 
               <span class="time-span"><span class="fa fa-clock-o"></span>{{ formatDate(item.gAddTime) }}</span>
 
@@ -191,7 +201,7 @@ function handleCurrentChange() {
         推荐
       </li>
       <Navili v-for="(item, index) in naviList" :class="{ active: active === index+1 }" :oneli=item :index=(index+1)
-        :active=active @click="scrollTo(index + 1)"></Navili>
+        :active=active @click="scrollTo(index+1)"></Navili>
 
     </ul>
   </div>
@@ -208,7 +218,7 @@ function handleCurrentChange() {
 
 .models {
   width: 100%;
- /*  min-height: 500px; */
+  /*  min-height: 500px; */
 
 
 }
@@ -295,7 +305,7 @@ function handleCurrentChange() {
   -webkit-box-orient: vertical;
   overflow: hidden;
   -webkit-line-clamp: 1;
-  
+
 
 
 }