提交

src/views/growth/components/roadmap2/index.vue

@@ -1,9 +1,9 @@
 <template>
   <div
-    style="transform-origin: top left; width: 1920px; height: 1122px"
+    style="transform-origin: top left; width: 1920px; height: 777px"
     class="roadmap"
   >
-    <el-scrollbar height="1122px">
+    <el-scrollbar height="777px">
       <div
         class="path-container"
         :style="{

src/views/growth/growthList.vue

@@ -31,7 +31,7 @@
           :class="queryParams.type == 1 ? 'active' : ''"
           @click="tabClick(1)"
         >
-          <div class="tabs-text">我的必修</div>
+          <div class="tabs-text">必修</div>
           <div class="tabs-line"></div>
         </div>
         <div
@@ -39,7 +39,7 @@
           :class="queryParams.type == 2 ? 'active' : ''"
           @click="tabClick(2)"
         >
-          <div class="tabs-text">我的选修</div>
+          <div class="tabs-text">选修</div>
           <div class="tabs-line"></div>
         </div>
       </div>
@@ -408,6 +408,8 @@
         </div>
       </div>
     </el-dialog>
+
+    <el-backtop :right="100" :bottom="100" />
   </div>
 </template>
 <script setup>

src/views/growth/growthRoadmap.vue

@@ -24,57 +24,59 @@
         </template>
       </el-dropdown>
     </div>
-    <div class="nav">
-      <div class="tabs">
-        <div
-          class="tabs-item"
-          :class="queryParams.type == 1 ? 'active' : ''"
-          @click="tabClick(1)"
-        >
-          <div class="tabs-text">我的必修</div>
-          <div class="tabs-line"></div>
-        </div>
-        <div
-          class="tabs-item"
-          :class="queryParams.type == 2 ? 'active' : ''"
-          @click="tabClick(2)"
-        >
-          <div class="tabs-text">我的选修</div>
-          <div class="tabs-line"></div>
+    <el-affix :offset="0">
+      <div class="nav">
+        <div class="tabs">
+          <div
+            class="tabs-item"
+            :class="queryParams.type == 1 ? 'active' : ''"
+            @click="tabClick(1)"
+          >
+            <div class="tabs-text">必修</div>
+            <div class="tabs-line"></div>
+          </div>
+          <div
+            class="tabs-item"
+            :class="queryParams.type == 2 ? 'active' : ''"
+            @click="tabClick(2)"
+          >
+            <div class="tabs-text">选修</div>
+            <div class="tabs-line"></div>
+          </div>
         </div>
       </div>
-    </div>
-    <div class="growth-path-container">
-      <div class="growth-name-type">
-        <div class="growth-type">
-          <div class="type-item-list" @click="templateClick">列表</div>
-          <div class="type-item-path">路径</div>
+      <div class="growth-path-container">
+        <div class="growth-name-type">
+          <div class="growth-type">
+            <div class="type-item-list" @click="templateClick">列表</div>
+            <div class="type-item-path">路径</div>
+          </div>
         </div>
-      </div>
 
-      <template v-if="stageProcessList && stageProcessList.length">
-        <div
-          :style="{ transform: 'scale(' + transformSize + ')' }"
-          style="transform-origin: top left"
-        >
-          <template v-if="selectGrowth.template == 1">
-            <Roadmap2
-              @toFinish="toFinish"
-              :stageProcessList="stageProcessList"
-            ></Roadmap2>
-          </template>
-          <template v-else>
-            <Roadmap1
-              @click="toFinish"
-              :stageProcessList="stageProcessList"
-            ></Roadmap1>
-          </template>
-        </div>
-      </template>
-      <template v-else>
-        <el-empty description="暂无数据" />
-      </template>
-    </div>
+        <template v-if="stageProcessList && stageProcessList.length">
+          <div
+            :style="{ transform: 'scale(' + transformSize + ')' }"
+            style="transform-origin: top left"
+          >
+            <template v-if="selectGrowth.template == 1">
+              <Roadmap2
+                @toFinish="toFinish"
+                :stageProcessList="stageProcessList"
+              ></Roadmap2>
+            </template>
+            <template v-else>
+              <Roadmap1
+                @click="toFinish"
+                :stageProcessList="stageProcessList"
+              ></Roadmap1>
+            </template>
+          </div>
+        </template>
+        <template v-else>
+          <el-empty description="暂无数据" />
+        </template>
+      </div>
+    </el-affix>
 
     <!-- 弹框提示信息 -->
     <el-dialog