|
|
@@ -477,7 +477,7 @@
|
|
|
<div class="stepsBottom">
|
|
|
<!-- <div class="navTop">辅助导航</div> -->
|
|
|
<div class="navBottom">
|
|
|
- <div class="navTask" v-if="unitJson[unitIndex].dyName">
|
|
|
+ <div class="navTask noImage" v-if="unitJson[unitIndex].dyName">
|
|
|
<div class="nt_taskBox" style="width: 100%;">
|
|
|
<div class="nt_taskTitle"
|
|
|
style="font-size: 16px;min-width: fit-content;margin-right: 10px;font-weight: 700;">阶段 {{
|
|
|
@@ -489,26 +489,42 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="navTask" :class="{
|
|
|
- isNavTask: isClickColor > 0 && isClickColor == tIndex + 1,
|
|
|
- }" v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
|
|
|
- .taskJson" :key="tIndex" @click="goToTask(tIndex)">
|
|
|
- <div class="nt_taskBox">
|
|
|
- <div class="nt_taskTitle">任务{{ tIndex + 1 }}</div>
|
|
|
- <div class="nt_taskName">
|
|
|
- <el-tooltip effect="light" :content="t.task" placement="top">
|
|
|
- <span>{{ t.task }}</span>
|
|
|
- </el-tooltip>
|
|
|
+ <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
|
|
|
+ .taskJson" :key="tIndex">
|
|
|
+ <div @click="goToTask(tIndex)" class="navTask" :class="{
|
|
|
+ isNavTask:
|
|
|
+ isClickColor > 0 && isClickColor == tIndex + 1,
|
|
|
+ isNavOpen:t.toolOpen
|
|
|
+ }">
|
|
|
+ <div class="nt_taskBox">
|
|
|
+ <div class="nt_taskTitle">任务{{ tIndex + 1 }}</div>
|
|
|
+ <div class="nt_taskName">
|
|
|
+ <el-tooltip effect="light" :content="t.task" placement="top">
|
|
|
+ <span>{{ t.task }}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
|
|
|
+ 1
|
|
|
+ ">
|
|
|
+ <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
|
|
|
+ @click.stop="taskMove(1, tIndex)"></div>
|
|
|
+ <div class="chapter_upload_down" style="width: 25px;height: 25px;"
|
|
|
+ @click.stop="taskMove(2, tIndex)"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length > 1">
|
|
|
- <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
|
|
|
- @click.stop="taskMove(1, tIndex)">
|
|
|
+ <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
|
|
|
+ <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2" @click="jumpGj(tIndex,toolIndex2)">
|
|
|
+ <div
|
|
|
+ class="gjCss"
|
|
|
+ :class="{isGjCss: toolIndexType == `gj${tIndex}${toolIndex2}`}"
|
|
|
+ >
|
|
|
+ <div>工具{{ toolIndex2 + 1 }}:</div>
|
|
|
+ <div>{{ toolsData[tool.tool[0]] && toolsData[tool.tool[0]].name }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="chapter_upload_down" style="width: 25px;height: 25px;"
|
|
|
- @click.stop="taskMove(2, tIndex)"></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1205,7 +1221,7 @@
|
|
|
justify-content: flex-start;
|
|
|
position: relative;
|
|
|
">
|
|
|
- <div style="margin-right: 20px; font-weight: bold">
|
|
|
+ <div style="margin-right: 20px; font-weight: bold" :id="'gj'+itemTaskIndex + '' + toolIndex">
|
|
|
步骤 {{ toolIndex + 1 }} ：
|
|
|
</div>
|
|
|
<div class="chooseWho">
|
|
|
@@ -2022,7 +2038,7 @@
|
|
|
justify-content: flex-start;
|
|
|
position: relative;
|
|
|
">
|
|
|
- <div style="margin-right: 20px; font-weight: bold">
|
|
|
+ <div style="margin-right: 20px; font-weight: bold" :id="'gj'+itemTaskIndex + '' + toolIndex">
|
|
|
步骤 {{ toolIndex + 1 }} ：
|
|
|
</div>
|
|
|
<div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
|
|
|
@@ -3490,6 +3506,7 @@
|
|
|
|
|
|
<script>
|
|
|
import "../../common/aws-sdk-2.235.1.min.js";
|
|
|
+import { tools as toolsData } from "../../common/tools.js";
|
|
|
// import "../../common/aws-sdk-2.99.0.min.js";
|
|
|
import $ from "jquery";
|
|
|
import EditorBar from "../../components/tools/wangEnduit";
|
|
|
@@ -3577,6 +3594,7 @@ export default {
|
|
|
dialogVisibleStageChange: false,
|
|
|
dialogVisibleupdataVideoT: false,
|
|
|
isClickColor: 1,
|
|
|
+ toolIndexType:"",
|
|
|
publicTool: 0,
|
|
|
searchPeople: "",
|
|
|
searchTN: "",
|
|
|
@@ -3734,6 +3752,7 @@ export default {
|
|
|
imageloading: false,
|
|
|
searchImageValue: "",
|
|
|
ppage: 1,
|
|
|
+ toolsData: toolsData,
|
|
|
};
|
|
|
},
|
|
|
directives: {
|
|
|
@@ -4242,6 +4261,9 @@ export default {
|
|
|
if (this.steps == 1) {
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 100);
|
|
|
}
|
|
|
} else {
|
|
|
@@ -4249,6 +4271,9 @@ export default {
|
|
|
this.steps = 1;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 100);
|
|
|
}
|
|
|
}
|
|
|
@@ -4275,6 +4300,9 @@ export default {
|
|
|
this.steps = 1;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 100);
|
|
|
}
|
|
|
if (s == 2) {
|
|
|
@@ -4284,8 +4312,14 @@ export default {
|
|
|
this.cTemplate = this.templateC.content;
|
|
|
this.dialogVisible2 = false;
|
|
|
this.steps = 3;
|
|
|
+ this.isClickColor = 1
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
|
|
|
+ this.$forceUpdate();
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 1000);
|
|
|
}
|
|
|
} else {
|
|
|
@@ -4304,14 +4338,23 @@ export default {
|
|
|
this.steps = 1;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 100);
|
|
|
}
|
|
|
if (s == 3) {
|
|
|
this.cTemplate = this.templateC.content;
|
|
|
this.dialogVisible2 = false;
|
|
|
this.steps = 3;
|
|
|
+ this.isClickColor = 1
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
|
|
|
+ this.$forceUpdate();
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 1000);
|
|
|
}
|
|
|
}
|
|
|
@@ -4322,8 +4365,14 @@ export default {
|
|
|
if (this.steps == 1) {
|
|
|
if (this.courseName != "") {
|
|
|
this.steps = 3;
|
|
|
+ this.isClickColor = 1
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
|
|
|
+ this.$forceUpdate();
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 1000);
|
|
|
if (this.cid == "" || this.cid == undefined) {
|
|
|
this.addWork();
|
|
|
@@ -4386,6 +4435,9 @@ export default {
|
|
|
this.steps++;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 1000);
|
|
|
} else if (this.steps == 3) {
|
|
|
if (this.cid == "" || this.cid == undefined) {
|
|
|
@@ -5508,6 +5560,9 @@ export default {
|
|
|
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 100);
|
|
|
},
|
|
|
add(e, i) {
|
|
|
@@ -6109,6 +6164,9 @@ export default {
|
|
|
_this.steps++;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 1000);
|
|
|
})
|
|
|
.catch(() => {
|
|
|
@@ -6177,6 +6235,9 @@ export default {
|
|
|
this.steps++;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 1000);
|
|
|
this.updateWork();
|
|
|
})
|
|
|
@@ -7659,11 +7720,15 @@ export default {
|
|
|
this.seleteCourseUpdate();
|
|
|
this.setMan();
|
|
|
this.selectAllType();
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true
|
|
|
// }, 5000);
|
|
|
this.$forceUpdate();
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.evalua);
|
|
|
- }, 0);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.evalua);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
console.error(err);
|
|
|
@@ -8088,6 +8153,9 @@ export default {
|
|
|
this.typeMode = type;
|
|
|
setTimeout(() => {
|
|
|
this.checkEva(this.checkId);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.checkId);
|
|
|
+ }, 100);
|
|
|
}, 100);
|
|
|
},
|
|
|
openMember() {
|
|
|
@@ -8114,7 +8182,7 @@ export default {
|
|
|
this.$forceUpdate();
|
|
|
setTimeout(() => {
|
|
|
this.setMindData();
|
|
|
- }, 500);
|
|
|
+ }, 1000);
|
|
|
}
|
|
|
},
|
|
|
deleteEva() {
|
|
|
@@ -8442,9 +8510,27 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
goToTask(i) {
|
|
|
- document.querySelector(".rb_c_box_right > .basic_box").scrollTop =
|
|
|
- document.getElementsByClassName("taskBorder")[i].offsetTop - 100;
|
|
|
+ this.toolIndexType = ''
|
|
|
+ if(this.isClickColor == (i + 1)){
|
|
|
+ if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen){
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
+ }else{
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if(this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen){
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = false
|
|
|
+ }else{
|
|
|
+ $(".rightBox")[0].scrollTop =
|
|
|
+ $(".taskBorder")[i + 1].offsetTop +
|
|
|
+ $(".taskBorder")[i + 1].parentElement.parentElement.offsetTop;
|
|
|
this.isClickColor = i + 1;
|
|
|
+ this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolOpen = true
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
},
|
|
|
taskMove(type, index) {
|
|
|
this.$confirm(
|
|
|
@@ -8769,7 +8855,7 @@ export default {
|
|
|
// console.log(response.data.data);
|
|
|
var data = response.data.FunctionResponse.result;
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
- _this.imageList.push({ url: data[i].image })
|
|
|
+ _this.imageList.push({ url: data[i].thumbnail })
|
|
|
}
|
|
|
_this.imageloading = false
|
|
|
}).catch(function (error) {
|
|
|
@@ -8784,7 +8870,21 @@ export default {
|
|
|
resetImage() {
|
|
|
this.ppage = 1
|
|
|
this.searchImage()
|
|
|
- }
|
|
|
+ },
|
|
|
+ jumpGj(i, j) {
|
|
|
+ if((i+1) != this.isClickColor){
|
|
|
+ this.isClickColor = (i + 1)
|
|
|
+ }
|
|
|
+ var a = document.scrollingElement;
|
|
|
+ this.toolIndexType = `gj${i}${j}`
|
|
|
+ let target = document.querySelector(`#gj${i}${j}`);
|
|
|
+ if (target) {
|
|
|
+ target.scrollIntoView(true);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.unitBox.scrollTop = this.$refs.unitBox.scrollTop - 100;
|
|
|
+ }, 0);
|
|
|
+ }
|
|
|
+ },
|
|
|
},
|
|
|
beforeDestroy() {
|
|
|
clearTimeout(this.timer);
|
|
|
@@ -11925,26 +12025,49 @@ ol {
|
|
|
cursor: pointer;
|
|
|
background: #ffffff;
|
|
|
width: 95%;
|
|
|
- margin: 10px auto;
|
|
|
+ margin: 10px auto 0;
|
|
|
box-sizing: border-box;
|
|
|
border-radius: 5px;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+.navTask::before{
|
|
|
+ content: '';
|
|
|
+ display:block;
|
|
|
+ width:16px;
|
|
|
+ height:16px;
|
|
|
+ background-image: url(../../assets/icon/new/icon_arrow.png);
|
|
|
+ background-size:100%;
|
|
|
+ margin-left:10px;
|
|
|
+}
|
|
|
+.noImage::before{
|
|
|
+ display: none;
|
|
|
+ background-image: unset !important;
|
|
|
+}
|
|
|
+.isNavOpen::before{
|
|
|
+ background-image: url(../../assets/icon/new/icon_arrow_a.png) !important;
|
|
|
}
|
|
|
-
|
|
|
.isNavTask {
|
|
|
- background: #3681FC;
|
|
|
+ /* background: #3681FC; */
|
|
|
+ background: #EEF3FB;
|
|
|
}
|
|
|
|
|
|
.isNavTask .nt_taskName {
|
|
|
- color: #fff !important;
|
|
|
+ /* color: #fff !important; */
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #0061FF !important;
|
|
|
}
|
|
|
|
|
|
.isNavTask .nt_taskTitle {
|
|
|
- color: #AECCFE !important;
|
|
|
+ /* color: #AECCFE !important; */
|
|
|
+ font-weight: bold !important;
|
|
|
+ color: #0061FF !important;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.navTask .nt_taskBox {
|
|
|
- width: calc(100% - 55px);
|
|
|
- padding: 0 10px 0 20px;
|
|
|
+ width: calc(100% - 85px);
|
|
|
+ padding: 0 10px 0 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
box-sizing: border-box;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
@@ -11953,22 +12076,58 @@ ol {
|
|
|
}
|
|
|
|
|
|
.navTask .nt_taskTitle {
|
|
|
- color: #717C8D;
|
|
|
+ /* color: #717C8D; */
|
|
|
+ color: #060E17;
|
|
|
line-height: 25px;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 16px;
|
|
|
min-width: 45px;
|
|
|
}
|
|
|
|
|
|
.navTask .nt_taskName {
|
|
|
/* color: #fff; */
|
|
|
/* max-width: 130px; */
|
|
|
- width: 100%;
|
|
|
- /* max-width: calc(100% - 50px); */
|
|
|
+ /* width: 100%; */
|
|
|
+ max-width: calc(100% - 50px);
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #060E17;
|
|
|
+ /* color: #0E1E33; */
|
|
|
+}
|
|
|
+
|
|
|
+.gjBox {
|
|
|
+ width: calc(100% - 25px);
|
|
|
+ padding: 0 0 0 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-left: 1px solid #CAD1DC;
|
|
|
+ margin-left: 25px;
|
|
|
+}
|
|
|
+.gjBox > div{
|
|
|
+ display:flex;
|
|
|
+ align-items:center;
|
|
|
+}
|
|
|
+.gjBox > div::before{
|
|
|
+ content: '';
|
|
|
+ height:1px;
|
|
|
+ width:10px;
|
|
|
+ background: #CAD1DC;
|
|
|
+ display: block;
|
|
|
+ margin-right:5px;
|
|
|
+}
|
|
|
+.gjCss {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ padding: 15px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
font-size: 14px;
|
|
|
- color: #0E1E33;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.isGjCss {
|
|
|
+ color: #0061ff;
|
|
|
}
|
|
|
|
|
|
.groupBox {}
|
