|
|
@@ -86,23 +86,23 @@
|
|
|
<div class="updateMask" :style="{
|
|
|
height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
|
|
|
}" v-if="cid && userid != courseUserid && role != '1'"></div>
|
|
|
- <div class="whiteBg" style="background:#fff;padding: 20px 0;">
|
|
|
- <div :class="{
|
|
|
- updateTips: cid && userid != courseUserid && role != '1',
|
|
|
- }">
|
|
|
- <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: 1.5px solid #CAD1DC;background: #f6f6f6;" />
|
|
|
- <el-switch v-model="isTeacherSee" active-text="是否公开此课程"></el-switch>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="whiteBg" style="background:unset;padding: 0;">
|
|
|
<div>
|
|
|
- <div class="basic_box">
|
|
|
+ <div class="basic_box" style="padding: 0;">
|
|
|
<div class="big_box">
|
|
|
<div class="left_first">
|
|
|
+ <div :class="{
|
|
|
+ updateTips: cid && userid != courseUserid && role != '1',
|
|
|
+ }">
|
|
|
+ <div style="width: 100%;">
|
|
|
+ <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: 1.5px solid #CAD1DC;background: #f6f6f6;" />
|
|
|
+ <el-switch v-model="isTeacherSee" active-text="是否公开此课程" style="justify-content: center;width: 200px;"></el-switch>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
|
|
|
<span>类型</span>
|
|
|
<!-- 学科+ 主题+ 未来+ -->
|
|
|
@@ -145,7 +145,8 @@
|
|
|
<!-- <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="c_info_title" style="padding: 0 0 15px;margin: 0 auto 0 0;">上传封面</div>
|
|
|
+ <div style="width: 100%;">
|
|
|
<div class="uploadFm" @click="choosePicVisible = true" v-if="cover.length == 0">
|
|
|
<img src="../../assets/icon/addPoster.png" alt="" />
|
|
|
<div>点击添加封面</div>
|
|
|
@@ -164,55 +165,81 @@
|
|
|
</div>
|
|
|
<div class="whiteBg" style="background:#fff;margin: 10px 0;">
|
|
|
<div class="whiteBg" style="border-radius: 0">
|
|
|
- <div class="wb_j_box">
|
|
|
- <div class="wb_j_box_content">
|
|
|
- <button class="c_pub_button_add pub_btn_add_img" @click="
|
|
|
- (dialogVisibleClass = true),
|
|
|
- (classSearch = ''),
|
|
|
- (gradeId = ''),
|
|
|
- getClass()
|
|
|
- ">添加班级</button>
|
|
|
- <div v-if="checkboxList2.length" class="wb_j_box_p_box">
|
|
|
- <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
|
|
|
- getClassC(tc) }}</span>
|
|
|
+ <div class="c_info_title">课程权限设置</div>
|
|
|
+ <div class="wb_j_box">
|
|
|
+ <div class="wb_j_box_content">
|
|
|
+ <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
|
|
|
+ (dialogVisibleClass = true),
|
|
|
+ (classSearch = ''),
|
|
|
+ (gradeId = ''),
|
|
|
+ getClass()
|
|
|
+ ">添加班级</button>
|
|
|
+ <div v-if="checkboxList2.length" class="wb_j_box_p_box">
|
|
|
+ <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
|
|
|
+ getClassC(tc) }}</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="wb_j_box_btn" @click="
|
|
|
+ (dialogVisibleClass = true),
|
|
|
+ (classSearch = ''),
|
|
|
+ (gradeId = ''),
|
|
|
+ getClass()
|
|
|
+ ">
|
|
|
+ <div class="wb_j_box_title">授课班级</div>
|
|
|
+ <div class="wb_j_box_btn_c">
|
|
|
+ <el-tooltip effect="dark" :content="getListClassC(checkboxList2)" placement="top" v-if="checkboxList2.length" popper-class="text_tooltip2">
|
|
|
+ <div class="wb_j_box_span">{{getListClassC(checkboxList2)}}</div>
|
|
|
+ </el-tooltip>
|
|
|
+ <div v-else class="wb_j_box_span">请选择授课班级</div>
|
|
|
+ <div class="wb_j_box_arrow"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="wb_j_box_content">
|
|
|
- <button class="c_pub_button_add pub_btn_add_img" @click="openMember">添加协同成员</button>
|
|
|
- <div v-if="checkboxList3.length" class="wb_j_box_p_box" @click="checkBoolean = !checkBoolean">
|
|
|
- <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
|
|
|
- checkBoolean
|
|
|
- ? checkboxList3
|
|
|
- : checkboxList3.slice(0, 6)" :key="tcIndex">{{ getMan2(tc) }}</span><span class="tcMember"
|
|
|
- v-if="checkboxList3.length > 6 && !checkBoolean">更多...</span>
|
|
|
+ <div class="wb_j_box_content">
|
|
|
+ <!-- <button class="c_pub_button_add pub_btn_add_img" @click="openMember">添加协同成员</button>
|
|
|
+ <div v-if="checkboxList3.length" class="wb_j_box_p_box" @click="checkBoolean = !checkBoolean">
|
|
|
+ <span :class="{ tcMember: getMan2(tc) }" v-for="(tc, tcIndex) in checkboxList3.length > 6 &&
|
|
|
+ checkBoolean
|
|
|
+ ? checkboxList3
|
|
|
+ : checkboxList3.slice(0, 6)" :key="tcIndex">{{ getMan2(tc) }}</span><span class="tcMember"
|
|
|
+ v-if="checkboxList3.length > 6 && !checkBoolean">更多...</span>
|
|
|
+ </div> -->
|
|
|
+ <div class="wb_j_box_btn" @click="openMember">
|
|
|
+ <div class="wb_j_box_title">协同人员</div>
|
|
|
+ <div class="wb_j_box_btn_c">
|
|
|
+ <el-tooltip effect="dark" :content="getListMan2(checkboxList3)" placement="top" v-if="checkboxList3.length" popper-class="text_tooltip2">
|
|
|
+ <div class="wb_j_box_span">{{getListMan2(checkboxList3)}}</div>
|
|
|
+ </el-tooltip>
|
|
|
+ <div v-else class="wb_j_box_span">请选择协同人员</div>
|
|
|
+ <div class="wb_j_box_arrow"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
- <div class="c_info_title">课程简要描述</div>
|
|
|
- <div style="width: 95%; padding: 0 0px 0 20px">
|
|
|
- <div style="width: 55%">
|
|
|
- <textarea rows="6" class="binfo_input binfo_textarea" cols v-model="courseText"></textarea>
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px">
|
|
|
+ <div class="c_info_title">课程简要描述</div>
|
|
|
+ <div style="width: 95%; padding: 0 0px 0 20px">
|
|
|
+ <div style="width: 55%">
|
|
|
+ <textarea rows="6" class="binfo_input binfo_textarea" cols v-model="courseText"></textarea>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px">
|
|
|
- <div class="c_info_title">目标管理</div>
|
|
|
- <div style="margin: 0 auto;padding:0 20px">
|
|
|
- <div style="
|
|
|
+ <div class="whiteBg" style="border-radius: 0; margin-top: 15px; padding-bottom: 20px">
|
|
|
+ <div class="c_info_title">目标管理</div>
|
|
|
+ <div style="margin: 0 auto;padding:0 20px">
|
|
|
+ <div style="
|
|
|
width: 95%;
|
|
|
min-height: 200px;
|
|
|
border: 1px solid #CAD1DC;
|
|
|
border-radius: 4px;
|
|
|
position: relative;
|
|
|
">
|
|
|
- <div class="e_add_top">
|
|
|
- <div class="e_add_title">
|
|
|
- <button class="c_pub_button_delete pub_btn_delete_img" @click="deleteEva()"
|
|
|
- v-if="evalua">清除</button>
|
|
|
- <button class="c_pub_button_confirm pub_btn_add_img2" @click="dialogVisiblemb = true">添加</button>
|
|
|
- <!-- <span>当前使用目标管理</span>
|
|
|
+ <div class="e_add_top">
|
|
|
+ <div class="e_add_title">
|
|
|
+ <button class="c_pub_button_delete pub_btn_delete_img" @click="deleteEva()"
|
|
|
+ v-if="evalua">清除</button>
|
|
|
+ <button class="c_pub_button_confirm pub_btn_add_img2" @click="dialogVisiblemb = true">添加</button>
|
|
|
+ <!-- <span>当前使用目标管理</span>
|
|
|
<span>{{ eTitle ? eTitle : "请添加目标" }}</span>
|
|
|
<img
|
|
|
src="../../assets/line.png"
|
|
|
@@ -224,13 +251,13 @@
|
|
|
left: 155px;
|
|
|
"
|
|
|
/> -->
|
|
|
- </div>
|
|
|
- <div style="
|
|
|
+ </div>
|
|
|
+ <div style="
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
">
|
|
|
- <!-- <el-button
|
|
|
+ <!-- <el-button
|
|
|
type="primary"
|
|
|
size="small"
|
|
|
@click="dialogVisiblemb = true"
|
|
|
@@ -242,39 +269,40 @@
|
|
|
@click="deleteEva()"
|
|
|
>清除内容</el-button
|
|
|
> -->
|
|
|
- <!-- <div class="e_add_delete" @click="deleteEva()">
|
|
|
+ <!-- <div class="e_add_delete" @click="deleteEva()">
|
|
|
<img src="../../assets/icon/delete.png" alt="" />
|
|
|
</div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-if="evalua == ''">
|
|
|
- <div class="noneBox">
|
|
|
- <img src="../../assets/icon/new/eva_none.png" />
|
|
|
- <span>请添加目标管理</span>
|
|
|
+ <div v-if="evalua == ''">
|
|
|
+ <div class="noneBox">
|
|
|
+ <img src="../../assets/icon/new/eva_none.png" />
|
|
|
+ <span>请添加目标管理</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="e_add_content" v-else>
|
|
|
- <div class="e_add_list_pbox">
|
|
|
- <div class="e_add_list_pbox_title">
|
|
|
- <span class="type_title">切换模式</span>
|
|
|
- <div class="type_content">
|
|
|
- <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">目标树</span>
|
|
|
- <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
|
|
|
- <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span>
|
|
|
+ <div class="e_add_content" v-else>
|
|
|
+ <div class="e_add_list_pbox">
|
|
|
+ <div class="e_add_list_pbox_title">
|
|
|
+ <span class="type_title">切换模式</span>
|
|
|
+ <div class="type_content">
|
|
|
+ <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">目标树</span>
|
|
|
+ <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
|
|
|
+ <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="e_add_list_pbox_content">
|
|
|
+ <Mind :showBar="false" :mindData="data" v-show="typeMode == 1"></Mind>
|
|
|
+ <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
|
|
|
+ <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%"
|
|
|
+ v-if="typeMode == 3">
|
|
|
+ </SeeBoard>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="e_add_list_pbox_content">
|
|
|
- <Mind :showBar="false" :mindData="data" v-show="typeMode == 1"></Mind>
|
|
|
- <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
|
|
|
- <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%" v-if="typeMode == 3">
|
|
|
- </SeeBoard>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
<div class="info_btnBox3">
|
|
|
<button class="c_pub_button_return pub_btn_return_img" v-if="steps == 1" @click="
|
|
|
goTo(
|
|
|
@@ -567,15 +595,24 @@
|
|
|
? '75px'
|
|
|
: '0',
|
|
|
}">
|
|
|
- <div class="chapter_contentbox" style="
|
|
|
+ <div style="
|
|
|
+ display: flex;
|
|
|
+ margin: 0px 0 20px;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
+ ">
|
|
|
+ <div class="lineTitle">任务概述</div>
|
|
|
+ </div>
|
|
|
+ <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
margin:0;
|
|
|
">
|
|
|
- <div class="cc_title" :id="'task' + itemTaskIndex">
|
|
|
+ <!-- <div class="cc_title">
|
|
|
任务{{ itemTaskIndex + 1 }}
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="cc_input">
|
|
|
<input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
|
|
|
v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
@@ -594,7 +631,7 @@
|
|
|
@click="fold2(itemTaskIndex)"><img src="../../assets/icon/new/icon-slide.png" />展开任务描述
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="
|
|
|
+ <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="
|
|
|
display: flex;
|
|
|
margin: 20px 0;
|
|
|
flex-direction: row;
|
|
|
@@ -602,9 +639,8 @@
|
|
|
align-items: center;
|
|
|
">
|
|
|
<div class="lineTitle">任务描述</div>
|
|
|
- <!-- <div class="line"></div> -->
|
|
|
- </div>
|
|
|
- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2">
|
|
|
+ </div> -->
|
|
|
+ <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="margin-top: 20px;">
|
|
|
<editor-bar class="addEditor" style="margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
itemTaskIndex
|
|
|
].taskDetail
|
|
|
@@ -642,8 +678,8 @@
|
|
|
</div>
|
|
|
<div v-if="!itemTask.isFoldchapter">
|
|
|
<div class="add_chapters_box add_c_none" v-if="itemTask.chapterData &&
|
|
|
- itemTask.chapterData.length == 0
|
|
|
- "><img src="../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span></div>
|
|
|
+ itemTask.chapterData.length == 0
|
|
|
+ "><img src="../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span></div>
|
|
|
<div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
|
|
|
<div class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData" :key="item1.id"
|
|
|
@click="
|
|
|
@@ -1969,7 +2005,7 @@
|
|
|
</div>
|
|
|
<div v-else-if="unitJson[unitIndex].easy == 2 ||
|
|
|
unitJson[unitIndex].easy == 4
|
|
|
- " class="toolChoose">
|
|
|
+ " class="toolChoose" style="padding: 0 0 40px;">
|
|
|
<div class="tools">
|
|
|
<div class="leftTools" style="width: 100%"
|
|
|
v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
|
|
|
@@ -2150,7 +2186,7 @@
|
|
|
</div>
|
|
|
<div v-else-if="unitJson[unitIndex].easy == 1 ||
|
|
|
(unitJson[unitIndex].easy == 5 && itemTask.taskType == 2)
|
|
|
- " class="toolChoose">
|
|
|
+ " class="toolChoose" style="padding: 0 0 40px;">
|
|
|
<div class="tools">
|
|
|
<div class="leftTools" style="
|
|
|
width: 100%;
|
|
|
@@ -2282,7 +2318,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
|
|
|
- <!-- <div>
|
|
|
+ <!-- <div>
|
|
|
<img src="../../../assets/icon/new/addStage.png" alt />
|
|
|
<span>添加任务</span>
|
|
|
</div> -->
|
|
|
@@ -3551,7 +3587,7 @@ export default {
|
|
|
dialogVisibleVideo: false,
|
|
|
dialogVisibleStageChange: false,
|
|
|
dialogVisibleupdataVideoT: false,
|
|
|
- isClickColor: 0,
|
|
|
+ isClickColor: 1,
|
|
|
publicTool: 0,
|
|
|
searchPeople: "",
|
|
|
searchTN: "",
|
|
|
@@ -3755,6 +3791,24 @@ export default {
|
|
|
return this.ManAarray.length ? _people2 : "";
|
|
|
};
|
|
|
},
|
|
|
+ getListMan2() {
|
|
|
+ return function (list) {
|
|
|
+ let _people2 = [];
|
|
|
+ if (this.ManAarray.length) {
|
|
|
+ for(var j = 0;j < list.length; j++){
|
|
|
+ let people = list[j];
|
|
|
+ for (var i = 0; i < this.ManAarray.length; i++) {
|
|
|
+ if (this.ManAarray[i].userid == people && people != this.courseUserid) {
|
|
|
+ _people2.push(this.ManAarray[i].name);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ return this.ManAarray.length ? _people2.join("、") : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
isInvite() {
|
|
|
return function (cid) {
|
|
|
let array = [];
|
|
|
@@ -3787,6 +3841,24 @@ export default {
|
|
|
return this.grade.length ? _c2 : "";
|
|
|
};
|
|
|
},
|
|
|
+ getListClassC() {
|
|
|
+ return function (list) {
|
|
|
+ let _c2 = [];
|
|
|
+
|
|
|
+ if (this.grade.length) {
|
|
|
+ for(var j = 0; j < list.length; j++){
|
|
|
+ let c = list[j]
|
|
|
+ for (var i = 0; i < this.grade.length; i++) {
|
|
|
+ if (this.grade[i].id == c) {
|
|
|
+ _c2.push(this.grade[i].name);
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return this.grade.length ? _c2.join('、') : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
unitIndex(newValue, oldValue) {
|
|
|
@@ -9031,7 +9103,7 @@ export default {
|
|
|
width: calc(100%);
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
- padding:0 20px;
|
|
|
+ padding: 0 20px;
|
|
|
height: 60px;
|
|
|
align-items: center;
|
|
|
background: unset;
|
|
|
@@ -9223,10 +9295,12 @@ export default {
|
|
|
.show_taskD>img {
|
|
|
width: 15px;
|
|
|
margin-right: 5px;
|
|
|
+ transition: .2s all;
|
|
|
+ transform: rotate(-90deg);
|
|
|
}
|
|
|
|
|
|
.show_taskD.show>img {
|
|
|
- transform: rotate(180deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
}
|
|
|
|
|
|
.show_toolD {
|
|
|
@@ -9245,10 +9319,12 @@ export default {
|
|
|
.show_toolD>img {
|
|
|
width: 15px;
|
|
|
margin-right: 5px;
|
|
|
+ transition: .2s all;
|
|
|
+ transform: rotate(-90deg);
|
|
|
}
|
|
|
|
|
|
.show_toolD.show>img {
|
|
|
- transform: rotate(180deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -9406,7 +9482,7 @@ export default {
|
|
|
height: auto;
|
|
|
overflow-y: auto;
|
|
|
overflow-x: hidden;
|
|
|
- border:1px solid #CAD1DC;
|
|
|
+ border: 1px solid #CAD1DC;
|
|
|
}
|
|
|
|
|
|
.add_chapters_box.add_c_none {
|
|
|
@@ -9419,11 +9495,13 @@ export default {
|
|
|
.add_c_none>img {
|
|
|
width: 25px;
|
|
|
}
|
|
|
-.add_chapters_box.add_c_none>span{
|
|
|
+
|
|
|
+.add_chapters_box.add_c_none>span {
|
|
|
font-size: 14px;
|
|
|
font-weight: 400;
|
|
|
margin: 0 0 5px 5px;
|
|
|
}
|
|
|
+
|
|
|
.homework_box {
|
|
|
display: flex;
|
|
|
align-items: flex-start;
|
|
|
@@ -9472,7 +9550,7 @@ export default {
|
|
|
.course_input_box {
|
|
|
display: flex;
|
|
|
margin-right: 20px;
|
|
|
- width: 800px;
|
|
|
+ width: 100%;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
@@ -9497,29 +9575,34 @@ export default {
|
|
|
}
|
|
|
|
|
|
.big_box {
|
|
|
- margin-top: 20px;
|
|
|
+ /* margin-top: 20px; */
|
|
|
display: flex;
|
|
|
- border-bottom: 1px solid #E0E2ED;
|
|
|
+ justify-content: space-between;
|
|
|
+ /* border-bottom: 1px solid #E0E2ED; */
|
|
|
}
|
|
|
|
|
|
.left_first {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
flex-wrap: nowrap;
|
|
|
- width: calc(100% - 250px);
|
|
|
- padding: 0 0 0 0;
|
|
|
+ width: calc(100% - 310px);
|
|
|
+ padding: 20px;
|
|
|
box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
.right_first {
|
|
|
- width: 250px;
|
|
|
+ width: 300px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- border-left: 1px solid #E0E2ED;
|
|
|
+ /* border-left: 1px solid #E0E2ED; */
|
|
|
box-sizing: border-box;
|
|
|
- padding-bottom: 20px;
|
|
|
+ padding: 20px;
|
|
|
flex-direction: column;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
.ai_box {
|
|
|
@@ -9547,10 +9630,24 @@ export default {
|
|
|
}
|
|
|
|
|
|
.c_info_title {
|
|
|
- padding: 15px 0 15px 20px;
|
|
|
- font-size: 18px;
|
|
|
+ padding: 15px 0 15px 0;
|
|
|
+ font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
- margin: 0 auto;
|
|
|
+ margin: 0 0 0 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ line-height:20px;
|
|
|
+}
|
|
|
+
|
|
|
+.c_info_title::before {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 3px;
|
|
|
+ height: 20px;
|
|
|
+ background: #0061FF;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
}
|
|
|
|
|
|
.right_title {
|
|
|
@@ -9759,7 +9856,7 @@ export default {
|
|
|
/* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16); */
|
|
|
/* border-radius: 4px; */
|
|
|
overflow: hidden;
|
|
|
- box-sizing:border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.chapter_upload_t {
|
|
|
@@ -10564,7 +10661,7 @@ ol {
|
|
|
.wb_j_box {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
- padding: 20px 20px 0;
|
|
|
+ padding: 0 20px 0;
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
}
|
|
|
@@ -10933,7 +11030,20 @@ ol {
|
|
|
.lineTitle {
|
|
|
/* margin-top: 15px; */
|
|
|
width: 110px;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 16px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ line-height: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.lineTitle::before {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 3px;
|
|
|
+ height: 20px;
|
|
|
+ background: #0061FF;
|
|
|
+ border-radius: 3px;
|
|
|
+ margin: 0 5px 0 0;
|
|
|
}
|
|
|
|
|
|
.courseTop {
|
|
|
@@ -11304,8 +11414,8 @@ ol {
|
|
|
|
|
|
.uploadFm {
|
|
|
border: 1px dashed #ccc;
|
|
|
- width: 202px;
|
|
|
- height: 130px;
|
|
|
+ width: 100%;
|
|
|
+ height: 140px;
|
|
|
position: relative;
|
|
|
cursor: pointer;
|
|
|
display: flex;
|
|
|
@@ -11920,13 +12030,20 @@ ol {
|
|
|
|
|
|
.upCss>>>.el-upload-list--picture .el-upload-list__item {
|
|
|
height: auto;
|
|
|
+ padding: 10px;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.upCss >>> .el-upload-list{
|
|
|
+ width: 100%;
|
|
|
}
|
|
|
|
|
|
.upCss>>>.el-upload-list--picture .el-upload-list__item-thumbnail {
|
|
|
- width: 200px;
|
|
|
- height: 100px;
|
|
|
+ width: 100%;
|
|
|
+ height: 120px;
|
|
|
object-fit: contain;
|
|
|
background: unset;
|
|
|
+ margin-left: 0;
|
|
|
}
|
|
|
|
|
|
.upCss>>>.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
|
|
|
@@ -12048,8 +12165,8 @@ ol {
|
|
|
width: 95px;
|
|
|
}
|
|
|
|
|
|
-.noneBox>span{
|
|
|
- margin-top:10px;
|
|
|
+.noneBox>span {
|
|
|
+ margin-top: 10px;
|
|
|
color: #717C8D;
|
|
|
}
|
|
|
|
|
|
@@ -12164,4 +12281,59 @@ ol {
|
|
|
max-width: 100% !important;
|
|
|
height: 100% !important;
|
|
|
margin: 0 auto !important;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_btn {
|
|
|
+ width: calc(100% - 30px);
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ border: 1.5px solid #CAD1DC;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_btn:hover{
|
|
|
+ border: 1.5px solid #0061FF;
|
|
|
+}
|
|
|
+.wb_j_box_title {
|
|
|
+ background: #F0F4FA;
|
|
|
+ height: 100%;
|
|
|
+ line-height: 40px;
|
|
|
+ width: 90px;
|
|
|
+ text-align: center;
|
|
|
+ color: #060E17;
|
|
|
+ border-right: 1.5px solid #CAD1DC;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_btn_c {
|
|
|
+ width: calc(100% - 90px);
|
|
|
+ padding: 0 35px 0 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_span {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ word-wrap: break-word;
|
|
|
+ color: #717C8D;
|
|
|
+}
|
|
|
+
|
|
|
+.wb_j_box_arrow {
|
|
|
+ content: '';
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: url(../../assets/icon/new/u_arrow.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ position: absolute;
|
|
|
+ right: 12px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
}</style>
|
