mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-11 03:46:48 +08:00
init
This commit is contained in:
yuping
@@ -2,8 +2,8 @@
|
||||
<div class="pathdetails" style="padding: 30px">
|
||||
<!-- 面包屑导航 -->
|
||||
<div class="crumb">
|
||||
<!-- <div>产品经理学习路径图</div>-->
|
||||
<!-- <div style="margin-left: 6px; margin-right: 6px">/</div>-->
|
||||
<!-- <div>产品经理学习路径图</div>-->
|
||||
<!-- <div style="margin-left: 6px; margin-right: 6px">/</div>-->
|
||||
<div style="font-weight: 700">项目详情</div>
|
||||
</div>
|
||||
<!-- 面包屑导航 -->
|
||||
@@ -15,23 +15,23 @@
|
||||
<div class="title">
|
||||
<div class="titleL">{{ i.stageName }}</div>
|
||||
<div class="titleR" :style="{ display: 'flex' }">
|
||||
<img src="../../assets/image/pathdetails/circle.png" />
|
||||
<img src="../../assets/image/pathdetails/circle.png"/>
|
||||
<div class="titleRT">进行中</div>
|
||||
</div>
|
||||
<div
|
||||
class="titleR"
|
||||
:style="{ display: i.status === 2 ? 'flex' : 'none' }"
|
||||
class="titleR"
|
||||
:style="{ display: i.status === 2 ? 'flex' : 'none' }"
|
||||
>
|
||||
<img src="../../assets/image/pathdetails/circle2.png" />
|
||||
<img src="../../assets/image/pathdetails/circle2.png"/>
|
||||
<div class="titleRT" style="color: rgba(102, 102, 102, 1)">
|
||||
未开始
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="course"
|
||||
v-for="(value, index) in i.taskProcessList"
|
||||
:key="index"
|
||||
class="course"
|
||||
v-for="(value, index) in i.taskProcessList"
|
||||
:key="index"
|
||||
>
|
||||
<div>
|
||||
<div class="coursename">{{ value.name }}</div>
|
||||
@@ -53,17 +53,17 @@
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<div
|
||||
class="progressBox"
|
||||
:style="{ display: value.status === 1 ? 'block' : 'none' }"
|
||||
class="progressBox"
|
||||
:style="{ display: value.status === 1 ? 'block' : 'none' }"
|
||||
>
|
||||
<div>当前进度</div>
|
||||
<div class="progress">
|
||||
<div style="width: 291px">
|
||||
<el-progress
|
||||
:percentage="value.currentRatio"
|
||||
:show-text="false"
|
||||
:stroke-width="8"
|
||||
:color="
|
||||
:percentage="value.currentRatio"
|
||||
:show-text="false"
|
||||
:stroke-width="8"
|
||||
:color="
|
||||
{
|
||||
0: 'rgba(238, 112, 108, 1)',
|
||||
1: 'rgba(255, 151, 38, 1)',
|
||||
@@ -76,13 +76,13 @@
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #277aff;
|
||||
margin-left: 10px;
|
||||
"
|
||||
:style="{
|
||||
:style="{
|
||||
color: {
|
||||
0: 'rgba(238, 112, 108, 1)',
|
||||
1: 'rgba(255, 151, 38, 1)',
|
||||
@@ -132,31 +132,31 @@
|
||||
<el-tabs v-model="activeName" @tab-click="handleClick">
|
||||
<el-tab-pane label="课程公告" name="first">
|
||||
<div class="notice">
|
||||
{{data.remark || '暂无公告'}}
|
||||
{{ data.remark || '暂无公告' }}
|
||||
</div>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="共享文档" name="second">
|
||||
<!-- <div style="padding: 19px 30px 17px 28px">-->
|
||||
<!-- <div-->
|
||||
<!-- v-for="(value, index) in sharedoc"-->
|
||||
<!-- :key="index"-->
|
||||
<!-- style="-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- margin-bottom: 15px;-->
|
||||
<!-- "-->
|
||||
<!-- >-->
|
||||
<!-- <img :src="value.img" style="width: 22px; height: 26px" />-->
|
||||
<!-- <div class="sharedocname">{{ value.name }}</div>-->
|
||||
<!-- <div class="download">-->
|
||||
<!-- <img-->
|
||||
<!-- src="../../assets/image/download.png"-->
|
||||
<!-- style="width: 16px; height: 15px"-->
|
||||
<!-- />-->
|
||||
<!-- <div style="margin-left: 7px">下载</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div style="padding: 19px 30px 17px 28px">-->
|
||||
<!-- <div-->
|
||||
<!-- v-for="(value, index) in sharedoc"-->
|
||||
<!-- :key="index"-->
|
||||
<!-- style="-->
|
||||
<!-- display: flex;-->
|
||||
<!-- align-items: center;-->
|
||||
<!-- margin-bottom: 15px;-->
|
||||
<!-- "-->
|
||||
<!-- >-->
|
||||
<!-- <img :src="value.img" style="width: 22px; height: 26px" />-->
|
||||
<!-- <div class="sharedocname">{{ value.name }}</div>-->
|
||||
<!-- <div class="download">-->
|
||||
<!-- <img-->
|
||||
<!-- src="../../assets/image/download.png"-->
|
||||
<!-- style="width: 16px; height: 15px"-->
|
||||
<!-- />-->
|
||||
<!-- <div style="margin-left: 7px">下载</div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</div>
|
||||
@@ -166,25 +166,25 @@
|
||||
<div class="info">
|
||||
<div class="title">
|
||||
<img
|
||||
style="width: 21px; height: 20px"
|
||||
src="../../assets/image/pathdetails/info.png"
|
||||
style="width: 21px; height: 20px"
|
||||
src="../../assets/image/pathdetails/info.png"
|
||||
/>
|
||||
<div class="text" style="margin-left: 7px">个人信息</div>
|
||||
<div class="box"></div>
|
||||
</div>
|
||||
<!-- todo #路径详情 个人信息缺少img和介绍-->
|
||||
<div
|
||||
class="teacheritem"
|
||||
:style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
|
||||
class="teacheritem"
|
||||
:style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
|
||||
>
|
||||
<img class="peopleimg" :src="data.userInfoBo?.peopleimg" />
|
||||
<img class="peopleimg" :src="data.userInfoBo?.peopleimg"/>
|
||||
<div style="margin-left: 17px">
|
||||
<div class="teacherName">
|
||||
<div style="margin-right: 5px">
|
||||
{{ data.userInfoBo?.userName }}
|
||||
</div>
|
||||
<div v-for="(item, key) in data.userInfoBo?.medal" :key="key">
|
||||
<img class="teacherMedal" :src="item" />
|
||||
<img class="teacherMedal" :src="item"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="introduce">{{ data.userInfoBo?.introduce }}</div>
|
||||
@@ -194,8 +194,8 @@
|
||||
<div class="info" style="padding-top: 20px">
|
||||
<div class="title">
|
||||
<img
|
||||
style="width: 18px; height: 17px"
|
||||
src="../../assets/image/pathdetails/study.png"
|
||||
style="width: 18px; height: 17px"
|
||||
src="../../assets/image/pathdetails/study.png"
|
||||
/>
|
||||
<div class="text" style="margin-left: 9px">学习进度</div>
|
||||
<div class="box"></div>
|
||||
@@ -210,10 +210,10 @@
|
||||
<div class="progress">
|
||||
<div style="width: 291px">
|
||||
<el-progress
|
||||
:percentage="data.totalChapterCnt"
|
||||
:show-text="false"
|
||||
:stroke-width="8"
|
||||
:color="
|
||||
:percentage="data.totalChapterCnt"
|
||||
:show-text="false"
|
||||
:stroke-width="8"
|
||||
:color="
|
||||
{
|
||||
0: 'rgba(238, 112, 108, 1)',
|
||||
1: 'rgba(255, 151, 38, 1)',
|
||||
@@ -226,8 +226,8 @@
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="font-size: 14px; font-weight: 500; margin-left: 10px"
|
||||
:style="{
|
||||
style="font-size: 14px; font-weight: 500; margin-left: 10px"
|
||||
:style="{
|
||||
color: {
|
||||
0: 'rgba(238, 112, 108, 1)',
|
||||
1: 'rgba(255, 151, 38, 1)',
|
||||
@@ -249,10 +249,10 @@
|
||||
<div class="progress">
|
||||
<div style="width: 291px">
|
||||
<el-progress
|
||||
:percentage="data.currentChapterCnt"
|
||||
:show-text="false"
|
||||
:stroke-width="8"
|
||||
:color="
|
||||
:percentage="data.currentChapterCnt"
|
||||
:show-text="false"
|
||||
:stroke-width="8"
|
||||
:color="
|
||||
{
|
||||
0: 'rgba(238, 112, 108, 1)',
|
||||
1: 'rgba(255, 151, 38, 1)',
|
||||
@@ -265,13 +265,13 @@
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
style="
|
||||
style="
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #277aff;
|
||||
margin-left: 10px;
|
||||
"
|
||||
:style="{
|
||||
:style="{
|
||||
color: {
|
||||
0: 'rgba(238, 112, 108, 1)',
|
||||
1: 'rgba(255, 151, 38, 1)',
|
||||
@@ -307,16 +307,16 @@ import medal1 from "@/assets/image/medal/medal1.png";
|
||||
import medal2 from "@/assets/image/medal/medal2.png";
|
||||
import medal3 from "@/assets/image/medal/medal3.png";
|
||||
import img from "@/assets/image/uploadimg.png";
|
||||
import { useRequest, request } from "@/api/request";
|
||||
import { PROJECT_PROCESS, ROUTER_PROCESS, LINK_DETAILS } from "@/api/api";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
import {useRequest, request} from "@/api/request";
|
||||
import {PROJECT_PROCESS, ROUTER_PROCESS, LINK_DETAILS} from "@/api/api";
|
||||
import {useRoute, useRouter} from "vue-router";
|
||||
import store from "@/store";
|
||||
|
||||
const {
|
||||
query: { courseId },
|
||||
query: {courseId, projectId},
|
||||
} = useRoute();
|
||||
const router = useRouter();
|
||||
const { data } = useRequest(PROJECT_PROCESS, { projectId: courseId });
|
||||
const {data} = useRequest(PROJECT_PROCESS, {projectId: projectId || courseId});
|
||||
const useInfo = computed(() => store.state.userInfo);
|
||||
|
||||
const activeName = ref("first");
|
||||
@@ -324,7 +324,7 @@ const activeName = ref("first");
|
||||
const handleClick = (tab, event) => {
|
||||
console.log(tab, event);
|
||||
};
|
||||
const path = { 1: "path" };
|
||||
const path = {1: "path"};
|
||||
|
||||
const types = ref({
|
||||
typeName: {
|
||||
@@ -390,16 +390,16 @@ function toFinish(d) {
|
||||
url = types.value.path[d.type][0] + d.targetId;
|
||||
}
|
||||
import.meta.env.DEV
|
||||
? (window.location.href = url)
|
||||
: (window.parent.location.href = url);
|
||||
? (window.location.href = url)
|
||||
: (window.parent.location.href = url);
|
||||
return;
|
||||
}
|
||||
if (types.value.path[d.type] && types.value.path[d.type].startsWith("http")) {
|
||||
//配置文件
|
||||
const url = types.value.path[d.type] + d.targetId;
|
||||
import.meta.env.DEV
|
||||
? (window.location.href = url)
|
||||
: (window.parent.location.href = url);
|
||||
? (window.location.href = url)
|
||||
: (window.parent.location.href = url);
|
||||
return;
|
||||
}
|
||||
if (d.type === 7) {
|
||||
@@ -409,15 +409,15 @@ function toFinish(d) {
|
||||
if (res.code === 200) {
|
||||
const url = res.data.linkAddress;
|
||||
import.meta.env.DEV
|
||||
? (window.location.href = url)
|
||||
: (window.parent.location.href = url);
|
||||
? (window.location.href = url)
|
||||
: (window.parent.location.href = url);
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
router.push({
|
||||
path: types.value.path[d.type],
|
||||
query: { id: d.projectTaskId, type: 2, courseId: d.courseId },
|
||||
query: {id: d.projectTaskId, type: 2, courseId: d.courseId},
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user