hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-11 11:56:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

-- 内容分类

Browse Source
This commit is contained in:
yuping
2022-12-10 17:51:37 +08:00
parent 4b8fcc7503
commit 0133b49fdd
1 changed files with 181 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

333
src/views/courselibrary/courseModal.vue
View File

@@ -1,29 +1,29 @@
<!-- 确定新建面授课弹窗 --> <!-- 确定新建面授课弹窗 -->
<template> <template>
<a-modal <a-modal
v-model:visible="ft_hs" v-model:visible="ft_hs"
title="Title" title="Title"
:footer="null" :footer="null"
:closable="false" :closable="false"
wrapClassName="modalStyle facteachModal" wrapClassName="modalStyle facteachModal"
width="80%" width="80%"
@cancel="visibleClose" @cancel="visibleClose"
@ok="handlePush" @ok="handlePush"
> >
<div class="modalHeader"> <div class="modalHeader">
<div class="headerLeft"> <div class="headerLeft">
<img <img
style="width: 17px; height: 18px; margin-right: 8px" style="width: 17px; height: 18px; margin-right: 8px"
src="@/assets/images/basicinfo/add.png" src="@/assets/images/basicinfo/add.png"
/> />
<span v-if="ft_eidt" class="headerLeftText">编辑面授课</span> <span v-if="ft_eidt" class="headerLeftText">编辑面授课</span>
<span v-else class="headerLeftText">新建面授课</span> <span v-else class="headerLeftText">新建面授课</span>
</div> </div>
<div style="margin-right: 57px; cursor: pointer"> <div style="margin-right: 57px; cursor: pointer">
<img <img
@click="noEditClose" @click="noEditClose"
style="width: 22px; height: 22px" style="width: 22px; height: 22px"
src="@/assets/images/basicinfo/close22.png" src="@/assets/images/basicinfo/close22.png"
/> />
</div> </div>
</div> </div>
@@ -42,8 +42,8 @@
<div class="item_nam"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="asterisk" alt="asterisk"
/> />
</div> </div>
<span style="margin-right: 14px">课程名称</span> <span style="margin-right: 14px">课程名称</span>
@@ -51,10 +51,10 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-input <a-input
v-model:value="qdms_inputV1" v-model:value="qdms_inputV1"
maxlength="90" maxlength="90"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入课程名称" placeholder="请输入课程名称"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2"> <span style="color: #c7cbd2">
@@ -70,19 +70,19 @@
<span style="color: #999ba3">课程命名规则</span> <span style="color: #999ba3">课程命名规则</span>
</div> </div>
<div <div
class="i2_right" class="i2_right"
@click="hideShow" @click="hideShow"
style="cursor: pointer" style="cursor: pointer"
> >
<div <div
class="b_zk" class="b_zk"
:style="{ display: hideshow ? 'block' : 'none' }" :style="{ display: hideshow ? 'block' : 'none' }"
> >
<span style="color: #4ea6ff">收起</span> <span style="color: #4ea6ff">收起</span>
</div> </div>
<div <div
class="b_sq" class="b_sq"
:style="{ display: hideshow ? 'none' : 'block' }" :style="{ display: hideshow ? 'none' : 'block' }"
> >
<span style="color: #4ea6ff">展开</span> <span style="color: #4ea6ff">展开</span>
</div> </div>
@@ -90,14 +90,14 @@
</div> </div>
</div> </div>
<div <div
class="i2_detail" class="i2_detail"
:style="{ display: hideshow ? 'block' : 'none' }" :style="{ display: hideshow ? 'block' : 'none' }"
> >
<span style="color: #999ba3"> <span style="color: #999ba3">
1、课程名称统一不加书名号。<br /> 1、课程名称统一不加书名号。<br/>
2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息 2、项目名称、属地等信息如需体现在课程名称中，请放在课程名称信息
之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先 之后，如“时间管理（GROW180项目）”或“时间管理（B*）”确保首先
看到的是课程内容主题。<br /> 看到的是课程内容主题。<br/>
3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用 3、同一课程如先后有多个版本，原则上仅开放最新版本，旧版本应停用
版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。 版本如必须以年份标明，请以“沟通技巧（2022年）”的方式呈现。
</span> </span>
@@ -107,23 +107,23 @@
<div class="item_nam"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="" alt=""
/> />
</div> </div>
<span style="margin-right: 14px">封面图</span> <span style="margin-right: 14px">封面图</span>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<div style="width:440px;height:70px;display: flex;justify-content: flex-start;align-items: center;"> <div style="width:440px;height:70px;display: flex;justify-content: flex-start;align-items: center;">
<img <img
v-for="(item, index) in optionsUrl" v-for="(item, index) in optionsUrl"
:key="index" :key="index"
class="choiceoptionurl" class="choiceoptionurl"
:style="item.value==feng_mian_1?'border:3px solid rgb(78, 166, 255);':''" :style="item.value==feng_mian_1?'border:3px solid rgb(78, 166, 255);':''"
:src="item.value" :src="item.value"
:alt="item.label" :alt="item.label"
@click="choicePic(item.value)" @click="choicePic(item.value)"
/> />
</div> </div>
<!-- <a-select <!-- <a-select
:getPopupContainer=" :getPopupContainer="
@@ -140,11 +140,11 @@
showSearch showSearch
/> --> /> -->
<img <img
class="i_upload_img" class="i_upload_img"
v-if="feng_mian_1" v-if="feng_mian_1"
:src="feng_mian_1" :src="feng_mian_1"
style="width:220px;height:120px;border-radius: 8px;" style="width:220px;height:120px;border-radius: 8px;"
alt="avatar" alt="avatar"
/> />
<div class="i_bottom"> <div class="i_bottom">
<span style="color: #999ba3"> <span style="color: #999ba3">
@@ -157,9 +157,9 @@
<div class="item_nam"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img <img
style="width: 10px; height: 10px" style="width: 10px; height: 10px"
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="" alt=""
/> />
</div> </div>
<span style="margin-right: 14px">目标人群</span> <span style="margin-right: 14px">目标人群</span>
@@ -167,10 +167,10 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-input <a-input
v-model:value="qdms_inputV2" v-model:value="qdms_inputV2"
maxlength="50" maxlength="50"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入目标人群" placeholder="请输入目标人群"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2"> <span style="color: #c7cbd2">
@@ -184,28 +184,41 @@
<div class="item_nam"> <div class="item_nam">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="asterisk" alt="asterisk"
/> />
</div> </div>
<span style="margin-right: 14px">内容分类</span> <span style="margin-right: 14px">内容分类</span>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<div class="select i6_input"> <div class="select i6_input">
<a-select <!-- <a-select-->
:getPopupContainer=" <!-- :getPopupContainer="-->
<!-- (triggerNode) => {-->
<!-- return triggerNode.parentNode || document.body;-->
<!-- }-->
<!-- "-->
<!-- v-model:value="fen_lei"-->
<!-- dropdownClassName="dropdown-style"-->
<!-- style="width: 440px"-->
<!-- placeholder="请选择"-->
<!-- :options="options2"-->
<!-- allowClear-->
<!-- showSearch-->
<!-- />-->
<a-tree-select
style="width: 440px"
placeholder="请选择内容分类"
:treeDefaultExpandAll="true"
:getPopupContainer="
(triggerNode) => { (triggerNode) => {
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="fen_lei" v-model:value="fen_lei"
dropdownClassName="dropdown-style" :tree-data="contentClassify"
style="width: 440px" >
placeholder="请选择" </a-tree-select>
:options="options2"
allowClear
showSearch
/>
</div> </div>
</div> </div>
</div> </div>
@@ -216,10 +229,10 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<a-textarea <a-textarea
v-model:value="qdms_inputV3" v-model:value="qdms_inputV3"
maxlength="200" maxlength="200"
style="width: 440px; height: 140px; border-radius: 8px" style="width: 440px; height: 140px; border-radius: 8px"
placeholder="请输入课程价值" placeholder="请输入课程价值"
/> />
<div class="inp_num" style="top:110px;"> <div class="inp_num" style="top:110px;">
<span style="color: #c7cbd2;"> <span style="color: #c7cbd2;">
@@ -236,18 +249,18 @@
<div class="item_inp"> <div class="item_inp">
<div class="select i7_input"> <div class="select i7_input">
<a-select <a-select
:getPopupContainer=" :getPopupContainer="
(triggerNode) => { (triggerNode) => {
return triggerNode.parentNode || document.body; return triggerNode.parentNode || document.body;
} }
" "
v-model:value="chang_jin" v-model:value="chang_jin"
dropdownClassName="dropdown-style" dropdownClassName="dropdown-style"
style="width: 440px" style="width: 440px"
placeholder="请选择" placeholder="请选择"
:options="options3" :options="options3"
allowClear allowClear
showSearch showSearch
/> />
</div> </div>
</div> </div>
@@ -258,17 +271,17 @@
</div> </div>
<div class="item_inp"> <div class="item_inp">
<a-input <a-input
v-model:value="tags_val_single" v-model:value="tags_val_single"
style="width: 440px; height: 40px; border-radius: 8px" style="width: 440px; height: 40px; border-radius: 8px"
placeholder="请输入内容标签按回车键添加内容标签，可添加多个内容标签。" placeholder="请输入内容标签按回车键添加内容标签，可添加多个内容标签。"
@pressEnter="handleTagChange" @pressEnter="handleTagChange"
/> />
<div class="tag-content"> <div class="tag-content">
<a-tag <a-tag
v-for="(item, index) in tags_val" v-for="(item, index) in tags_val"
:key="index" :key="index"
closable closable
@close="handleTagClose(item)" @close="handleTagClose(item)"
> >
{{ item }} {{ item }}
</a-tag> </a-tag>
@@ -281,8 +294,8 @@
<div class="item_nam" style="margin-top:5px;"> <div class="item_nam" style="margin-top:5px;">
<div class="asterisk_icon"> <div class="asterisk_icon">
<img <img
src="@/assets/images/coursewareManage/asterisk.png" src="@/assets/images/coursewareManage/asterisk.png"
alt="asterisk" alt="asterisk"
/> />
</div> </div>
<!-- 授课教师1 --> <!-- 授课教师1 -->
@@ -291,8 +304,8 @@
<div class="item_inp"> <div class="item_inp">
<div class="i1_input"> <div class="i1_input">
<ProjectManager <ProjectManager
v-model:value="member.value" v-model:value="member.value"
v-model:name="member.name" v-model:name="member.name"
/> />
</div> </div>
</div> </div>
@@ -304,10 +317,10 @@
<div class="item_inp"> <div class="item_inp">
<div class="i10_textarea"> <div class="i10_textarea">
<a-textarea <a-textarea
v-model:value="qdms_inputV6" v-model:value="qdms_inputV6"
maxlength="150" maxlength="150"
style="width: 440px; height: 100px; border-radius: 8px" style="width: 440px; height: 100px; border-radius: 8px"
placeholder="请输入" placeholder="请输入"
/> />
<div class="inp_num"> <div class="inp_num">
<span style="color: #c7cbd2"> <span style="color: #c7cbd2">
@@ -322,7 +335,7 @@
<span style="margin-right: 10px">附件</span> <span style="margin-right: 10px">附件</span>
</div> </div>
<div class="item_inp"> <div class="item_inp">
<FJUpload v-model:value="attach" /> <FJUpload v-model:value="attach"/>
</div> </div>
</div> </div>
</div> </div>
@@ -334,17 +347,17 @@
<div class="fotarea"> <div class="fotarea">
<div style="border: 1px solid #ccc"> <div style="border: 1px solid #ccc">
<Toolbar <Toolbar
style="border-bottom: 1px solid #ccc" style="border-bottom: 1px solid #ccc"
:editor="editorRef" :editor="editorRef"
:defaultConfig="toolbarConfig" :defaultConfig="toolbarConfig"
:mode="mode" :mode="mode"
/> />
<Editor <Editor
style="height: 250px; overflow-y: hidden" style="height: 250px; overflow-y: hidden"
v-model="valueHtml" v-model="valueHtml"
:defaultConfig="editorConfig" :defaultConfig="editorConfig"
:mode="mode" :mode="mode"
@onCreated="handleCreated" @onCreated="handleCreated"
/> />
</div> </div>
</div> </div>
@@ -375,16 +388,17 @@ import {
// onMounted, // onMounted,
onUnmounted, onUnmounted,
} from "vue"; } from "vue";
import { message } from "ant-design-vue"; import {message} from "ant-design-vue";
import { edit, detail, handle } from "@/api/indexCourse"; import {edit, detail, handle} from "@/api/indexCourse";
import { fileUp } from "../../api/indexEval"; import {fileUp} from "../../api/indexEval";
import * as api1 from "../../api/index1"; import * as api1 from "../../api/index1";
import "@wangeditor/editor/dist/css/style.css"; import "@wangeditor/editor/dist/css/style.css";
import { Editor, Toolbar } from "@wangeditor/editor-for-vue"; import {Editor, Toolbar} from "@wangeditor/editor-for-vue";
import ProjectManager from "@/components/project/ProjectManagerNew"; import ProjectManager from "@/components/project/ProjectManagerNew";
import FJUpload from "@/components/common/FJUpload"; import FJUpload from "@/components/common/FJUpload";
import * as moment from "moment"; import * as moment from "moment";
import * as api2 from "../../api/indexAudit"; import * as api2 from "../../api/indexAudit";
export default defineComponent({ export default defineComponent({
components: { components: {
Editor, Editor,
@@ -392,7 +406,7 @@ export default defineComponent({
FJUpload, FJUpload,
ProjectManager, ProjectManager,
}, },
setup(props, { expose, emit }) { setup(props, {expose, emit}) {
const state = reactive({ const state = reactive({
hideshow: true, hideshow: true,
ft_eidt: false, ft_eidt: false,
@@ -401,7 +415,7 @@ export default defineComponent({
addLoading: false, addLoading: false,
statusJuJue: 0, statusJuJue: 0,
statusTingQi: 1, statusTingQi: 1,
member: { name: "", value: "" }, member: {name: "", value: ""},
offcourseId: null, offcourseId: null,
qdms_inputV1: "", qdms_inputV1: "",
@@ -415,6 +429,7 @@ export default defineComponent({
qdms_inputV6: "", qdms_inputV6: "",
imgList: [], imgList: [],
auditDescription: "", auditDescription: "",
contentClassify: []
}); });
const visibleOpen = (offcourseId, name) => { const visibleOpen = (offcourseId, name) => {
@@ -454,7 +469,7 @@ export default defineComponent({
state.addLoading = false; state.addLoading = false;
state.statusJuJue = 0; state.statusJuJue = 0;
state.statusTingQi = 1; state.statusTingQi = 1;
state.member = { name: "", value: "" }; state.member = {name: "", value: ""};
state.offcourseId = null; state.offcourseId = null;
state.qdms_inputV1 = ""; state.qdms_inputV1 = "";
@@ -468,7 +483,7 @@ export default defineComponent({
state.qdms_inputV6 = ""; state.qdms_inputV6 = "";
state.imgList = []; state.imgList = [];
state.attach = ""; state.attach = "";
state.auditDescription=""; state.auditDescription = "";
// valueHtml.value = ""; // valueHtml.value = "";
}; };
@@ -493,7 +508,7 @@ export default defineComponent({
const toolbarConfig = { const toolbarConfig = {
excludeKeys: ["insertVideo", "insertImage"], excludeKeys: ["insertVideo", "insertImage"],
}; };
const editorConfig = { placeholder: "请输入内容...", MENU_CONF: {} }; const editorConfig = {placeholder: "请输入内容...", MENU_CONF: {}};
editorConfig.MENU_CONF["uploadImage"] = { editorConfig.MENU_CONF["uploadImage"] = {
// 自定义上传 // 自定义上传
async customUpload(file, insertFn) { async customUpload(file, insertFn) {
@@ -539,52 +554,66 @@ export default defineComponent({
setCode: param, setCode: param,
}; };
api1 api1
.getDict(obj) .getDict(obj)
.then((res) => { .then((res) => {
console.log("获取字典成功", res); console.log("获取字典成功", res);
if (res.data.code === 200) { if (res.data.code === 200) {
if (param === "faceclassPic") { if (param === "faceclassPic") {
let arr = res.data.data.rows; let arr = res.data.data.rows;
let newArr = []; let newArr = [];
arr.forEach((item) => { arr.forEach((item) => {
newArr.push({ newArr.push({
value: item.dictValue, value: item.dictValue,
label: item.dictName, label: item.dictName,
});
}); });
}); optionsUrl.value = newArr;
optionsUrl.value = newArr; }
} if (param === "faceclassClass") {
if (param === "faceclassClass") { let arr = res.data.data.rows;
let arr = res.data.data.rows; let newArr = [];
let newArr = []; arr.forEach((item) => {
arr.forEach((item) => { newArr.push({
newArr.push({ value: item.dictCode,
value: item.dictCode, label: item.dictName,
label: item.dictName, });
}); });
}); options2.value = newArr;
options2.value = newArr; }
} if (param === "faceclassScene") {
if (param === "faceclassScene") { let arr = res.data.data.rows;
let arr = res.data.data.rows; let newArr = [];
let newArr = []; arr.forEach((item) => {
arr.forEach((item) => { newArr.push({
newArr.push({ value: item.dictCode,
value: item.dictCode, label: item.dictName,
label: item.dictName, });
}); });
}); options3.value = newArr;
options3.value = newArr; }
if (param === "contentClassify") {
state.contentClassify = dealDickTree(res.data.data.rows) || []
}
} }
} })
}) .catch((err) => {
.catch((err) => { console.log("获取字典失败", err);
console.log("获取字典失败", err); });
});
}; };
function dealDickTree(data, level = 1) {
return data?.filter(e => e.levelId == level).map(({dictName, dictCode}) => ({
title: dictName,
value: dictCode,
key: dictCode,
children: dealDickTree(data, dictCode)
}))
}
getDictList("faceclassClass"); getDictList("faceclassClass");
getDictList("faceclassScene"); getDictList("faceclassScene");
getDictList("faceclassPic"); getDictList("faceclassPic");
getDictList("contentClassify");
//获取分类、场景、封面图、----------------字典配置--------------------------- //获取分类、场景、封面图、----------------字典配置---------------------------
const hideShow = () => { const hideShow = () => {
@@ -686,8 +715,8 @@ export default defineComponent({
if (res.data.code === 200) return res.data.data; if (res.data.code === 200) return res.data.data;
}); });
if (res.rows && res.rows.length > 0) { if (res.rows && res.rows.length > 0) {
let i =res.rows.length; let i = res.rows.length;
state.auditDescription = res.rows[i-1].description?res.rows[i-1].description :"-"; state.auditDescription = res.rows[i - 1].description ? res.rows[i - 1].description : "-";
} }
} }
@@ -699,12 +728,12 @@ export default defineComponent({
state.chang_jin = String(item.sceneId); state.chang_jin = String(item.sceneId);
state.tags_val = item.tips ? item.tips.split(",") : []; state.tags_val = item.tips ? item.tips.split(",") : [];
state.qdms_inputV6 = item.intro; state.qdms_inputV6 = item.intro;
state.member = { value: item.teacherId, name: item.teacher }; state.member = {value: item.teacherId, name: item.teacher};
valueHtml.value = item.outline; valueHtml.value = item.outline;
let arrss = item.attach.split(',') let arrss = item.attach.split(',')
let str ='' let str = ''
for(let i=0;i<arrss.length;i++){ for (let i = 0; i < arrss.length; i++) {
i == arrss.length -1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/')+1) : str += arrss[i].slice(arrss[i].lastIndexOf('/')+1) + ',' i == arrss.length - 1 ? str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) : str += arrss[i].slice(arrss[i].lastIndexOf('/') + 1) + ','
} }
console.log(str) console.log(str)
state.attach = str; state.attach = str;
@@ -1171,8 +1200,8 @@ export default defineComponent({
} }
.choiceoptionurl { .choiceoptionurl {
width:60px; width: 60px;
height:60px; height: 60px;
margin-right: 10px; margin-right: 10px;
border-radius: 8px; border-radius: 8px;
} }