荣誉展示栏动态数据

src/views/honor/HonorDetail.vue

@@ -21,7 +21,7 @@
 
       <div class="down-class" v-show="fileList.length > 0">
         <a-divider orientation="left">封面图</a-divider>
-        <db-upload v-model="fileList" type="img" disabled="true" max="fileList.length" ></db-upload>
+        <db-upload v-model="fileList" type="img" :disabled="true" max="fileList.length" ></db-upload>
       </div>
     </div>
   </a-card>
@@ -111,10 +111,11 @@ export default {
     },
     // 返回 按钮
     close () {
-      this.$router.push({ path: '/honor/list',
+      /* this.$router.push({ path: '/honor/list',
         query: {
         }
-      })
+      }) */
+      this.$router.back()
     }
   }
 }

src/views/honor/HonorShow.vue

@@ -1,5 +1,4 @@
 <template>
-  <!--一带一路专区 开始-->
   <div class="ydyl-zone">
     <!-- 大头条 -->
     <div class="headline" id="headline1" data-fontsize="36" data-fontcolor="">
@@ -21,52 +20,14 @@
               <div class="swiper-container">
                 <div class="swiper-wrapper">
 
-                  <div class="swiper-slide scroll-articles" data-url="">
+                  <div class="swiper-slide scroll-articles" v-for="(item, index) in fileList" :key="index">
-                    <div class="img">
+                    <div class="img" @click="detail(item.id)">
                       <a target="_blank">
-                        <img class="swiper-lazy" src="./img/1.jpg" alt="">
+                        <img class="swiper-lazy" :src="item.files[0].url" alt="">
-                        <div class="swiper-lazy-preloader"></div>
+                        <!-- <div class="swiper-lazy-preloader"></div> -->
-                      </a>
-                    </div>
-                    <!-- <div class="tit">
-                    <div class="btn hide"></div>
-                    <a href="http://www.news.cn/photo/2023-10/18/c_1129921976.htm" target="_blank">习近平同印度尼西亚总统佐科会谈</a>
-                    </div> -->
-                  </div>
-                  <div class="swiper-slide scroll-articles" data-url="">
-                    <div class="img">
-                      <a target="_blank">
-                        <img class="swiper-lazy" src="./img/2.jpg" alt="">
-                        <div class="swiper-lazy-preloader"></div>
                       </a>
                     </div>
                   </div>
-                  <div class="swiper-slide scroll-articles" data-url="">
-                    <div class="img">
-                      <a target="_blank">
-                        <img class="swiper-lazy" src="./img/3.jpg" alt="">
-                        <div class="swiper-lazy-preloader"></div>
-                      </a>
-                    </div>
-                  </div>
-                  <div class="swiper-slide scroll-articles" data-url="">
-                    <div class="img">
-                      <a target="_blank">
-                        <img class="swiper-lazy" src="./img/4.jpg" alt="">
-                        <div class="swiper-lazy-preloader"></div>
-                      </a>
-                    </div>
-                  </div>
-                  <div class="swiper-slide scroll-articles" data-url="">
-                    <div class="img">
-                      <a target="_blank">
-                        <img class="swiper-lazy" src="./img/5.jpg" alt="">
-                        <div class="swiper-lazy-preloader"></div>
-                      </a>
-                    </div>
-                  </div>
-
-
 
                 </div>
                 <div class="swiper-pagination"></div>
@@ -79,66 +40,70 @@
         <div class="focus-newsText bg-white right">
           <div class="list list-txt" id="focusListNews1">
             <ul>
-              <li class="active"><span><a target="_blank" @click="detail(3)">
+              <li v-for="(item, index) in honorList" :key="index" :class="{ active: index === 0 }">
-                    下堡坪乡：让流动党员有“家”有“为”</a></span></li>
+                <span><a target="_blank" @click="detail(item.id)">
-              <li><span><a target="_blank">
+                  {{ item.title }}</a></span></li>
-                    以“身边榜样”为“灯塔” 做新时代的“追光者”</a></span></li>
-              <li> <span><a target="_blank">
-                    “医路”守护夕阳红 真情服务暖人心</a></span></li>
-              <li> <span><a target="_blank">
-                    点点滴滴，暖民心</a></span></li>
-              <li> <span><a target="_blank">
-                    下堡坪乡5家入选“夷陵区美丽庭院”</a></span></li>
-
-              <li ><span><a target="_blank">
-                    福利院幸福掠影</a></span></li>
-              <li><span><a target="_blank">
-                    福利院简介</a></span></li>
-              <li> <span><a target="_blank">
-                    福利院分工职责</a></span></li>
-              <li> <span><a target="_blank">
-                    院长简介</a></span></li>
-              <li> <span><a target="_blank">
-                    相关制度</a></span></li>
             </ul>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <!--一带一路专区 结束-->
 </template>
 
 <script>
-  import Swiper from "swiper";
+  import Swiper from 'swiper'
-  import "swiper/dist/css/swiper.min.css";
+  import 'swiper/dist/css/swiper.min.css'
+  import {
+    honorPage
+  } from '@/api/honor/honor'
   export default {
-    data() {
+    data () {
       return {
-
+        honorList: [],
+        fileList: []
       }
     },
-    components: {
+    created () {
-
+        this.getData()
     },
-    mounted() {
+    mounted () {
-      this.initSwiper();
+      this.initSwiper()
     },
     methods: {
-      //初始化swiper
+      getData () {
-      initSwiper() {
+        honorPage({
+          pageNum: 1,
+          pageSize: 10
+        }).then((res) => {
+          console.log(res)
+          this.honorList = res.rows
+
+          this.fileList = this.honorList.filter(item => item.files && item.files != '[]')
+            .map(item => ({
+              id: item.id,
+              files: JSON.parse(item.files)
+            }))
+
+          console.log(this.fileList)
+        })
+      },
+      // 初始化swiper
+      initSwiper () {
         this.$nextTick(() => {
-          new Swiper(".swiper-container", {
+          new Swiper('.swiper-container', {
+            // 启动动态检查器,当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper
+                    observer: true,
             autoplay: 3000,
             /* slidesPerView: 1,
             spaceBetween: 18, */
-            prevButton: ".swiper-button-prev",
+            prevButton: '.swiper-button-prev',
-            nextButton: ".swiper-button-next",
+            nextButton: '.swiper-button-next'
             //    freeMode: true
-          });
+          })
-        });
+        })
       },
-      detail(id) {
+      detail (id) {
         this.$router.push({
           path: '/honor/detail',
           query: {