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

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-03-01 00:38:05 +08:00
parent e801e698c7
commit f49e04a73b
2 changed files with 108 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/views/growth/components/roadmap1/index.vue
View File

@@ -24,26 +24,34 @@
<div style="display: flex">
<div>
<div>
<div class="item-name" style="width: 210px">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
<el-tooltip
class="box-item"
effect="light"
:content="item.taskName"
placement="top-start"
>
<div class="item-name" style="width: 210px">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
</el-tooltip>
<div class="triangle"></div>
</div>
<div class="f-a-c">
@@ -83,26 +91,33 @@
</div>
<div>
<div class="triangle"></div>
<div class="item-name">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
<el-tooltip
class="box-item"
effect="light"
:content="item.taskName"
placement="bottom"
>
<div class="item-name">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
</el-tooltip>
</div>
<div class="f-a-c" style="margin-top: 9px">
<div class="item-progress">
@@ -128,26 +143,34 @@
<template v-else>
<div>
<div class="item-name">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
<el-tooltip
class="box-item"
effect="light"
:content="item.taskName"
placement="top-start"
>
<div class="item-name">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
</el-tooltip>
<div class="triangle"></div>
</div>
<div class="f-a-c">

50
src/views/growth/components/roadmap2/index.vue
View File

@@ -30,26 +30,33 @@
</template>
<div class="item-container">
<div>
<div class="item-name">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
<el-tooltip
class="box-item"
effect="light"
:content="item.taskName"
placement="top-start"
>
<div class="item-name">
<div
style="
display: inline-block;
border-radius: 50%;
line-height: 18px;
text-align: center;
margin-right: 6px;
width: 18px;
height: 18px;
font-size: 12px;
font-weight: 700;
background-color: #fff;
color: #0077ec;
"
>
{{ stageProcessList.length - index }}
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
<div style="display: inline">{{ item.taskName }}</div>
</div>
</el-tooltip>
</div>
<div class="f-a-c" style="margin-top: 9px">
<div class="item-progress">
@@ -172,8 +179,8 @@ const point = [
right: "1140",
},
{
top: '1463',
right: '1600',
top: "1463",
right: "1600",
},
{
top: "1603",
@@ -264,7 +271,6 @@ const point = [
top: "5282",
right: "790",
},
];
const toFinish = (item) => {
emit("toFinish", item);