diff --git a/src/views/growth/components/roadmap1/index.vue b/src/views/growth/components/roadmap1/index.vue
index a23854a..148a15f 100644
--- a/src/views/growth/components/roadmap1/index.vue
+++ b/src/views/growth/components/roadmap1/index.vue
@@ -24,26 +24,34 @@
           <div style="display: flex">
             <div>
               <div>
-                <div class="item-name" style="width: 210px">
-                  <div
-                    style="
-                      display: inline-block;
-                      border-radius: 50%;
-                      line-height: 18px;
-                      text-align: center;
-                      margin-right: 6px;
-                      width: 18px;
-                      height: 18px;
-                      font-size: 12px;
-                      font-weight: 700;
-                      background-color: #fff;
-                      color: #0077ec;
-                    "
-                  >
-                    {{ stageProcessList.length - index }}
+                <el-tooltip
+                  class="box-item"
+                  effect="light"
+                  :content="item.taskName"
+                  placement="top-start"
+                >
+                  <div class="item-name" style="width: 210px">
+                    <div
+                      style="
+                        display: inline-block;
+                        border-radius: 50%;
+                        line-height: 18px;
+                        text-align: center;
+                        margin-right: 6px;
+                        width: 18px;
+                        height: 18px;
+                        font-size: 12px;
+                        font-weight: 700;
+                        background-color: #fff;
+                        color: #0077ec;
+                      "
+                    >
+                      {{ stageProcessList.length - index }}
+                    </div>
+                    <div style="display: inline">{{ item.taskName }}</div>
                   </div>
-                  <div style="display: inline">{{ item.taskName }}</div>
-                </div>
+                </el-tooltip>
+
                 <div class="triangle"></div>
               </div>
               <div class="f-a-c">
@@ -83,26 +91,33 @@
           </div>
           <div>
             <div class="triangle"></div>
-            <div class="item-name">
-              <div
-                style="
-                  display: inline-block;
-                  border-radius: 50%;
-                  line-height: 18px;
-                  text-align: center;
-                  margin-right: 6px;
-                  width: 18px;
-                  height: 18px;
-                  font-size: 12px;
-                  font-weight: 700;
-                  background-color: #fff;
-                  color: #0077ec;
-                "
-              >
-                {{ stageProcessList.length - index }}
+            <el-tooltip
+              class="box-item"
+              effect="light"
+              :content="item.taskName"
+              placement="bottom"
+            >
+              <div class="item-name">
+                <div
+                  style="
+                    display: inline-block;
+                    border-radius: 50%;
+                    line-height: 18px;
+                    text-align: center;
+                    margin-right: 6px;
+                    width: 18px;
+                    height: 18px;
+                    font-size: 12px;
+                    font-weight: 700;
+                    background-color: #fff;
+                    color: #0077ec;
+                  "
+                >
+                  {{ stageProcessList.length - index }}
+                </div>
+                <div style="display: inline">{{ item.taskName }}</div>
               </div>
-              <div style="display: inline">{{ item.taskName }}</div>
-            </div>
+            </el-tooltip>
           </div>
           <div class="f-a-c" style="margin-top: 9px">
             <div class="item-progress">
@@ -128,26 +143,34 @@
 
         <template v-else>
           <div>
-            <div class="item-name">
-              <div
-                style="
-                  display: inline-block;
-                  border-radius: 50%;
-                  line-height: 18px;
-                  text-align: center;
-                  margin-right: 6px;
-                  width: 18px;
-                  height: 18px;
-                  font-size: 12px;
-                  font-weight: 700;
-                  background-color: #fff;
-                  color: #0077ec;
-                "
-              >
-                {{ stageProcessList.length - index }}
+            <el-tooltip
+              class="box-item"
+              effect="light"
+              :content="item.taskName"
+              placement="top-start"
+            >
+              <div class="item-name">
+                <div
+                  style="
+                    display: inline-block;
+                    border-radius: 50%;
+                    line-height: 18px;
+                    text-align: center;
+                    margin-right: 6px;
+                    width: 18px;
+                    height: 18px;
+                    font-size: 12px;
+                    font-weight: 700;
+                    background-color: #fff;
+                    color: #0077ec;
+                  "
+                >
+                  {{ stageProcessList.length - index }}
+                </div>
+                <div style="display: inline">{{ item.taskName }}</div>
               </div>
-              <div style="display: inline">{{ item.taskName }}</div>
-            </div>
+            </el-tooltip>
+
             <div class="triangle"></div>
           </div>
           <div class="f-a-c">
diff --git a/src/views/growth/components/roadmap2/index.vue b/src/views/growth/components/roadmap2/index.vue
index 9bf137f..bb19bc7 100644
--- a/src/views/growth/components/roadmap2/index.vue
+++ b/src/views/growth/components/roadmap2/index.vue
@@ -30,26 +30,33 @@
           </template>
           <div class="item-container">
             <div>
-              <div class="item-name">
-                <div
-                  style="
-                    display: inline-block;
-                    border-radius: 50%;
-                    line-height: 18px;
-                    text-align: center;
-                    margin-right: 6px;
-                    width: 18px;
-                    height: 18px;
-                    font-size: 12px;
-                    font-weight: 700;
-                    background-color: #fff;
-                    color: #0077ec;
-                  "
-                >
-                  {{ stageProcessList.length - index }}
+              <el-tooltip
+                class="box-item"
+                effect="light"
+                :content="item.taskName"
+                placement="top-start"
+              >
+                <div class="item-name">
+                  <div
+                    style="
+                      display: inline-block;
+                      border-radius: 50%;
+                      line-height: 18px;
+                      text-align: center;
+                      margin-right: 6px;
+                      width: 18px;
+                      height: 18px;
+                      font-size: 12px;
+                      font-weight: 700;
+                      background-color: #fff;
+                      color: #0077ec;
+                    "
+                  >
+                    {{ stageProcessList.length - index }}
+                  </div>
+                  <div style="display: inline">{{ item.taskName }}</div>
                 </div>
-                <div style="display: inline">{{ item.taskName }}</div>
-              </div>
+              </el-tooltip>
             </div>
             <div class="f-a-c" style="margin-top: 9px">
               <div class="item-progress">
@@ -172,8 +179,8 @@ const point = [
     right: "1140",
   },
   {
-    top: '1463',
-    right: '1600',
+    top: "1463",
+    right: "1600",
   },
   {
     top: "1603",
@@ -264,7 +271,6 @@ const point = [
     top: "5282",
     right: "790",
   },
-  
 ];
 const toFinish = (item) => {
   emit("toFinish", item);