|
|
|
|
@ -2,36 +2,53 @@ |
|
|
|
|
<div class="wrap"> |
|
|
|
|
<breadcrumb :data="'实验台/' + curriculumName"></breadcrumb> |
|
|
|
|
<div class="flex"> |
|
|
|
|
<div class="cover" :class="{'is-word': showMask1}"> |
|
|
|
|
<div class="cover" |
|
|
|
|
:class="{'is-word': showMask1}"> |
|
|
|
|
<!--实验台不显示课程封面--> |
|
|
|
|
<img v-if="coverUrl" :src="coverUrl" alt="" width="100%" height="100%"> |
|
|
|
|
<img v-if="coverUrl" |
|
|
|
|
:src="coverUrl" |
|
|
|
|
alt="" |
|
|
|
|
width="100%" |
|
|
|
|
height="100%"> |
|
|
|
|
<template v-else-if="iframeSrc"> |
|
|
|
|
<iframe class="inner fileIframe" id="fileIframe" :src="iframeSrc" frameborder="0"></iframe> |
|
|
|
|
<iframe class="inner fileIframe" |
|
|
|
|
id="fileIframe" |
|
|
|
|
:src="iframeSrc" |
|
|
|
|
frameborder="0"></iframe> |
|
|
|
|
<template v-if="showMask"> |
|
|
|
|
<div class="mask" style="width:100%;background: #393A3D;height: 30px;top: 53px;"></div> |
|
|
|
|
<div class="mask" style="width:100%;background: #393A3D;height: 30px;top: 53px;"></div> |
|
|
|
|
<div class="mask" |
|
|
|
|
style="width:100%;background: #393A3D;height: 30px;top: 53px;"></div> |
|
|
|
|
<div class="mask" |
|
|
|
|
style="width:100%;background: #393A3D;height: 30px;top: 53px;"></div> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="showMask1"> |
|
|
|
|
<div class="word-mask" style="height: 40px;"></div> |
|
|
|
|
<div class="word-mask" |
|
|
|
|
style="height: 40px;"></div> |
|
|
|
|
<div class="word-mask2" |
|
|
|
|
style="top: 55px;left: 28%;width: 44%;height: calc(100% - 80px);"></div> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="showMask2"> |
|
|
|
|
<div class="excel-mask1" style="height: 48px;"></div> |
|
|
|
|
<div class="excel-mask1" |
|
|
|
|
style="height: 48px;"></div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
<div class="pdf" v-else-if="pdfSrc"> |
|
|
|
|
<img class="full" src="@/assets/img/screen/full.png" alt="" @click="fullScreen"> |
|
|
|
|
<div class="pdf" |
|
|
|
|
v-else-if="pdfSrc"> |
|
|
|
|
<img class="full" |
|
|
|
|
src="@/assets/img/screen/full.png" |
|
|
|
|
alt="" |
|
|
|
|
@click="fullScreen"> |
|
|
|
|
<p class="arrow"> |
|
|
|
|
<span @click="changePdfPage(0)" class="turn el-icon-arrow-left" |
|
|
|
|
<span @click="changePdfPage(0)" |
|
|
|
|
class="turn el-icon-arrow-left" |
|
|
|
|
:class="{grey: currentPage==1}"></span> |
|
|
|
|
{{ currentPage }} / {{ pageCount }} |
|
|
|
|
<span @click="changePdfPage(1)" class="turn el-icon-arrow-right" |
|
|
|
|
<span @click="changePdfPage(1)" |
|
|
|
|
class="turn el-icon-arrow-right" |
|
|
|
|
:class="{grey: currentPage==pageCount}"></span> |
|
|
|
|
</p> |
|
|
|
|
<div style='color:#393A3D;height: 30px;background: #393A3D;'></div> |
|
|
|
|
<pdf |
|
|
|
|
class="pdf-wrap" |
|
|
|
|
<pdf class="pdf-wrap" |
|
|
|
|
:src="pdfSrc" |
|
|
|
|
:page="currentPage" |
|
|
|
|
@num-pages="pageCount=$event" |
|
|
|
|
@ -39,51 +56,88 @@ |
|
|
|
|
@loaded="loadPdfHandler"> |
|
|
|
|
</pdf> |
|
|
|
|
</div> |
|
|
|
|
<div class="inner" v-else-if="playAuth"> |
|
|
|
|
<div class="video_wid" id="player"></div> |
|
|
|
|
<div class="inner" |
|
|
|
|
v-else-if="playAuth"> |
|
|
|
|
<div class="video_wid" |
|
|
|
|
id="player"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="catalog"> |
|
|
|
|
<el-button v-if="!overdue" class="renew" type="primary" size="small" @click="showBuy">续费</el-button> |
|
|
|
|
<a v-else class="entry" @click="entry"></a> |
|
|
|
|
<el-button v-if="!overdue" |
|
|
|
|
class="renew" |
|
|
|
|
type="primary" |
|
|
|
|
size="small" |
|
|
|
|
@click="showBuy">续费</el-button> |
|
|
|
|
<a v-else |
|
|
|
|
class="entry" |
|
|
|
|
@click="entry"></a> |
|
|
|
|
<div class="list"> |
|
|
|
|
<h4 class="title">{{ courseName }}</h4> |
|
|
|
|
<div> |
|
|
|
|
<h6 class="pro-title">我的学习进度</h6> |
|
|
|
|
<el-progress :stroke-width="12" :percentage="schedule" :format="percentFormat" :text-color="'#fff'"></el-progress> |
|
|
|
|
<el-progress :stroke-width="12" |
|
|
|
|
:percentage="schedule" |
|
|
|
|
:format="percentFormat" |
|
|
|
|
:text-color="'#fff'"></el-progress> |
|
|
|
|
</div> |
|
|
|
|
<div class="types"> |
|
|
|
|
<div :class="['item', { active: type === 1 }]" @click="typeChange(1)"> |
|
|
|
|
<div :class="['item', { active: type === 1 }]" |
|
|
|
|
@click="typeChange(1)"> |
|
|
|
|
<i class="icon el-icon-notebook-2"></i> 目录 |
|
|
|
|
</div> |
|
|
|
|
<div :class="['item', { active: type === 2 }]" @click="typeChange(2)"> |
|
|
|
|
<div :class="['item', { active: type === 2 }]" |
|
|
|
|
@click="typeChange(2)"> |
|
|
|
|
<i class="icon el-icon-timer"></i> 学习进度 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="chapters"> |
|
|
|
|
<template v-if="type === 1"> |
|
|
|
|
<template v-if="chapterList.length"> |
|
|
|
|
<div class="chapter" v-for="(item,index) in chapterList" :key="index"> |
|
|
|
|
<div class="chapter" |
|
|
|
|
v-for="(item,index) in chapterList" |
|
|
|
|
:key="index"> |
|
|
|
|
<div class="chapterName">{{ item.name }}</div> |
|
|
|
|
<div class="section" v-if="item.subsectionList.length"> |
|
|
|
|
<p class="sectionName" :class="{active: curLink === `${item.name}${section.name}`}" v-for="(section,i) in item.subsectionList" :key="i" @click="preview(section, item.name)"> |
|
|
|
|
<img v-if="section.fileType === 'pptx'" src="@/assets/img/exts/ppt.png" alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'mp4'" src="@/assets/img/exts/video.png" alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'doc' || section.fileType === 'docx'" src="@/assets/img/exts/word.png" alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'txt'" src="@/assets/img/exts/txt.png" alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'pdf'" src="@/assets/img/exts/pdf.png" alt=""> |
|
|
|
|
<img v-else src="@/assets/img/exts/pic.png" alt=""> |
|
|
|
|
<div class="section" |
|
|
|
|
v-if="item.subsectionList.length"> |
|
|
|
|
<p class="sectionName" |
|
|
|
|
:class="{active: curLink === `${item.name}${section.name}`}" |
|
|
|
|
v-for="(section,i) in item.subsectionList" |
|
|
|
|
:key="i" |
|
|
|
|
@click="preview(section, item.name)"> |
|
|
|
|
<img v-if="section.fileType === 'pptx'" |
|
|
|
|
src="@/assets/img/exts/ppt.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'mp4'" |
|
|
|
|
src="@/assets/img/exts/video.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'doc' || section.fileType === 'docx'" |
|
|
|
|
src="@/assets/img/exts/word.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'txt'" |
|
|
|
|
src="@/assets/img/exts/txt.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else-if="section.fileType === 'pdf'" |
|
|
|
|
src="@/assets/img/exts/pdf.png" |
|
|
|
|
alt=""> |
|
|
|
|
<img v-else |
|
|
|
|
src="@/assets/img/exts/pic.png" |
|
|
|
|
alt=""> |
|
|
|
|
{{ section.name }} |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</template> |
|
|
|
|
<div v-else class="section"> |
|
|
|
|
<p class="sectionName" v-for="(item, i) in progressList" :key="i" :title="item.projectName"> |
|
|
|
|
<div v-else |
|
|
|
|
class="section"> |
|
|
|
|
<p class="sectionName" |
|
|
|
|
v-for="(item, i) in progressList" |
|
|
|
|
:key="i" |
|
|
|
|
:title="item.projectName"> |
|
|
|
|
{{ i + 1 }}. |
|
|
|
|
{{ item.projectName }} |
|
|
|
|
<i :class="['icon', item.whetherToStudyOrNot ? 'el-icon-success' : 'circle']" @click.stop="studySection(item)"></i> |
|
|
|
|
<i :class="['icon', item.whetherToStudyOrNot ? 'el-icon-success' : 'circle']" |
|
|
|
|
@click.stop="studySection(item)"></i> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -92,38 +146,43 @@ |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="tabs"> |
|
|
|
|
<a class="item" v-for="(item, i) in tabs" :key="i" :class="{active: item.id == active}" @click="tabChange(item)">{{ item.name }}</a> |
|
|
|
|
<a class="item" |
|
|
|
|
v-for="(item, i) in tabs" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: item.id == active}" |
|
|
|
|
@click="tabChange(item)">{{ item.name }}</a> |
|
|
|
|
</div> |
|
|
|
|
<div class="tab-content"> |
|
|
|
|
<template v-if="active === 1"> |
|
|
|
|
<div class="page"> |
|
|
|
|
<h6 class="l-title"> |
|
|
|
|
<img src="@/assets/img/course1.png" alt=""> |
|
|
|
|
课程简介 |
|
|
|
|
</h6> |
|
|
|
|
<p class="intro" v-html="briefIntroduction"></p> |
|
|
|
|
</div> |
|
|
|
|
<div class="page"> |
|
|
|
|
<h6 class="l-title"> |
|
|
|
|
<img src="@/assets/img/course2.png" alt=""> |
|
|
|
|
课程目标 |
|
|
|
|
</h6> |
|
|
|
|
<p class="intro" v-html="teachingObjectives"></p> |
|
|
|
|
<p class="intro" |
|
|
|
|
v-html="briefIntroduction"></p> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="active === 2"> |
|
|
|
|
<div class="page"> |
|
|
|
|
<template v-if="showNoteAdd"> |
|
|
|
|
<el-form class="form" ref="form" label-width="120px" center> |
|
|
|
|
<el-form-item class="required" label="笔记标题"> |
|
|
|
|
<el-input placeholder="请输入笔记标题" v-model="noteForm.noteName" maxlength="30" style="width: 400px"></el-input> |
|
|
|
|
<el-form class="form" |
|
|
|
|
ref="form" |
|
|
|
|
label-width="120px" |
|
|
|
|
center> |
|
|
|
|
<el-form-item class="required" |
|
|
|
|
label="笔记标题"> |
|
|
|
|
<el-input placeholder="请输入笔记标题" |
|
|
|
|
v-model="noteForm.noteName" |
|
|
|
|
maxlength="30" |
|
|
|
|
style="width: 400px"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item class="required" label="笔记内容"> |
|
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' v-model="noteForm.noteContent" :init="editorConfig" /> |
|
|
|
|
<el-form-item class="required" |
|
|
|
|
label="笔记内容"> |
|
|
|
|
<Editor api-key='rnk6zw9v267xqz7pf98twt1vmrvltmd436je7a642pckltda' |
|
|
|
|
v-model="noteForm.noteContent" |
|
|
|
|
:init="editorConfig" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<div class="text-right"> |
|
|
|
|
<el-button type="primary" @click="submitNote">保存</el-button> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
@click="submitNote">保存</el-button> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<template v-else> |
|
|
|
|
@ -131,26 +190,34 @@ |
|
|
|
|
<ul class="filter"> |
|
|
|
|
<li> |
|
|
|
|
<label>搜索：</label> |
|
|
|
|
<el-input placeholder="请输入标题" v-model="noteKeyword" clearable></el-input> |
|
|
|
|
<el-input placeholder="请输入标题" |
|
|
|
|
v-model="noteKeyword" |
|
|
|
|
clearable></el-input> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="addNote">新增笔记</el-button> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
@click="addNote">新增笔记</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-timeline class="timeline"> |
|
|
|
|
<el-timeline-item placement="top" v-for="(item, i) in notes" :key="i"> |
|
|
|
|
<el-timeline-item placement="top" |
|
|
|
|
v-for="(item, i) in notes" |
|
|
|
|
:key="i"> |
|
|
|
|
<p class="sign">{{ item.createTime }}</p> |
|
|
|
|
<div class="ver"> |
|
|
|
|
<div> |
|
|
|
|
{{ item.noteName }} |
|
|
|
|
<span class="action"> |
|
|
|
|
<i class="el-icon-edit-outline" @click="editNote(item)"></i> |
|
|
|
|
<i class="el-icon-delete" @click="delNote(item)"></i> |
|
|
|
|
<i class="el-icon-edit-outline" |
|
|
|
|
@click="editNote(item)"></i> |
|
|
|
|
<i class="el-icon-delete" |
|
|
|
|
@click="delNote(item)"></i> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="des" v-html="item.noteContent"></div> |
|
|
|
|
<div class="des" |
|
|
|
|
v-html="item.noteContent"></div> |
|
|
|
|
</el-timeline-item> |
|
|
|
|
</el-timeline> |
|
|
|
|
</template> |
|
|
|
|
@ -158,83 +225,129 @@ |
|
|
|
|
</template> |
|
|
|
|
<template v-if="active === 4"> |
|
|
|
|
<div class="page"> |
|
|
|
|
<quill ref="quill" :border="true" v-model="msg" :height="150" :toTop="false" /> |
|
|
|
|
<quill ref="quill" |
|
|
|
|
:border="true" |
|
|
|
|
v-model="msg" |
|
|
|
|
:height="150" |
|
|
|
|
:toTop="false" /> |
|
|
|
|
<ul class="msg"> |
|
|
|
|
<li v-for="(item, i) in msgs" :key="i"> |
|
|
|
|
<li v-for="(item, i) in msgs" |
|
|
|
|
:key="i"> |
|
|
|
|
<div class="li-wrap"> |
|
|
|
|
<img :src="item.avatar" alt="" class="avatar"> |
|
|
|
|
<img :src="item.avatar" |
|
|
|
|
alt="" |
|
|
|
|
class="avatar"> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<h6> |
|
|
|
|
<span class="name">{{ item.userName }}</span> |
|
|
|
|
发表于 {{ item.createDate }} |
|
|
|
|
</h6> |
|
|
|
|
<div class="des" v-html="item.content"></div> |
|
|
|
|
<div class="des" |
|
|
|
|
v-html="item.content"></div> |
|
|
|
|
</div> |
|
|
|
|
<div class="action"> |
|
|
|
|
<i class="icon el-icon-chat-dot-square"></i> |
|
|
|
|
<i class="icon el-icon-delete"></i> |
|
|
|
|
<img class="icon" src="@/assets/img/like.png" alt=""> |
|
|
|
|
<img class="icon" |
|
|
|
|
src="@/assets/img/like.png" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="reply" v-if="item.showReply"> |
|
|
|
|
<quill :border="true" v-model="item.replyContent" :toTop="false" :height="150" /> |
|
|
|
|
<div class="reply" |
|
|
|
|
v-if="item.showReply"> |
|
|
|
|
<quill :border="true" |
|
|
|
|
v-model="item.replyContent" |
|
|
|
|
:toTop="false" |
|
|
|
|
:height="150" /> |
|
|
|
|
<div class="m-t-10 text-right"> |
|
|
|
|
<el-button type="primary" size="mini">提交</el-button> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
size="mini">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<ul class="msg children" v-if="item.showChildren"> |
|
|
|
|
<li v-for="(reply,i) in item.children" :key="i"> |
|
|
|
|
<ul class="msg children" |
|
|
|
|
v-if="item.showChildren"> |
|
|
|
|
<li v-for="(reply,i) in item.children" |
|
|
|
|
:key="i"> |
|
|
|
|
<div class="li-wrap"> |
|
|
|
|
<img class="avatar" :src="reply.avatar" alt=""> |
|
|
|
|
<img class="avatar" |
|
|
|
|
:src="reply.avatar" |
|
|
|
|
alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<div class="name">{{reply.userName}}</div> |
|
|
|
|
<div class="des" v-html="reply.content"></div> |
|
|
|
|
<div class="des" |
|
|
|
|
v-html="reply.content"></div> |
|
|
|
|
<div class="date">{{reply.createDate}}</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="action"> |
|
|
|
|
<i class="icon el-icon-chat-dot-square"></i> |
|
|
|
|
<i class="icon el-icon-delete"></i> |
|
|
|
|
<img class="icon" src="@/assets/img/like.png" alt=""> |
|
|
|
|
<img class="icon" |
|
|
|
|
src="@/assets/img/like.png" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="reply" v-if="reply.showReply"> |
|
|
|
|
<quill :border="true" v-model="reply.replyContent" :toTop="false" :height="150" /> |
|
|
|
|
<div class="reply" |
|
|
|
|
v-if="reply.showReply"> |
|
|
|
|
<quill :border="true" |
|
|
|
|
v-model="reply.replyContent" |
|
|
|
|
:toTop="false" |
|
|
|
|
:height="150" /> |
|
|
|
|
<div class="m-t-10 text-right"> |
|
|
|
|
<el-button type="primary" size="mini">提交</el-button> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
size="mini">提交</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div v-if="item.getCommentReplyNum" class="toggle"><span @click="item.showChildren = !item.showChildren">{{item.showChildren ? '收起所有回复' : `查看所有${item.getCommentReplyNum}条回复`}} <i class="el-icon-arrow-down"></i></span></div> |
|
|
|
|
<div v-if="item.getCommentReplyNum" |
|
|
|
|
class="toggle"><span @click="item.showChildren = !item.showChildren">{{item.showChildren ? '收起所有回复' : `查看所有${item.getCommentReplyNum}条回复`}} <i class="el-icon-arrow-down"></i></span></div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="请选择项目" v-loading="loading" :visible.sync="projectVisible" width="828px" custom-class="project-dia" :close-on-click-modal="false"> |
|
|
|
|
<el-dialog title="请选择项目" |
|
|
|
|
v-loading="loading" |
|
|
|
|
:visible.sync="projectVisible" |
|
|
|
|
width="828px" |
|
|
|
|
custom-class="project-dia" |
|
|
|
|
:close-on-click-modal="false"> |
|
|
|
|
<ul class="projects"> |
|
|
|
|
<li v-for="(item, i) in projects" :key="i" :class="{active: curProject == item.projectId}" @click="selectProject(item)"> |
|
|
|
|
<img src="@/assets/img/project.png" alt=""> |
|
|
|
|
<li v-for="(item, i) in projects" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: curProject == item.projectId}" |
|
|
|
|
@click="selectProject(item)"> |
|
|
|
|
<img src="@/assets/img/project.png" |
|
|
|
|
alt=""> |
|
|
|
|
<span>{{ i + 1 }}. {{ item.projectName }}</span> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" @click="projectVisible = false">取 消</el-button> |
|
|
|
|
<el-button size="small" type="primary" @click="toSub">确 定</el-button> |
|
|
|
|
<span slot="footer" |
|
|
|
|
class="dialog-footer"> |
|
|
|
|
<el-button size="small" |
|
|
|
|
@click="projectVisible = false">取 消</el-button> |
|
|
|
|
<el-button size="small" |
|
|
|
|
type="primary" |
|
|
|
|
@click="toSub">确 定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<!-- 购买弹框 --> |
|
|
|
|
<el-dialog title="温馨提示" :visible.sync="buyVisible" width="420px" center :close-on-click-modal="false"> |
|
|
|
|
<el-dialog title="温馨提示" |
|
|
|
|
:visible.sync="buyVisible" |
|
|
|
|
width="420px" |
|
|
|
|
center |
|
|
|
|
:close-on-click-modal="false"> |
|
|
|
|
<div class="buy"> |
|
|
|
|
<p class="tips">该课程订阅期限已到期，请联系院校管理员续费</p> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<pdfDia :key="pdfVisible" :visible.sync="pdfVisible" :src.sync="pdfSrc"/> |
|
|
|
|
<pdfDia :key="pdfVisible" |
|
|
|
|
:visible.sync="pdfVisible" |
|
|
|
|
:src.sync="pdfSrc" /> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -252,7 +365,7 @@ export default { |
|
|
|
|
components: { pdf, breadcrumb, pdfDia, quill, Editor }, |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
mallId: this.$route.query.mallId, |
|
|
|
|
mallId: this.$route.query.mallId || '', |
|
|
|
|
editorConfig, |
|
|
|
|
startTime: Date.now(), // 页面进来的时间 |
|
|
|
|
systemIds: '', |
|
|
|
|
@ -676,6 +789,7 @@ export default { |
|
|
|
|
util.cookies.set('courseId', this.courseId) |
|
|
|
|
util.cookies.set('curriculumName', escape(this.curriculumName)) |
|
|
|
|
util.cookies.set('systemId', id) |
|
|
|
|
util.cookies.set('mallId', this.mallId) |
|
|
|
|
util.cookies.set('fromManager', '', -1) |
|
|
|
|
util.cookies.set('competitionId', '', -1) |
|
|
|
|
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 |
|
|
|
|
@ -711,9 +825,10 @@ export default { |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
@import "../../../styles/page/station.scss"; |
|
|
|
|
@import '../../../styles/page/station.scss'; |
|
|
|
|
$height: 700px; |
|
|
|
|
.video_wid,.cover{ |
|
|
|
|
.video_wid, |
|
|
|
|
.cover { |
|
|
|
|
position: relative; |
|
|
|
|
width: 76%; |
|
|
|
|
height: $height !important; |
|
|
|
|
@ -743,7 +858,8 @@ $height: 700px; |
|
|
|
|
.fileIframe { |
|
|
|
|
height: $height !important; |
|
|
|
|
} |
|
|
|
|
.video_wid,.inner{ |
|
|
|
|
.video_wid, |
|
|
|
|
.inner { |
|
|
|
|
width: 100%; |
|
|
|
|
height: 100% !important; |
|
|
|
|
border: 0; |
|
|
|
|
@ -775,7 +891,7 @@ $height: 700px; |
|
|
|
|
background: url(../../../assets/img/entry.png) 0 0/100% 100% no-repeat; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&:hover { |
|
|
|
|
opacity: .9; |
|
|
|
|
opacity: 0.9; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.types { |
|
|
|
|
@ -921,10 +1037,10 @@ $height: 700px; |
|
|
|
|
} |
|
|
|
|
.el-image-viewer__wrapper { |
|
|
|
|
transform: translateY(-10px); |
|
|
|
|
transition: transform .5s; |
|
|
|
|
transition: transform 0.5s; |
|
|
|
|
|
|
|
|
|
&.active { |
|
|
|
|
transform: translateY(0) |
|
|
|
|
transform: translateY(0); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.el-image-viewer__close { |
|
|
|
|
@ -1038,12 +1154,12 @@ $height: 700px; |
|
|
|
|
width: 238px; |
|
|
|
|
padding: 16px; |
|
|
|
|
margin: 0 20px 20px 0; |
|
|
|
|
background-color: #F6F8FA; |
|
|
|
|
background-color: #f6f8fa; |
|
|
|
|
border-radius: 16px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&:hover { |
|
|
|
|
span { |
|
|
|
|
color: #007EFF; |
|
|
|
|
color: #007eff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
&:nth-child(3n) { |
|
|
|
|
@ -1077,8 +1193,8 @@ $height: 700px; |
|
|
|
|
border-bottom: 3px solid transparent; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&.active { |
|
|
|
|
color: #007EFF; |
|
|
|
|
border-color: #007EFF; |
|
|
|
|
color: #007eff; |
|
|
|
|
border-color: #007eff; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
