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-13 19:28:28 +08:00
parent 5d2f88034a
commit d440b5aa82
2 changed files with 60 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/roadmap/LearnPath.vue
View File

@@ -81,7 +81,7 @@
style="width: 230px; height: 155px" style="width: 230px; height: 155px"
/> />
</el-table-column> </el-table-column>
<el-table-column align="center" prop="name" label="路径名称" /> <el-table-column align="center" prop="name" label="路径名称"/>
<el-table-column <el-table-column
align="center" align="center"
prop="introduce" prop="introduce"
@@ -130,7 +130,7 @@
class="mapdetail" class="mapdetail"
> >
<div v-for="(item, i) in detail?.rows" :key="i"> <div v-for="(item, i) in detail?.rows" :key="i">
<img :src="useImage(`222_0${i + 2}.png`)" /> <img :src="useImage(`222_0${i + 2}.png`)"/>
</div> </div>
<!-- <div class="modal"--> <!-- <div class="modal"-->
<!-- style="width: calc(100% - 168px); height: 525px;background-image: url('../../src/assets/image/mapdetail.png');background-size: 100%;background-repeat: no-repeat;">--> <!-- style="width: calc(100% - 168px); height: 525px;background-image: url('../../src/assets/image/mapdetail.png');background-size: 100%;background-repeat: no-repeat;">-->
@@ -141,43 +141,46 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import { reactive, toRefs, ref } from "vue"; import {reactive, toRefs, ref} from "vue";
import nostarted from "../../assets/image/nostarted.png"; import nostarted from "../../assets/image/nostarted.png";
import completed from "../../assets/image/completed.png"; import completed from "../../assets/image/completed.png";
import ongoing from "../../assets/image/ongoing.png"; import ongoing from "../../assets/image/ongoing.png";
import { request, usePage, useRequest } from "@/api/request"; import {request, usePage, useRequest} from "@/api/request";
import { import {
BASE_URL,
ROUTER_CHAPTER_LIST, ROUTER_CHAPTER_LIST,
ROUTER_LIST, ROUTER_LIST,
ROUTER_UNCOMPLETE_LIST, ROUTER_UNCOMPLETE_LIST,
} from "@/api/api"; } from "@/api/api";
import { useImage } from "@/api/utils"; import {useImage} from "@/api/utils";
import { useRouter } from "vue-router"; import {useRouter} from "vue-router";
const detail = ref(); const detail = ref();
const { data } = usePage(ROUTER_LIST, {}); const {data} = usePage(ROUTER_LIST, {});
const router = useRouter(); const router = useRouter();
const { unCompleteTaskList } = useRequest(ROUTER_UNCOMPLETE_LIST, {}); const {unCompleteTaskList} = useRequest(ROUTER_UNCOMPLETE_LIST, {});
const state = reactive({ const state = reactive({
showmapdetail: false, showmapdetail: false,
}); });
const { showmapdetail } = toRefs(state); const {showmapdetail} = toRefs(state);
const returnfun = () => { const returnfun = () => {
state.showmapdetail = false; state.showmapdetail = false;
}; };
async function gofun({ routerId }) { async function gofun({routerId}) {
// console.log(routerId) // console.log(routerId)
// const data = await request(ROUTER_CHAPTER_LIST, {stuChapterListVo: {routerId}}) // const data = await request(ROUTER_CHAPTER_LIST, {stuChapterListVo: {routerId}})
// detail.value = data.data // detail.value = data.data
// state.showmapdetail = true; // state.showmapdetail = true;
router.push({ path: "/pathdetails", query: { routerId } }); // router.push({path: "/pathdetails", query: {routerId}});
window.location.href = `${BASE_URL}/pathdetails?routerId=${routerId}`
} }
function toUnTask() {} function toUnTask() {
}
</script> </script>
<style lang="scss"> <style lang="scss">
.modal { .modal {

3
src/views/roadmap/PathDetails.vue
View File

@@ -572,8 +572,7 @@ function toFinish(d) {
ElMessage.error('暂时未开放') ElMessage.error('暂时未开放')
return return
} }
window.parent.location.href = `${BASE_URL + types.value.path[d.type]}?id=${d.routerTaskId}&type=1&courseId=${d.courseId}` router.push({path: types.value.path[d.type], query: {id: d.routerTaskId, type: 1, courseId: d.courseId}})
// router.push({path: types.value.path[d.type], query: {id: d.routerTaskId, type: 1, courseId: d.courseId}})
} }
</script> </script>