修改驾驶舱滚动

src/views/dashboard/css/index.scss

@@ -182,7 +182,7 @@
             }
             &-bottom {
               padding: 0 2px;
-              height: 100%;
+              height: calc(100% - 104px);
               overflow: hidden;
               &-list {
                 display: flex;

src/views/dashboard/index.vue

@@ -87,8 +87,8 @@
                 <div class="dashboard-content-top-center-bottom-content-head-list">机型</div>
                 <div class="dashboard-content-top-center-bottom-content-head-list">类型</div>
               </div>
-              <div class="dashboard-content-top-center-bottom-content-bottom">
-                <vue3-seamless-scroll :list="listData" :hover-stop="true" :hover="true" :step="0.3">
+              <div ref="scrollContent" class="dashboard-content-top-center-bottom-content-bottom">
+                <vue3-seamless-scroll :list="listData" :limitScrollNum="limitScrollNum" :hover-stop="true" :hover="true" :step="0.3">
                   <div v-for="(item,index) in listData" :key="index" class="dashboard-content-top-center-bottom-content-bottom-list">
                     <div class="dashboard-content-top-center-bottom-content-bottom-list-txt">{{ item.flightNo }}</div>
                     <div class="dashboard-content-top-center-bottom-content-bottom-list-txt">{{ item.flightState }}</div>
@@ -176,6 +176,8 @@ const {
   findData,
 } = usePublic();
 const timePickerName = ref<number>(0);
+const limitScrollNum = ref<number>(13);
+const scrollContent = ref<HTMLElement>();
 const flag = ref<boolean>(false);
 const loading1 = ref<boolean>(false);
 const loading2 = ref<boolean>(false);
@@ -385,6 +387,11 @@ const airlineAbnormalFunc = async () => {
       fttp: "国内进港",
     },
   ])) as any;
+  const domHeight = scrollContent.value?.clientHeight;
+  if (domHeight && typeof domHeight == "number") {
+    const cell = Math.ceil(domHeight / 40);
+    limitScrollNum.value = cell;
+  }
   if (listValues && isValue(listValues)) {
     listData.value = listValues;
   }

src/views/dashboard/indexHomeOut.vue

@@ -87,8 +87,8 @@
                 <div class="dashboard-content-top-center-bottom-content-head-list">机型</div>
                 <div class="dashboard-content-top-center-bottom-content-head-list">类型</div>
               </div>
-              <div class="dashboard-content-top-center-bottom-content-bottom">
-                <vue3-seamless-scroll :list="listData" :hover-stop="true" :hover="true" :step="0.3">
+              <div ref="scrollContent" class="dashboard-content-top-center-bottom-content-bottom">
+                <vue3-seamless-scroll :list="listData" :limitScrollNum="limitScrollNum" :hover-stop="true" :hover="true" :step="0.3">
                   <div v-for="(item,index) in listData" :key="index" class="dashboard-content-top-center-bottom-content-bottom-list">
                     <div class="dashboard-content-top-center-bottom-content-bottom-list-txt">{{ item.flightNo }}</div>
                     <div class="dashboard-content-top-center-bottom-content-bottom-list-txt">{{ item.flightState }}</div>
@@ -193,6 +193,8 @@ const {
   findData,
 } = usePublic();
 const timePickerName = ref<number>(0);
+const limitScrollNum = ref<number>(13);
+const scrollContent = ref<HTMLElement>();
 const flag = ref<boolean>(false);
 const loading1 = ref<boolean>(false);
 const loading2 = ref<boolean>(false);
@@ -405,6 +407,11 @@ const airlineAbnormalFunc = async () => {
       fttp: "国内离港",
     },
   ])) as any;
+  const domHeight = scrollContent.value?.clientHeight;
+  if (domHeight && typeof domHeight == "number") {
+    const cell = Math.ceil(domHeight / 40);
+    limitScrollNum.value = cell;
+  }
   if (listValues && isValue(listValues)) {
     listData.value = listValues;
   }

src/views/dashboard/indexIn.vue

@@ -115,8 +115,8 @@
                   类型
                 </div>
               </div>
-              <div class="dashboard-content-top-center-bottom-content-bottom">
-                <vue3-seamless-scroll :list="listData" :hover-stop="true" :hover="true" :step="0.3">
+              <div ref="scrollContent" class="dashboard-content-top-center-bottom-content-bottom">
+                <vue3-seamless-scroll :list="listData" :limitScrollNum="limitScrollNum" :hover-stop="true" :hover="true" :step="0.3">
                   <div v-for="(item, index) in listData" :key="index" class="dashboard-content-top-center-bottom-content-bottom-list">
                     <div class="dashboard-content-top-center-bottom-content-bottom-list-txt">
                       {{ item.flightNo }}
@@ -220,6 +220,8 @@ const {
   findData,
 } = usePublic();
 const timePickerName = ref<number>(0);
+const limitScrollNum = ref<number>(13);
+const scrollContent = ref<HTMLElement>();
 const flag = ref<boolean>(false);
 const loading1 = ref<boolean>(false);
 const loading2 = ref<boolean>(false);
@@ -428,6 +430,11 @@ const airlineAbnormalFunc = async () => {
       fttp: "国际进港",
     },
   ])) as any;
+  const domHeight = scrollContent.value?.clientHeight;
+  if (domHeight && typeof domHeight == "number") {
+    const cell = Math.ceil(domHeight / 40);
+    limitScrollNum.value = cell;
+  }
   if (listValues && isValue(listValues)) {
     listData.value = listValues;
   }

src/views/dashboard/indexOut.vue

@@ -115,8 +115,8 @@
                   类型
                 </div>
               </div>
-              <div class="dashboard-content-top-center-bottom-content-bottom">
-                <vue3-seamless-scroll :list="listData" :hover-stop="true" :hover="true" :step="0.3">
+              <div ref="scrollContent" class="dashboard-content-top-center-bottom-content-bottom">
+                <vue3-seamless-scroll :list="listData" :limitScrollNum="limitScrollNum" :hover-stop="true" :hover="true" :step="0.3">
                   <div v-for="(item, index) in listData" :key="index" class="dashboard-content-top-center-bottom-content-bottom-list">
                     <div class="dashboard-content-top-center-bottom-content-bottom-list-txt">
                       {{ item.flightNo }}
@@ -235,6 +235,8 @@ const {
   findData,
 } = usePublic();
 const timePickerName = ref<number>(0);
+const limitScrollNum = ref<number>(13);
+const scrollContent = ref<HTMLElement>();
 const flag = ref<boolean>(false);
 const loading1 = ref<boolean>(false);
 const loading2 = ref<boolean>(false);
@@ -442,6 +444,11 @@ const airlineAbnormalFunc = async () => {
       fttp: "国际离港",
     },
   ])) as any;
+  const domHeight = scrollContent.value?.clientHeight;
+  if (domHeight && typeof domHeight == "number") {
+    const cell = Math.ceil(domHeight / 40);
+    limitScrollNum.value = cell;
+  }
   if (listValues && isValue(listValues)) {
     listData.value = listValues;
   }