feats

src/components/detailCompents/swiper/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="swiper">
     <van-swipe :autoplay="3000" @change="onChange" ref="swipe">
-      <van-swipe-item v-for="(item, index) in images" :key="index">
+      <van-swipe-item v-for="(item, index) in imageList" :key="index">
         <van-image height="300" :src="item.image" @click="onPerView(index)" />
       </van-swipe-item>
       <template #indicator>
         <div class="swiper-indicator" ref="indicator">
           <span
-            v-for="(item, index) in images"
+            v-for="(item, index) in imageList"
             :key="index"
             :class="{ active: current === index }"
           >
@@ -16,33 +16,12 @@
         </div>
       </template>
     </van-swipe>
-    <!-- <div class="swiper-tabs">
-      <van-tabs
-        v-model:active="current"
-        background="rgba(0, 0, 0, 0.69)"
-        line-width="0"
-        color="#fff"
-        title-active-color="#d75e3a"
-        @click="onClickTab"
-      >
-        <template v-for="(item, index) in images" :key="index">
-          <van-tab :title="item.text" />
-        </template>
-      </van-tabs>
-    </div> -->
   </div>
 </template>
 
 <script>
-import { ref } from 'vue'
-import {
-  Swipe,
-  SwipeItem,
-  Image as VanImage,
-  ImagePreview,
-  Tabs,
-  Tab,
-} from 'vant'
+import { computed, ref } from 'vue'
+import { Swipe, SwipeItem, Image as VanImage, ImagePreview } from 'vant'
 
 export default {
   name: 'swiper',
@@ -50,8 +29,6 @@ export default {
     [Swipe.name]: Swipe,
     [SwipeItem.name]: SwipeItem,
     [VanImage.name]: VanImage,
-    [Tabs.name]: Tabs,
-    [Tab.name]: Tab,
   },
   props: {
     images: {
@@ -65,6 +42,18 @@ export default {
     const swipe = ref()
     const indicator = ref()
 
+    const imageList = computed(() => {
+      const list = (props.image || []).filter(Boolean)
+      return list.length
+        ? list
+        : [
+            {
+              image: 'https://img01.yzcdn.cn/vant/custom-empty-image.png',
+              text: '暂无图片',
+            },
+          ]
+    })
+
     const onChange = (index) => {
       current.value = index
       // indicator.value.scrollTo({ left: 1000 })
@@ -89,6 +78,7 @@ export default {
       swipe,
       current,
       indicator,
+      imageList,
       onChange,
       onPerView,
       onClickTab,
@@ -122,6 +112,7 @@ export default {
   display: flex;
   flex-wrap: nowrap;
   font-size: 0.85em;
+  min-width: 100vw;
 
   span {
     display: inline-block;

src/view/secondhand/detail/components/Profile.vue

@@ -138,20 +138,16 @@ export default {
 
               // 有跟进权限
               if (hasFollowPermission.value) {
-                confirm({
+                confirm(`您存在未跟进的房源，房源编号: ${followRoom.id}`, {
                   title: '去跟进',
-                  message: `您存在未跟进的房源，房源编号: ${followRoom.id}`,
                 }).then(() => {
                   router.push({
-                    name: 'secondhand.detail',
-                    query: { roomId: followRoom.id },
+                    name: 'followup',
+                    query: { roomId: followRoom.id, type: 'room' },
                   })
                 })
               } else {
-                alert({
-                  title: '去跟进',
-                  message: `您存在未跟进的房源，房源编号: ${followRoom.id}`,
-                })
+                alert(`您存在未跟进的房源，房源编号: ${followRoom.id}`)
               }
             } else {
               showDanger('查看敏感信息失败')