update

1.修改大屏问题

src/views/healthConsultation/components/healthContentMiddle.vue

@@ -1,6 +1,13 @@
 <template>
-    <swiper :slides-per-view="1" :space-between="10" :loop="true" :autoplay="{ delay: 10000, disableOnInteraction: false }" class="mySwiper">
-        <swiper-slide v-for="(page, index) in pages" :key="index">
+    <swiper
+        v-if="pages().length > 0"
+        :slides-per-view="1"
+        :space-between="10"
+        :loop="true"
+        :autoplay="{ delay: 10000, disableOnInteraction: false }"
+        class="mySwiper"
+    >
+        <swiper-slide v-for="(page, index) in pages()" :key="index">
             <div class="grid-container">
                 <div v-for="item in page" :key="item.id" class="item">
                     <div class="item-left">
@@ -9,7 +16,7 @@
                     <div class="item-right">
                         <div class="name">
                             <span>{{ item.doctorName }}</span>
-                            <span class="position">（{{ item.doctorJob_dictText }}）</span>
+                            <span class="position">（{{ item.doctorTitle_dictText }}）</span>
                         </div>
                         <div class="hospital">{{ item.resourceName }} | {{ item.departmentName }}</div>
                         <div class="experience">
@@ -28,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-    import { onMounted, ref, computed } from 'vue';
+    import { onMounted, ref } from 'vue';
     import { Swiper, SwiperSlide } from 'swiper/vue';
     import 'swiper/css';
     import 'swiper/css/navigation';
@@ -60,13 +67,15 @@
 
     // 将每 6 个元素分为一页
     const items = ref<Doctor[]>([]);
-    const pages = computed(() => {
+
+    const pages = () => {
         const result: Doctor[][] = [];
         for (let i = 0; i < items.value.length; i += 6) {
             result.push(items.value.slice(i, i + 6));
         }
+        console.log(result);
         return result;
-    });
+    };
 
     function getData() {
         getDocList()