This commit is contained in:
Pengxiansen
2025-02-26 20:58:40 +08:00
parent e0f0b39456
commit 1e814faf07
3 changed files with 52 additions and 38 deletions

View File

@@ -229,7 +229,7 @@ const toFinish = (item) => {
} }
.gowth-path2 { .gowth-path2 {
position: relative; position: relative;
margin: 53px 45px 31px 63px; margin: 0 45px 31px 63px;
box-sizing: border-box; box-sizing: border-box;
background-image: url(@/assets/image/growth/path2.png); background-image: url(@/assets/image/growth/path2.png);
background-size: 100%; background-size: 100%;

View File

@@ -6,24 +6,27 @@
</div> </div>
<div class="nav-title">{{ data.growthName }}</div> <div class="nav-title">{{ data.growthName }}</div>
</div> </div>
<div class="tabs"> <template v-if="data.electiveTaskNum !== 0">
<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 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 </template>
class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)"
>
<div class="tabs-text">选修</div>
<div class="tabs-line"></div>
</div>
</div>
<div class="search"> <div class="search">
<div class="search-input"> <div class="search-input">
<el-input <el-input
@@ -66,7 +69,10 @@
<div <div
class="container" class="container"
v-loading="loading" v-loading="loading"
:style="stageProcessList.length ? '' : 'height:400px'" :style="{
top: data.electiveTaskNum !== 0 ? '165px' : '103px',
height: stageProcessList.length ? '' : ':400px',
}"
> >
<template v-if="stageProcessList && stageProcessList.length"> <template v-if="stageProcessList && stageProcessList.length">
<div <div

View File

@@ -6,24 +6,26 @@
</div> </div>
<div class="nav-title">{{ data.growthName }}</div> <div class="nav-title">{{ data.growthName }}</div>
</div> </div>
<div class="tabs"> <template v-if="data.electiveTaskNum !== 0">
<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 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 </template>
class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)"
>
<div class="tabs-text">选修</div>
<div class="tabs-line"></div>
</div>
</div>
<div class="search"> <div class="search">
<div class="search-input"> <div class="search-input">
<el-input <el-input
@@ -64,7 +66,13 @@
<img class="icon" @click="toPath" src="@/assets/image/growth/list.png" /> <img class="icon" @click="toPath" src="@/assets/image/growth/list.png" />
</div> </div>
<template v-if="stageProcessList && stageProcessList.length"> <template v-if="stageProcessList && stageProcessList.length">
<div class="container" v-loading="loading"> <div
class="container"
v-loading="loading"
:style="{
top: data.electiveTaskNum !== 0 ? '165px' : '103px',
}"
>
<div :style="{ transform: 'scale(' + transformSize + ')' }"> <div :style="{ transform: 'scale(' + transformSize + ')' }">
<template v-if="growthInfo.template == 2"> <template v-if="growthInfo.template == 2">
<div class="path-container"> <div class="path-container">
@@ -841,7 +849,7 @@ const toPath = () => {
background-color: #ffffff; background-color: #ffffff;
background-image: url(@/assets/image/growth/path-bg.png); background-image: url(@/assets/image/growth/path-bg.png);
background-size: 100% 100%; background-size: 100% 100%;
top: 165px;
left: 0; left: 0;
right: 0; right: 0;
border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;