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

init

Browse Source
This commit is contained in:
yuping
2022-12-15 15:46:50 +08:00
parent 7fe5ef4a7c
commit e5f7e80000
1 changed files with 72 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
src/views/project/ProjectDetails.vue
View File

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