|
|
@@ -45,13 +45,13 @@
|
|
|
<div style="margin: 5px 10px 0 0; width: 2rem">
|
|
|
<img src="../../assets/icon/second.png" alt />
|
|
|
</div>
|
|
|
- <div>选择课程模版</div>
|
|
|
+ <div>选择课程模板</div>
|
|
|
</div>
|
|
|
<div v-else-if="cidType === 0 && isStepDisplay" class="secondNo" @click="navSteps(2)">
|
|
|
<div>
|
|
|
<img src="../../assets/icon/secondNo.png" alt />
|
|
|
</div>
|
|
|
- <div>选择课程模版</div>
|
|
|
+ <div>选择课程模板</div>
|
|
|
</div>
|
|
|
<div v-if="isStepDisplay" class="stepBorder" :class="{ 'border-active': steps > 2 }"></div>
|
|
|
<div v-if="steps > 2 && isStepDisplay" class="third" @click="navSteps(3)">
|
|
|
@@ -637,7 +637,7 @@
|
|
|
<button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="steps == 3 && isPasteTask"
|
|
|
style="margin: 0 0 0 auto;">智能粘贴</button>
|
|
|
<button class="c_pub_button_confirm pub_btn_template_img" @click="openTemplate"
|
|
|
- :style="{margin: isPasteTask ? '0 0 0 20px' : '0 0 0 auto'}" style="padding:0 12px">选择课程模版</button>
|
|
|
+ :style="{margin: isPasteTask ? '0 0 0 20px' : '0 0 0 auto'}" style="padding:0 12px">选择课程模板</button>
|
|
|
</div>
|
|
|
|
|
|
<div style="margin: 0 0 10px 0; padding: 0;" v-for="(item, index) in unitJson[unitIndex].chapterInfo"
|
|
|
@@ -667,6 +667,7 @@
|
|
|
:class="{ smallTaskBorder: itemTask.isFold === 1 }"
|
|
|
v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
|
|
|
<div style="background: #fff;border-radius: 5px;">
|
|
|
+ <div class="taskTitle">任务{{ itemTaskIndex + 1 }}</div>
|
|
|
<!-- padding: 20px; -->
|
|
|
<div v-if="unitJson[unitIndex].easy != 1">
|
|
|
<div :style="{
|
|
|
@@ -684,7 +685,7 @@
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
">
|
|
|
- <div class="lineTitle">任务{{ itemTaskIndex + 1 }}概述</div>
|
|
|
+ <div class="lineTitle">任务概述</div>
|
|
|
</div>
|
|
|
<div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
|
|
|
flex-direction: row;
|
|
|
@@ -706,12 +707,12 @@
|
|
|
(!unitJson[unitIndex].easy ||
|
|
|
unitJson[unitIndex].easy == 6)
|
|
|
" @click="deleteTask(itemTaskIndex)"></div>
|
|
|
- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && !itemTask.isFold2"
|
|
|
+ <!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && !itemTask.isFold2"
|
|
|
class="show_taskD show" @click="fold2(itemTaskIndex)"><img
|
|
|
src="../../assets/icon/new/icon-slide.png" />收起任务描述</div>
|
|
|
<div v-else-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1" class="show_taskD"
|
|
|
@click="fold2(itemTaskIndex)"><img src="../../assets/icon/new/icon-slide.png" />展开任务描述
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
<!-- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && itemTask.isFold2" style="
|
|
|
display: flex;
|
|
|
@@ -721,8 +722,8 @@
|
|
|
align-items: center;
|
|
|
">
|
|
|
<div class="lineTitle">任务描述</div>
|
|
|
- </div> -->
|
|
|
- <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 && !itemTask.isFold2"
|
|
|
+ </div> && !itemTask.isFold2-->
|
|
|
+ <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1 "
|
|
|
style="margin-top: 20px;">
|
|
|
<editor-bar class="addEditor" style="margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
|
|
|
itemTaskIndex
|
|
|
@@ -753,13 +754,14 @@
|
|
|
align-items: center;
|
|
|
" :style="{ margin: !itemTask.isFoldchapter ? '20px 0 10px' : '20px 0 0' }">
|
|
|
<div style="margin-bottom:10px" class="lineTitle clineTitle">学习内容</div>
|
|
|
- <div style="margin-bottom:10px" v-if="!itemTask.isFoldchapter" class="show_taskD show"
|
|
|
+ <!-- <div style="margin-bottom:10px" v-if="!itemTask.isFoldchapter" class="show_taskD show"
|
|
|
@click="foldC(itemTaskIndex)"><img src="../../assets/icon/new/icon-slide.png" />收起学习内容</div>
|
|
|
<div style="margin-bottom:10px" v-else class="show_taskD" @click="foldC(itemTaskIndex)"><img
|
|
|
- src="../../assets/icon/new/icon-slide.png" />展开学习内容</div>
|
|
|
+ src="../../assets/icon/new/icon-slide.png" />展开学习内容</div> -->
|
|
|
<!-- <div class="line"></div> -->
|
|
|
</div>
|
|
|
- <div v-if="!itemTask.isFoldchapter">
|
|
|
+ <!-- v-if="!itemTask.isFoldchapter" -->
|
|
|
+ <div>
|
|
|
<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>
|
|
|
@@ -917,7 +919,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="add_info_box" style="margin: 10px 0 0" v-if="!itemTask.isFoldchapter">
|
|
|
+ <!-- v-if="!itemTask.isFoldchapter" -->
|
|
|
+ <div class="add_info_box" style="margin: 10px 0 0">
|
|
|
<button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
|
|
|
文件
|
|
|
<input type="file" accept="*" style="display: none" v-if="inputShow" @change="
|
|
|
@@ -1318,7 +1321,7 @@
|
|
|
其他
|
|
|
</div> -->
|
|
|
</div>
|
|
|
- <div class="chapter_upload_ud2" style="z-index: 9;margin:0 0 0 auto" v-if="itemTask.toolChoose.length > 1">
|
|
|
+ <div class="chapter_upload_ud2" style="z-index: 9;margin:0 0 0 auto" :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px auto' : '0 0 0 auto' }" v-if="itemTask.toolChoose.length > 1">
|
|
|
<div class="chapter_upload_up2" @click.stop="
|
|
|
upTool(
|
|
|
$event,
|
|
|
@@ -1336,18 +1339,18 @@
|
|
|
)
|
|
|
">下移</div>
|
|
|
</div>
|
|
|
- <div v-if="!itemTool.isFold3" class="show_toolD show"
|
|
|
+ <!-- <div v-if="!itemTool.isFold3" class="show_toolD show"
|
|
|
@click="fold3(itemTaskIndex, toolIndex)"
|
|
|
:style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
|
|
|
src="../../assets/icon/new/icon-slide.png" />收起工具栏</div>
|
|
|
<div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
|
|
|
:style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
|
|
|
- src="../../assets/icon/new/icon-slide.png" />展开工具栏</div>
|
|
|
+ src="../../assets/icon/new/icon-slide.png" />展开工具栏</div> -->
|
|
|
<div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
|
|
|
v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 0;top:-5px;"></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div style="min-height: 163px" v-show="!itemTool.isFold3">
|
|
|
+ <!-- v-show="!itemTool.isFold3" -->
|
|
|
+ <div style="min-height: 163px">
|
|
|
<div class="toolSort" v-if="itemTool.toolType == 0">
|
|
|
<!-- <div class="tool">
|
|
|
<div
|
|
|
@@ -2212,7 +2215,8 @@
|
|
|
</div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-show="!itemTool.isFold3">
|
|
|
+ <!-- v-show="!itemTool.isFold3" -->
|
|
|
+ <div>
|
|
|
<textarea rows="2" v-autoHeight="70" type="text" placeholder="添加工具描述" class="binfo_input"
|
|
|
style="margin: 0 0 20px 0; width: 100% !important"
|
|
|
v-model="itemTool.toolDetail"></textarea>
|
|
|
@@ -3781,7 +3785,7 @@
|
|
|
<el-button type="primary" @click="addEnglish">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="选择课程模版" :visible.sync="templateDialog" :append-to-body="true" width="630px"
|
|
|
+ <el-dialog title="选择课程模板" :visible.sync="templateDialog" :append-to-body="true" width="630px"
|
|
|
:before-close="handleClose" class="dialog_diy">
|
|
|
<div class="template_box">
|
|
|
<div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkctJson(aa)" :class="{wordTeacherA:ctJson.id == aa.id}">
|
|
|
@@ -4040,7 +4044,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -4127,6 +4131,34 @@ export default {
|
|
|
englishList:{},
|
|
|
typeIndex: "",
|
|
|
courseState: 2,
|
|
|
+ taskJSONa: [
|
|
|
+ {
|
|
|
+ task: "",
|
|
|
+ taskDetail: "",
|
|
|
+ chapterData: [],
|
|
|
+ toolText: "",
|
|
|
+ toolChoose: [
|
|
|
+ {
|
|
|
+ tool: [],
|
|
|
+ toolDetail: "",
|
|
|
+ toolType: 0,
|
|
|
+ askCount: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [
|
|
|
+ { askstitle: "", askItem: 1, checkList: [] },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ isShowTools: false,
|
|
|
+ askCount: 1,
|
|
|
+ isFold: 1,
|
|
|
+ askTitle: "",
|
|
|
+ askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
+ checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
+ homeworkList: [],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+
|
|
|
};
|
|
|
},
|
|
|
directives: {
|
|
|
@@ -5034,12 +5066,17 @@ export default {
|
|
|
message: "删除成功",
|
|
|
type: "success",
|
|
|
});
|
|
|
+ let task = JSON.parse(JSON.stringify(this.unitJson[this.unitIndex].chapterInfo[0].taskJson))
|
|
|
this.unitJson.splice(this.unitIndex, 1);
|
|
|
if(this.unitIndex == 0){
|
|
|
this.unitIndex = 0;
|
|
|
}else{
|
|
|
this.unitIndex = this.unitIndex - 1;
|
|
|
}
|
|
|
+
|
|
|
+ if(JSON.stringify(task) != JSON.stringify(this.taskJSONa)){
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [...this.unitJson[this.unitIndex].chapterInfo[0].taskJson, ...task]
|
|
|
+ }
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
this.$message.error("网络不佳");
|
|
|
@@ -6012,7 +6049,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -6796,7 +6833,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -6853,7 +6890,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -6964,7 +7001,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -7034,7 +7071,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -8175,7 +8212,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -8225,7 +8262,7 @@ export default {
|
|
|
],
|
|
|
isShowTools: false,
|
|
|
askCount: 1,
|
|
|
- isFold: 0,
|
|
|
+ isFold: 1,
|
|
|
askTitle: "",
|
|
|
askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
|
|
|
checkJson: [{ checkCount: [], checkPerent: [] }],
|
|
|
@@ -11967,8 +12004,8 @@ ol {
|
|
|
}
|
|
|
|
|
|
.smallTaskBorder {
|
|
|
- height: 280px;
|
|
|
- min-height: 280px !important;
|
|
|
+ height: 405px;
|
|
|
+ min-height: 405px !important;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
@@ -13858,4 +13895,21 @@ ol {
|
|
|
.class_item>>>.el-checkbox__input {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
-}</style>
|
|
|
+}
|
|
|
+.taskTitle{
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+.taskTitle:after{
|
|
|
+ content: '';
|
|
|
+ width: 100%;
|
|
|
+ display: block;
|
|
|
+ height: 1px;
|
|
|
+ background: #CAD1DC;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ margin: 15px 0 0;
|
|
|
+}
|
|
|
+</style>
|
