This commit is contained in:
Pengxiansen
2025-02-19 15:40:45 +08:00
parent fe71190baa
commit d430c39270
3 changed files with 55 additions and 51 deletions

View File

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

View File

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

View File

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