页面修改

src/components/trip/waterfall/restaurant.vue

 <style>
     .trafficLeft{
-        width: 51px;
+        width: 74px;
         height: 25px;
         background-color: #fff;
-        margin-right: 20px;
         text-align: center;
         font-size: 12px;
         padding: 5px 0;
+        position: relative;
+        left:-14px;
     }
 </style>
 
 <template>
     <div class="timeline-item">
-        <div class="trafficLeft">
+        <div class="trafficLeft" v-if="tripItem.childItem.timeStr!=''">
             <!-- <i class="iconfont icon-yongcan"></i> -->
             <span v-if="tripItem.childItem.timeStr!=''">
-                {{tripItem.childItem.timeStr}}
+                {{getStartTime(tripItem.childItem.timeStr)}}
             </span>
         </div>
         <div class="right">
       
-            <span class="title">
+            <span class="title" style="margin-top:3px;">
                 {{tripItem.childItem.dinnerName+tripItem.childItem.mealName}}
             </span>
             <span class="playTime"> <i class="iconfont icon-shijian"></i> 用餐时长：<span v-if="tripItem.childItem.useTimeHour!=null&&tripItem.childItem.useTimeHour!=''">{{tripItem.childItem.useTimeHour+'小时'}}</span><span v-if="tripItem.childItem.useTimeMinutes!=null&&tripItem.childItem.useTimeMinutes!=''">{{tripItem.childItem.useTimeMinutes+'分钟'}}</span></span>
@@ -37,6 +38,20 @@
 export default {
     props:{
         tripItem:{}
+    },
+    methods:{
+        getStartTime(startTime){
+            var n = Number(startTime); 
+            if (!isNaN(n)&&startTime.indexOf(':')==-1) { 
+                var strSep=":";
+                var str1=startTime.substring(0,2);
+                var str0=startTime.substring(2,startTime.length);
+                var strNew=str1+strSep+str0;
+                return strNew;
+            }else{
+                return startTime.replace('：',':')
+            }
+        }
     }
 }
 </script>
\ No newline at end of file

src/components/trip/waterfall/scenic.vue

 <style>
     .trafficLeft{
-        width: 51px;
+        width: 74px;
         height: 25px;
         background-color: #fff;
-        margin-right: 20px;
         text-align: center;
         font-size: 12px;
         padding: 5px 0;
+        position: relative;
+        left:-14px;
     }
 </style>
 <template>
     <div class="timeline-item">
-        <div class="trafficLeft">
+        <div class="trafficLeft" v-if="tripItem.childItem.timeStr!=''">
             <!-- <i class="iconfont icon-zuji"></i> -->
             <span v-if="tripItem.childItem.timeStr!=''">
-                {{tripItem.childItem.timeStr}}
+                {{getStartTime(tripItem.childItem.timeStr)}}
             </span>
         </div>
         <div class="right">
            
-            <span class="title">
+            <span class="title" style="margin-top:3px;">
                 {{tripItem.childItem.couponsName}}
             </span>
             <span class="playTime"> <i class="iconfont icon-shijian"></i> 游玩时间：<span v-if="tripItem.childItem.playTimeHour!=null&&tripItem.childItem.playTimeHour!=''">{{tripItem.childItem.playTimeHour+'小时'}}</span><span v-if="tripItem.childItem.playTimeMinutes!=null&&tripItem.childItem.playTimeMinutes!=''">{{tripItem.childItem.playTimeMinutes+'分钟'}}</span></span>
@@ -36,6 +37,20 @@
 export default {
     props:{
         tripItem:{}
+    },
+    methods:{
+        getStartTime(startTime){
+            var n = Number(startTime); 
+            if (!isNaN(n)&&startTime.indexOf(':')==-1) { 
+                var strSep=":";
+                var str1=startTime.substring(0,2);
+                var str0=startTime.substring(2,startTime.length);
+                var strNew=str1+strSep+str0;
+                return strNew;
+            }else{
+                return startTime.replace('：',':')
+            }
+        }
     }
 }
 </script>
\ No newline at end of file

src/components/trip/waterfall/traffic.vue

 <style>
     .trafficLeft{
-        width: 51px;
+        width: 74px;
         height: 25px;
         background-color: #fff;
-        margin-right: 20px;
         text-align: center;
         font-size: 12px;
         padding: 5px 0;
+        position: relative;
+        left:-14px;
     }
 </style>
 <template>
     <div class="timeline-item">
-        <div class="trafficLeft">
-            <span v-if="tripItem.type==1" v-for="(dns,o) in tripItem.childItem.subTraffic" :key="o">
-                <span v-if="dns.startTime!=''" style="margin-right:20px;">{{dns.startTime}} </span><span v-if="dns.endTime!=''">-{{dns.endTime}}</span>
-            </span>
-        </div>
+        <template v-for="(dd,Subindex) in tripItem.childItem.subTraffic">
+            <div class="trafficLeft" v-if="dd.startTime!=''||dd.endTime!=''">
+                <span v-if="tripItem.type==1" v-for="(dns,o) in tripItem.childItem.subTraffic" :key="o">
+                    <span v-if="dns.startTime!=''">{{getStartTime(dns.startTime)}}</span><span v-if="dns.endTime!=''">-{{getStartTime(dns.endTime)}}</span>
+                </span>
+            </div>
+        </template>
         <div class="right">
             <span class="time" v-if="dataList.trafficList[0].airportPickUp==1">接早</span>
-            <span class="time" v-if="dataList.trafficList[0].airportPickUp==2">送机</span>&nbsp;&nbsp;
-            <span class="title">
+            <span class="time" v-if="dataList.trafficList[0].airportPickUp==2">送机</span>
+            <span class="title" style="margin-top:3px;">
                 <span v-if="tripItem.type==1" v-for="(dns,o) in tripItem.childItem.subTraffic" :key="o">
                     {{dns.startCityName}}
                     <i v-if="dns.arrivalType==1" class="iconfont icon-feiji"></i>
@@ -39,5 +42,19 @@ export default {
         tripItem:{},
         dataList:{}
     },
+    methods:{
+        getStartTime(startTime){
+            var n = Number(startTime); 
+            if (!isNaN(n)&&startTime.indexOf(':')==-1) { 
+                var strSep=":";
+                var str1=startTime.substring(0,2);
+                var str0=startTime.substring(2,startTime.length);
+                var strNew=str1+strSep+str0;
+                return strNew;
+            }else{
+                return startTime.replace('：',':')
+            }
+        }
+    }
 }
 </script>