|
|
@@ -5,7 +5,7 @@
|
|
|
<div class="">{{ $t('personalCenter.myCollection') }}</div>
|
|
|
</div>
|
|
|
<ul class="collection-list">
|
|
|
- <li class="flex-center-between" v-for="(item, index) in list" :key="index">
|
|
|
+ <li @click="toDetail(item)" class="flex-center-between" v-for="(item, index) in list" :key="index">
|
|
|
<img class="image" :src="item.coverImageUrl" alt="">
|
|
|
<div class="collection-list-main">
|
|
|
<div class="collection-list-main-left">
|
|
|
@@ -15,7 +15,7 @@
|
|
|
</div>
|
|
|
<div class="">{{ item.courseIntro }}</div>
|
|
|
</div>
|
|
|
- <div @click="cancelCollect(item, index)" class="btn flex-center active">
|
|
|
+ <div @click.stop="cancelCollect(item, index)" class="btn flex-center active">
|
|
|
<img src="/src/assets/imgs/my/star@2x.png" alt="">
|
|
|
<div class="">{{ $t('common.cancelCollect') }}</div>
|
|
|
</div>
|
|
|
@@ -31,14 +31,20 @@
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
import Pagination from '@/components/Pagination.vue'
|
|
|
+
|
|
|
import { ref, onMounted } from 'vue'
|
|
|
+
|
|
|
import { collectList } from '@/api/my.js'
|
|
|
+
|
|
|
import { collect } from '@/api/course'
|
|
|
|
|
|
import DGTMessage from '@/utils/message'
|
|
|
|
|
|
import { useI18n } from 'vue-i18n'
|
|
|
+
|
|
|
const { t } = useI18n()
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
+const router = useRouter()
|
|
|
|
|
|
const form = ref({
|
|
|
pageNum: 1,
|
|
|
@@ -57,7 +63,6 @@ const cancelCollect = async (item, index) => {
|
|
|
|
|
|
const getList = async () => {
|
|
|
let res = await collectList(form.value);
|
|
|
- console.log(res);
|
|
|
form.value.total = res.total;
|
|
|
list.value = res.rows
|
|
|
}
|
|
|
@@ -66,6 +71,17 @@ const handlePageChange = (page) => {
|
|
|
form.value.pageNum = page;
|
|
|
getList()
|
|
|
}
|
|
|
+// 跳转详情
|
|
|
+const toDetail = (item: any) => {
|
|
|
+ router.push({
|
|
|
+ path: `/learning-system/detail/${item.objectId}/course/${item.objectId}`,
|
|
|
+ query: {
|
|
|
+ courseId: item.objectId,
|
|
|
+ metaTitle: '课程详情'
|
|
|
+ }
|
|
|
+ })
|
|
|
+}
|
|
|
+
|
|
|
onMounted(() => {
|
|
|
getList()
|
|
|
})
|