|
@@ -25,16 +25,16 @@
|
|
|
<Breadcrumb />
|
|
<Breadcrumb />
|
|
|
<div class="padding12 bg_color_fff border_radius_16 box_shadow_card">
|
|
<div class="padding12 bg_color_fff border_radius_16 box_shadow_card">
|
|
|
<div class="typeList flex-between typeborder">
|
|
<div class="typeList flex-between typeborder">
|
|
|
- <div class="gray font_size14 typeName">学习分类:</div>
|
|
|
|
|
|
|
+ <div class="gray font_size14 typeName">学习阶段:</div>
|
|
|
<div class="flex_1 gap10">
|
|
<div class="flex_1 gap10">
|
|
|
- <div class="font_size14 typeItem" :class="{'active':searchFom.categoryId2 === ''}"
|
|
|
|
|
- @click="searchFom.categoryId2 = ''; searchFom.categoryId3 = '';getList('init');categoryListTree2=[]"
|
|
|
|
|
|
|
+ <div class="font_size14 typeItem" :class="{'active':searchFom.studyStage === ''}"
|
|
|
|
|
+ @click="searchFom.studyStage === '';getList('init');"
|
|
|
:key="-1">
|
|
:key="-1">
|
|
|
全部
|
|
全部
|
|
|
</div>
|
|
</div>
|
|
|
<div class="font_size14 typeItem"
|
|
<div class="font_size14 typeItem"
|
|
|
- v-for="item in categoryListTree" :key="item.categoryId"
|
|
|
|
|
- :class="{'active':searchFom.categoryId2 === item.categoryId}"
|
|
|
|
|
|
|
+ v-for="item in bus_study_stage" :key="item.studyStage"
|
|
|
|
|
+ :class="{'active':searchFom.studyStage === item.studyStage}"
|
|
|
@click="searchFom.categoryId2 = item.categoryId;searchFom.categoryId3 = '';categoryListTree2=[]; getList('init');getCategoryListTreeFn2();">
|
|
@click="searchFom.categoryId2 = item.categoryId;searchFom.categoryId3 = '';categoryListTree2=[]; getList('init');getCategoryListTreeFn2();">
|
|
|
{{item.categoryName}}
|
|
{{item.categoryName}}
|
|
|
</div>
|
|
</div>
|
|
@@ -43,15 +43,15 @@
|
|
|
<div class="typeList flex-between typeborder">
|
|
<div class="typeList flex-between typeborder">
|
|
|
<div class="gray font_size14 typeName">教程分类:</div>
|
|
<div class="gray font_size14 typeName">教程分类:</div>
|
|
|
<div class="flex_1 gap10">
|
|
<div class="flex_1 gap10">
|
|
|
- <div class="font_size14 typeItem" :class="{'active':searchFom.categoryId2 === ''}"
|
|
|
|
|
- @click="searchFom.categoryId2 = ''; searchFom.categoryId3 = '';getList('init');categoryListTree2=[]"
|
|
|
|
|
|
|
+ <div class="font_size14 typeItem" :class="{'active':searchFom.courseCategory === ''}"
|
|
|
|
|
+ @click="searchFom.courseCategory === '';getList('init');"
|
|
|
:key="-1">
|
|
:key="-1">
|
|
|
全部
|
|
全部
|
|
|
</div>
|
|
</div>
|
|
|
<div class="font_size14 typeItem"
|
|
<div class="font_size14 typeItem"
|
|
|
- v-for="item in categoryListTree" :key="item.categoryId"
|
|
|
|
|
- :class="{'active':searchFom.categoryId2 === item.categoryId}"
|
|
|
|
|
- @click="searchFom.categoryId2 = item.categoryId;searchFom.categoryId3 = '';categoryListTree2=[]; getList('init');getCategoryListTreeFn2();">
|
|
|
|
|
|
|
+ v-for="item in bus_course_category" :key="item.courseCategory"
|
|
|
|
|
+ :class="{'active':searchFom.courseCategory === item.courseCategory}"
|
|
|
|
|
+ @click="getList('init');">
|
|
|
{{item.categoryName}}
|
|
{{item.categoryName}}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -59,15 +59,15 @@
|
|
|
<div class="typeList flex-between">
|
|
<div class="typeList flex-between">
|
|
|
<div class="gray font_size14 typeName">技能标签:</div>
|
|
<div class="gray font_size14 typeName">技能标签:</div>
|
|
|
<div class="flex_1 gap10">
|
|
<div class="flex_1 gap10">
|
|
|
- <div class="font_size14 typeItem" :class="{'active':searchFom.categoryId3 === ''}"
|
|
|
|
|
- @click="searchFom.categoryId3 = ''; getList('init');"
|
|
|
|
|
|
|
+ <div class="font_size14 typeItem" :class="{'active':searchFom.skillTag === ''}"
|
|
|
|
|
+ @click="searchFom.skillTag = ''; getList('init');"
|
|
|
:key="-1">
|
|
:key="-1">
|
|
|
全部
|
|
全部
|
|
|
</div>
|
|
</div>
|
|
|
<div class="font_size14 typeItem"
|
|
<div class="font_size14 typeItem"
|
|
|
- v-for="item in categoryListTree2" :key="item.categoryId"
|
|
|
|
|
- :class="{'active':searchFom.categoryId3 === item.categoryId}"
|
|
|
|
|
- @click="searchFom.categoryId3 = item.categoryId; getList('init');">
|
|
|
|
|
|
|
+ v-for="item in bus_skill_tag" :key="item.skillTag"
|
|
|
|
|
+ :class="{'active':searchFom.skillTag === item.skillTag}"
|
|
|
|
|
+ @click="searchFom.skillTag = item.skillTag; getList('init');">
|
|
|
{{item.categoryName}}
|
|
{{item.categoryName}}
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
@@ -124,7 +124,7 @@
|
|
|
import Pagination from '@/components/Pagination.vue'
|
|
import Pagination from '@/components/Pagination.vue'
|
|
|
|
|
|
|
|
import { getCategoryListTree } from '@/api/category.js'
|
|
import { getCategoryListTree } from '@/api/category.js'
|
|
|
- import { getCourseList } from '@/api/course.js'
|
|
|
|
|
|
|
+ import { getCourseList, getDictType } from '@/api/course.js'
|
|
|
|
|
|
|
|
import { isLogin } from '@/utils/util.js'
|
|
import { isLogin } from '@/utils/util.js'
|
|
|
import { useI18n } from 'vue-i18n'
|
|
import { useI18n } from 'vue-i18n'
|
|
@@ -159,26 +159,27 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
// 一级分类列表
|
|
// 一级分类列表
|
|
|
- const categoryListTree = ref([]);
|
|
|
|
|
- // 二级分类列表
|
|
|
|
|
- const categoryListTree2 = ref([]);
|
|
|
|
|
|
|
+ const bus_study_stage = ref([]);
|
|
|
|
|
+ const bus_course_category = ref([]);
|
|
|
|
|
+ const bus_skill_tag = ref([]);
|
|
|
// 活动平台
|
|
// 活动平台
|
|
|
|
|
|
|
|
// 添加分页相关数据
|
|
// 添加分页相关数据
|
|
|
const list = ref([]);
|
|
const list = ref([]);
|
|
|
const listTotal = ref(0);
|
|
const listTotal = ref(0);
|
|
|
const searchFom = reactive({
|
|
const searchFom = reactive({
|
|
|
- categoryId1: categoryId.value,
|
|
|
|
|
- categoryId2: '',
|
|
|
|
|
- categoryId3: '',
|
|
|
|
|
- workflowTitle: '',
|
|
|
|
|
|
|
+ studyStage: '',
|
|
|
|
|
+ courseCategory: '',
|
|
|
|
|
+ skillTag: '',
|
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
onMounted(() => {
|
|
onMounted(() => {
|
|
|
getList();
|
|
getList();
|
|
|
- getCategoryListTreeFn();
|
|
|
|
|
|
|
+ getDictTypeFn('bus_study_stage');
|
|
|
|
|
+ getDictTypeFn('bus_course_category');
|
|
|
|
|
+ getDictTypeFn('bus_skill_tag');
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
// 列表
|
|
// 列表
|
|
@@ -214,16 +215,14 @@
|
|
|
})
|
|
})
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
- const getCategoryListTreeFn = () => {
|
|
|
|
|
- getCategoryListTree({categoryId: categoryId.value}).then(res => {
|
|
|
|
|
- console.log(res)
|
|
|
|
|
- categoryListTree.value = res.rows || [];
|
|
|
|
|
- })
|
|
|
|
|
- };
|
|
|
|
|
- const getCategoryListTreeFn2 = () => {
|
|
|
|
|
- getCategoryListTree({categoryId: searchFom.categoryId2}).then(res => {
|
|
|
|
|
|
|
+ //// 获取课程标签
|
|
|
|
|
+//学习阶段 bus_study_stage
|
|
|
|
|
+//教程分类 bus_course_category
|
|
|
|
|
+//技能标签 bus_skill_tag
|
|
|
|
|
+ const getDictTypeFn = (dictType) => {
|
|
|
|
|
+ getDictType({dictType}).then(res => {
|
|
|
console.log(res)
|
|
console.log(res)
|
|
|
- categoryListTree2.value = res.rows || [];
|
|
|
|
|
|
|
+ [dictType].value = res.rows || [];
|
|
|
})
|
|
})
|
|
|
};
|
|
};
|
|
|
|
|
|