|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div class="pb_content" style="background: #d2d9e2;">
|
|
|
|
|
|
+ <div class="pb_content" style="background: #F0F2F5;">
|
|
<div class="pb_content_body" style="position: relative; margin: 0">
|
|
<div class="pb_content_body" style="position: relative; margin: 0">
|
|
<div class="right">
|
|
<div class="right">
|
|
<!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
|
|
<!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
|
|
@@ -33,7 +33,7 @@
|
|
<div
|
|
<div
|
|
class="rightBox"
|
|
class="rightBox"
|
|
:style="{height:(!isBtnDisplay) ? 'calc(100% - 50px)' : 'calc(100% - 120px)'}"
|
|
:style="{height:(!isBtnDisplay) ? 'calc(100% - 50px)' : 'calc(100% - 120px)'}"
|
|
- style="padding: 30px 10px 0;"
|
|
|
|
|
|
+ style="padding: 0;"
|
|
v-if="this.steps == 1"
|
|
v-if="this.steps == 1"
|
|
@mousewheel="scrollChange"
|
|
@mousewheel="scrollChange"
|
|
>
|
|
>
|
|
@@ -44,79 +44,81 @@
|
|
}"
|
|
}"
|
|
v-if="cid && userid != courseUserid && role != '1'"
|
|
v-if="cid && userid != courseUserid && role != '1'"
|
|
></div>
|
|
></div>
|
|
- <div class="whiteBg">
|
|
|
|
- <div class="basic_box">
|
|
|
|
- <div class="course_input_box">
|
|
|
|
- <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon.png" /></div>
|
|
|
|
- <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName"
|
|
|
|
- style="border: 1px solid #CAD1DC;background: #f6f6f6;" />
|
|
|
|
- <el-switch v-model="isTeacherSee" active-text="是否公开此课程"></el-switch>
|
|
|
|
|
|
+ <div class="whiteBg" style="padding:10px 0">
|
|
|
|
+ <div>
|
|
|
|
+ <div class="basic_box">
|
|
|
|
+ <div class="course_input_box">
|
|
|
|
+ <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon.png" /></div>
|
|
|
|
+ <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName"
|
|
|
|
+ style="border: 1px solid #CAD1DC;background: #f6f6f6;" />
|
|
|
|
+ <el-switch v-model="isTeacherSee" active-text="是否公开此课程"></el-switch>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="whiteBg">
|
|
|
|
- <div class="basic_box">
|
|
|
|
- <div class="big_box">
|
|
|
|
- <div class="left_first">
|
|
|
|
- <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
|
- <span>类型</span>
|
|
|
|
- <!-- 学科+ 主题+ 未来+ -->
|
|
|
|
- <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
|
|
|
|
- style="display: flex; align-items: center">
|
|
|
|
- <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
|
|
|
|
- <el-radio :label="item.name">{{
|
|
|
|
- item.name
|
|
|
|
- }}</el-radio>
|
|
|
|
- </div>
|
|
|
|
- </el-radio-group>
|
|
|
|
- </div>
|
|
|
|
- <div class="both">
|
|
|
|
- <div class="choose">
|
|
|
|
- <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
|
- <span v-if="CourseTypeJson[item.id].length > 0 &&
|
|
|
|
- (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
|
- ? pTypeCheck.indexOf(item.id) != -1
|
|
|
|
- : true)
|
|
|
|
- ">{{ item.name }}:</span>
|
|
|
|
- <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0 &&
|
|
|
|
- (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
|
- ? pTypeCheck.indexOf(item.id) != -1
|
|
|
|
- : true)
|
|
|
|
- ">
|
|
|
|
- <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
|
|
|
|
- item1.name }}</el-checkbox>
|
|
|
|
- </el-checkbox-group>
|
|
|
|
- <!-- <div
|
|
|
|
- v-else
|
|
|
|
- style="font-size: 14px; margin-left: -8px"
|
|
|
|
- >
|
|
|
|
- 暂无
|
|
|
|
- </div> -->
|
|
|
|
|
|
+ <div>
|
|
|
|
+ <div class="basic_box">
|
|
|
|
+ <div class="big_box">
|
|
|
|
+ <div class="left_first">
|
|
|
|
+ <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
|
+ <span>类型</span>
|
|
|
|
+ <!-- 学科+ 主题+ 未来+ -->
|
|
|
|
+ <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
|
|
|
|
+ style="display: flex; align-items: center">
|
|
|
|
+ <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2" :key="index">
|
|
|
|
+ <el-radio :label="item.name">{{
|
|
|
|
+ item.name
|
|
|
|
+ }}</el-radio>
|
|
|
|
+ </div>
|
|
|
|
+ </el-radio-group>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="both">
|
|
|
|
+ <div class="choose">
|
|
|
|
+ <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
|
|
|
|
+ <span v-if="CourseTypeJson[item.id].length > 0 &&
|
|
|
|
+ (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
|
+ ? pTypeCheck.indexOf(item.id) != -1
|
|
|
|
+ : true)
|
|
|
|
+ ">{{ item.name }}:</span>
|
|
|
|
+ <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0 &&
|
|
|
|
+ (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
|
|
|
|
+ ? pTypeCheck.indexOf(item.id) != -1
|
|
|
|
+ : true)
|
|
|
|
+ ">
|
|
|
|
+ <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
|
|
|
|
+ item1.name }}</el-checkbox>
|
|
|
|
+ </el-checkbox-group>
|
|
|
|
+ <!-- <div
|
|
|
|
+ v-else
|
|
|
|
+ style="font-size: 14px; margin-left: -8px"
|
|
|
|
+ >
|
|
|
|
+ 暂无
|
|
|
|
+ </div> -->
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="right_first">
|
|
|
|
- <!-- <div class="ai_box">
|
|
|
|
- <div class="ai_content" @click="openAI"><img src="../../../assets/icon/new/ai.png"/><span>AI共创</span></div>
|
|
|
|
- </div> -->
|
|
|
|
- <div style="margin: auto;">
|
|
|
|
- <div class="uploadFm" @click="choosePicVisible = true" v-if="cover.length == 0">
|
|
|
|
- <img src="../../../assets/icon/addPoster.png" alt="" />
|
|
|
|
- <div>点击添加封面</div>
|
|
|
|
|
|
+ <div class="right_first">
|
|
|
|
+ <!-- <div class="ai_box">
|
|
|
|
+ <div class="ai_content" @click="openAI"><img src="../../../assets/icon/new/ai.png"/><span>AI共创</span></div>
|
|
|
|
+ </div> -->
|
|
|
|
+ <div style="margin: auto;">
|
|
|
|
+ <div class="uploadFm" @click="choosePicVisible = true" v-if="cover.length == 0">
|
|
|
|
+ <img src="../../../assets/icon/addPoster.png" alt="" />
|
|
|
|
+ <div>点击添加封面</div>
|
|
|
|
+ </div>
|
|
|
|
+ <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
|
|
|
|
+ v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
|
|
|
|
+ :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
|
|
|
|
+ :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
|
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
|
+ </el-upload>
|
|
</div>
|
|
</div>
|
|
- <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
|
|
|
|
- v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
|
|
|
|
- :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
|
|
|
|
- :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
|
|
|
|
- <i class="el-icon-plus"></i>
|
|
|
|
- </el-upload>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="whiteBg">
|
|
|
|
|
|
+ <div class="whiteBg" style="margin-top: 10px">
|
|
<div class="wb_j_box">
|
|
<div class="wb_j_box">
|
|
<div class="wb_j_box_content">
|
|
<div class="wb_j_box_content">
|
|
<button class="c_pub_button_add pub_btn_add_img" @click="
|
|
<button class="c_pub_button_add pub_btn_add_img" @click="
|
|
@@ -134,7 +136,7 @@
|
|
</div>
|
|
</div>
|
|
<div
|
|
<div
|
|
class="whiteBg"
|
|
class="whiteBg"
|
|
- style="border-radius: 0; margin-top: 15px"
|
|
|
|
|
|
+ style="border-radius: 0;background:unset; margin-top: 15px"
|
|
v-if="false"
|
|
v-if="false"
|
|
>
|
|
>
|
|
<div class="right_title">课程简要描述</div>
|
|
<div class="right_title">课程简要描述</div>
|
|
@@ -149,13 +151,13 @@
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
|
|
|
+ <div class="whiteBg" style="border-radius: 0;background: #F0F2F5; margin-top: 15px">
|
|
<div class="right_title">
|
|
<div class="right_title">
|
|
<div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon2.png" /></div>
|
|
<div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon2.png" /></div>
|
|
<span style="margin:0 10px">上传课程内容</span>
|
|
<span style="margin:0 10px">上传课程内容</span>
|
|
<button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" style="margin-left: 145px" v-if="isPasteTask">智能粘贴</button>
|
|
<button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" style="margin-left: 145px" v-if="isPasteTask">智能粘贴</button>
|
|
</div>
|
|
</div>
|
|
- <div style="padding: 0 0 0 20px; display: flex">
|
|
|
|
|
|
+ <div style="display: flex">
|
|
<div class="course_left">
|
|
<div class="course_left">
|
|
<div class="stepsBottom2">
|
|
<div class="stepsBottom2">
|
|
<!-- <div class="navTop">辅助导航</div> -->
|
|
<!-- <div class="navTop">辅助导航</div> -->
|
|
@@ -7343,7 +7345,7 @@ export default {
|
|
let stepsBottom2 = $(".stepsBottom2")[0].clientHeight;
|
|
let stepsBottom2 = $(".stepsBottom2")[0].clientHeight;
|
|
// let client = $(".course_left")[0].clientHeight - stepsBottom2
|
|
// let client = $(".course_left")[0].clientHeight - stepsBottom2
|
|
let client = $(".course_left")[0].clientHeight - stepsBottom2;
|
|
let client = $(".course_left")[0].clientHeight - stepsBottom2;
|
|
- let maxheight = $('.whiteBg')[0].offsetHeight +$('.whiteBg')[1].offsetHeight +$('.whiteBg')[2].offsetHeight + 120
|
|
|
|
|
|
+ let maxheight = $('.whiteBg')[0].offsetHeight +$('.whiteBg')[1].offsetHeight + 120
|
|
let top = $(".rightBox")[0].scrollTop - maxheight;
|
|
let top = $(".rightBox")[0].scrollTop - maxheight;
|
|
// if (top < client) {
|
|
// if (top < client) {
|
|
// $('.stepsBottom2')[0].style.position = 'absolute'
|
|
// $('.stepsBottom2')[0].style.position = 'absolute'
|
|
@@ -12201,14 +12203,16 @@ export default {
|
|
width: calc(100%);
|
|
width: calc(100%);
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
- height: 80px;
|
|
|
|
|
|
+ height: 60px;
|
|
align-items: center;
|
|
align-items: center;
|
|
background: unset;
|
|
background: unset;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
- border-top: 1px solid rgb(228, 232, 237);
|
|
|
|
|
|
+ /* border-top: 1px solid rgb(228, 232, 237); */
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
+ background:#fff;
|
|
|
|
+ border-radius:10px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@@ -12452,7 +12456,8 @@ export default {
|
|
resize: none;
|
|
resize: none;
|
|
font-family: 'Microsoft YaHei';
|
|
font-family: 'Microsoft YaHei';
|
|
min-height:48px;
|
|
min-height:48px;
|
|
- border: 1px solid #3682fc00;
|
|
|
|
|
|
+ /* border: 1px solid #3682fc00; */
|
|
|
|
+ border: 1px solid #CAD1DC;
|
|
}
|
|
}
|
|
|
|
|
|
.binfo_textarea {
|
|
.binfo_textarea {
|
|
@@ -12568,6 +12573,7 @@ export default {
|
|
height: auto;
|
|
height: auto;
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
overflow-x: hidden;
|
|
|
|
+ border:1px solid #CAD1DC;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@@ -13642,7 +13648,7 @@ ol {
|
|
.wb_j_box {
|
|
.wb_j_box {
|
|
display: flex;
|
|
display: flex;
|
|
width: 100%;
|
|
width: 100%;
|
|
- padding: 20px 20px 0;
|
|
|
|
|
|
+ padding: 10px 20px;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
}
|
|
@@ -13761,6 +13767,7 @@ ol {
|
|
padding: 20px 20px 0;
|
|
padding: 20px 20px 0;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
|
+ background: #fff;
|
|
}
|
|
}
|
|
.smallTaskBorder {
|
|
.smallTaskBorder {
|
|
height: 170px;
|
|
height: 170px;
|
|
@@ -13779,6 +13786,7 @@ ol {
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
height: 50px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
line-height: 50px;
|
|
|
|
+ background: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
.addTaskBorder>div {
|
|
.addTaskBorder>div {
|
|
@@ -14012,7 +14020,7 @@ ol {
|
|
|
|
|
|
.rightBox {
|
|
.rightBox {
|
|
width: calc(100%);
|
|
width: calc(100%);
|
|
- background: rgb(255, 255, 255);
|
|
|
|
|
|
+ background: #F0F2F5;
|
|
/* border-radius: 10px; */
|
|
/* border-radius: 10px; */
|
|
overflow: auto;
|
|
overflow: auto;
|
|
height: calc(100% - 120px);
|
|
height: calc(100% - 120px);
|
|
@@ -14854,7 +14862,7 @@ ol {
|
|
}
|
|
}
|
|
|
|
|
|
.navBottom {
|
|
.navBottom {
|
|
- background: #F0F4FA;
|
|
|
|
|
|
+ background: #fff;
|
|
height: calc(100vh - 210px);
|
|
height: calc(100vh - 210px);
|
|
overflow: auto;
|
|
overflow: auto;
|
|
}
|
|
}
|