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

init

Browse Source
This commit is contained in:
yuping
2022-12-15 14:09:39 +08:00
parent 2260e340bf
commit c65d1e41df
1 changed files with 8 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -98,8 +98,14 @@
</div>
</div>
</div>
<div class="goclass" @click="toFinish(value)">
{{ types.toName[value.type] || "" }}
<div class="goclass" @click="toFinish(value,i.name)">
{{
value.status === 1
? "已完成"
: types.path[value.type]
? types.toName[value.type]
: "未开放"
}}
</div>
<!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
<!-- <div-->
@@ -316,188 +322,7 @@ const {
const router = useRouter();
const { data } = useRequest(PROJECT_PROCESS, { projectId: courseId });
console.log("data", data);
const state = reactive({
course: [
{
state: 1, //1：进行中 2：未开始
title: "序：产品经理从初级到中级",
courseItem: [
{
id: 1,
name: "人工智能启蒙就讲解（上）",
tag: [
{
classify: 1, //1：必修 2：选修 3：在线、测评等 4：标签
name: "必修",
},
{
classify: 3,
name: "在线",
},
{
classify: 4,
name: "#通用力",
},
{
classify: 4,
name: "#前沿趋势",
},
],
progress: 90,
},
{
id: 1,
name: "人工智能启蒙就讲解（下）",
tag: [
{
classify: 2,
name: "选修",
},
{
classify: 3,
name: "测评",
},
{
classify: 4,
name: "#通用力",
},
{
classify: 4,
name: "#前沿趋势",
},
],
progress: 0,
},
],
},
{
state: 2, //1：进行中 2：未开始
title: "第一讲：中级产品经理的思考逻辑",
courseItem: [
{
id: 1,
name: "趣味课前小测 - MBTI测试：你适合做哪个方向？",
tag: [
{
classify: 1, //1：必修 2：选修 3：在线、测评等 4：标签
name: "必修",
},
{
classify: 3,
name: "测评",
},
],
progress: 48,
},
{
id: 1,
name: "趣味课前小测 - MBTI测试：你适合做哪个方向？",
tag: [
{
classify: 2,
name: "选修",
},
{
classify: 3,
name: "外部链接",
},
],
progress: 0,
},
],
},
{
state: 2, //1：进行中 2：未开始
title: "第二讲：模块化产品展示",
courseItem: [
{
id: 1,
name: "模块化产品展示相关案例与展示：如何自由组合你的思考？",
tag: [
{
classify: 1, //1：必修 2：选修 3：在线、测评等 4：标签
name: "必修",
},
{
classify: 3,
name: "测评",
},
],
progress: 48,
},
{
id: 1,
name: "社交产品如何做好模块化处理？",
tag: [
{
classify: 2,
name: "选修",
},
{
classify: 3,
name: "作业",
},
],
progress: 0,
},
{
id: 1,
name: "微信与Telegram哪个平台的功能模块化做的最好？",
tag: [
{
classify: 2,
name: "选修",
},
{
classify: 3,
name: "辩论",
},
],
progress: 0,
},
],
},
],
sharedoc: [
{
id: 1,
name: "项目参考文档.doc",
img: word,
},
{
id: 2,
name: "人工智能启蒙讲解讲义.pptx",
img: ppt,
},
{
id: 3,
name: "中级产品经理必备工具.pdf",
img: pdf,
},
{
id: 4,
name: "Python学习入门讲义.zip",
img: zip,
},
{
id: 5,
name: "Axure RP10更新内容.md",
img: md,
},
],
teacher: [
{
id: 1,
name: "王星天（显示事业）",
introduce: "教师是学生的镜子,学生是老师的影子。",
peopleimg: img,
medal: [medal1, medal2, medal3],
},
],
});
const activeName = ref("first");
const totalprogress = ref(30);
const compulsoryprogress = ref(10);
const handleClick = (tab, event) => {
console.log(tab, event);