|
@@ -94,7 +94,7 @@
|
|
|
<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;" />
|
|
|
+ style="border: 1.5px solid #CAD1DC;background: #f6f6f6;" />
|
|
|
<el-switch v-model="isTeacherSee" active-text="是否公开此课程"></el-switch>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -202,7 +202,7 @@
|
|
|
<div style="margin: 0 auto;padding:0 20px">
|
|
|
<div style="
|
|
|
width: 95%;
|
|
|
- min-height: 600px;
|
|
|
+ min-height: 200px;
|
|
|
border: 1px solid #CAD1DC;
|
|
|
border-radius: 4px;
|
|
|
position: relative;
|
|
@@ -249,7 +249,8 @@
|
|
|
</div>
|
|
|
<div v-if="evalua == ''">
|
|
|
<div class="noneBox">
|
|
|
- <img src="../../assets/icon/isNoMessage.png" />
|
|
|
+ <img src="../../assets/icon/new/eva_none.png" />
|
|
|
+ <span>请添加目标管理</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="e_add_content" v-else>
|
|
@@ -555,7 +556,8 @@
|
|
|
<div class="taskBorder" :style="{ minHeight: unitJson[unitIndex].easy && 'unset' }"
|
|
|
:class="{ smallTaskBorder: itemTask.isFold === 1 }"
|
|
|
v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
|
|
|
- <div style="background: #fff;padding: 20px;border-radius: 5px;">
|
|
|
+ <div style="background: #fff;border-radius: 5px;">
|
|
|
+ <!-- padding: 20px; -->
|
|
|
<div v-if="unitJson[unitIndex].easy != 1">
|
|
|
<div :style="{
|
|
|
marginBottom:
|
|
@@ -640,8 +642,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 /></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="
|
|
@@ -1126,7 +1128,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="background: #fff;padding: 20px;border-radius: 5px;margin-top: 15px;">
|
|
|
+ <!-- padding: 20px; -->
|
|
|
+ <div style="background: #fff;border-radius: 5px;margin-top: 15px;">
|
|
|
<div v-if="unitJson[unitIndex].easy != 3 &&
|
|
|
!(unitJson[unitIndex].easy == 5 && itemTask.taskType == 1)
|
|
|
" style="
|
|
@@ -2265,9 +2268,9 @@
|
|
|
</div>
|
|
|
<div class="funBlock" style="padding: 0">
|
|
|
<div class="fold" @click="fold(itemTaskIndex, $event)">
|
|
|
- <div class="arrow" :class="{ arrowZ: itemTask.isFold === 1 }">
|
|
|
+ <div class="arrow" :class="{ arrowZ: !(itemTask.isFold === 1) }">
|
|
|
</div>
|
|
|
- <div>{{ itemTask.isFold === 1 ? '展开' : '折叠' }}</div>
|
|
|
+ <div>{{ itemTask.isFold === 1 ? '展开任务' : '收起任务' }}</div>
|
|
|
</div>
|
|
|
<!-- <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
|
|
|
<div>展开</div>
|
|
@@ -2279,10 +2282,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="addTaskBorder" @click="addTaskBorder" v-if="!unitJson[unitIndex].easy">
|
|
|
- <div>
|
|
|
- <img src="../../assets/icon/new/addStage.png" alt />
|
|
|
+ <!-- <div>
|
|
|
+ <img src="../../../assets/icon/new/addStage.png" alt />
|
|
|
<span>添加任务</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
+ <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
|
|
|
+ 添加任务
|
|
|
+ </button>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="info_btnBox3">
|
|
@@ -9024,7 +9030,8 @@ export default {
|
|
|
.info_btnBox3 {
|
|
|
width: calc(100%);
|
|
|
display: flex;
|
|
|
- justify-content: center;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding:0 20px;
|
|
|
height: 60px;
|
|
|
align-items: center;
|
|
|
background: unset;
|
|
@@ -9284,11 +9291,11 @@ export default {
|
|
|
font-family: 'Microsoft YaHei';
|
|
|
min-height: 48px;
|
|
|
/* border: 1px solid #3682fc00; */
|
|
|
- border: 1px solid #CAD1DC;
|
|
|
+ border: 1.5px solid #CAD1DC;
|
|
|
}
|
|
|
|
|
|
.binfo_textarea {
|
|
|
- border: 1px solid #CAD1DC;
|
|
|
+ border: 1.5px solid #CAD1DC;
|
|
|
font-size: 16px;
|
|
|
resize: none;
|
|
|
background: #f6f6f6;
|
|
@@ -9296,7 +9303,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.binfo_input:focus-visible {
|
|
|
- border: 1px solid #3681FC !important;
|
|
|
+ border: 1.5px solid #3681FC !important;
|
|
|
}
|
|
|
|
|
|
.time {
|
|
@@ -9395,7 +9402,7 @@ export default {
|
|
|
font-size: 16px;
|
|
|
box-sizing: border-box;
|
|
|
position: relative;
|
|
|
- padding: 20px 15px;
|
|
|
+ padding: 0 15px;
|
|
|
height: auto;
|
|
|
overflow-y: auto;
|
|
|
overflow-x: hidden;
|
|
@@ -9406,12 +9413,17 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
|
+ padding: 15px;
|
|
|
}
|
|
|
|
|
|
.add_c_none>img {
|
|
|
- width: 135px;
|
|
|
+ width: 25px;
|
|
|
+}
|
|
|
+.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;
|
|
@@ -9733,19 +9745,21 @@ export default {
|
|
|
}
|
|
|
|
|
|
.chapter_upload+.chapter_upload {
|
|
|
- margin-top: 15px;
|
|
|
+ /* margin-top: 15px; */
|
|
|
+ border-top: 1px solid #E7EBF1;
|
|
|
}
|
|
|
|
|
|
.chapter_upload {
|
|
|
- height: 35px;
|
|
|
+ height: 45px;
|
|
|
position: relative;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 100%;
|
|
|
- min-height: 35px;
|
|
|
- box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16);
|
|
|
- border-radius: 4px;
|
|
|
+ min-height: 45px;
|
|
|
+ /* box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.16); */
|
|
|
+ /* border-radius: 4px; */
|
|
|
overflow: hidden;
|
|
|
+ box-sizing:border-box;
|
|
|
}
|
|
|
|
|
|
.chapter_upload_t {
|
|
@@ -10672,8 +10686,8 @@ ol {
|
|
|
}
|
|
|
|
|
|
.smallTaskBorder {
|
|
|
- height: 170px;
|
|
|
- min-height: 170px !important;
|
|
|
+ height: 280px;
|
|
|
+ min-height: 280px !important;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
@@ -10682,15 +10696,20 @@ ol {
|
|
|
} */
|
|
|
|
|
|
.addTaskBorder {
|
|
|
- border: 2px solid #5E9AFC;
|
|
|
+ /* border: 2px solid #5E9AFC; */
|
|
|
border-radius: 8px;
|
|
|
- margin-top: 25px;
|
|
|
+ margin-top: 10px;
|
|
|
cursor: pointer;
|
|
|
- height: 50px;
|
|
|
- line-height: 50px;
|
|
|
+ /* height: 50px;
|
|
|
+ line-height: 50px; */
|
|
|
+ background: #fff;
|
|
|
+ padding: 15px 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
|
|
|
-.addTaskBorder>div {
|
|
|
+/* .addTaskBorder>div {
|
|
|
margin: 0 auto;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
@@ -10705,17 +10724,21 @@ ol {
|
|
|
font-size: 16px;
|
|
|
margin-left: 10px;
|
|
|
color: #5E9AFC;
|
|
|
-}
|
|
|
+} */
|
|
|
+
|
|
|
|
|
|
.funBlock {
|
|
|
display: flex;
|
|
|
padding: 15px 0;
|
|
|
flex-direction: row;
|
|
|
- justify-content: flex-end;
|
|
|
+ justify-content: center;
|
|
|
align-items: center;
|
|
|
position: absolute;
|
|
|
- right: 15px;
|
|
|
- bottom: 35px;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ background: #fff;
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
}
|
|
|
|
|
|
.fold {
|
|
@@ -10724,16 +10747,23 @@ ol {
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
cursor: pointer;
|
|
|
- color: #717C8D;
|
|
|
+ color: #2b7bff;
|
|
|
}
|
|
|
|
|
|
.arrow {
|
|
|
margin-right: 8px;
|
|
|
- border-left: 7px solid transparent;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ min-width: 16px;
|
|
|
+ min-height: 16px;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ display: block;
|
|
|
+ background-image: url(../../assets/icon/new/u_up.png);
|
|
|
+ /* border-left: 7px solid transparent;
|
|
|
border-bottom: 7px solid #717C8D;
|
|
|
border-top: 0px solid transparent;
|
|
|
- border-right: 7px solid transparent;
|
|
|
- box-sizing: border-box;
|
|
|
+ border-right: 7px solid transparent; */
|
|
|
+ /* box-sizing: border-box; */
|
|
|
transition: all .3s;
|
|
|
}
|
|
|
|
|
@@ -12005,16 +12035,22 @@ ol {
|
|
|
}
|
|
|
|
|
|
.noneBox {
|
|
|
- height: 100%;
|
|
|
+ height: 200px;
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- margin-top: 150px;
|
|
|
+ flex-direction: column;
|
|
|
+ /* margin-top: 150px; */
|
|
|
}
|
|
|
|
|
|
.noneBox>img {
|
|
|
- width: 300px;
|
|
|
+ width: 95px;
|
|
|
+}
|
|
|
+
|
|
|
+.noneBox>span{
|
|
|
+ margin-top:10px;
|
|
|
+ color: #717C8D;
|
|
|
}
|
|
|
|
|
|
.rb_c_box {
|