forked from integrated_whb/integrated_whb_vue
✨ 教育培训-平台资源库-课件资源管理(视频、资料)、课程管理
duhang
parent
bff8547433
commit
b2d75a5b86
|
|
@ -75,6 +75,79 @@ export default [
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library",
|
||||||
|
redirect: "/platform_resource_library/courseware",
|
||||||
|
meta: { title: "平台资源库", model: MODEL["2"] },
|
||||||
|
component: "children",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/courseware",
|
||||||
|
redirect: "/platform_resource_library/courseware/video",
|
||||||
|
meta: { title: "课件资源管理" },
|
||||||
|
component: "children",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/courseware/video",
|
||||||
|
meta: { title: "视频课件", isSubMenu: false },
|
||||||
|
component: "children",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "",
|
||||||
|
component: "platform_resource_library/courseware/video",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/courseware/view",
|
||||||
|
meta: {
|
||||||
|
title: "课件习题",
|
||||||
|
activeMenu: "/platform_resource_library/courseware/video",
|
||||||
|
},
|
||||||
|
component: "platform_resource_library/courseware/view",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/courseware/data",
|
||||||
|
meta: { title: "资料课件", isSubMenu: false },
|
||||||
|
component: "children",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "",
|
||||||
|
component: "platform_resource_library/courseware/data",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/courseware/view",
|
||||||
|
meta: {
|
||||||
|
title: "课件习题",
|
||||||
|
activeMenu: "/platform_resource_library/courseware/data",
|
||||||
|
},
|
||||||
|
component: "platform_resource_library/courseware/view",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/curriculum/list",
|
||||||
|
meta: { title: "课程管理", isSubMenu: false },
|
||||||
|
component: "children",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
path: "",
|
||||||
|
component: "platform_resource_library/curriculum/list",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/platform_resource_library/curriculum/view",
|
||||||
|
meta: {
|
||||||
|
title: "课程详情查看",
|
||||||
|
activeMenu: "/platform_resource_library/curriculum/list",
|
||||||
|
},
|
||||||
|
component: "platform_resource_library/curriculum/view",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/confined_space",
|
path: "/confined_space",
|
||||||
redirect: "/confined_space/job_data",
|
redirect: "/confined_space/job_data",
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,25 @@
|
||||||
|
import { post } from "@/request/axios.js";
|
||||||
|
|
||||||
|
export const getVideoCoursewareList = (params) =>
|
||||||
|
post("/platform/videocourseware/list", params); // 课件资源管理-视频课件列表
|
||||||
|
|
||||||
|
export const getDataCoursewareList = (params) =>
|
||||||
|
post("/platform/datacourseware/list", params); // 课件资源管理-资料课件列表
|
||||||
|
|
||||||
|
export const joinMyVideoCourseware = (params) =>
|
||||||
|
post("/platform/videocourseware/joinMyCourseware", params); // 课件资源管理-视频课件-添加
|
||||||
|
|
||||||
|
export const joinMyDataCourseware = (params) =>
|
||||||
|
post("/platform/datacourseware/joinMyCourseware", params); // 课件资源管理-资料课件-添加
|
||||||
|
|
||||||
|
export const getQuestionListByCoursewareIdAndType = (params) =>
|
||||||
|
post("/platform/question/list", params); // 课件资源管理-获取课件习题
|
||||||
|
|
||||||
|
export const getCurriculumList = (params) =>
|
||||||
|
post("/platform/curriculum/list", params); // 课程管理-获取课程列表
|
||||||
|
|
||||||
|
export const joinMyCurriculum = (params) =>
|
||||||
|
post("/platform/curriculum/joinMyCurriculum", params); // 课件资源管理-资料课件-添加
|
||||||
|
|
||||||
|
export const getCurriculumInfo = (params) =>
|
||||||
|
post("platform/curriculum/goEdit", params); // 课件资源管理-获取课程详情信息
|
||||||
|
|
@ -0,0 +1,161 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card>
|
||||||
|
<el-form
|
||||||
|
:model="searchForm"
|
||||||
|
label-width="130px"
|
||||||
|
@submit.prevent="fnResetPagination"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="课程名称" prop="KEYWORDS">
|
||||||
|
<el-input v-model="searchForm.KEYWORDS" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="岗位培训类型" prop="POSTTYPE">
|
||||||
|
<layout-learning-train-type
|
||||||
|
v-model="searchForm.POSTTYPE"
|
||||||
|
type="post"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="课件状态" prop="STATE">
|
||||||
|
<el-select v-model="searchForm.STATE">
|
||||||
|
<el-option
|
||||||
|
v-for="item in data.courseStates"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label-width="10px">
|
||||||
|
<el-button type="primary" native-type="submit">搜索</el-button>
|
||||||
|
<el-button native-type="reset" @click="fnResetPagination">
|
||||||
|
重置
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<layout-card>
|
||||||
|
<layout-table
|
||||||
|
:data="list"
|
||||||
|
@get-data="fnGetData"
|
||||||
|
v-model:pagination="pagination"
|
||||||
|
>
|
||||||
|
<el-table-column label="序号" width="60">
|
||||||
|
<template #default="{ $index }">
|
||||||
|
{{ serialNumber(pagination, $index) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="COURSEWARENAME"
|
||||||
|
label="课件名称"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="post_type_name"
|
||||||
|
label="岗位培训类型"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="train_type_name"
|
||||||
|
label="培训行业类型"
|
||||||
|
>
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<div v-if="row.CURRENCY === '1'">通用</div>
|
||||||
|
<div v-else>{{ row.train_type_name }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="teacherName" label="讲师名称" />
|
||||||
|
<el-table-column prop="CLASSHOUR" label="课件学时（分钟）" />
|
||||||
|
<el-table-column prop="CREATTIME" label="上传时间" />
|
||||||
|
<el-table-column prop="STATE" label="课件状态">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<template v-if="row.STATE === 0">
|
||||||
|
<div>启用</div>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="row.STATE === 1">
|
||||||
|
<div>禁用</div>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作" width="130">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
text
|
||||||
|
link
|
||||||
|
:disabled="row.recordID !== '--'"
|
||||||
|
@click="fnAdd(row.DATACOURSEWARE_ID)"
|
||||||
|
>
|
||||||
|
添加
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
text
|
||||||
|
link
|
||||||
|
@click="
|
||||||
|
router.push({
|
||||||
|
path: '/platform_resource_library/courseware/view',
|
||||||
|
query: {
|
||||||
|
COURSE_ID: row.DATACOURSEWARE_ID, // 课件ID
|
||||||
|
COURSE_TYPE: '2', // 课件类型(1:视频课件、2:资料课件)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
"
|
||||||
|
>
|
||||||
|
课件习题
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</layout-table>
|
||||||
|
</layout-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import LayoutCard from "@/components/card/index.vue";
|
||||||
|
import LayoutLearningTrainType from "@/components/learning_train_type/index.vue";
|
||||||
|
import {
|
||||||
|
getDataCoursewareList,
|
||||||
|
joinMyDataCourseware,
|
||||||
|
} from "@/request/platform_resource_library.js";
|
||||||
|
import useListData from "@/assets/js/useListData.js";
|
||||||
|
import { reactive } from "vue";
|
||||||
|
import { serialNumber } from "@/assets/js/utils.js";
|
||||||
|
import LayoutTable from "@/components/table/index.vue";
|
||||||
|
// import useButtonJurisdiction from "@/assets/js/useButtonJurisdiction.js";
|
||||||
|
import { debounce } from "throttle-debounce";
|
||||||
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
const { list, pagination, searchForm, fnGetData, fnResetPagination } =
|
||||||
|
useListData(getDataCoursewareList);
|
||||||
|
|
||||||
|
const data = reactive({
|
||||||
|
courseStates: [
|
||||||
|
{ value: "0", label: "启用" },
|
||||||
|
{ value: "1", label: "禁用" },
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
// const buttonJurisdiction = await useButtonJurisdiction("courseware"); 原项目没找到在哪用
|
||||||
|
|
||||||
|
const fnAdd = debounce(1000, async (DATACOURSEWARE_ID) => {
|
||||||
|
await ElMessageBox.confirm("确定要添加吗？", { type: "warning" });
|
||||||
|
await joinMyDataCourseware({ COURSEWARE_ID: DATACOURSEWARE_ID });
|
||||||
|
ElMessage.success("添加成功");
|
||||||
|
fnResetPagination();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,174 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card>
|
||||||
|
<el-form
|
||||||
|
:model="searchForm"
|
||||||
|
label-width="130px"
|
||||||
|
@submit.prevent="fnResetPagination"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="课程名称" prop="KEYWORDS">
|
||||||
|
<el-input v-model="searchForm.KEYWORDS" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="岗位培训类型" prop="POSTTYPE">
|
||||||
|
<layout-learning-train-type
|
||||||
|
v-model="searchForm.POSTTYPE"
|
||||||
|
type="post"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="课件状态" prop="STATE">
|
||||||
|
<el-select v-model="searchForm.STATE">
|
||||||
|
<el-option
|
||||||
|
v-for="item in data.courseStates"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label-width="10px">
|
||||||
|
<el-button type="primary" native-type="submit">搜索</el-button>
|
||||||
|
<el-button native-type="reset" @click="fnResetPagination">
|
||||||
|
重置
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<layout-card>
|
||||||
|
<layout-table
|
||||||
|
:data="list"
|
||||||
|
@get-data="fnGetData"
|
||||||
|
v-model:pagination="pagination"
|
||||||
|
>
|
||||||
|
<el-table-column label="序号" width="60">
|
||||||
|
<template #default="{ $index }">
|
||||||
|
{{ serialNumber(pagination, $index) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="COURSEWARENAME"
|
||||||
|
label="课件名称"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="post_type_name"
|
||||||
|
label="岗位培训类型"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="train_type_name"
|
||||||
|
label="培训行业类型"
|
||||||
|
>
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<div v-if="row.CURRENCY === '1'">通用</div>
|
||||||
|
<div v-else>{{ row.train_type_name }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="teacherName" label="讲师名称" />
|
||||||
|
<el-table-column prop="CLASSHOUR" label="课件学时（分钟）" />
|
||||||
|
<el-table-column prop="CREATTIME" label="上传时间" />
|
||||||
|
<el-table-column prop="STATE" label="课件状态">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<template v-if="row.STATE === 0">
|
||||||
|
<div>启用</div>
|
||||||
|
</template>
|
||||||
|
<template v-else-if="row.STATE === 1">
|
||||||
|
<div>禁用</div>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="CURRICULUM_ID_REMOTE" label="课件来源">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<template v-if="row.CURRICULUM_ID_REMOTE">
|
||||||
|
<div>商城</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div>自传</div>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="NUMEXAMPLE" label="习题数" />
|
||||||
|
<el-table-column label="操作" width="130">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<el-button
|
||||||
|
v-if="buttonJurisdiction.edit"
|
||||||
|
type="primary"
|
||||||
|
text
|
||||||
|
link
|
||||||
|
:disabled="row.recordID !== '--'"
|
||||||
|
@click="fnAdd(row.VIDEOCOURSEWARE_ID)"
|
||||||
|
>
|
||||||
|
添加
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="buttonJurisdiction.edit"
|
||||||
|
type="primary"
|
||||||
|
text
|
||||||
|
link
|
||||||
|
@click="
|
||||||
|
router.push({
|
||||||
|
path: '/platform_resource_library/courseware/view',
|
||||||
|
query: {
|
||||||
|
COURSE_ID: row.VIDEOCOURSEWARE_ID, // 课件ID
|
||||||
|
COURSE_TYPE: '1', // 课件类型(1:视频课件、2:资料课件)
|
||||||
|
},
|
||||||
|
})
|
||||||
|
"
|
||||||
|
>
|
||||||
|
课件习题
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</layout-table>
|
||||||
|
</layout-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import LayoutCard from "@/components/card/index.vue";
|
||||||
|
import LayoutLearningTrainType from "@/components/learning_train_type/index.vue";
|
||||||
|
import {
|
||||||
|
getVideoCoursewareList,
|
||||||
|
joinMyVideoCourseware,
|
||||||
|
} from "@/request/platform_resource_library.js";
|
||||||
|
import useListData from "@/assets/js/useListData.js";
|
||||||
|
import { reactive } from "vue";
|
||||||
|
import { serialNumber } from "@/assets/js/utils.js";
|
||||||
|
import LayoutTable from "@/components/table/index.vue";
|
||||||
|
import { debounce } from "throttle-debounce";
|
||||||
|
// import useButtonJurisdiction from "@/assets/js/useButtonJurisdiction.js";
|
||||||
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
const { list, pagination, searchForm, fnGetData, fnResetPagination } =
|
||||||
|
useListData(getVideoCoursewareList);
|
||||||
|
|
||||||
|
const data = reactive({
|
||||||
|
courseStates: [
|
||||||
|
{ value: "0", label: "启用" },
|
||||||
|
{ value: "1", label: "禁用" },
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
// const buttonJurisdiction = await useButtonJurisdiction("courseware"); 原项目没找到在哪用
|
||||||
|
|
||||||
|
const fnAdd = debounce(1000, async (VIDEOCOURSEWARE_ID) => {
|
||||||
|
await ElMessageBox.confirm("确定要添加吗？", { type: "warning" });
|
||||||
|
await joinMyVideoCourseware({ COURSEWARE_ID: VIDEOCOURSEWARE_ID });
|
||||||
|
ElMessage.success("添加成功");
|
||||||
|
fnResetPagination();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,125 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card>
|
||||||
|
<el-form
|
||||||
|
:model="searchForm"
|
||||||
|
label-width="130px"
|
||||||
|
@submit.prevent="fnResetPaginationTransfer"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="关键字搜索" prop="KEYWORDS">
|
||||||
|
<el-input v-model="searchForm.KEYWORDS" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label-width="10px">
|
||||||
|
<el-button type="primary" native-type="submit">搜索</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<layout-card>
|
||||||
|
<layout-table
|
||||||
|
:data="list"
|
||||||
|
@get-data="fnGetDataTransfer"
|
||||||
|
v-model:pagination="pagination"
|
||||||
|
>
|
||||||
|
<el-table-column prop="QUESTIONNUMBER" label="题号" width="60" />
|
||||||
|
<el-table-column
|
||||||
|
prop="QUESTIONTYPE"
|
||||||
|
label="试题类型"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="80"
|
||||||
|
>
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
{{ fnFormatterQuestionType(row) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="QUESTIONDRY"
|
||||||
|
label="题干"
|
||||||
|
align="left"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="ANSWER"
|
||||||
|
label="答案"
|
||||||
|
width="55"
|
||||||
|
>
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<template v-if="row.QUESTIONTYPE === '3'">
|
||||||
|
<div v-if="row.ANSWER === 'A'">正确</div>
|
||||||
|
<div v-if="row.ANSWER === 'B'">错误</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<div>{{ row.ANSWER }}</div>
|
||||||
|
</template>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</layout-table>
|
||||||
|
</layout-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import LayoutTable from "@/components/table/index.vue";
|
||||||
|
import LayoutCard from "@/components/card/index.vue";
|
||||||
|
import { getQuestionListByCoursewareIdAndType } from "@/request/platform_resource_library.js";
|
||||||
|
import useListData from "@/assets/js/useListData.js";
|
||||||
|
import { reactive } from "vue";
|
||||||
|
import { useRoute } from "vue-router";
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
const { COURSE_ID, COURSE_TYPE } = route.query;
|
||||||
|
|
||||||
|
const { list, pagination, searchForm, fnGetData, fnResetPagination } =
|
||||||
|
useListData(getQuestionListByCoursewareIdAndType, {
|
||||||
|
otherParams: { COURSEWAREID: COURSE_ID, COURSEWARETYPE: COURSE_TYPE },
|
||||||
|
});
|
||||||
|
|
||||||
|
const data = reactive({
|
||||||
|
questionTypeOptions: [
|
||||||
|
{
|
||||||
|
value: "1",
|
||||||
|
label: "单选题",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "2",
|
||||||
|
label: "多选题",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: "3",
|
||||||
|
label: "判断题",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
|
||||||
|
const fnGetDataTransfer = async () => {
|
||||||
|
await fnGetData({
|
||||||
|
COURSEWAREID: COURSE_ID,
|
||||||
|
COURSEWARETYPE: COURSE_TYPE,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const fnResetPaginationTransfer = async () => {
|
||||||
|
await fnResetPagination({
|
||||||
|
COURSEWAREID: COURSE_ID,
|
||||||
|
COURSEWARETYPE: COURSE_TYPE,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
const fnFormatterQuestionType = (row) => {
|
||||||
|
let label = "";
|
||||||
|
data.questionTypeOptions.forEach((option) => {
|
||||||
|
if (option.value === row.QUESTIONTYPE) {
|
||||||
|
label = option.label;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return label;
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,128 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<el-card>
|
||||||
|
<el-form
|
||||||
|
:model="searchForm"
|
||||||
|
label-width="130px"
|
||||||
|
@submit.prevent="fnResetPagination"
|
||||||
|
>
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="课程名称" prop="KEYWORDS">
|
||||||
|
<el-input v-model="searchForm.KEYWORDS" />
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label="岗位培训类型" prop="POSTTYPE">
|
||||||
|
<layout-learning-train-type
|
||||||
|
v-model="searchForm.POSTTYPE"
|
||||||
|
type="post"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="6">
|
||||||
|
<el-form-item label-width="10px">
|
||||||
|
<el-button type="primary" native-type="submit">搜索</el-button>
|
||||||
|
<el-button native-type="reset" @click="fnResetPagination">
|
||||||
|
重置
|
||||||
|
</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</el-card>
|
||||||
|
<layout-card>
|
||||||
|
<layout-table
|
||||||
|
:data="list"
|
||||||
|
@get-data="fnGetData"
|
||||||
|
v-model:pagination="pagination"
|
||||||
|
>
|
||||||
|
<el-table-column label="序号" width="60">
|
||||||
|
<template #default="{ $index }">
|
||||||
|
{{ serialNumber(pagination, $index) }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="CURRICULUMNAME"
|
||||||
|
label="课程名称"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="train_type_name"
|
||||||
|
label="培训行业类型"
|
||||||
|
>
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<div v-if="row.CURRENCY === '1'">通用</div>
|
||||||
|
<div v-else>{{ row.train_type_name }}</div>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="post_type_name"
|
||||||
|
label="岗位培训类型"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column prop="CLASSHOUR" label="学时（分钟）" />
|
||||||
|
<el-table-column prop="videoCount" label="视频课件数" />
|
||||||
|
<el-table-column prop="dataCount" label="资料课件数" />
|
||||||
|
<el-table-column label="操作" width="130">
|
||||||
|
<template v-slot="{ row }">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
text
|
||||||
|
link
|
||||||
|
:disabled="row.recordID !== '--'"
|
||||||
|
@click="fnAdd(row.CURRICULUM_ID)"
|
||||||
|
>
|
||||||
|
添加
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="!row.COURSEPAPERS_ID"
|
||||||
|
type="primary"
|
||||||
|
text
|
||||||
|
link
|
||||||
|
@click="
|
||||||
|
router.push({
|
||||||
|
path: '/platform_resource_library/curriculum/view',
|
||||||
|
query: {
|
||||||
|
CURRICULUM_ID: row.CURRICULUM_ID, // 课程ID
|
||||||
|
},
|
||||||
|
})
|
||||||
|
"
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</layout-table>
|
||||||
|
</layout-card>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import LayoutCard from "@/components/card/index.vue";
|
||||||
|
import LayoutLearningTrainType from "@/components/learning_train_type/index.vue";
|
||||||
|
import {
|
||||||
|
getCurriculumList,
|
||||||
|
joinMyCurriculum,
|
||||||
|
} from "@/request/platform_resource_library.js";
|
||||||
|
import useListData from "@/assets/js/useListData.js";
|
||||||
|
import { serialNumber } from "@/assets/js/utils.js";
|
||||||
|
import LayoutTable from "@/components/table/index.vue";
|
||||||
|
import { debounce } from "throttle-debounce";
|
||||||
|
import { ElMessage, ElMessageBox } from "element-plus";
|
||||||
|
import { useRouter } from "vue-router";
|
||||||
|
|
||||||
|
const router = useRouter();
|
||||||
|
const { list, pagination, searchForm, fnGetData, fnResetPagination } =
|
||||||
|
useListData(getCurriculumList);
|
||||||
|
|
||||||
|
const fnAdd = debounce(1000, async (CURRICULUM_ID) => {
|
||||||
|
await ElMessageBox.confirm("确定要添加吗？", { type: "warning" });
|
||||||
|
await joinMyCurriculum({ CURRICULUM_ID });
|
||||||
|
ElMessage.success("添加成功");
|
||||||
|
fnResetPagination();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
|
|
@ -0,0 +1,125 @@
|
||||||
|
<template>
|
||||||
|
<layout-card>
|
||||||
|
<el-divider content-position="left">课程信息</el-divider>
|
||||||
|
<el-descriptions :column="1" border>
|
||||||
|
<el-descriptions-item label="课程名称">
|
||||||
|
{{ data.curriculumInfo.CURRICULUMNAME }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="培训行业类型">
|
||||||
|
{{
|
||||||
|
data.curriculumInfo.CURRENCY === "1"
|
||||||
|
? "通用"
|
||||||
|
: data.curriculumInfo.train_type_name
|
||||||
|
}}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="岗位培训类型">
|
||||||
|
{{ data.curriculumInfo.post_type_name }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="课程图片">
|
||||||
|
<img
|
||||||
|
:src="FILE_URL + data.curriculumInfo.CAPTURE"
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
/>
|
||||||
|
</el-descriptions-item>
|
||||||
|
<el-descriptions-item label="课程介绍">
|
||||||
|
{{ data.curriculumInfo.CURRICULUMINTRODUCE }}
|
||||||
|
</el-descriptions-item>
|
||||||
|
</el-descriptions>
|
||||||
|
<template v-for="(chapter, index) in data.chapterList" :key="index">
|
||||||
|
<el-divider content-position="left">{{ data.NAME }}</el-divider>
|
||||||
|
<el-divider content-position="left">视频课件</el-divider>
|
||||||
|
<layout-table :data="chapter.xzVideoList" :showPagination="false">
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="COURSEWARENAME"
|
||||||
|
label="视频课件名称"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="post_type_name"
|
||||||
|
label="岗位培训类型"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="train_type_name"
|
||||||
|
label="培训行业类型"
|
||||||
|
/>
|
||||||
|
<el-table-column show-overflow-tooltip prop="CLASSHOUR" label="学时" />
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="COURSEWAREINTRODUCE"
|
||||||
|
label="课件描述"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="teacherName"
|
||||||
|
label="讲师"
|
||||||
|
/>
|
||||||
|
</layout-table>
|
||||||
|
<el-divider content-position="left">资料课件</el-divider>
|
||||||
|
<layout-table :data="chapter.xzDataList" :showPagination="false">
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="COURSEWARENAME"
|
||||||
|
label="视频课件名称"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="post_type_name"
|
||||||
|
label="岗位培训类型"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="train_type_name"
|
||||||
|
label="培训行业类型"
|
||||||
|
/>
|
||||||
|
<el-table-column show-overflow-tooltip prop="CLASSHOUR" label="学时" />
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="COURSEWAREINTRODUCE"
|
||||||
|
label="课件描述"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
show-overflow-tooltip
|
||||||
|
prop="teacherName"
|
||||||
|
label="讲师"
|
||||||
|
/>
|
||||||
|
</layout-table>
|
||||||
|
</template>
|
||||||
|
</layout-card>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import LayoutTable from "@/components/table/index.vue";
|
||||||
|
import { reactive } from "vue";
|
||||||
|
import { useRoute } from "vue-router";
|
||||||
|
import { getCurriculumInfo } from "@/request/platform_resource_library.js";
|
||||||
|
|
||||||
|
const FILE_URL = import.meta.env.VITE_FILE_URL;
|
||||||
|
|
||||||
|
const route = useRoute();
|
||||||
|
const { CURRICULUM_ID } = route.query;
|
||||||
|
|
||||||
|
const data = reactive({
|
||||||
|
curriculumInfo: {},
|
||||||
|
chapterList: [],
|
||||||
|
});
|
||||||
|
|
||||||
|
const fnGetCurriculumInfo = async () => {
|
||||||
|
const respData = await getCurriculumInfo({ CURRICULUM_ID });
|
||||||
|
if (respData) {
|
||||||
|
const curriculumInfo = respData.pd;
|
||||||
|
if (curriculumInfo) {
|
||||||
|
data.curriculumInfo = curriculumInfo;
|
||||||
|
}
|
||||||
|
const chapterList = respData.chapterList;
|
||||||
|
if (chapterList) {
|
||||||
|
data.chapterList = chapterList;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
await fnGetCurriculumInfo();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss"></style>
|
||||||
Loading…
Reference in New Issue