hz/student-h5
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/student-h5.git synced 2025-12-12 12:26:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-02-21 14:51:43 +08:00
parent 6a92bc0221
commit 162f31247d
2 changed files with 156 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
src/views/growth/growthPath.vue
View File

@@ -4,7 +4,7 @@
<div class="nav-left" @click="returnclick">
<el-icon color="#fff" size="20"><ArrowLeft /></el-icon>
</div>
<div class="nav-title">{{ growthInfo.growthName }}</div>
<div class="nav-title">{{ data.growthName }}</div>
</div>
<div class="tabs">
<div
@@ -60,117 +60,122 @@
<!-- <img class="icon" src="@/assets/image/growth/list.png" /> -->
<img class="icon" @click="toPath" src="@/assets/image/growth/list.png" />
</div>
<div class="container" v-loading="loading">
<div :style="{ transform: 'scale(' + transformSize + ')' }">
<template v-if="growthInfo.template == 2">
<div class="path-container">
<div
:class="
item.position + 1 < 3 ||
item.position + 1 == 4 ||
item.position + 1 == 6
? 'path-item-left'
: 'path-item-right'
"
@click="toFinish(item)"
:style="point[item.position]"
v-for="(item, index) of stageProcessList"
>
<template
v-if="
<template v-if="stageProcessList && stageProcessList.length">
<div class="container" v-loading="loading">
<div :style="{ transform: 'scale(' + transformSize + ')' }">
<template v-if="growthInfo.template == 2">
<div class="path-container">
<div
:class="
item.position + 1 < 3 ||
item.position + 1 == 4 ||
item.position + 1 == 6
? 'path-item-left'
: 'path-item-right'
"
@click="toFinish(item)"
:style="point[item.position]"
v-for="(item, index) of stageProcessList"
>
<div>
<div class="item-name">{{ item.taskName }}</div>
<div class="triangle"></div>
</div>
<div class="f-a-c">
<div class="f-a-c">
<div class="item-progress">
<el-progress
:percentage="parseInt(item.progress)"
:show-text="false"
:stroke-width="6"
:color="stateData(item).progressColor"
/>
</div>
<div
class="item-state"
:style="{
color: stateData(item).color,
background: stateData(item).bgColor,
}"
>
{{ stateData(item).text }}
</div>
</div>
<div class="item-link">
<div
:style="{
width: widthConfig(item.position).width,
marginLeft: widthConfig(item.position).margin,
}"
class="line"
></div>
<div class="circle"></div>
</div>
</div>
</template>
<template v-else>
<div class="item-link">
<div class="circle"></div>
<div
:style="{
width: widthConfig(item.position).width,
marginRight: widthConfig(item.position).margin,
}"
class="line"
></div>
</div>
<div>
<template
v-if="
item.position + 1 < 3 ||
item.position + 1 == 4 ||
item.position + 1 == 6
"
>
<div>
<div class="item-name">{{ item.taskName }}</div>
<div class="triangle"></div>
</div>
<div class="f-a-c" style="justify-content: flex-end">
<div class="item-progress">
<el-progress
:percentage="parseInt(item.progress)"
:show-text="false"
:stroke-width="6"
:color="stateData(item).progressColor"
/>
</div>
<div class="f-a-c">
<div class="f-a-c">
<div class="item-progress">
<el-progress
:percentage="parseInt(item.progress)"
:show-text="false"
:stroke-width="6"
:color="stateData(item).progressColor"
/>
</div>
<div
class="item-state"
:style="{
color: stateData(item).color,
background: stateData(item).bgColor,
}"
>
{{ stateData(item).text }}
<div
class="item-state"
:style="{
color: stateData(item).color,
background: stateData(item).bgColor,
}"
>
{{ stateData(item).text }}
</div>
</div>
<div class="item-link">
<div
:style="{
width: widthConfig(item.position).width,
marginLeft: widthConfig(item.position).margin,
}"
class="line"
></div>
<div class="circle"></div>
</div>
</div>
</div>
</template>
</div>
</div>
</template>
<template v-else>
<GrowthPath2 @toFinish="toFinish" :stageProcessList="stageProcessList"></GrowthPath2>
</template>
</div>
</template>
<template v-else>
<div class="item-link">
<div class="circle"></div>
<div
:style="{
width: widthConfig(item.position).width,
marginRight: widthConfig(item.position).margin,
}"
class="line"
></div>
</div>
<div>
<div>
<div class="item-name">{{ item.taskName }}</div>
<div class="triangle"></div>
</div>
<div class="f-a-c" style="justify-content: flex-end">
<div class="item-progress">
<el-progress
:percentage="parseInt(item.progress)"
:show-text="false"
:stroke-width="6"
:color="stateData(item).progressColor"
/>
</div>
<template v-if="stageProcessList && stageProcessList.length"> </template>
<template v-else>
<div
class="item-state"
:style="{
color: stateData(item).color,
background: stateData(item).bgColor,
}"
>
{{ stateData(item).text }}
</div>
</div>
</div>
</template>
</div>
</div>
</template>
<template v-else>
<GrowthPath2
@toFinish="toFinish"
:stageProcessList="stageProcessList"
></GrowthPath2>
</template>
</div>
</div>
</template>
<template v-else>
<div class="container" style="background-image: none">
<el-empty description="暂无数据" />
</template>
</div>
</div>
</template>
<!-- 开课列表弹框 -->
<el-dialog
top="120px"