mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-11 20:06:47 +08:00
预览
This commit is contained in:
kclf
@@ -5191,8 +5191,6 @@ export default defineComponent({
|
||||
};
|
||||
const handleLook = async (itm, type) => {
|
||||
// state.isEdit = 0;
|
||||
// console.log(45555);
|
||||
// console.log(itm);
|
||||
if (type === "1") {
|
||||
return;
|
||||
}
|
||||
@@ -5206,42 +5204,6 @@ export default defineComponent({
|
||||
state.lookCourseModal = true;
|
||||
item.attach = item.attach == "" ? [] : item.attach.split(",");
|
||||
state.faceDetailObj = item;
|
||||
// // heroImg.value.src = item.picUrl;
|
||||
// // valueHtmlRef.value = item.outline;
|
||||
// // attachMap.value = item.attach == "" ? [] : item.attach.split(",");
|
||||
// console.log("res222222222");
|
||||
// console.log(item);
|
||||
// console.log(state.lookCourseModal);
|
||||
|
||||
// state.qdms_inputV1 = item.name;
|
||||
// state.imageUrl = item.picUrl;
|
||||
// state.qdms_inputV2 = item.targetUser;
|
||||
// state.qdms_inputV3 = item.meaning;
|
||||
// state.fen_lei = String(item.categoryId);
|
||||
// state.chang_jin = String(item.sceneId);
|
||||
// state.tags_val = item.tips ? item.tips.split(",") : [];
|
||||
// //state.qdms_inputV5 = item.teacherId;
|
||||
// state.teacher = item.teacher;
|
||||
// state.teacherId = item.teacherId;
|
||||
// state.qdms_inputV6 = item.intro;
|
||||
// state.member = { value: item.teacherId, name: item.teacher };
|
||||
|
||||
// if (item.attach == "") {
|
||||
// state.imgList = [];
|
||||
// } else {
|
||||
// if (item.attach.indexOf(",")) {
|
||||
// const arr = item.attach.split(",");
|
||||
// arr.forEach((item) => {
|
||||
// state.imgList.push({ img: item });
|
||||
// });
|
||||
// } else {
|
||||
// state.imgList = [{ img: item.attach }];
|
||||
// }
|
||||
// }
|
||||
|
||||
// valueHtml.value = item.outline;
|
||||
|
||||
// state.lookMs = true;
|
||||
};
|
||||
// const handleTea = async () => {
|
||||
// console.log("item22224444");
|
||||
|
||||
@@ -141,304 +141,11 @@
|
||||
</div>
|
||||
</a-modal>
|
||||
<!-- 预览弹窗 -->
|
||||
<a-modal
|
||||
v-model:visible="lookCourseModal"
|
||||
title="Title"
|
||||
@ok="handlePush"
|
||||
:footer="null"
|
||||
:closable="false"
|
||||
wrapClassName="modalStyle lookCourseModal"
|
||||
width="80%"
|
||||
<SeeModal
|
||||
:visible="lookCourseModal"
|
||||
:detail="faceDetailObj"
|
||||
@cancel="ft_exit"
|
||||
>
|
||||
<div class="modalHeader">
|
||||
<div class="headerLeft">
|
||||
<img
|
||||
style="width: 17px; height: 18px; margin-right: 8px"
|
||||
src="../../assets/images/basicinfo/add.png"
|
||||
/>
|
||||
<span class="headerLeftText">预览</span>
|
||||
</div>
|
||||
<div style="margin-right: 57px; cursor: pointer">
|
||||
<img
|
||||
@click="ft_exit"
|
||||
style="width: 22px; height: 22px"
|
||||
src="../../assets/images/basicinfo/close22.png"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modalMain">
|
||||
<div class="faceteach">
|
||||
<div class="ft_main">
|
||||
<div class="m_body">
|
||||
<div class="mb_left">
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">课程名称：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
{{ faceDetailObj !== null ? faceDetailObj.name : "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="i2_cz">
|
||||
<div class="i2_top">
|
||||
<div
|
||||
class="i2_right"
|
||||
@click="hideShow"
|
||||
style="cursor: pointer"
|
||||
>
|
||||
<div class="b_icon"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items2">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">封面图：</span>
|
||||
</div>
|
||||
<img
|
||||
ref="heroImg"
|
||||
alt=""
|
||||
style="width: 100px; height: 100px"
|
||||
/>
|
||||
<!-- <div class="item_inp"></div> -->
|
||||
</div>
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img
|
||||
style="width: 10px; height: 10px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">目标人群：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
{{
|
||||
faceDetailObj !== null ? faceDetailObj.targetUser : ""
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<span style="margin-right: 14px">课程价值：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
{{ faceDetailObj !== null ? faceDetailObj.meaning : "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
|
||||
</div>
|
||||
<span style="margin-right: 14px">资源归属：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="select i6_input">{{ faceDetailObj !== null ? faceDetailObj.projectId : "" }}</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">内容分类：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<!-- <div class="select i6_input">{{ faceDetailObj !== null ? faceDetailObj.categoryId : "" }}</div> -->
|
||||
<div class="select i6_input">
|
||||
{{
|
||||
faceDetailObj !== null
|
||||
? contentList11.find(
|
||||
(e) => e.dictCode == faceDetailObj.categoryId
|
||||
)?.dictValue
|
||||
: ""
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<span style="margin-right: 14px">场景：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<!-- <div class="select i7_input">{{ faceDetailObj !== null ? faceDetailObj.sceneId : "" }}</div> -->
|
||||
<div class="select i7_input">
|
||||
{{
|
||||
faceDetailObj !== null
|
||||
? sceneist11.find(
|
||||
(e) => e.dictCode == faceDetailObj.sceneId
|
||||
)?.dictValue
|
||||
: ""
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<span style="margin-right: 14px">内容标签：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
{{ faceDetailObj !== null ? faceDetailObj.tips : "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb_right">
|
||||
<div class="mbl_items">
|
||||
<div class="item_nam">
|
||||
<div class="asterisk_icon">
|
||||
<img
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt="asterisk"
|
||||
/>
|
||||
</div>
|
||||
<span style="margin-right: 14px">授课教师：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i1_input">
|
||||
{{ faceDetailObj !== null ? faceDetailObj.teacher : "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items2">
|
||||
<div class="item_nam">
|
||||
<span style="margin-right: 14px">课程简介：</span>
|
||||
</div>
|
||||
<div class="item_inp">
|
||||
<div class="i10_textarea">
|
||||
{{ faceDetailObj !== null ? faceDetailObj.intro : "" }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items">
|
||||
<div v-if="attachMap.length > 0" class="item_nam">
|
||||
<span style="margin-right: 10px">附件</span>
|
||||
</div>
|
||||
<div
|
||||
class="item_inp"
|
||||
v-for="(value, index) in attachMap"
|
||||
:key="index"
|
||||
>
|
||||
<a>
|
||||
{{
|
||||
[
|
||||
"附件一",
|
||||
"附件二",
|
||||
"附件三",
|
||||
"附件四",
|
||||
"附件五",
|
||||
"附件六",
|
||||
][index]
|
||||
}}
|
||||
</a>
|
||||
<a style="margin-left: 120px" :src="value" :href="value"
|
||||
>查看</a
|
||||
>
|
||||
<!-- <a-upload multiple :show-upload-list="false" :before-upload="beforeUpload2">
|
||||
<div class="accessory" style="cursor: pointer">
|
||||
<div class="accessory_icon">
|
||||
<img src="@/assets/images/coursewareManage/enclosure.png" alt="enclosure" />
|
||||
</div>
|
||||
<span style="color: #4ea6ff">添加附件</span>
|
||||
</div>
|
||||
</a-upload>
|
||||
<span>
|
||||
支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip
|
||||
</span> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="mbl_items12">
|
||||
<div
|
||||
class="i12_box1"
|
||||
v-for="(item, index) in imgList"
|
||||
:key="index"
|
||||
>
|
||||
<div class="file_img">
|
||||
<img :src="item.img" />
|
||||
</div>
|
||||
<div class="file_detail">
|
||||
<div class="file_name">
|
||||
<span style="color: #6f6f6f">{{ item.name }}</span>
|
||||
</div>
|
||||
|
||||
<div class="file_updata">
|
||||
<div class="updatabox">
|
||||
<div class="updatacolor"></div>
|
||||
<div class="updataxq">上传完成</div>
|
||||
</div>
|
||||
<div class="upjd">
|
||||
<span style="margin: auto 5px">100%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="file_operation">
|
||||
<div class="fobox">
|
||||
<span style="color: #4ea6ff" @click="handleDel(index)">
|
||||
删除
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m_footer">
|
||||
<div class="fotnam">
|
||||
<span>课程大纲</span>
|
||||
</div>
|
||||
<div class="fotarea">
|
||||
<div style="border: 1px solid #ccc">
|
||||
<!-- <Toolbar style="border-bottom: 1px solid #ccc;width:900px;height: 300px;" :defaultConfig="toolbarConfig"
|
||||
:mode="mode" /> -->
|
||||
<Editor
|
||||
@focus="onEditorFocus"
|
||||
style="
|
||||
border-bottom: 1px solid #ccc;
|
||||
width: 900px;
|
||||
height: 300px;
|
||||
"
|
||||
v-model="valueHtml"
|
||||
:defaultConfig="editorConfig"
|
||||
:mode="mode"
|
||||
@onCreated="handleCreated"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m_btn">
|
||||
<div class="btn btn5" @click="ft_exit">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<div class="btn btn6" @click="handlePush">
|
||||
<div class="btnText">确定</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
/>
|
||||
|
||||
<!-- 审核在线课 -->
|
||||
<a-modal
|
||||
@@ -462,15 +169,14 @@
|
||||
import { reactive, toRefs, onMounted, ref } from "vue";
|
||||
import { list, courseAuditView, courseDetail } from "../../api/indexAudit";
|
||||
import { message } from "ant-design-vue";
|
||||
import { Editor } from "@wangeditor/editor-for-vue";
|
||||
import SeeModal from "../courselibrary/components/seeModal.vue";
|
||||
import { iframeUrl } from "../../api/method";
|
||||
import * as api1 from "@/api/index1";
|
||||
|
||||
export default {
|
||||
name: "CoursereViewedN",
|
||||
components: {
|
||||
Editor,
|
||||
// Toolbar,
|
||||
SeeModal,
|
||||
},
|
||||
setup() {
|
||||
const state = reactive({
|
||||
@@ -576,13 +282,12 @@ export default {
|
||||
|
||||
<span
|
||||
onClick={() => {
|
||||
state.lookCourseModal = true;
|
||||
getFaceDetail(value.record.offId);
|
||||
console.log(value.record);
|
||||
}}
|
||||
style="cursor:pointer;color:#387DF7"
|
||||
>
|
||||
预览
|
||||
预览3
|
||||
</span>
|
||||
</div>
|
||||
);
|
||||
@@ -652,7 +357,10 @@ export default {
|
||||
.then((res) => {
|
||||
console.log("获取面授详情信息成功", res);
|
||||
let result = res.data.data;
|
||||
state.lookCourseModal = true;
|
||||
result.attach = result.attach == "" ? [] : result.attach.split(",");
|
||||
state.faceDetailObj = result;
|
||||
|
||||
heroImg.value.src = result.picUrl;
|
||||
valueHtml.value = result.outline;
|
||||
attachMap.value = result.attach == "" ? [] : result.attach.split(",");
|
||||
@@ -705,15 +413,10 @@ export default {
|
||||
};
|
||||
|
||||
// 预览弹框 开启和关闭
|
||||
|
||||
const ft_exit = () => {
|
||||
state.lookCourseModal = false;
|
||||
};
|
||||
|
||||
const handlePush = () => {
|
||||
state.lookCourseModal = false;
|
||||
};
|
||||
|
||||
const setFaceData = (tableData) => {
|
||||
if (!tableData || !tableData.length) {
|
||||
state.tableData1 = [];
|
||||
@@ -832,7 +535,6 @@ export default {
|
||||
closeCourAuditModal,
|
||||
sureCourAuditModal,
|
||||
ft_exit,
|
||||
handlePush,
|
||||
getFaceDetail,
|
||||
heroImg,
|
||||
valueHtml,
|
||||
|
||||
Reference in New Issue
Block a user