添加线条

guzijian
1 parent c26d1528
Showing 2 changed files with 5 additions and 20 deletions
src/components/FleetContentBox/index.vue
src/views/home/index.vue
@@ -3,11 +3,12 @@
     <!-- <vue3-seamless-scroll :list="item.fleetInfos" :step="1" :hoverStop="true" :hover="true"> -->
     <!-- 线路信息 -->
     <div v-for="(childItem, childIndex) in item.fleetInfos" :key="childItem.lineName" class="fleet-line-info-container">
-
+      <!-- <div class="line-box" style="height: 1px; margin: 5px; background-color: #0761ba;"></div> -->
+      <el-divider />
       <div class="fleet-line-title">
         {{ childItem.lineName }}
       </div>
-      <div class="line-box" style="height: 1px; margin: 5px; background-color: #0761ba;"></div>
+
       <div ref="fleetNbbmInfoContainer" class="fleet-nbbm-info-container">
         <div v-for="(sunItem, sunIndex) in childItem.lineInfos" :key="sunItem.nbbm" class="fleet-nbbm-info-item">
           <div v-if="sunItem.saleInfoVo != null" class="fleet-nbbm-info-have-sale">
@@ -98,8 +98,7 @@ const timeTaskObject = reactive(
 );
 /** 定时任务 */
 const timeTask = reactive(
-  { /** 当前日期 */
-    titleNowDateTimer: null,
+  {
     /** 数据更新计时 5分钟 */
     updateDateSchedulerTimer: null
   }
@@ -180,7 +179,6 @@ const fleetInfoList = ref()
 const scrollNumber = ref(null);
 // 初始化数据
 onMounted(() => {
-  timeTask.titleNowDateTimer = startUpdateNowDateTimerTaskScheduler();
   timeTask.updateDateSchedulerTimer = startUpdateDataTaskScheduler();
   const currentTime = moment().format('HH:mm');
   let dateKey;
@@ -196,25 +194,13 @@ onMounted(() =&gt; {
 /** 销毁之前触发 */
 onDeactivated(() => {
-  clearInterval(timeTask.titleNowDateTimer)
   clearInterval(timeTask.updateDateSchedulerTimer)
 })
 /** 组件不挂载之前触发 */
 onBeforeUnmount(() => {
-  clearInterval(timeTask.titleNowDateTimer)
   clearInterval(timeTask.updateDateSchedulerTimer)
 })
 /**
- * 开启当前日期更新
- * @param {*} val
- */
-const startUpdateNowDateTimerTaskScheduler = () => {
-  return setInterval(() => {
-    const currentDay = moment(new Date());
-    timeTaskObject.titleNowDateObject = currentDay.format("yyyy-MM-DD ") + getWeek(currentDay) + currentDay.format(" HH:mm:ss");
-  }, 1000);
-}
-/**
  * 数据更新日期
  * @param {*} val
  */
@@ -240,6 +226,7 @@ const startUpdateDataTaskScheduler = () =&gt; {
     seconds = seconds < 10 ? "0" + seconds : seconds;
     // 格式化倒计时字符串
     timeTaskObject.updateDateSchedulerObject = `${minutes}:${seconds}`;
+    timeTaskObject.titleNowDateObject = currentDate.format("yyyy-MM-DD ") + getWeek(currentDate) + currentDate.format(" HH:mm:ss");
   }, 1000);
 }
@@ -534,9 +521,6 @@ const handleGlobalInfo = (data, num) =&gt; {
             font-size: clamp(0.8rem, -0.907rem + 5.71vw, 1.3rem);
           }
         }
-
-
-
       }
       .fleet-common-style:last-child {