mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-06 09:26:46 +08:00
提交
This commit is contained in:
@@ -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="{
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user