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

调试在线标签提示

Browse Source
This commit is contained in:
670788339
2025-11-13 15:13:43 +08:00
parent 288841efd9
commit dd7073c4f0
1 changed files with 121 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/components/Course/courseForm.vue
View File

@@ -10,15 +10,36 @@
<el-radio v-model="courseInfo.type" :label="10">否</el-radio>
</div>
</el-form-item>
<!-- <div style="margin-top:40px">适合您<span style="color:#e83d3a;font-size: 16px;">快速</span>分享<span style="color:#e83d3a;font-size: 16px;">单一</span>的视频、音频或者文档制作说明</div> -->
<!-- <div v-show="courseExample == 1">适合您<span class="tip">快速</span>分享<span class="tip">单一</span>的视频、音频或者文档制作说明</div>
<div v-show="courseExample == 2">适合您分享<span class="tip">体系化</span>、<span class="tip">结构化</span>的课程内容制作说明</div>
-->
</el-form>
</div>
<!-- <div style="height:100px"></div> -->
<div style="text-align: center;height: 80px;padding-top:30px">
<span slot="footer" class="dialog-footer">
<el-button @click="courseChooseShow = false">取 消</el-button>
<el-button @click="toInputCourse()" type="primary">确定</el-button>
</span>
</div>
<!-- style="height: 200px;" -->
<!-- 微课示意图 -->
<!-- <div v-if="courseExample == 1">
<div class="example"><el-image style="width: 100%; height: 100% ; vertical-align: top; " fit="contain" :src="`${webBaseUrl}/images/weiSketch.svg`"></el-image></div>
</div> -->
<!-- 录播课示意图 -->
<!-- <div v-if="courseExample == 2">
<div class="example">
<el-image style="width: 100%; height: 100%" fit="contain" :src="`${webBaseUrl}/images/luSketch.svg`"></el-image>
</div>
</div> -->
</div>
<!-- <span slot="footer" class="dialog-footer">
<el-button @click="courseChooseShow = false">取 消</el-button>
<el-button @click="toInputCourse()" type="primary">确定</el-button>
</span> -->
</el-dialog>
<!-- 蒙层引导组件 -->
@@ -35,10 +56,28 @@
<div class="step-desc">✨ 涉内容（如：5W1H分析法）</div>
</div>
</div>
<!-- <div class="guidance-step" :class="{ active: currentStep === 2 }">
<div class="step-number">2</div>
<div class="step-content">
<div class="step-title">添加课程标签</div>
<div class="step-desc">为课程添加相关标签,最多5个，便于搜索和分类,可回车创建新标签</div>
</div>
</div>-->
</div>
<!-- <div class="guidance-actions">
<el-button @click="previousStep1" v-if="currentStep > 1">上一步</el-button>
<el-button type="primary" @click="nextStep">
{{ currentStep === 2 ? '完成' : '下一步' }}
</el-button>
<el-button @click="closeGuidance">跳过引导</el-button>
</div>-->
</div>
</div>
<!-- 高亮指引元素 -->
<!-- <div v-if="showGuidance" class="highlight-element" :style="highlightStyle"></div>-->
<!--微课-->
<el-dialog v-if="weike.dlgShow" width="980px" :title="curCourseId == '' ? '新建课程' : '编辑课程'" :visible.sync="weike.dlgShow" :close-on-click-modal="false" custom-class="g-dialog" top="8vh">
<el-form label-width="100px" size="small" class="wei-from" style="min-height: 600px;">
@@ -54,6 +93,7 @@
<!-- 上传封面图-->
<div style="display:flex">
<div @click.stop="chooseFile">
<!-- <image :src="courseCoverurl" style="width:160px;height:90px" width="160px" height="90px"></image> -->
<imageUpload :disabled="true" :value="courseCoverurl" width="160px" height="90px" @success="uploadCoverImgSuccess" @remove="removeCoverImgSuccess"></imageUpload>
</div>
<span style="margin-left:10px;font-size: 12px;">
@@ -75,19 +115,13 @@
</el-form-item>
<el-form-item label="标签" required class="guidance-highlight" data-step="1">
<div style="display: flex; align-items: center;">
<courseTag
ref="courseTag"
:courseId="curCourseId"
:sysTypeList="sysTypeList"
:initialTags="courseTags"
@change="handleTagsChange"
@focus="onTagFocus">
</courseTag>
<!-- 添加问号图标 -->
<el-tooltip effect="dark" content="点击查看标签使用说明" placement="top" @click="showGuidanceDialog">
</el-tooltip>
</div>
<courseTag ref="courseTag" :courseId="curCourseId" :sysTypeList="sysTypeList"
:initialTags="courseTags" @change="handleTagsChange"
@focus="onTagFocus">
</courseTag>
<el-tooltip content="标签说明提示信息" placement="top">
<i class="el-icon-question" style="color: #409EFF; cursor: pointer;" @click="handleTagHelp"></i>
</el-tooltip>
</el-form-item>
<el-form-item label="资源归属" required>
@@ -104,6 +138,22 @@
<el-col :span="6"><el-checkbox v-model="courseInfo.openCourse" :true-label="1" :false-label="0">公开课</el-checkbox></el-col>
</el-form-item>
<el-form-item label="授课教师" required>
<!--授课老师默认是当前操作人-->
<!-- <el-select
style="width: 100%;"
v-model="teacherValues"
multiple
filterable
remote
value-key="teacherId"
ref="elSelect"
reserve-keyword
placeholder="请输入授课教师姓名"
@change="changeTeachers"
:remote-method="remoteFindTeacher"
:loading="loading">
<el-option v-for="item in teacherDownList" :key="item.teacherId" :label="item.teacherName + item.teacherCode" :value="item"></el-option>
</el-select> -->
<choice :teacherValue="teacherValues" @getTeacherList="getTeacherList"></choice>
</el-form-item>
<el-form-item label="目标人群" required>
@@ -120,7 +170,21 @@
<el-form-item label="课程价值" v-if="!weike.onlyRequired">
<el-input maxlength="200" v-model="courseInfo.value" show-word-limit placeholder="课程价值(限200字以内)"></el-input>
</el-form-item>
<!-- <el-form-item label="系统标签" v-if="!weike.onlyRequired">
<el-select style="width: 100%;" :allow-create="true"
v-model="showTags"
multiple
filterable
remote
reserve-keyword
placeholder="请输入关键词"
:remote-method="remoteTagMethod"
:loading="loading">
<el-option v-for="item in tagList" :key="item.id" :label="item.name" :value="item.name"> </el-option>
</el-select>
</el-form-item> -->
<el-form-item v-if="!weike.onlyRequired" label="关键字">
<!-- <el-input v-model="courseInfo.keywords" maxlength="100" show-word-limit placeholder="请输入关键字(限100字以内)"></el-input> -->
<el-input v-model.trim="keywords" maxlength="100" @keyup.enter.native="changeKeywords" placeholder="请输入关键字"></el-input>
<el-tag v-for="(tag,index) in tips" size="small" :key="index" closable type="info" @close="closeKeywordsTag(tag,index)">{{ tag }}</el-tag>
</el-form-item>
@@ -148,6 +212,25 @@
<el-col :span="14">
<div @click="checkCourse"><weikeContent ref="weikeContent" :reset="weikeReset" :contents="contentInfo.list" :course="courseInfo" min-height="644px"></weikeContent></div>
</el-col>
<!-- <el-form-item label="完成规则" v-if="!weike.onlyRequired"><el-input maxlength="50" v-model="courseInfo.passFormula" placeholder="可基于组织树或受众选择"></el-input></el-form-item> -->
<!-- <el-form-item label="开放权限" v-if="!weike.onlyRequired"><el-input maxlength="50" v-model="courseInfo.openObject" placeholder="可基于组织树或受众选择"></el-input></el-form-item> -->
<!-- <el-col :span="24">
<el-form-item v-if="!weike.onlyRequired" label="课程简介">
<el-input
type="textarea"
maxlength="150"
show-word-limit
:rows="2"
v-model="courseInfo.summary"
placeholder="请尽量填写课程简介(限255字以内)，用于列表中显示，可以让用户更容易了解课程信息"
></el-input>
</el-form-item>
</el-col> -->
<!-- <el-col :span="24">
<el-form-item v-if="!weike.onlyRequired" label="课程描述">
<WxEditor v-model="courseInfo.overview" :minHeight="50"></WxEditor>
</el-form-item>
</el-col> -->
</el-row>
</el-form>
@@ -259,6 +342,24 @@
</el-select>
</el-form-item>
<el-form-item label="课程价值"><el-input maxlength="200" v-model="courseInfo.value" show-word-limit placeholder="课程价值(限200字以内)"></el-input></el-form-item>
<!-- <el-form-item label="系统标签" >
<el-col :span="14">
<el-select style="width: 100%;" :allow-create="true"
v-model="showTags"
multiple
filterable
remote
reserve-keyword
placeholder="请输入关键词"
:remote-method="remoteTagMethod"
:loading="loading">
<el-option v-for="item in tagList" :key="item.id" :label="item.name" :value="item.name"> </el-option>
</el-select>
</el-col>
<el-col :span="10">
<el-form-item label="关键字"><el-input v-model="courseInfo.keywords" maxlength="50" placeholder="关键字"></el-input></el-form-item>
</el-col>
</el-form-item> -->
<el-form-item label="观看设置">
<el-col :span="14">
<el-radio v-model="courseInfo.device" :label="1">PC端可见</el-radio>
@@ -549,8 +650,7 @@ export default {
this.loadUserGroup();
},
methods: {
showGuidanceDialog() {
handleTagHelp(){
this.checkAndShowGuidance();
},
// 关键字的更改
@@ -859,6 +959,8 @@ export default {
this.courseChooseShow = false;
this.courseInfo = rs.result;
this.curCourseId = this.courseInfo.id
console.log('保存课程成功',this.curCourseId)
console.log('isTip ',this.courseInfo.isTip)
// if(this.courseInfo.isTip){
// // 检查是否为首次创建，显示引导
// this.checkAndShowGuidance();
@@ -887,15 +989,15 @@ export default {
// 检查并显示引导
checkAndShowGuidance() {
// 检查本地存储，判断是否为首次创建
const hasShownGuidance = localStorage.getItem('course_creation_guidance_shown');
if (!hasShownGuidance) {
// const hasShownGuidance = localStorage.getItem('course_creation_guidance_shown');
// if (!hasShownGuidance) {
this.showGuidance = true;
this.currentStep = 1;
this.isFirstCreate = true;
// 标记引导已显示
localStorage.setItem('course_creation_guidance_shown', 'true');
// apiCourse.saveTip();
}
// }
},
// 初始化引导元素
initGuidanceElements() {