|
|
@@ -261,11 +261,7 @@
|
|
|
</div>
|
|
|
<div class="project_box" v-if="type == 3">
|
|
|
<div class="filebox">
|
|
|
- <div
|
|
|
- class="file"
|
|
|
- v-for="(f, index) in file"
|
|
|
- :key="index"
|
|
|
- >
|
|
|
+ <div class="file" v-for="(f, index) in file" :key="index">
|
|
|
<img :src="require('../assets/file.png')" alt="" />
|
|
|
<div>{{ f.name }}</div>
|
|
|
</div>
|
|
|
@@ -275,7 +271,12 @@
|
|
|
<div class="project_box" v-if="type == 4">
|
|
|
<div class="homebox">
|
|
|
<div class="homework" v-for="(h, index) in imgList" :key="index">
|
|
|
- <img @click="handlePictureCardPreview(h.url)" :src="h.url" alt="" style="height: 100px" />
|
|
|
+ <img
|
|
|
+ @click="handlePictureCardPreview(h.url)"
|
|
|
+ :src="h.url"
|
|
|
+ alt=""
|
|
|
+ style="height: 100px"
|
|
|
+ />
|
|
|
<div
|
|
|
style="
|
|
|
white-space: nowrap;
|
|
|
@@ -318,6 +319,27 @@
|
|
|
暂无数据
|
|
|
</div>
|
|
|
<div class="filebox" v-else>
|
|
|
+ <div class="chooseWho">
|
|
|
+ <div
|
|
|
+ :class="toolType == 0 ? 'isChooseActive' : ''"
|
|
|
+ @click="addToolsType(0)"
|
|
|
+ >
|
|
|
+ 展示类
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ :class="toolType == 1 ? 'isChooseActive' : ''"
|
|
|
+ @click="addToolsType(1)"
|
|
|
+ >
|
|
|
+ 思维类
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ :class="toolType == 2 ? 'isChooseActive' : ''"
|
|
|
+ @click="addToolsType(2)"
|
|
|
+ >
|
|
|
+ 评价类
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
<div
|
|
|
style="
|
|
|
display: flex;
|
|
|
@@ -328,65 +350,63 @@
|
|
|
"
|
|
|
>
|
|
|
<div
|
|
|
- class="tool"
|
|
|
- v-for="(itemTool, indexTool) in chapInfo.chapterInfo[0]
|
|
|
- .toolChoose"
|
|
|
+ class="addPoint"
|
|
|
+ v-for="(itemTool, indexTool) in toolTypeList"
|
|
|
:key="indexTool"
|
|
|
>
|
|
|
- <div
|
|
|
- class="whiteBIcon"
|
|
|
+ <img
|
|
|
+ v-if="itemTool == 8"
|
|
|
+ src="../assets/icon/secondToolList/library.png"
|
|
|
+ alt=""
|
|
|
+ @click="addTools(itemTool)"
|
|
|
+ />
|
|
|
+ <img
|
|
|
v-if="itemTool == 1"
|
|
|
@click="addTools(itemTool)"
|
|
|
- >
|
|
|
- <img src="../assets/icon/whiteBordIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="whiteBIcon"
|
|
|
+ src="../assets/icon/secondToolList/whiteBoard.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
v-if="itemTool == 2"
|
|
|
@click="addTools(itemTool)"
|
|
|
- >
|
|
|
- <img src="../assets/icon/noteIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="whiteBIcon"
|
|
|
+ src="../assets/icon/secondToolList/note.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
v-if="itemTool == 3"
|
|
|
@click="addTools(itemTool)"
|
|
|
- >
|
|
|
- <img src="../assets/icon/mindIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="whiteBIcon"
|
|
|
- v-if="itemTool == 4"
|
|
|
+ src="../assets/icon/secondToolList/mindMapping.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-if="itemTool == 6"
|
|
|
@click="addTools(itemTool)"
|
|
|
- >
|
|
|
- <img src="../assets/icon/askIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="whiteBIcon"
|
|
|
- v-if="itemTool == 5"
|
|
|
+ src="../assets/icon/secondToolList/doc.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+
|
|
|
+ <img
|
|
|
+ v-else-if="itemTool == 7"
|
|
|
@click="addTools(itemTool)"
|
|
|
- >
|
|
|
- <img src="../assets/icon/scoreIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="whiteBIcon"
|
|
|
- v-if="itemTool == 6"
|
|
|
+ src="../assets/icon/secondToolList/mindNetwork.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+
|
|
|
+ <img
|
|
|
+ v-if="itemTool == 4"
|
|
|
@click="addTools(itemTool)"
|
|
|
- >
|
|
|
- <img src="../assets/icon/wordIcon.png" alt="" />
|
|
|
- </div>
|
|
|
+ src="../assets/icon/thirdToolList/ask.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+
|
|
|
+ <img
|
|
|
+ v-else-if="itemTool == 5"
|
|
|
+ @click="addTools(itemTool)"
|
|
|
+ src="../assets/icon/thirdToolList/score.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <!-- <div
|
|
|
- class="file"
|
|
|
- v-for="(f, index) in file"
|
|
|
- :key="index"
|
|
|
- @click="downFile(index)"
|
|
|
- >
|
|
|
- <img :src="require('../assets/file.png')" alt="" />
|
|
|
- <div>{{ f.name }}</div>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -594,9 +614,14 @@ export default {
|
|
|
mindCount: 0,
|
|
|
askCount: 0,
|
|
|
noteCount: 0,
|
|
|
+ // scoreCount: 0,
|
|
|
+ mindNetWorkCount: 0,
|
|
|
+ libraryCount: 0,
|
|
|
isAddWork: false,
|
|
|
dialogImageUrl: "",
|
|
|
pictureDialog: false,
|
|
|
+ toolType: 0,
|
|
|
+ toolTypeList: [],
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -896,6 +921,7 @@ export default {
|
|
|
document.getElementsByClassName("vedioList")[0].style.height =
|
|
|
a + "px";
|
|
|
});
|
|
|
+ this.addToolsType(0);
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
loading.close();
|
|
|
@@ -995,8 +1021,16 @@ export default {
|
|
|
this.mindCount = res.data[0][i].count;
|
|
|
} else if (res.data[0][i].tools == 4) {
|
|
|
this.askCount = res.data[0][i].count;
|
|
|
- } else {
|
|
|
+ }
|
|
|
+ // else if (res.data[0][i].tools == 5) {
|
|
|
+ // this.scoreCount = res.data[0][i].count;
|
|
|
+ // }
|
|
|
+ else if (res.data[0][i].tools == 6) {
|
|
|
this.noteCount = res.data[0][i].count;
|
|
|
+ } else if (res.data[0][i].tools == 7) {
|
|
|
+ this.mindNetWorkCount = res.data[0][i].count;
|
|
|
+ } else if (res.data[0][i].tools == 8) {
|
|
|
+ this.libraryCount = res.data[0][i].count;
|
|
|
}
|
|
|
}
|
|
|
})
|
|
|
@@ -1004,6 +1038,28 @@ export default {
|
|
|
console.error(err);
|
|
|
});
|
|
|
},
|
|
|
+ addToolsType(t) {
|
|
|
+ this.toolType = t;
|
|
|
+ var a = this.chapInfo.chapterInfo[0].toolChoose;
|
|
|
+ this.toolTypeList = [];
|
|
|
+ if (a != []) {
|
|
|
+ for (var i = 0; i < a.length; i++) {
|
|
|
+ if (t == 0) {
|
|
|
+ if (a[i] == 8) {
|
|
|
+ this.toolTypeList.push(a[i]);
|
|
|
+ }
|
|
|
+ } else if (t == 1) {
|
|
|
+ if (a[i] == 1 || a[i] == 2 || a[i] == 3 || a[i] == 6 || a[i] == 7) {
|
|
|
+ this.toolTypeList.push(a[i]);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (a[i] == 4 || a[i] == 5) {
|
|
|
+ this.toolTypeList.push(a[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
addTools(t) {
|
|
|
var a = 0;
|
|
|
if (t == 1) {
|
|
|
@@ -1042,7 +1098,18 @@ export default {
|
|
|
this.toolsCount(a, t);
|
|
|
}
|
|
|
window.parent.postMessage({ tools: "4" }, "*");
|
|
|
- } else {
|
|
|
+ }
|
|
|
+ // else if (t == 5) {
|
|
|
+ // if (this.scoreCount > 0) {
|
|
|
+ // this.updateCount(this.scoreCount, t);
|
|
|
+ // } else {
|
|
|
+ // this.scoreCount++;
|
|
|
+ // a = this.scoreCount;
|
|
|
+ // this.toolsCount(a, t);
|
|
|
+ // }
|
|
|
+ // window.parent.postMessage({ tools: "5" }, "*");
|
|
|
+ // }
|
|
|
+ else if (t == 6) {
|
|
|
if (this.noteCount > 0) {
|
|
|
this.updateCount(this.noteCount, t);
|
|
|
} else {
|
|
|
@@ -1051,6 +1118,24 @@ export default {
|
|
|
this.toolsCount(a, t);
|
|
|
}
|
|
|
window.parent.postMessage({ tools: "6" }, "*");
|
|
|
+ } else if (t == 7) {
|
|
|
+ if (this.mindNetWorkCount > 0) {
|
|
|
+ this.updateCount(this.mindNetWorkCount, t);
|
|
|
+ } else {
|
|
|
+ this.mindNetWorkCount++;
|
|
|
+ a = this.mindNetWorkCount;
|
|
|
+ this.toolsCount(a, t);
|
|
|
+ }
|
|
|
+ window.parent.postMessage({ tools: "7" }, "*");
|
|
|
+ } else {
|
|
|
+ if (this.libraryCount > 0) {
|
|
|
+ this.updateCount(this.libraryCount, t);
|
|
|
+ } else {
|
|
|
+ this.libraryCount++;
|
|
|
+ a = this.libraryCount;
|
|
|
+ this.toolsCount(a, t);
|
|
|
+ }
|
|
|
+ window.parent.postMessage({ tools: "8" }, "*");
|
|
|
}
|
|
|
},
|
|
|
toolsCount(a, t) {
|
|
|
@@ -1671,4 +1756,24 @@ export default {
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+.isChooseActive {
|
|
|
+ color: #3e88f4;
|
|
|
+ border-bottom: 2px solid #2f80f3;
|
|
|
+}
|
|
|
+.chooseWho {
|
|
|
+ display: flex;
|
|
|
+ width: 500px;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+.chooseWho > div {
|
|
|
+ cursor: pointer;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
+.addPoint > img{
|
|
|
+ cursor: pointer;
|
|
|
+ margin: 0 20px;
|
|
|
+}
|
|
|
</style>
|
zengyicheng
