|
|
@@ -38,28 +38,27 @@
|
|
|
<div class="div_title">
|
|
|
<span>下册</span>
|
|
|
{{ item.title }}
|
|
|
- <!-- <el-popover placement="bottom" :width="200" trigger="click" show-after="1000">
|
|
|
+ <el-popover placement="bottom" :width="200" trigger="click" show-after="1000">
|
|
|
<template #reference>
|
|
|
- <img :src="DownloadImg" alt="" @click="getDate(item.id)">
|
|
|
+ <img :src="DownloadImg" alt="" @click="getDate(item, item.id)">
|
|
|
</template>
|
|
|
-<div>
|
|
|
- <div>
|
|
|
- <span>资源列表（{{ item.data.length }}）</span>
|
|
|
- <el-checkbox v-model="checked1" label="全选" size="large" @click="checkedAll(item.id)" />
|
|
|
- </div>
|
|
|
- <div v-if="item.data.length>0">
|
|
|
- <div v-for="dataitem in item.data" :key="dataitem.id">
|
|
|
- {{ dataitem }}
|
|
|
- <img :src="PDFImg" alt="">
|
|
|
- <span>资料下载</span>
|
|
|
- <img :src="DownloadImg" alt="">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-else>
|
|
|
- 暂无数据
|
|
|
- </div>
|
|
|
-</div>
|
|
|
-</el-popover> -->
|
|
|
+ <div>
|
|
|
+ <div>
|
|
|
+ <span>资源列表（{{ item.dataList.length }}）</span>
|
|
|
+ <el-checkbox v-model="checked1" label="全选" size="large" @click="checkedAll(item.id)" />
|
|
|
+ </div>
|
|
|
+ <div v-if="item.dataList.length > 0">
|
|
|
+ <div v-for="dataitem in item.dataList" :key="dataitem.id">
|
|
|
+ <img :src="dataitem.url" alt="">
|
|
|
+ <span>{{ dataitem.name }}</span>
|
|
|
+ <img :src="DownloadImg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else>
|
|
|
+ 暂无数据
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="class_button" v-if="isupdateCourse">
|
|
|
@@ -134,19 +133,23 @@ const currentData = ref({
|
|
|
{
|
|
|
id: "8d4c47d5-ed72-11ee-b534-005056b86db5",
|
|
|
title: "智能安防",
|
|
|
- url: "../../assets/img/三下1.png"
|
|
|
+ url: "../../assets/img/三下1.png",
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "8680f2e5-ed72-11ee-b534-005056b86db5",
|
|
|
title: "人脸检测与识别",
|
|
|
- url: "../../assets/img/三下1.png"
|
|
|
+ url: "../../assets/img/三下1.png",
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "90fed959-ed72-11ee-b534-005056b86db5",
|
|
|
title: "电子警察",
|
|
|
- url: "../../assets/img/三下1.png"
|
|
|
+ url: "../../assets/img/三下1.png",
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "d84245f0-ec02-11ee-b534-005056b86db5",
|
|
|
title: "音频播报",
|
|
|
- url: "../../assets/img/三下1.png"
|
|
|
+ url: "../../assets/img/三下1.png",
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
})
|
|
|
@@ -163,19 +166,23 @@ const courseData = {
|
|
|
{
|
|
|
id: "8d4c47d5-ed72-11ee-b534-005056b86db5",
|
|
|
title: "初识人工智能",
|
|
|
- url: san1
|
|
|
+ url: san1,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "8680f2e5-ed72-11ee-b534-005056b86db5",
|
|
|
title: "机器的眼睛",
|
|
|
- url: san2
|
|
|
+ url: san2,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "90fed959-ed72-11ee-b534-005056b86db5",
|
|
|
title: "机器的耳朵",
|
|
|
- url: san3
|
|
|
+ url: san3,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "d84245f0-ec02-11ee-b534-005056b86db5",
|
|
|
title: "音频播报",
|
|
|
- url: san4
|
|
|
+ url: san4,
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
@@ -186,19 +193,23 @@ const courseData = {
|
|
|
{
|
|
|
id: "2a4a7d77-ed73-11ee-b534-005056b86db5",
|
|
|
title: "人工智能进阶",
|
|
|
- url: si1
|
|
|
+ url: si1,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "29120fad-ed73-11ee-b534-005056b86db5",
|
|
|
title: "情绪识别",
|
|
|
- url: si2
|
|
|
+ url: si2,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "283d7d77-ed73-11ee-b534-005056b86db5",
|
|
|
title: "情绪小怪兽",
|
|
|
- url: si3
|
|
|
+ url: si3,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "274ad423-ed73-11ee-b534-005056b86db5",
|
|
|
title: "灯光交互",
|
|
|
- url: si4
|
|
|
+ url: si4,
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
@@ -209,19 +220,23 @@ const courseData = {
|
|
|
{
|
|
|
id: "dbff4503-ed72-11ee-b534-005056b86db5",
|
|
|
title: "游戏与生活概率",
|
|
|
- url: wu1
|
|
|
+ url: wu1,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "db1ece3b-ed72-11ee-b534-005056b86db5",
|
|
|
title: "手势识别",
|
|
|
- url: wu2
|
|
|
+ url: wu2,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "d98c8624-ed72-11ee-b534-005056b86db5",
|
|
|
title: "猜拳机器人",
|
|
|
- url: wu3
|
|
|
+ url: wu3,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "d7f54a65-ed72-11ee-b534-005056b86db5",
|
|
|
title: "猜拳大战",
|
|
|
- url: wu4
|
|
|
+ url: wu4,
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
@@ -232,19 +247,23 @@ const courseData = {
|
|
|
{
|
|
|
id: "a56bb310-ed73-11ee-b534-005056b86db5",
|
|
|
title: "人脸检测知多少",
|
|
|
- url: liu1
|
|
|
+ url: liu1,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "a4aaba64-ed73-11ee-b534-005056b86db5",
|
|
|
title: "人脸检测全流程",
|
|
|
- url: liu2
|
|
|
+ url: liu2,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "a06a3cda-ed73-11ee-b534-005056b86db5",
|
|
|
title: "人脸检测功能实现",
|
|
|
- url: liu3
|
|
|
+ url: liu3,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "9ed59589-ed73-11ee-b534-005056b86db5",
|
|
|
title: "人脸追踪向日葵功能实现",
|
|
|
- url: liu4
|
|
|
+ url: liu4,
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
@@ -255,19 +274,23 @@ const courseData = {
|
|
|
{
|
|
|
id: "8698d3c0-ed73-11ee-b534-005056b86db5",
|
|
|
title: "机器学习",
|
|
|
- url: qi1
|
|
|
+ url: qi1,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "84c7c1a1-ed73-11ee-b534-005056b86db5",
|
|
|
title: "萌宠生活（一）",
|
|
|
- url: qi2
|
|
|
+ url: qi2,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "88b0ce2a-ed73-11ee-b534-005056b86db5",
|
|
|
title: "萌宠生活（二）",
|
|
|
- url: qi3
|
|
|
+ url: qi3,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "8741cd4a-ed73-11ee-b534-005056b86db5",
|
|
|
title: "萌宠生活（三）",
|
|
|
- url: qi4
|
|
|
+ url: qi4,
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
},
|
|
|
@@ -278,38 +301,28 @@ const courseData = {
|
|
|
{
|
|
|
id: "c29cf14a-ed72-11ee-b534-005056b86db5",
|
|
|
title: "探秘人工智能",
|
|
|
- url: ba1
|
|
|
+ url: ba1,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "c1bc1265-ed72-11ee-b534-005056b86db5",
|
|
|
title: "无所不在的人工智能",
|
|
|
- url: ba2
|
|
|
+ url: ba2,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "c0d7053f-ed72-11ee-b534-005056b86db5",
|
|
|
title: "机器翻译鸟（上）",
|
|
|
- url: ba3
|
|
|
+ url: ba3,
|
|
|
+ dataList: []
|
|
|
}, {
|
|
|
id: "bd49ea05-ed72-11ee-b534-005056b86db5",
|
|
|
title: "机器翻译鸟（下）",
|
|
|
- url: ba4
|
|
|
+ url: ba4,
|
|
|
+ dataList: []
|
|
|
},
|
|
|
]
|
|
|
}
|
|
|
}
|
|
|
onMounted(() => {
|
|
|
- try {
|
|
|
- for (const key in courseData) {
|
|
|
- courseData[key].xia.length > 0 && courseData[key].xia.map(x => {
|
|
|
- let obj = x
|
|
|
- obj.dataList = getDate(obj.id)
|
|
|
- return obj
|
|
|
- })
|
|
|
- console.log("courseData[key]", courseData[key])
|
|
|
- }
|
|
|
- console.log("courseData", courseData)
|
|
|
- }
|
|
|
- catch{
|
|
|
- console.log("未登录")
|
|
|
- }
|
|
|
currentData.value = courseData["三年级"]
|
|
|
})
|
|
|
const clickGrand = val => {
|
|
|
@@ -392,7 +405,8 @@ const updateReduction = () => {
|
|
|
}, [], { "type": "POST", "withCredentials": true });
|
|
|
}
|
|
|
|
|
|
-const getDate = async (id) => {
|
|
|
+const getDate = async (item, id) => {
|
|
|
+ // currentData
|
|
|
let dataList = []
|
|
|
await top.U.A.Request("https://pbl.cocorobo.cn/api/pbl/selectCourseDetailSz", [id], function (res) {
|
|
|
console.log(res)
|
|
|
@@ -411,7 +425,14 @@ const getDate = async (id) => {
|
|
|
}
|
|
|
}
|
|
|
}, [], { "type": "POST", "withCredentials": true });
|
|
|
- return dataList
|
|
|
+
|
|
|
+ await currentData.xia.map(x => {
|
|
|
+ if (x.id == id) {
|
|
|
+ x.dataList = dataList
|
|
|
+ }
|
|
|
+ return x
|
|
|
+ })
|
|
|
+ console.log("currentData", currentData)
|
|
|
}
|
|
|
|
|
|
const checkedAll = (id) => {
|
