完善旅游路线页面

src/pages/assistingAgriculture/RouteDetails/timeLine.vue

+<template>
+  <div class="time-line">
+    <div class="date">
+      <span>{{ props.date }}</span>
+    </div>
+    <div class="content-wrap">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+const props = defineProps({
+  date: {
+    type: String,
+    default: '7:00',
+  },
+});
+</script>
+
+<style lang="scss" scoped>
+.time-line {
+  display: flex;
+  .date {
+    flex: 0 0 60px;
+    text-align: center;
+    margin-right: 10px;
+    color: #767676;
+    position: relative;
+    &::after {
+      content: '';
+      display: block;
+      height: 100%;
+      width: 0;
+      border-right: 1px dashed #767676;
+      position: absolute;
+      left: 50%;
+      top: 0;
+      transform: translateX(-1px);
+    }
+    span {
+      z-index: 1;
+      position: relative;
+      display: inline-block;
+      padding: 5px;
+      background-color: #fff;
+    }
+  }
+  .content-wrap {
+    flex: 1;
+    padding: 5px 0 25px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+}
+</style>