|
|
@@ -8677,7 +8677,7 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
openAI() {
|
|
|
- window.parent.postMessage({ tools: "64" }, "*");
|
|
|
+ window.topU.postMessage({ tools: "64" }, "*");
|
|
|
},
|
|
|
setMan() {
|
|
|
// let teacherJuri = this.teacherJuri2;
|
|
|
@@ -9092,7 +9092,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
openT() {
|
|
|
- window.parent.postMessage({ tools: "25" }, "*");
|
|
|
+ window.topU.postMessage({ tools: "25" }, "*");
|
|
|
},
|
|
|
deleteTask(i) {
|
|
|
var _this = this;
|
|
|
@@ -10546,7 +10546,7 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
goCourse() {
|
|
|
- window.parent.postMessage({ cid: this.courseId, type: "1" }, "*");
|
|
|
+ window.topU.postMessage({ cid: this.courseId, type: "1" }, "*");
|
|
|
},
|
|
|
updateWork2() {
|
|
|
let _unitIndex = this.unitIndex;
|
|
|
@@ -11343,6221 +11343,4 @@ export default {
|
|
|
);
|
|
|
return;
|
|
|
}
|
|
|
- window.parent.postMessage(
|
|
|
- {
|
|
|
- tools: "3y",
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: itemTaskIndex,
|
|
|
- tool: toolIndex,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
- } else if (i == 1) {
|
|
|
- if (!this.cid) {
|
|
|
- this.$message.error(
|
|
|
- "任务模式添加时不能添加模板，请添加课程后再修改添加模板"
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- window.parent.postMessage(
|
|
|
- {
|
|
|
- tools: "1y",
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: itemTaskIndex,
|
|
|
- tool: toolIndex,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
- } else if (i == 57) {
|
|
|
- if (!this.cid) {
|
|
|
- this.$message.error(
|
|
|
- "任务模式添加时不能添加模板，请添加课程后再修改添加模板"
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- window.parent.postMessage(
|
|
|
- {
|
|
|
- tools: "57y",
|
|
|
- cid: this.cid,
|
|
|
- stage: this.unitIndex,
|
|
|
- task: itemTaskIndex,
|
|
|
- tool: toolIndex,
|
|
|
- },
|
|
|
- "*"
|
|
|
- );
|
|
|
- } else if (i == 69) {
|
|
|
- this.englishList = {};
|
|
|
- this.englishList = this.unitJson[this.unitIndex].chapterInfo[0]
|
|
|
- .taskJson[itemTaskIndex].toolChoose[toolIndex].englishList
|
|
|
- ? JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].englishList
|
|
|
- )
|
|
|
- )
|
|
|
- : {};
|
|
|
- this.$forceUpdate();
|
|
|
- this.englishDialogVisible = true;
|
|
|
- }
|
|
|
- },
|
|
|
- chapAddTools(i) {
|
|
|
- if (this.chapTools[0].tools.length == 0) {
|
|
|
- this.chapTools[0].tools.push(i);
|
|
|
- } else {
|
|
|
- if (this.chapTools[0].tools.indexOf(i) != -1) {
|
|
|
- this.chapTools[0].tools.splice(this.chapTools[0].tools.indexOf(i), 1);
|
|
|
- } else {
|
|
|
- this.chapTools[0].tools.push(i);
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addChaptersDataTools() {
|
|
|
- if (this.chapTools[0].tools.indexOf(4) != -1) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.chapCount
|
|
|
- ].chapterData.push({
|
|
|
- name: this.chapTools[0].toolDetail,
|
|
|
- url: this.chapTools[0].tools,
|
|
|
- type: 7,
|
|
|
- askJson: this.askJson,
|
|
|
- });
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.chapCount
|
|
|
- ].chapterData.push({
|
|
|
- name: this.chapTools[0].toolDetail,
|
|
|
- url: this.chapTools[0].tools,
|
|
|
- type: 7,
|
|
|
- });
|
|
|
- }
|
|
|
- this.imgChange1(null, null, 7, this.chapCount);
|
|
|
- this.dialogVisible4 = false;
|
|
|
- },
|
|
|
- addTools(i, itemTaskIndex, toolIndex) {
|
|
|
- // if (
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- // .toolChoose[toolIndex].tool.length == 0
|
|
|
- // ) {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.push(i);
|
|
|
- // } else {
|
|
|
- // if (
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.indexOf(i) != -1
|
|
|
- // ) {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.splice(
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.indexOf(i),
|
|
|
- // 1
|
|
|
- // );
|
|
|
- // } else {
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.push(i);
|
|
|
- // }
|
|
|
- // console.log(
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- // .toolChoose[toolIndex].tool
|
|
|
- // );
|
|
|
- // }
|
|
|
- if (i == 4) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].askJson.askTitle == "" ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].askJson[0].askstitle == "" ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].askJson[0].checkList < 2
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 4, toolIndex);
|
|
|
- // this.$message({
|
|
|
- // message: "请填写完整问卷内容",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 45) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson.testJson[0].teststitle == "" ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].testJson.testJson[0].checkList < 2
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 45, toolIndex);
|
|
|
- // this.$message({
|
|
|
- // message: "请填写完整问卷内容",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 47) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].sentenceList ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].sentenceList[0].rightAnswer == 0
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 47, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if (i == 69) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].englishList
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 69, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- // if (i == 48) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- // .toolChoose[toolIndex].tableJson
|
|
|
- // ) {
|
|
|
- // this.openTools(itemTaskIndex, 48, toolIndex);
|
|
|
- // return;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // if (i == 50) {
|
|
|
- // if (
|
|
|
- // !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- // .toolChoose[toolIndex].uploadJson
|
|
|
- // ) {
|
|
|
- // this.openTools(itemTaskIndex, 50, toolIndex);
|
|
|
- // return;
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- if (i == 49) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].groupJson
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 49, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 62) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].videoJson
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 62, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 15) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ == ""
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 15, toolIndex);
|
|
|
- // this.$message({
|
|
|
- // message: "请填写问答内容",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 40) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].rateJson ||
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].rateJson.length
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 40, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 41) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson.url == "" ||
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson.select.length ||
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].selectJson.answer.length
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 41, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (i == 42) {
|
|
|
- if (
|
|
|
- !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ ||
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].answerQ == ""
|
|
|
- ) {
|
|
|
- this.openTools(itemTaskIndex, 42, toolIndex);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
|
|
|
- .toolChoose[toolIndex].tool.length > 0
|
|
|
- ) {
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.indexOf(i) != -1
|
|
|
- ) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.splice(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.indexOf(i),
|
|
|
- 1
|
|
|
- );
|
|
|
- } else {
|
|
|
- // this.$message({
|
|
|
- // message: "每个工具只能添加一个",
|
|
|
- // type: "error",
|
|
|
- // });
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool = [];
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.push(i);
|
|
|
- }
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- itemTaskIndex
|
|
|
- ].toolChoose[toolIndex].tool.push(i);
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addAskList(index) {
|
|
|
- this.askJson.askJson.splice(index + 1, 0, {
|
|
|
- askstitle: "",
|
|
|
- askItem: 1,
|
|
|
- checkList: [],
|
|
|
- });
|
|
|
- this.askJson.askCount++;
|
|
|
- },
|
|
|
- addTestList(index) {
|
|
|
- this.testJson.testJson.splice(index + 1, 0, {
|
|
|
- teststitle: "",
|
|
|
- testItem: 1,
|
|
|
- checkList: [],
|
|
|
- timuList: [],
|
|
|
- answer: [],
|
|
|
- type: "1",
|
|
|
- });
|
|
|
- this.testJson.testCount++;
|
|
|
- },
|
|
|
- deleteAskList(index) {
|
|
|
- if (
|
|
|
- !this.askJson.askJson[index].askstitle &&
|
|
|
- this.askJson.askJson[index].askItem == 1 &&
|
|
|
- !this.askJson.askJson[index].checkList[0]
|
|
|
- ) {
|
|
|
- this.askJson.askJson.splice(index, 1);
|
|
|
- this.askJson.askCount--;
|
|
|
- } else {
|
|
|
- let _this = this;
|
|
|
- _this
|
|
|
- .$confirm("此操作不可撤销，是否继续？", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.askJson.askJson.splice(index, 1);
|
|
|
- _this.askJson.askCount--;
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- deleteTestList(index) {
|
|
|
- if (
|
|
|
- !this.testJson.testJson[index].teststitle &&
|
|
|
- this.testJson.testJson[index].testItem == 1 &&
|
|
|
- !this.testJson.testJson[index].checkList[0]
|
|
|
- ) {
|
|
|
- this.testJson.testJson.splice(index, 1);
|
|
|
- this.testJson.testCount--;
|
|
|
- } else {
|
|
|
- let _this = this;
|
|
|
- _this
|
|
|
- .$confirm("此操作不可撤销，是否继续？", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.testJson.testJson.splice(index, 1);
|
|
|
- _this.testJson.testCount--;
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- askMove(type, index) {
|
|
|
- if (type == 1) {
|
|
|
- if (index > 0) {
|
|
|
- let a = JSON.parse(JSON.stringify(this.askJson.askJson[index - 1]));
|
|
|
- let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
|
|
|
- this.askJson.askJson[index - 1] = b;
|
|
|
- this.askJson.askJson[index] = a;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (index < this.askJson.askJson.length - 1) {
|
|
|
- let a = JSON.parse(JSON.stringify(this.askJson.askJson[index + 1]));
|
|
|
- let b = JSON.parse(JSON.stringify(this.askJson.askJson[index]));
|
|
|
- this.askJson.askJson[index + 1] = b;
|
|
|
- this.askJson.askJson[index] = a;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- checkMove(type, index, checkIndex) {
|
|
|
- if (type == 1) {
|
|
|
- if (checkIndex > 0) {
|
|
|
- let a = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.askJson.askJson[index].checkList[checkIndex - 1]
|
|
|
- )
|
|
|
- );
|
|
|
- let b = JSON.parse(
|
|
|
- JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
|
|
|
- );
|
|
|
- this.askJson.askJson[index].checkList[checkIndex - 1] = b;
|
|
|
- this.askJson.askJson[index].checkList[checkIndex] = a;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (checkIndex < this.askJson.askJson[index].checkList.length - 1) {
|
|
|
- let a = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.askJson.askJson[index].checkList[checkIndex + 1]
|
|
|
- )
|
|
|
- );
|
|
|
- let b = JSON.parse(
|
|
|
- JSON.stringify(this.askJson.askJson[index].checkList[checkIndex])
|
|
|
- );
|
|
|
- this.askJson.askJson[index].checkList[checkIndex + 1] = b;
|
|
|
- this.askJson.askJson[index].checkList[checkIndex] = a;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- testMove(type, index) {
|
|
|
- if (type == 1) {
|
|
|
- if (index > 0) {
|
|
|
- let a = JSON.parse(JSON.stringify(this.testJson.testJson[index - 1]));
|
|
|
- let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
|
|
|
- this.testJson.testJson[index - 1] = b;
|
|
|
- this.testJson.testJson[index] = a;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (index < this.testJson.testJson.length - 1) {
|
|
|
- let a = JSON.parse(JSON.stringify(this.testJson.testJson[index + 1]));
|
|
|
- let b = JSON.parse(JSON.stringify(this.testJson.testJson[index]));
|
|
|
- this.testJson.testJson[index + 1] = b;
|
|
|
- this.testJson.testJson[index] = a;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- tcheckMove(type, index, checkIndex) {
|
|
|
- if (type == 1) {
|
|
|
- if (checkIndex > 0) {
|
|
|
- let a = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.testJson.testJson[index].checkList[checkIndex - 1]
|
|
|
- )
|
|
|
- );
|
|
|
- let b = JSON.parse(
|
|
|
- JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
|
|
|
- );
|
|
|
- this.testJson.testJson[index].checkList[checkIndex - 1] = b;
|
|
|
- this.testJson.testJson[index].checkList[checkIndex] = a;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (checkIndex < this.testJson.testJson[index].checkList.length - 1) {
|
|
|
- let a = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.testJson.testJson[index].checkList[checkIndex + 1]
|
|
|
- )
|
|
|
- );
|
|
|
- let b = JSON.parse(
|
|
|
- JSON.stringify(this.testJson.testJson[index].checkList[checkIndex])
|
|
|
- );
|
|
|
- this.testJson.testJson[index].checkList[checkIndex + 1] = b;
|
|
|
- this.testJson.testJson[index].checkList[checkIndex] = a;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addcheckList(json, index) {
|
|
|
- // json.checkList.length++;
|
|
|
- json.checkList.splice(index + 1, 0, "");
|
|
|
- json.askItem++;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- deletecheckList(json, index) {
|
|
|
- // json.checkList.length--;
|
|
|
- json.checkList.splice(index, 1);
|
|
|
- json.askItem--;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addTcheckList(json, index) {
|
|
|
- // json.checkList.length++;
|
|
|
- json.checkList.splice(index + 1, 0, "");
|
|
|
- json.testItem++;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- deleteTcheckList(json, index) {
|
|
|
- // json.checkList.length--;
|
|
|
- json.checkList.splice(index, 1);
|
|
|
- json.testItem--;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- checkTestType(type, json) {
|
|
|
- json.type = type;
|
|
|
- setTimeout(() => {
|
|
|
- json.answer = [];
|
|
|
- }, 100);
|
|
|
- },
|
|
|
- checkAskType(type, json) {
|
|
|
- json.type = type;
|
|
|
- // json.checkList = [];
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- addSelectList(json) {
|
|
|
- json.select.push("");
|
|
|
- json.answer.push("");
|
|
|
- },
|
|
|
- deleteSelectList(json) {
|
|
|
- // json.select.length--;
|
|
|
- // json.answer.length--;
|
|
|
- json.select.splice(json.select.length - 1, 1);
|
|
|
- json.answer.splice(json.answer.length - 1, 1);
|
|
|
- },
|
|
|
- addAsk() {
|
|
|
- if (this.askJson.askTitle === "") {
|
|
|
- this.$message.error("标题不能为空！");
|
|
|
- return;
|
|
|
- }
|
|
|
- var aj = this.askJson.askJson;
|
|
|
- var b = 1;
|
|
|
- for (var i = 0; i < aj.length; i++) {
|
|
|
- if (aj[i].askstitle === "") {
|
|
|
- var a = 1;
|
|
|
- for (let index = 0; index < aj[i].askItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- if (element != "") {
|
|
|
- b++;
|
|
|
- this.$message.error(`请将题目${i + 1}填写完整。`);
|
|
|
- return;
|
|
|
- } else {
|
|
|
- a++;
|
|
|
- }
|
|
|
- }
|
|
|
- if (b == 1) {
|
|
|
- this.$message.error("至少填写一个问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (aj[i].askstitle != "") {
|
|
|
- for (let index = 0; index < aj[i].askItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- var index = 0;
|
|
|
- for (var z = 0; z < aj[i].checkList.length; z++) {
|
|
|
- var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
|
|
|
- if (checkC != "") {
|
|
|
- index++;
|
|
|
- } else {
|
|
|
- this.$message.error(`题目${i + 1}选项不能为空！`);
|
|
|
- return;
|
|
|
- }
|
|
|
- for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
|
|
|
- let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
|
|
|
- if (checkC == checkC2) {
|
|
|
- this.$message.error(
|
|
|
- `第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- b++;
|
|
|
- if (index < 2) {
|
|
|
- this.$message.error("每道题目至少需要设置2个选项。");
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.askJson.askJson = this.askJson.askJson.filter((el) => {
|
|
|
- var elc = el.checkList.filter((element) => {
|
|
|
- return element != "";
|
|
|
- });
|
|
|
- return el.askstitle != "" && elc.length != 0;
|
|
|
- });
|
|
|
- if (!this.dialogVisible4) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex] = this.askJson;
|
|
|
- }
|
|
|
- this.dialogVisible5 = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 4
|
|
|
- ) {
|
|
|
- this.addTools(4, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addTest() {
|
|
|
- // if (this.testJson.testTitle === "") {
|
|
|
- // this.$message.error("标题不能为空！");
|
|
|
- // return;
|
|
|
- // }
|
|
|
- var aj = this.testJson.testJson;
|
|
|
- var b = 1;
|
|
|
- for (var i = 0; i < aj.length; i++) {
|
|
|
- if (aj[i].teststitle === "" && aj[i].timuList.length == 0) {
|
|
|
- var a = 1;
|
|
|
- for (let index = 0; index < aj[i].testItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- if (element != "") {
|
|
|
- b++;
|
|
|
- this.$message.error(`请将题目${i + 1}填写完整。`);
|
|
|
- return;
|
|
|
- } else {
|
|
|
- a++;
|
|
|
- }
|
|
|
- }
|
|
|
- if (b == 1) {
|
|
|
- this.$message.error("至少填写一个问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- } else if (aj[i].teststitle != "" || aj[i].timuList.length > 0) {
|
|
|
- for (let index = 0; index < aj[i].testItem; index++) {
|
|
|
- const element = aj[i].checkList[index]
|
|
|
- ? aj[i].checkList[index]
|
|
|
- : "";
|
|
|
- var index = 0;
|
|
|
- for (var z = 0; z < aj[i].checkList.length; z++) {
|
|
|
- var checkC = aj[i].checkList[z] ? aj[i].checkList[z] : "";
|
|
|
- if (checkC != "") {
|
|
|
- index++;
|
|
|
- } else {
|
|
|
- this.$message.error(`题目${i + 1}选项不能为空！`);
|
|
|
- return;
|
|
|
- }
|
|
|
- for (var z2 = z + 1; z2 < aj[i].checkList.length; z2++) {
|
|
|
- let checkC2 = aj[i].checkList[z2] ? aj[i].checkList[z2] : "";
|
|
|
- if (checkC == checkC2) {
|
|
|
- this.$message.error(
|
|
|
- `第${i + 1}题的选项${z + 1}和选项${z2 + 1}重复了，请修改！`
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- b++;
|
|
|
- if (index < 2) {
|
|
|
- this.$message.error("每道题目至少需要设置2个选项。");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (
|
|
|
- (aj[i].type == "2" && !aj[i].answer.length) ||
|
|
|
- (aj[i].type == "1" &&
|
|
|
- ((typeof aj[i].answer == "object" && !aj[i].answer.length) ||
|
|
|
- (aj[i].answer !== 0 && !aj[i].answer)))
|
|
|
- ) {
|
|
|
- this.$message.error(`请将题目${i + 1}的正确选项设置完整`);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- var isTestJson = JSON.parse(JSON.stringify(this.testJson));
|
|
|
- isTestJson.testJson = this.testJson.testJson.filter((el) => {
|
|
|
- var elc = el.checkList.filter((element) => {
|
|
|
- return element != "";
|
|
|
- });
|
|
|
- return (
|
|
|
- (el.teststitle != "" || el.timuList.length > 0) && elc.length != 0
|
|
|
- );
|
|
|
- });
|
|
|
- isTestJson.testCount = isTestJson.testJson.length;
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].testJson = isTestJson;
|
|
|
-
|
|
|
- this.dialogVisibleChoice = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 45
|
|
|
- ) {
|
|
|
- this.addTools(45, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addVideoJson(videoJson) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].videoJson = videoJson;
|
|
|
-
|
|
|
- this.dialogVisibleVideo = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 62
|
|
|
- ) {
|
|
|
- this.addTools(62, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- //自动获取剪贴板
|
|
|
- pasteOption() {
|
|
|
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
- if (!iframe) {
|
|
|
- this.$message.error("请使用AI共创生成题目");
|
|
|
- return;
|
|
|
- }
|
|
|
- let copyData = iframe.contentWindow.copyData;
|
|
|
- if (!copyData || !copyData.selectData.length) {
|
|
|
- this.$message.error("请使用AI共创生成题目");
|
|
|
- return;
|
|
|
- }
|
|
|
- let selectData = copyData.selectData;
|
|
|
- for (var i = 0; i < selectData.length; i++) {
|
|
|
- let answer = 0;
|
|
|
- switch (selectData[i].answer[0]) {
|
|
|
- case "A":
|
|
|
- answer = 0;
|
|
|
- break;
|
|
|
- case "B":
|
|
|
- answer = 1;
|
|
|
- break;
|
|
|
- case "C":
|
|
|
- answer = 2;
|
|
|
- break;
|
|
|
- case "D":
|
|
|
- answer = 3;
|
|
|
- break;
|
|
|
- case "E":
|
|
|
- answer = 4;
|
|
|
- break;
|
|
|
- default:
|
|
|
- break;
|
|
|
- }
|
|
|
- this.testJson.testJson.push({
|
|
|
- teststitle: selectData[i].subject,
|
|
|
- testItem: selectData[i].options.length,
|
|
|
- checkList: selectData[i].options,
|
|
|
- timuList: [],
|
|
|
- answer: answer,
|
|
|
- type: "1",
|
|
|
- });
|
|
|
- this.testJson.testCount++;
|
|
|
- }
|
|
|
- var isTestJson = JSON.parse(JSON.stringify(this.testJson));
|
|
|
- isTestJson.testJson = this.testJson.testJson.filter((el) => {
|
|
|
- var elc = el.checkList.filter((element) => {
|
|
|
- return element != "";
|
|
|
- });
|
|
|
- return (
|
|
|
- el.teststitle != "" || el.timuList.length > 0 || elc.length != 0
|
|
|
- );
|
|
|
- });
|
|
|
- isTestJson.testCount = isTestJson.testJson.length;
|
|
|
- if(!isTestJson.testCount){
|
|
|
- return;
|
|
|
- }
|
|
|
- this.testJson = isTestJson;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- pasteTask() {
|
|
|
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
- if (!iframe) {
|
|
|
- this.$message.error("请使用AI共创生成");
|
|
|
- return;
|
|
|
- }
|
|
|
- let copyData = iframe.contentWindow.copyData;
|
|
|
- if (!copyData || !copyData.tasksData || !copyData.tasksData.length) {
|
|
|
- this.$message.error("请使用AI共创生成");
|
|
|
- return;
|
|
|
- }
|
|
|
- let stageTasksData = copyData.tasksData;
|
|
|
- let taskA = [];
|
|
|
- let tasks = stageTasksData;
|
|
|
- for (var j = 0; j < tasks.length; j++) {
|
|
|
- taskA.push({
|
|
|
- task: tasks[j].taskName,
|
|
|
- taskDetail: tasks[j].taskDecs,
|
|
|
- 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: [],
|
|
|
- });
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson = taskA;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- pasteStage() {
|
|
|
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
- if (!iframe) {
|
|
|
- this.$message.error("请使用AI共创生成");
|
|
|
- return;
|
|
|
- }
|
|
|
- let copyData = iframe.contentWindow.copyData;
|
|
|
- if (!copyData || !copyData.stageData || !copyData.stageData.length) {
|
|
|
- this.$message.error("请使用AI共创生成");
|
|
|
- return;
|
|
|
- }
|
|
|
- let stageData = copyData.stageData;
|
|
|
- let stage = [];
|
|
|
- for (var i = 0; i < stageData.length; i++) {
|
|
|
- stage.push({
|
|
|
- dyName: stageData[i], //单元标题
|
|
|
- chapterInfo: [
|
|
|
- {
|
|
|
- isread: false,
|
|
|
- chapterid: this.guid(),
|
|
|
- title: "",
|
|
|
- courseName: "",
|
|
|
- taskJson: [
|
|
|
- {
|
|
|
- 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: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- itemCount: 1,
|
|
|
- fileList1: [],
|
|
|
- video: [],
|
|
|
- testData: [],
|
|
|
- pData: [],
|
|
|
- templateArray: [],
|
|
|
- },
|
|
|
- ],
|
|
|
- });
|
|
|
- }
|
|
|
- let _this = this;
|
|
|
- _this
|
|
|
- .$confirm("确定选择智能粘贴模式吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.unitIndex = 0;
|
|
|
- _this.unitJson = stage;
|
|
|
- _this.steps++;
|
|
|
- _this.updateWork();
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- },
|
|
|
- addAnswer() {
|
|
|
- if (this.answerQ == "") {
|
|
|
- this.$message.error("请输入您想要问的问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
- this.dialogVisible8 = false;
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 15
|
|
|
- ) {
|
|
|
- this.addTools(15, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addMp3Answer() {
|
|
|
- if (this.answerQ == "") {
|
|
|
- this.$message.error("请输入您想要回答的问题");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].answerQ = this.answerQ;
|
|
|
- this.dialogVisibleMp3 = false;
|
|
|
- },
|
|
|
- addRateAnswer() {
|
|
|
- var a = 1;
|
|
|
- for (var i = 0; i < this.rateJson.length; i++) {
|
|
|
- if (this.rateJson[i].value == "") {
|
|
|
- a = 2;
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- if (a == 2) {
|
|
|
- this.$message.error("请把评价信息填写完整");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].rateJson = this.rateJson;
|
|
|
- this.dialogVisibleRate = false;
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 40
|
|
|
- ) {
|
|
|
- this.addTools(40, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addSelectAnswer() {
|
|
|
- if (this.selectJson.url == "") {
|
|
|
- this.$message.error("请上传题目");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!this.selectJson.select.length) {
|
|
|
- this.$message.error("请添加选项");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!this.selectJson.answer.length) {
|
|
|
- this.$message.error("请设置答案");
|
|
|
- return;
|
|
|
- }
|
|
|
- var a = 1;
|
|
|
- for (var i = 0; i < this.selectJson.answer.length; i++) {
|
|
|
- if (!this.selectJson.answer[i] && this.selectJson.answer[i] !== 0) {
|
|
|
- a = 2;
|
|
|
- }
|
|
|
- }
|
|
|
- if (a == 2) {
|
|
|
- this.$message.error("请设置答案");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].selectJson = this.selectJson;
|
|
|
- this.dialogVisibleSelect = false;
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 41
|
|
|
- ) {
|
|
|
- this.addTools(41, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- nextSelectSteps() {
|
|
|
- if (this.selectJson.url == "") {
|
|
|
- this.$message.error("请上传题目");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (!this.selectJson.select.length) {
|
|
|
- this.$message.error("请添加选项");
|
|
|
- return;
|
|
|
- } else {
|
|
|
- for (var z = 0; z < this.selectJson.select.length; z++) {
|
|
|
- let checkC = this.selectJson.select[z];
|
|
|
- for (var z2 = z + 1; z2 < this.selectJson.select.length; z2++) {
|
|
|
- let checkC2 = this.selectJson.select[z2];
|
|
|
- if (checkC == checkC2) {
|
|
|
- this.$message.error(
|
|
|
- `选项${z + 1}和选项${z2 + 1}重复了，请修改！`
|
|
|
- );
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- var a = 1;
|
|
|
- for (var i = 0; i < this.selectJson.select.length; i++) {
|
|
|
- if (!this.selectJson.select[i]) {
|
|
|
- a = 2;
|
|
|
- }
|
|
|
- }
|
|
|
- if (a == 2) {
|
|
|
- this.$message.error("添加的选项不能为空");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.selectSteps++;
|
|
|
- },
|
|
|
- selectCourseDetail() {
|
|
|
- if (this.cid == "" || this.cid == undefined) {
|
|
|
- console.log("这是新增课程");
|
|
|
- if(this.oid == '4c686762-1d0a-11ed-8c78-005056b86db5'){
|
|
|
- this.isTeacherSee = true;
|
|
|
- }
|
|
|
- this.selectAllType();
|
|
|
- } else {
|
|
|
- this.cidType = 1;
|
|
|
- let params = {
|
|
|
- cid: this.cid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "select_course_detail", params)
|
|
|
- .then((res) => {
|
|
|
- this.loading = true;
|
|
|
- this.unitJson = JSON.parse(res.data[0][0].chapters);
|
|
|
- for (var j = 0; j < this.unitJson.length; j++) {
|
|
|
- for (
|
|
|
- var k = 0;
|
|
|
- k < this.unitJson[j].chapterInfo[0].taskJson.length;
|
|
|
- k++
|
|
|
- ) {
|
|
|
- this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose = this
|
|
|
- .unitJson[j].chapterInfo[0].taskJson[k].toolChoose
|
|
|
- ? this.unitJson[j].chapterInfo[0].taskJson[k].toolChoose
|
|
|
- : [];
|
|
|
- let _chapterData = [];
|
|
|
- for (
|
|
|
- var c = 0;
|
|
|
- c <
|
|
|
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData
|
|
|
- .length;
|
|
|
- c++
|
|
|
- ) {
|
|
|
- if (
|
|
|
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
|
|
|
- ) {
|
|
|
- _chapterData.push(
|
|
|
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData[c]
|
|
|
- );
|
|
|
- }
|
|
|
- }
|
|
|
- this.unitJson[j].chapterInfo[0].taskJson[k].chapterData =
|
|
|
- _chapterData;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- this.$forceUpdate();
|
|
|
- this.courseName = res.data[0][0].title;
|
|
|
- this.courseText = res.data[0][0].brief;
|
|
|
- this.evalua = res.data[0][0].evaId;
|
|
|
- this.cover = JSON.parse(res.data[0][0].cover);
|
|
|
- this.noneBtnImg = this.cover.length >= 1;
|
|
|
- // this.checkboxList =
|
|
|
- // res.data[0][0].course_student.length > 0
|
|
|
- // ? JSON.parse(res.data[0][0].course_student)
|
|
|
- // : [];
|
|
|
- this.checkboxList2 = res.data[0][0].juri
|
|
|
- ? res.data[0][0].juri.split(",")
|
|
|
- : [];
|
|
|
- this.inviteCode = [];
|
|
|
- for (var i = 0; i < res.data[2].length; i++) {
|
|
|
- this.inviteCode.push({
|
|
|
- cid: res.data[2][i].classid,
|
|
|
- ic: res.data[2][i].code,
|
|
|
- });
|
|
|
- }
|
|
|
-
|
|
|
- this.checkboxList3 = res.data[0][0].course_teacher
|
|
|
- ? res.data[0][0].course_teacher.split(",")
|
|
|
- : [];
|
|
|
- // this.isTeacherSee =
|
|
|
- // res.data[0][0].is_teacher_look == 0 ? true : false;
|
|
|
- this.isTeacherSee = res.data[0][0].open == 1 ? true : false;
|
|
|
- this.myWord = res.data[0][0].template;
|
|
|
- this.templateC.id = "123";
|
|
|
- this.courseUserid = res.data[0][0].userid;
|
|
|
- // if(this.courseUserid == this.userid){
|
|
|
- // this.InviteChange(this.checkboxList2)
|
|
|
- // }
|
|
|
- this.nbOrder = res.data[0][0].ordernumber;
|
|
|
- this.courseTypeId = [];
|
|
|
- for (var i = 0; i < res.data[1].length; i++) {
|
|
|
- this.courseTypeId.push(res.data[1][i].typeid);
|
|
|
- }
|
|
|
- console.log(this.courseTypeId);
|
|
|
- // if (this.timer) clearInterval(this.timer);
|
|
|
- if (this.timer) clearTimeout(this.timer);
|
|
|
- this.timer = null;
|
|
|
- // this.timer = setInterval(() => {
|
|
|
-
|
|
|
- // 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);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- }
|
|
|
- },
|
|
|
- seleteCourseUpdate() {
|
|
|
- let params = {
|
|
|
- cid: this.cid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "select_course_detail", params)
|
|
|
- .then((res) => {
|
|
|
- // console.log(this.unitJson);
|
|
|
- let unitJson = JSON.parse(res.data[0][0].chapters);
|
|
|
- this.unitJson2 = JSON.parse(res.data[0][0].chapters);
|
|
|
- let _unitJson2 = JSON.parse(JSON.stringify(this.unitJson));
|
|
|
- let _unitJson = [];
|
|
|
- let _chapAarry = [];
|
|
|
- let _unitIndex = JSON.parse(JSON.stringify(this.unitIndex));
|
|
|
- let _unitIndex2 = JSON.parse(JSON.stringify(this.unitIndex));
|
|
|
- let index = 1;
|
|
|
- let chapindex;
|
|
|
- if (_unitJson2.length > unitJson.length) {
|
|
|
- for (let c = 0; c < _unitJson2.length; c++) {
|
|
|
- _chapAarry.push(_unitJson2[c].chapterInfo[0].chapterid);
|
|
|
- }
|
|
|
- for (let j = 0; j < unitJson.length; j++) {
|
|
|
- let count = 0;
|
|
|
- for (let k = 0; k < _unitJson2.length; k++) {
|
|
|
- if (
|
|
|
- unitJson[j].chapterInfo[0].chapterid ==
|
|
|
- _unitJson2[k].chapterInfo[0].chapterid
|
|
|
- ) {
|
|
|
- count++;
|
|
|
- _chapAarry.splice(
|
|
|
- _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
|
|
|
- 1
|
|
|
- );
|
|
|
- _unitJson.push(unitJson[j]);
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- // if(count === 0){
|
|
|
- // this.$message.error("您所修改的阶段已经被其他老师删除了");
|
|
|
- // }
|
|
|
- }
|
|
|
- for (let k = 0; k < _unitJson2.length; k++) {
|
|
|
- if (_unitJson2[k].isUpdate == 1) {
|
|
|
- _chapAarry.splice(
|
|
|
- _chapAarry.indexOf(_unitJson2[k].chapterInfo[0].chapterid),
|
|
|
- 1
|
|
|
- );
|
|
|
- _unitJson.push(_unitJson2[k]);
|
|
|
- }
|
|
|
- }
|
|
|
- console.log(_chapAarry);
|
|
|
- for (let d = 0; d < _unitJson2.length; d++) {
|
|
|
- if (
|
|
|
- _chapAarry.indexOf(_unitJson2[d].chapterInfo[0].chapterid) != -1
|
|
|
- ) {
|
|
|
- if (_unitIndex == d) {
|
|
|
- index = 2;
|
|
|
- }
|
|
|
- chapindex = d;
|
|
|
- // this.$message.error("您所修改的阶段已经被其他老师删除了");
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- _unitJson = JSON.parse(JSON.stringify(_unitJson2));
|
|
|
- }
|
|
|
-
|
|
|
- for (let i = 0; i < unitJson.length; i++) {
|
|
|
- if (
|
|
|
- (i < _unitJson.length - 1 || i == _unitJson.length - 1) &&
|
|
|
- _unitJson[i].chapterInfo[0].chapterid !=
|
|
|
- unitJson[i].chapterInfo[0].chapterid
|
|
|
- ) {
|
|
|
- if (i == _unitJson.length - 1) {
|
|
|
- // this.unitIndex++
|
|
|
- _unitIndex2++;
|
|
|
- }
|
|
|
- _unitJson.splice(i, 0, unitJson[i]);
|
|
|
- } else if (i > _unitJson.length - 1) {
|
|
|
- _unitJson.push(unitJson[i]);
|
|
|
- } else if (
|
|
|
- _unitJson[i].chapterInfo[0].chapterid ==
|
|
|
- unitJson[i].chapterInfo[0].chapterid
|
|
|
- ) {
|
|
|
- _unitJson[i] = unitJson[i];
|
|
|
- }
|
|
|
- // if (i == _unitIndex) {
|
|
|
- // continue;
|
|
|
- // } else
|
|
|
- }
|
|
|
-
|
|
|
- if (_chapAarry.length && index != 2) {
|
|
|
- if (chapindex < _unitIndex) {
|
|
|
- this.isDelete = 2;
|
|
|
- // this.unitIndex--;
|
|
|
- _unitIndex2--;
|
|
|
- } else if (
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].chapterid !=
|
|
|
- _unitJson[_unitIndex].chapterInfo[0].chapterid
|
|
|
- ) {
|
|
|
- this.isDelete = 2;
|
|
|
- for (let n = 0; n < _unitJson.length; n++) {
|
|
|
- if (
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].chapterid ==
|
|
|
- _unitJson[n].chapterInfo[0].chapterid
|
|
|
- ) {
|
|
|
- // this.unitIndex = n;
|
|
|
- _unitIndex2 = n;
|
|
|
- _unitJson[n] = _unitJson2[_unitIndex];
|
|
|
- break;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- } else if (index != 2) {
|
|
|
- // _unitJson[this.unitIndex] = _unitJson2[_unitIndex];
|
|
|
- _unitJson2[_unitIndex];
|
|
|
- for (
|
|
|
- var ci = 0;
|
|
|
- ci < _unitJson2[_unitIndex].chapterInfo[0].taskJson.length;
|
|
|
- ci++
|
|
|
- ) {
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose =
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].toolChoose
|
|
|
- ? _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
|
|
|
- .toolChoose
|
|
|
- : [];
|
|
|
- let _chapterData = [];
|
|
|
- for (
|
|
|
- var c = 0;
|
|
|
- c <
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData
|
|
|
- .length;
|
|
|
- c++
|
|
|
- ) {
|
|
|
- if (
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
|
|
|
- .chapterData[c]
|
|
|
- ) {
|
|
|
- _chapterData.push(
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci]
|
|
|
- .chapterData[c]
|
|
|
- );
|
|
|
- }
|
|
|
- }
|
|
|
- _unitJson2[_unitIndex].chapterInfo[0].taskJson[ci].chapterData =
|
|
|
- _chapterData;
|
|
|
- }
|
|
|
- _unitJson[_unitIndex2] = _unitJson2[_unitIndex];
|
|
|
- }
|
|
|
- if (index == 1) {
|
|
|
- this.unitJson = _unitJson;
|
|
|
- this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- if (this.unitIndex != _unitIndex2) {
|
|
|
- this.isDelete = 2;
|
|
|
- this.unitIndex = _unitIndex2;
|
|
|
- }
|
|
|
- }, 0);
|
|
|
- this.timer = setTimeout(() => {
|
|
|
- this.seleteCourseUpdate();
|
|
|
- }, 1000);
|
|
|
- } else if (index == 2) {
|
|
|
- let _this = this;
|
|
|
- _this
|
|
|
- .$confirm(
|
|
|
- "您所修改的阶段已经被其他老师删除了,需要恢复嘛?",
|
|
|
- "提示",
|
|
|
- {
|
|
|
- confirmButtonText: "需要",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- }
|
|
|
- )
|
|
|
- .then(() => {
|
|
|
- if (_this.time()) {
|
|
|
- _this.restoreWork(
|
|
|
- _chapAarry[0],
|
|
|
- _unitJson,
|
|
|
- chapindex,
|
|
|
- _unitJson2,
|
|
|
- _unitIndex2
|
|
|
- );
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- _this.unitJson = _unitJson;
|
|
|
- _this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- if (this.unitIndex != _unitIndex2) {
|
|
|
- this.isDelete = 2;
|
|
|
- this.unitIndex = _unitIndex2;
|
|
|
- }
|
|
|
- }, 0);
|
|
|
- _this.timer = setTimeout(() => {
|
|
|
- _this.seleteCourseUpdate();
|
|
|
- }, 1000);
|
|
|
- });
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- restoreWork(chapid, unitJson, chapindex, unitJson2, unitIndex2) {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- chapters: JSON.stringify(this.unitJson),
|
|
|
- uid: this.userid,
|
|
|
- chapid: chapid,
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "restoreWork", params)
|
|
|
- .then((res) => {
|
|
|
- this.$message({
|
|
|
- message: "恢复成功",
|
|
|
- type: "success",
|
|
|
- });
|
|
|
- unitJson.splice(chapindex, 0, unitJson2[chapindex]);
|
|
|
- this.unitJson = unitJson;
|
|
|
- this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- if (this.unitIndex != unitIndex2) {
|
|
|
- this.isDelete = 2;
|
|
|
- this.unitIndex = unitIndex2;
|
|
|
- }
|
|
|
- }, 0);
|
|
|
- this.timer = setTimeout(() => {
|
|
|
- this.seleteCourseUpdate();
|
|
|
- }, 1000);
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- getTypeName() {
|
|
|
- console.log(this.courseTypeId);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- selectAllType() {
|
|
|
- let params = {
|
|
|
- org: this.org && this.org != "" ? this.org : "",
|
|
|
- oid: this.oid && this.oid != "" ? this.oid : "",
|
|
|
- stand: "cn"
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectAllTypeStand", params)
|
|
|
- .then((res) => {
|
|
|
- if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
- res.data[0] = [...res.data[0], ...res.data[4]];
|
|
|
- }
|
|
|
- this.CourseType = res.data;
|
|
|
- this.CourseType2 = [
|
|
|
- { name: "智见课程", id: [] },
|
|
|
- { name: "智行课程", id: [] },
|
|
|
- { name: "智创课程", id: [] },
|
|
|
- ];
|
|
|
-
|
|
|
- for (var cti = 0; cti < res.data[0].length; cti++) {
|
|
|
- if (
|
|
|
- res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
|
|
|
- res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5"
|
|
|
- ) {
|
|
|
- this.CourseType2[0].id.push(res.data[0][cti].id);
|
|
|
- } else if (
|
|
|
- res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5" ||
|
|
|
- res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"
|
|
|
- ) {
|
|
|
- this.CourseType2[1].id.push(res.data[0][cti].id);
|
|
|
- } else if (
|
|
|
- res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
|
|
|
- ) {
|
|
|
- this.CourseType2[2].id.push(res.data[0][cti].id);
|
|
|
- }
|
|
|
- if (
|
|
|
- res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86db5" ||
|
|
|
- res.data[0][cti].id == "34628934-d02f-11ec-8c78-005056b86ac5"
|
|
|
- ) {
|
|
|
- res.data[0][cti].name = "年级";
|
|
|
- } else if (
|
|
|
- res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86db5" ||
|
|
|
- res.data[0][cti].id == "34629907-d02f-11ec-8c78-005056b86ac5"
|
|
|
- ) {
|
|
|
- res.data[0][cti].name = "学科";
|
|
|
- } else if (
|
|
|
- res.data[0][cti].id == "34629bcc-d02f-11ec-8c78-005056b86db5"
|
|
|
- ) {
|
|
|
- res.data[0][cti].name = "主题";
|
|
|
- }
|
|
|
- }
|
|
|
- let _courseTypeId = [];
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- if (!this.cid) {
|
|
|
- this.courseTypeId[res.data[0][i].id] = [];
|
|
|
- }
|
|
|
- // if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- // }
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
-
|
|
|
- if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
- if (res.data[0][i].name == "栏目") {
|
|
|
- this.CourseType[0][i].name = "主题";
|
|
|
- }
|
|
|
- }
|
|
|
- if (res.data[2].length == 0 && res.data[3].length == 0) {
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (
|
|
|
- this.courseTypeId.indexOf(res.data[1][j].id) != -1 &&
|
|
|
- _courseTypeId.indexOf(res.data[1][j].id) == -1
|
|
|
- ) {
|
|
|
- _courseTypeId.push(res.data[1][j].id);
|
|
|
- }
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (res.data[2].length > 0) {
|
|
|
- for (var j = 0; j < res.data[2].length; j++) {
|
|
|
- if (
|
|
|
- this.courseTypeId.indexOf(res.data[2][j].id) != -1 &&
|
|
|
- _courseTypeId.indexOf(res.data[2][j].id) == -1
|
|
|
- ) {
|
|
|
- _courseTypeId.push(res.data[2][j].id);
|
|
|
- }
|
|
|
- if (res.data[0][i].id == res.data[2][j].pid) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[2][j]); // 去除公共分类
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- if (res.data[3].length > 0) {
|
|
|
- for (var j = 0; j < res.data[3].length; j++) {
|
|
|
- if (
|
|
|
- this.courseTypeId.indexOf(res.data[3][j].id) != -1 &&
|
|
|
- _courseTypeId.indexOf(res.data[3][j].id) == -1
|
|
|
- ) {
|
|
|
- _courseTypeId.push(res.data[3][j].id);
|
|
|
- }
|
|
|
- if (res.data[0][i].id == res.data[3][j].pid) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[3][j]); // 去除公共分类
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.courseTypeId = _courseTypeId;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- selectType() {
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectType")
|
|
|
- .then((res) => {
|
|
|
- this.CourseType = res.data;
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- if (!this.cid) {
|
|
|
- this.courseTypeId[res.data[0][i].id] = "";
|
|
|
- }
|
|
|
- if (this.oid == "69893dca-1d47-11ed-8c78-005056b86db5") {
|
|
|
- if (res.data[0][i].name == "栏目") {
|
|
|
- this.CourseType[0][i].name = "主题";
|
|
|
- }
|
|
|
- }
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
- }
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]); // 去除公共分类
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.selectTypeByOid();
|
|
|
- this.selectTypeByOrg();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- selectTypeByOid() {
|
|
|
- let params = {
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectTypeByOid", params)
|
|
|
- .then((res) => {
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
- }
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- selectTypeByOrg() {
|
|
|
- let params = {
|
|
|
- oid: this.org,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectTypeByOrg", params)
|
|
|
- .then((res) => {
|
|
|
- for (var i = 0; i < res.data[0].length; i++) {
|
|
|
- for (var j = 0; j < res.data[1].length; j++) {
|
|
|
- if (res.data[0][i].id == res.data[1][j].pid) {
|
|
|
- if (!this.CourseTypeJson[res.data[0][i].id]) {
|
|
|
- this.CourseTypeJson[res.data[0][i].id] = [];
|
|
|
- }
|
|
|
- this.CourseTypeJson[res.data[0][i].id].push(res.data[1][j]);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- OtherMb(type) {
|
|
|
- this.typeMode = type;
|
|
|
- setTimeout(() => {
|
|
|
- this.checkEva(this.checkId);
|
|
|
- }, 0);
|
|
|
- },
|
|
|
- openMember() {
|
|
|
- this.searchTN = "";
|
|
|
- this.getTeacher();
|
|
|
- this.dialogVisibleMember = true;
|
|
|
- },
|
|
|
- checkEva(id, type) {
|
|
|
- this.dialogVisiblemb = false;
|
|
|
- this.selectEva();
|
|
|
- if (this.evalua != id && type == 2) {
|
|
|
- this.$message.success("导入成功");
|
|
|
- }
|
|
|
- this.evalua = id;
|
|
|
- this.checkId = id;
|
|
|
- if (this.evalua != "") {
|
|
|
- for (var i = 0; i < this.evaJuri.length; i++) {
|
|
|
- if (this.evalua == this.evaJuri[i].id) {
|
|
|
- this.eTitle = this.evaJuri[i].title;
|
|
|
- this.eJson = JSON.parse(this.evaJuri[i].content);
|
|
|
- }
|
|
|
- }
|
|
|
- this.data.data = [];
|
|
|
- this.$forceUpdate();
|
|
|
- setTimeout(() => {
|
|
|
- this.setMindData();
|
|
|
- }, 500);
|
|
|
- }
|
|
|
- },
|
|
|
- deleteEva() {
|
|
|
- let _this = this;
|
|
|
- if (_this.evalua == "") {
|
|
|
- this.$message.warning("内容已经清空了，请勿重复清空");
|
|
|
- return;
|
|
|
- }
|
|
|
- _this
|
|
|
- .$confirm("确定删除此目标吗?", "提示", {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- })
|
|
|
- .then(() => {
|
|
|
- _this.evalua = "";
|
|
|
- _this.checkId = "";
|
|
|
- _this.eTitle = "";
|
|
|
- let _unitJson = _this.unitJson;
|
|
|
- for (var i = 0; i < _unitJson.length; i++) {
|
|
|
- let _task = _unitJson[i].chapterInfo[0].taskJson;
|
|
|
- for (var j = 0; j < _task.length; j++) {
|
|
|
- let _eList = _task[j].eList;
|
|
|
- for (var k = 0; k < _eList.length; k++) {
|
|
|
- delete _eList[k].target;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- _this.$forceUpdate();
|
|
|
- if (_this.cid) {
|
|
|
- _this.updateWork();
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- return;
|
|
|
- });
|
|
|
- },
|
|
|
- selectEva() {
|
|
|
- let params = {
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectAllEvaluation", params)
|
|
|
- .then((res) => {
|
|
|
- this.evaJuri = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- setMindData() {
|
|
|
- let targetArray = [];
|
|
|
- this.data.data = [];
|
|
|
- this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
|
|
|
- let _eJson = Object.keys(this.eJson);
|
|
|
- let _e = this.eJson;
|
|
|
- for (let i = 0; i < _eJson.length; i++) {
|
|
|
- let element = _e[_eJson[i]];
|
|
|
- this.data.data.push({
|
|
|
- id: element.id,
|
|
|
- parentid: "root",
|
|
|
- topic: element.name,
|
|
|
- });
|
|
|
- // targetArray.push({
|
|
|
- // id: element.id,
|
|
|
- // parentid: "root",
|
|
|
- // name: element.name,
|
|
|
- // });
|
|
|
- targetArray.push({
|
|
|
- value: element.name,
|
|
|
- label: element.name,
|
|
|
- children: [],
|
|
|
- });
|
|
|
- let _eJsonc = Object.keys(element.child);
|
|
|
- let _e2 = element.child;
|
|
|
- for (let j = 0; j < _eJsonc.length; j++) {
|
|
|
- let _ec = _e2[_eJsonc[j]];
|
|
|
- this.data.data.push({
|
|
|
- id: _ec.id,
|
|
|
- parentid: element.id,
|
|
|
- topic: _ec.name,
|
|
|
- });
|
|
|
- // targetArray.push({
|
|
|
- // id: _ec.id,
|
|
|
- // parentid: element.id,
|
|
|
- // name: _ec.name,
|
|
|
- // });
|
|
|
- targetArray[i].children.push({
|
|
|
- value: _ec.name,
|
|
|
- label: _ec.name,
|
|
|
- children: [],
|
|
|
- });
|
|
|
- let _eJsonz = Object.keys(_ec.child);
|
|
|
- let _e3 = _ec.child;
|
|
|
- for (let z = 0; z < _eJsonz.length; z++) {
|
|
|
- let _ez = _e3[_eJsonz[z]];
|
|
|
- this.data.data.push({
|
|
|
- id: _ez.id,
|
|
|
- parentid: _ec.id,
|
|
|
- topic: _ez.name,
|
|
|
- });
|
|
|
- // targetArray.push({
|
|
|
- // id: _ez.id,
|
|
|
- // parentid: _ec.id,
|
|
|
- // name: _ez.name,
|
|
|
- // });
|
|
|
- targetArray[i].children[j].children.push({
|
|
|
- value: _ez.name,
|
|
|
- label: _ez.name,
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- this.targetArray = targetArray;
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- /*添加评价 */
|
|
|
- addEList(index, tIndex) {
|
|
|
- this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList
|
|
|
- ? this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.push({
|
|
|
- value: "",
|
|
|
- detail: "",
|
|
|
- score: 5,
|
|
|
- })
|
|
|
- : (this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList = [
|
|
|
- { value: "", detail: "", score: 5 },
|
|
|
- ]);
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- forceUpdate() {
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- deletEList(index, tIndex, eIndex) {
|
|
|
- this.unitJson[index].chapterInfo[0].taskJson[tIndex].eList.splice(
|
|
|
- eIndex,
|
|
|
- 1
|
|
|
- );
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- getChoosePic(t) {
|
|
|
- this.chooseType = t;
|
|
|
- this.getAllBanner();
|
|
|
- },
|
|
|
- getAllBanner() {
|
|
|
- this.sysPicVisible = true;
|
|
|
- let params = {
|
|
|
- t: this.chooseType,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectAllBanner", params)
|
|
|
- .then((res) => {
|
|
|
- this.sysPic = res.data[0];
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- // getClass() {
|
|
|
- // let params = {
|
|
|
- // oid: this.oid,
|
|
|
- // };
|
|
|
- // this.ajax
|
|
|
- // .get(this.$store.state.api + "selectClassBySchool", params)
|
|
|
- // .then((res) => {
|
|
|
- // this.classJuri = res.data[0];
|
|
|
- // })
|
|
|
- // .catch((err) => {
|
|
|
- // console.error(err);
|
|
|
- // });
|
|
|
- // },
|
|
|
- deleteSysPic() {
|
|
|
- this.cover = [];
|
|
|
- this.isSysPic = false;
|
|
|
- this.isSysPic2 = false;
|
|
|
- },
|
|
|
- deleteSelectPic() {
|
|
|
- this.selectJson.url = "";
|
|
|
- },
|
|
|
- setEListStar() {
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- deletRateList(i) {
|
|
|
- this.rateJson.splice(i, 1);
|
|
|
- },
|
|
|
- addRateList() {
|
|
|
- this.rateJson.push({ detail: "", score: 5, value: "" });
|
|
|
- },
|
|
|
- addSt() {
|
|
|
- this.sentenceList.push({
|
|
|
- sentenceTitle: "",
|
|
|
- addSentence: [],
|
|
|
- rightAnswer: [],
|
|
|
- });
|
|
|
- },
|
|
|
- addSen(i) {
|
|
|
- if (!this.sentenceList[i].sentenceTitle) {
|
|
|
- this.$message.error("请填写卡片内容！");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (this.sentenceList[i].sentenceTitle.length > 10) {
|
|
|
- this.$message.error("卡片内容字数不能超过10位");
|
|
|
- return;
|
|
|
- }
|
|
|
- if (
|
|
|
- this.sentenceList[i].addSentence.indexOf(
|
|
|
- this.sentenceList[i].sentenceTitle
|
|
|
- ) !== -1
|
|
|
- ) {
|
|
|
- this.$message.error("不能添加重复的卡片内容！");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.sentenceList[i].addSentence.push(this.sentenceList[i].sentenceTitle);
|
|
|
- // this.isPushTitleList.push(this.sentenceTitle);
|
|
|
- this.sentenceList[i].sentenceTitle = "";
|
|
|
- },
|
|
|
- setRightAnswer(s, i, j) {
|
|
|
- if (this.sentenceList[i].rightAnswer.indexOf(s) == -1) {
|
|
|
- this.sentenceList[i].rightAnswer.push(s);
|
|
|
- }
|
|
|
- },
|
|
|
- returnCard(r, i, j) {
|
|
|
- this.sentenceList[i].rightAnswer.splice(j, 1);
|
|
|
- },
|
|
|
- addSentenceTool() {
|
|
|
- for (var i = 0; i < this.sentenceList.length; i++) {
|
|
|
- if (this.sentenceList[i].rightAnswer.length == 0) {
|
|
|
- this.$message.error(`请将题目${i + 1}设置完整。`);
|
|
|
- return;
|
|
|
- }
|
|
|
- if (
|
|
|
- this.sentenceList[i].addSentence.length !=
|
|
|
- this.sentenceList[i].rightAnswer.length
|
|
|
- ) {
|
|
|
- this.$message.error(`请将题目${i + 1}设置完整。`);
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].sentenceList = this.sentenceList;
|
|
|
- this.sentenceList = [
|
|
|
- { sentenceTitle: "", addSentence: [], rightAnswer: [] },
|
|
|
- ];
|
|
|
- this.dialogVisibleSentence = false;
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool = [];
|
|
|
- // this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- // itemTaskIndex
|
|
|
- // ].toolChoose[toolIndex].tool.push(i);
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 47
|
|
|
- ) {
|
|
|
- this.addTools(47, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addTableJson() {
|
|
|
- // if (this.tableJson.text == "" || this.tableJson.text == "<p></p>") {
|
|
|
- // this.$message.error("请将信息填写完整！");
|
|
|
- // return;
|
|
|
- // }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].tableJson = this.tableJson;
|
|
|
- // this.tableJson = [{ text: "" }];
|
|
|
- // this.dialogVisibleTable = false;
|
|
|
- this.$message.success("上传成功");
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 48
|
|
|
- ) {
|
|
|
- this.addTools(48, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addWordJson() {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].wordJson = this.wordJson;
|
|
|
- // this.wordJson = [{ text: "" }];
|
|
|
- // this.dialogVisibleWord = false;
|
|
|
- this.$message.success("上传成功");
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 52
|
|
|
- ) {
|
|
|
- this.addTools(52, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addMoreUpload() {
|
|
|
- if (this.uploadJson.length == 0) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].uploadJson = [];
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].uploadJson = this.uploadJson;
|
|
|
- }
|
|
|
-
|
|
|
- this.uploadJson = [];
|
|
|
- this.dialogVisibleMoreUpload = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 50
|
|
|
- ) {
|
|
|
- this.addTools(50, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- addPreTime() {
|
|
|
- if (this.preTime == 0) {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].preTime = 0;
|
|
|
- } else {
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].preTime = this.preTime;
|
|
|
- }
|
|
|
- this.preTime = 0;
|
|
|
- this.dialogVisiblePreTime = false;
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 10
|
|
|
- ) {
|
|
|
- this.addTools(10, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- goToTask(i) {
|
|
|
- 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 {
|
|
|
- document.querySelectorAll(".rightBox")[0].scrollTop =
|
|
|
- document.querySelectorAll(".taskBorder")[i].offsetTop +
|
|
|
- document.querySelectorAll(".taskBorder")[i].parentElement
|
|
|
- .parentElement.offsetTop;
|
|
|
- this.isClickColor = i + 1;
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- i
|
|
|
- ].toolOpen = true;
|
|
|
- // }
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- taskOpen(i){
|
|
|
- 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();
|
|
|
- },
|
|
|
- taskMove(type, index) {
|
|
|
- // this
|
|
|
- // .$confirm("切换任务顺序将删除所有工具的提交成果，是否继续此操作?", "提示", {
|
|
|
- // confirmButtonText: "确定",
|
|
|
- // cancelButtonText: "取消",
|
|
|
- // type: "warning",
|
|
|
- // })
|
|
|
- // .then(() => {
|
|
|
- if (type == 1) {
|
|
|
- if (index > 0) {
|
|
|
- let a = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1]
|
|
|
- )
|
|
|
- );
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index - 1] =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
|
|
|
- }
|
|
|
- } else {
|
|
|
- if (
|
|
|
- index <
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson.length - 1
|
|
|
- ) {
|
|
|
- let a = JSON.parse(
|
|
|
- JSON.stringify(
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1]
|
|
|
- )
|
|
|
- );
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index + 1] =
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index];
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index] = a;
|
|
|
- }
|
|
|
- }
|
|
|
- this.$forceUpdate();
|
|
|
- // })
|
|
|
- // .catch(() => {
|
|
|
- // return;
|
|
|
- // })
|
|
|
- },
|
|
|
- addGroup(i) {
|
|
|
- // this.groupJson.group.splice(i + 1, 0, { name: "第"+(i+1)+"组" });
|
|
|
- this.groupJson.group.push({
|
|
|
- name: "第" + (this.groupJson.group.length + 1) + "组",
|
|
|
- });
|
|
|
- },
|
|
|
- deleteGroup(i) {
|
|
|
- this.groupJson.group.splice(i, 1);
|
|
|
- },
|
|
|
- numberPan() {
|
|
|
- if (
|
|
|
- /[^\d]/.test(this.groupJson.number) ||
|
|
|
- this.groupJson.number < 2 ||
|
|
|
- this.groupJson.number > 10
|
|
|
- ) {
|
|
|
- this.$message.error("请输入2-10的数字");
|
|
|
- this.groupJson.number = "";
|
|
|
- }
|
|
|
- },
|
|
|
- addGroupJson() {
|
|
|
- for (var i = 0; i < this.groupJson.group.length; i++) {
|
|
|
- if (!this.groupJson.group[i].name) {
|
|
|
- this.$message.error("请将信息填写完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
- }
|
|
|
- if (!this.groupJson.number) {
|
|
|
- this.$message.error("请将信息填写完整！");
|
|
|
- return;
|
|
|
- }
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose[this.toolIndex].groupJson = JSON.parse(
|
|
|
- JSON.stringify(this.groupJson)
|
|
|
- );
|
|
|
- this.dialogVisibleGroup = false;
|
|
|
- this.groupJson = {};
|
|
|
-
|
|
|
- if (
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .toolChoose[this.toolIndex].tool != 49
|
|
|
- ) {
|
|
|
- this.addTools(49, this.taskCount, this.toolIndex);
|
|
|
- }
|
|
|
- },
|
|
|
- updateTime(preTime) {
|
|
|
- this.preTime = preTime;
|
|
|
- },
|
|
|
- InviteChange(val) {
|
|
|
- console.log(val);
|
|
|
- let _check = [];
|
|
|
- let _check2 = [];
|
|
|
- for (var i = 0; i < this.grade2.length; i++) {
|
|
|
- var gid = this.grade2[i].id;
|
|
|
- _check.push(gid);
|
|
|
- }
|
|
|
- for (var i = 0; i < this.checkboxList2.length; i++) {
|
|
|
- var _id = this.checkboxList2[i];
|
|
|
- if (_check.indexOf(_id) !== -1) {
|
|
|
- _check2.push(_id);
|
|
|
- }
|
|
|
- }
|
|
|
- this.checkAll = _check2.length === _check.length;
|
|
|
- return;
|
|
|
- let array = JSON.parse(JSON.stringify(val));
|
|
|
- this.inviteCode = this.inviteCode.filter((el) => {
|
|
|
- if (val.indexOf(el.cid) != -1) {
|
|
|
- array.splice(array.indexOf(el.cid), 1);
|
|
|
- return el;
|
|
|
- }
|
|
|
- });
|
|
|
- for (var i = 0; i < array.length; i++) {
|
|
|
- this.getInviteCode(array[i]);
|
|
|
- }
|
|
|
- },
|
|
|
- handleCheckAllChange(val) {
|
|
|
- if (val) {
|
|
|
- for (var i = 0; i < this.grade2.length; i++) {
|
|
|
- var gid = this.grade2[i].id;
|
|
|
- if (this.checkboxList2.indexOf(gid) === -1) {
|
|
|
- this.checkboxList2.push(gid);
|
|
|
- }
|
|
|
- }
|
|
|
- } else {
|
|
|
- let _check = [];
|
|
|
- let _check2 = [];
|
|
|
- for (var i = 0; i < this.grade2.length; i++) {
|
|
|
- var gid = this.grade2[i].id;
|
|
|
- _check.push(gid);
|
|
|
- }
|
|
|
- for (var i = 0; i < this.checkboxList2.length; i++) {
|
|
|
- var _id = this.checkboxList2[i];
|
|
|
- if (_check.indexOf(_id) === -1) {
|
|
|
- _check2.push(_id);
|
|
|
- }
|
|
|
- }
|
|
|
- this.checkboxList2 = _check2;
|
|
|
- }
|
|
|
- this.isIndeterminate = false;
|
|
|
- },
|
|
|
- async getInviteCode(cid) {
|
|
|
- let code = this.randomNumber();
|
|
|
- let params = {
|
|
|
- code: code,
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- let type = 1;
|
|
|
- for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
- if (this.inviteCode[i].cid != cid && code == this.inviteCode[i].ic) {
|
|
|
- type = 2;
|
|
|
- }
|
|
|
- }
|
|
|
- if (type == 2) {
|
|
|
- this.getInviteCode(cid);
|
|
|
- return;
|
|
|
- }
|
|
|
- const res = await this.ajax.get(
|
|
|
- this.$store.state.api + "selectInviteCode2",
|
|
|
- params
|
|
|
- );
|
|
|
- if (
|
|
|
- res.data.length &&
|
|
|
- res.data[0].length &&
|
|
|
- res.data[0][0].courseId != this.cid
|
|
|
- ) {
|
|
|
- this.getInviteCode(cid);
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- let array = [];
|
|
|
- for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
- array.push(this.inviteCode[i].cid);
|
|
|
- }
|
|
|
- if (array.indexOf(cid) != -1) {
|
|
|
- this.inviteCode[array.indexOf(cid)].ic = code;
|
|
|
- } else {
|
|
|
- this.inviteCode.push({ cid: cid, ic: code });
|
|
|
- }
|
|
|
- },
|
|
|
- OpenInviteD(cid) {
|
|
|
- let array = [];
|
|
|
- this.icode = "";
|
|
|
- for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
- array.push(this.inviteCode[i].cid);
|
|
|
- }
|
|
|
- if (array.indexOf(cid) != -1) {
|
|
|
- this.icode = this.inviteCode[array.indexOf(cid)].ic;
|
|
|
- }
|
|
|
- this.inviteId = cid;
|
|
|
- this.dialogVisibleInvite = true;
|
|
|
- },
|
|
|
- addInvite() {
|
|
|
- let reg = /^[A-Za-z0-9]{4,}$/;
|
|
|
- if (!reg.test(this.icode)) {
|
|
|
- this.$message.error("请输入至少四位数字或英文组合的随机码");
|
|
|
- return;
|
|
|
- }
|
|
|
- let type = 1;
|
|
|
- for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
- if (
|
|
|
- this.inviteCode[i].cid != this.inviteId &&
|
|
|
- this.icode == this.inviteCode[i].ic
|
|
|
- ) {
|
|
|
- type = 2;
|
|
|
- }
|
|
|
- }
|
|
|
- if (type == 2) {
|
|
|
- this.$message.error("已有此随机码，不能重复");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- let params = {
|
|
|
- code: this.icode,
|
|
|
- oid: this.oid,
|
|
|
- };
|
|
|
- this.ajax
|
|
|
- .get(this.$store.state.api + "selectInviteCode", params)
|
|
|
- .then((res) => {
|
|
|
- if (
|
|
|
- res.data.length &&
|
|
|
- res.data[0].length &&
|
|
|
- res.data[0][0].courseId != this.cid
|
|
|
- ) {
|
|
|
- this.$message.error("已有此随机码，不能重复");
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- let array = [];
|
|
|
- for (var i = 0; i < this.inviteCode.length; i++) {
|
|
|
- array.push(this.inviteCode[i].cid);
|
|
|
- }
|
|
|
- if (array.indexOf(this.inviteId) != -1) {
|
|
|
- this.inviteCode[array.indexOf(this.inviteId)].ic = this.icode;
|
|
|
- } else {
|
|
|
- this.inviteCode.push({ cid: this.inviteId, ic: this.icode });
|
|
|
- }
|
|
|
- this.icode = "";
|
|
|
- this.dialogVisibleInvite = false;
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- },
|
|
|
- randomNumber() {
|
|
|
- // 随机生成两位数
|
|
|
- // let num = Math.floor(Math.random() * 900) + 100;
|
|
|
- // 生成 0 到 99 之间的随机整数
|
|
|
- const randomNumber = Math.floor(Math.random() * 100);
|
|
|
-
|
|
|
- // 如果随机数小于 10，补上前导零
|
|
|
- const num =
|
|
|
- randomNumber < 10 ? "0" + randomNumber : randomNumber.toString();
|
|
|
-
|
|
|
- // 随机生成两个大写字母
|
|
|
- let letters = "";
|
|
|
- let chars2 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
|
|
|
- for (let i = 0; i < 3; i++) {
|
|
|
- letters += chars2.charAt(Math.floor(Math.random() * chars2.length));
|
|
|
- }
|
|
|
-
|
|
|
- // 随机生成两位数字和字母的组合
|
|
|
- let mix = "";
|
|
|
- let chars =
|
|
|
- "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
|
|
- for (let i = 0; i < 3; i++) {
|
|
|
- let char = chars.charAt(Math.floor(Math.random() * chars.length));
|
|
|
- mix += char;
|
|
|
- }
|
|
|
-
|
|
|
- // 随机选择一种类型
|
|
|
- let type = Math.floor(Math.random() * 3);
|
|
|
-
|
|
|
- return num;
|
|
|
-
|
|
|
- // 根据类型输出结果
|
|
|
- switch (type) {
|
|
|
- case 0:
|
|
|
- console.log(num); // 输出两位数
|
|
|
- return num;
|
|
|
- case 1:
|
|
|
- console.log(letters); // 输出两个大写字母
|
|
|
- return letters;
|
|
|
- case 2:
|
|
|
- console.log(mix); // 输出两位数字和字母的组合
|
|
|
- return mix;
|
|
|
- }
|
|
|
- },
|
|
|
- getPaste() {
|
|
|
- let iframe = top.document.querySelectorAll("#AIChat iframe")[0];
|
|
|
- if (!iframe) {
|
|
|
- return;
|
|
|
- }
|
|
|
- let copyData = iframe.contentWindow.copyData;
|
|
|
- // if (copyData && copyData.stageData && copyData.stageData.length) {
|
|
|
- // this.isPasteStage = true
|
|
|
- // }
|
|
|
- if (copyData && copyData.selectData.length) {
|
|
|
- this.isPasteChoice = true;
|
|
|
- }
|
|
|
- if (copyData && copyData.tasksData && copyData.tasksData.length) {
|
|
|
- this.isPasteTask = true;
|
|
|
- }
|
|
|
- },
|
|
|
- searchImage() {
|
|
|
- var _this = this;
|
|
|
- _this.imageList = [];
|
|
|
- if (!_this.searchImageValue) {
|
|
|
- _this.sysPicVisible2 = true;
|
|
|
- return;
|
|
|
- }
|
|
|
- _this.imageloading = true;
|
|
|
- _this.ajax
|
|
|
- .post("https://gpt.cocorobo.cn/search_image", {
|
|
|
- page: _this.ppage,
|
|
|
- pagesize: 9,
|
|
|
- query: _this.searchImageValue,
|
|
|
- })
|
|
|
- .then(function (response) {
|
|
|
- // 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].thumbnail });
|
|
|
- }
|
|
|
- _this.imageloading = false;
|
|
|
- })
|
|
|
- .catch(function (error) {
|
|
|
- console.log(error);
|
|
|
- });
|
|
|
- _this.sysPicVisible2 = true;
|
|
|
- },
|
|
|
- changePicture() {
|
|
|
- this.ppage++;
|
|
|
- this.searchImage();
|
|
|
- },
|
|
|
- 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);
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[
|
|
|
- j
|
|
|
- ].isFold3 = false;
|
|
|
- // setTimeout(() => {
|
|
|
- // this.$refs.rightboxR.scrollTop = this.$refs.rightboxR.scrollTop - 100;
|
|
|
- // }, 0);
|
|
|
- }
|
|
|
- },
|
|
|
- dragStart(val, i, j) {
|
|
|
- this.taskCount = j;
|
|
|
- this.oldIndex = i;
|
|
|
- this.oldData = val;
|
|
|
- },
|
|
|
- dragOver(i, j) {
|
|
|
- this.typeIndex = "chapter-" + j + "-" + i;
|
|
|
- this.newIndex = i;
|
|
|
- },
|
|
|
- dragEnd() {
|
|
|
- let newItems = [
|
|
|
- ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
|
|
|
- .chapterData,
|
|
|
- ];
|
|
|
- // 删除老的节点
|
|
|
- newItems.splice(this.oldIndex, 1);
|
|
|
- // 在列表中目标位置增加新的节点
|
|
|
- newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].chapterData = [...newItems];
|
|
|
- this.typeIndex = "";
|
|
|
- this.newIndex = "";
|
|
|
- this.isdrag = "";
|
|
|
- this.$forceUpdate();
|
|
|
- },
|
|
|
- dragTaskStart(val, i) {
|
|
|
- this.oldIndex = i;
|
|
|
- this.oldData = val;
|
|
|
- },
|
|
|
- dragTaskOver(i) {
|
|
|
- this.typeIndex = "task-" + i;
|
|
|
- this.newIndex = i;
|
|
|
- },
|
|
|
- async dragTaskEnd() {
|
|
|
- if (this.newIndex == this.oldIndex) {
|
|
|
- this.newIndex = "";
|
|
|
- this.typeIndex = "";
|
|
|
- this.isdrag = "";
|
|
|
- return;
|
|
|
- }
|
|
|
- let count1 = await this.getWorksCount(2, 0, this.newIndex, 0)
|
|
|
- let count2 = await this.getWorksCount(2, 0, this.oldIndex, 0)
|
|
|
- if(count1 > 0 || count2 > 0){
|
|
|
- this.$confirm(
|
|
|
- "切换任务顺序将删除所有工具的提交成果，是否继续此操作?",
|
|
|
- "提示",
|
|
|
- {
|
|
|
- confirmButtonText: "确定",
|
|
|
- cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
- }
|
|
|
- )
|
|
|
- .then(() => {
|
|
|
- let newItems = [
|
|
|
- ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson,
|
|
|
- ];
|
|
|
- // 删除老的节点
|
|
|
- newItems.splice(this.oldIndex, 1);
|
|
|
- // 在列表中目标位置增加新的节点
|
|
|
- newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [...newItems];
|
|
|
- this.typeIndex = "";
|
|
|
- this.newIndex = "";
|
|
|
- this.isdrag = "";
|
|
|
- this.$forceUpdate();
|
|
|
- })
|
|
|
- .catch(() => {
|
|
|
- this.typeIndex = "";
|
|
|
- this.newIndex = "";
|
|
|
- this.isdrag = "";
|
|
|
- return;
|
|
|
- });
|
|
|
- }else{
|
|
|
- let newItems = [
|
|
|
- ...this.unitJson[this.unitIndex].chapterInfo[0].taskJson,
|
|
|
- ];
|
|
|
- // 删除老的节点
|
|
|
- newItems.splice(this.oldIndex, 1);
|
|
|
- // 在列表中目标位置增加新的节点
|
|
|
- newItems.splice(this.newIndex, 0, this.oldData);
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson = [...newItems];
|
|
|
- this.typeIndex = "";
|
|
|
- this.newIndex = "";
|
|
|
- this.$forceUpdate();
|
|
|
- }
|
|
|
- },
|
|
|
- getWorksCount(type, stage, task, tool){
|
|
|
- return new Promise((resolve, reject) => {
|
|
|
- let params = [
|
|
|
- {
|
|
|
- cid: this.cid,
|
|
|
- stage: stage,
|
|
|
- task: task,
|
|
|
- tool: tool,
|
|
|
- type: type
|
|
|
- },
|
|
|
- ];
|
|
|
- this.ajax
|
|
|
- .post(this.$store.state.api + "getCourseWorkCount", params)
|
|
|
- .then((res) => {
|
|
|
- let count = res.data[0][0].count
|
|
|
- resolve(count)
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- resolve(0)
|
|
|
- this.$message.error("网络不佳");
|
|
|
- console.error(err);
|
|
|
- });
|
|
|
- });
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
- beforeDestroy() {
|
|
|
- clearTimeout(this.timer);
|
|
|
- this.timer = null;
|
|
|
- clearInterval(this.timer2);
|
|
|
- this.timer2 = null;
|
|
|
- clearInterval(this.pasteTimer);
|
|
|
- this.pasteTimer = null;
|
|
|
- },
|
|
|
- beforeRouteLeave(to, from, next) {
|
|
|
- clearTimeout(this.timer);
|
|
|
- this.timer = null;
|
|
|
- clearInterval(this.timer2);
|
|
|
- this.timer2 = null;
|
|
|
- clearInterval(this.pasteTimer);
|
|
|
- this.pasteTimer = null;
|
|
|
- next();
|
|
|
- },
|
|
|
- created() {
|
|
|
- this.getStudent();
|
|
|
- this.getTeacher();
|
|
|
- this.getClass();
|
|
|
- this.selectGrage();
|
|
|
- this.getTemplate();
|
|
|
- // this.selectType();
|
|
|
- this.selectEva();
|
|
|
- this.loading = false;
|
|
|
- this.timer2 = setInterval(() => {
|
|
|
- this.selectEva();
|
|
|
- }, 5000);
|
|
|
- this.pasteTimer = setInterval(() => {
|
|
|
- this.getPaste();
|
|
|
- }, 1000);
|
|
|
- setTimeout(() => {
|
|
|
- this.selectCourseDetail();
|
|
|
- }, 500);
|
|
|
- },
|
|
|
- mounted() {
|
|
|
- this.$nextTick(() => {
|
|
|
- //监听这个dom的scroll事件
|
|
|
- $(".rightBox")[0].addEventListener("scroll", this.scrollChange);
|
|
|
- this.heightPx = $(".rightBox")[0].offsetHeight + "px";
|
|
|
- this.unitJson[this.unitIndex].chapterInfo[0].taskJson[0].toolOpen = true;
|
|
|
- this.$forceUpdate();
|
|
|
- });
|
|
|
- },
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
-@media screen and (max-width: 1280px) {
|
|
|
- .mbCss {
|
|
|
- flex-direction: column !important;
|
|
|
- }
|
|
|
-
|
|
|
- .pjCss {
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
-
|
|
|
- .evaCss {
|
|
|
- width: 100% !important;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy >>> .el-dialog__header {
|
|
|
- background: #3c3c3c !important;
|
|
|
- padding: 15px 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy >>> .el-dialog__title {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn {
|
|
|
- top: 19px;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy >>> .el-dialog__body,
|
|
|
-.dialog_diy >>> .el-dialog__footer {
|
|
|
- background: #fafafa;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy3 >>> .el-dialog__body,
|
|
|
-.dialog_diy3 >>> .el-dialog__footer {
|
|
|
- background: #eee !important;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy3 >>> .el-dialog__body {
|
|
|
- padding: 20px 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.source_diy >>> .el-dialog {
|
|
|
- height: 100% !important;
|
|
|
- margin: 0 auto !important;
|
|
|
-}
|
|
|
-
|
|
|
-.source_diy >>> .el-dialog__body {
|
|
|
- height: calc(100% - 185px);
|
|
|
- overflow: auto;
|
|
|
- background: #e6eaf0;
|
|
|
-}
|
|
|
-
|
|
|
-.source_diy >>> .el-dialog__footer {
|
|
|
- background: #e6eaf0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.left {
|
|
|
- border-right: 1px solid rgb(60, 94, 143);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- min-height: 600px;
|
|
|
- width: 385px;
|
|
|
- height: 80%;
|
|
|
-}
|
|
|
-
|
|
|
-.tips {
|
|
|
- color: rgb(128, 128, 128);
|
|
|
- font-size: 12px;
|
|
|
- width: 270px;
|
|
|
- margin: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.pb_content {
|
|
|
- height: 100% !important;
|
|
|
- /* margin: 0 20px 0 20px; */
|
|
|
-}
|
|
|
-
|
|
|
-.pb_content_body {
|
|
|
- width: 100% !important;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.info_solid {
|
|
|
- width: 270px;
|
|
|
- height: 30px;
|
|
|
- border-left: 1px solid #bdbdbd;
|
|
|
- margin: 10px 0px 10px 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.info_steps {
|
|
|
- width: 270px;
|
|
|
- font-size: 0.875rem;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.info_steps span:nth-child(1) {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- background: rgba(0, 0, 0, 0.38);
|
|
|
- display: block;
|
|
|
- color: #fff;
|
|
|
- border-radius: 40px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.steps_active {
|
|
|
- background: #3d67bc !important;
|
|
|
-}
|
|
|
-
|
|
|
-.info_steps span:nth-child(2) {
|
|
|
- margin-left: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.right {
|
|
|
- height: 100%;
|
|
|
- width: calc(100% - 40px);
|
|
|
- display: flex;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.basic_box {
|
|
|
- margin: 0 auto;
|
|
|
- position: relative;
|
|
|
- padding: 0 20px 0 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.basic_box2 {
|
|
|
- position: relative;
|
|
|
- width: calc(100% - 300px);
|
|
|
-}
|
|
|
-
|
|
|
-.basic_box_success {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- padding: 50px 0;
|
|
|
- position: relative;
|
|
|
- text-align: center;
|
|
|
- /* border-bottom: 1px solid #bfbfbf; */
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.info_title {
|
|
|
- font-size: 1.5em;
|
|
|
- margin-right: 25px;
|
|
|
- /* margin: 20px 30px 20px 30px; */
|
|
|
-}
|
|
|
-
|
|
|
-.bInfo_title {
|
|
|
- text-align: left;
|
|
|
- margin: 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.small_title {
|
|
|
- font-size: 14px;
|
|
|
- line-height: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_beizhu {
|
|
|
- font-size: 12px;
|
|
|
- font-weight: bold;
|
|
|
- float: right;
|
|
|
- color: rgb(128, 128, 128);
|
|
|
- margin-top: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_uploadBox1 {
|
|
|
- text-align: left;
|
|
|
- background-color: rgb(242, 242, 242);
|
|
|
- width: 100%;
|
|
|
- height: 67px;
|
|
|
- padding: 0px 15px;
|
|
|
- border-radius: 8px;
|
|
|
- overflow: hidden;
|
|
|
- font-size: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_add {
|
|
|
- width: 100%;
|
|
|
- height: 32px;
|
|
|
- margin-top: 15px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_add_l {
|
|
|
- margin-left: 5px;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- float: left;
|
|
|
- border: 1px solid #aaa;
|
|
|
- color: #aaa;
|
|
|
- border-radius: 50%;
|
|
|
- font-size: 25px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_add_r {
|
|
|
- font-size: 18px;
|
|
|
- height: 40px;
|
|
|
- line-height: 30px;
|
|
|
- text-indent: 10px;
|
|
|
- color: #aaa;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_add_r span {
|
|
|
- font-size: 12px;
|
|
|
- color: rgb(204, 204, 204);
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_add_input {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.line {
|
|
|
- width: 85%;
|
|
|
- margin: 0 auto;
|
|
|
- border-top: 1px solid #e5e5e5;
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.info_btnBox {
|
|
|
- width: calc(100%);
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- height: 70px;
|
|
|
- align-items: center;
|
|
|
- background: #fff;
|
|
|
- margin: 0 auto;
|
|
|
- border-top: 2px solid rgb(228, 232, 237);
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 0px 0 5px 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.info_btnBox2 {
|
|
|
- width: calc(100%);
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- height: 20px;
|
|
|
- align-items: center;
|
|
|
- background: #fff;
|
|
|
- margin: 0 auto;
|
|
|
- border-top: 2px solid rgb(228, 232, 237);
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: hidden;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.info_btnBox3 {
|
|
|
- width: calc(100%);
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- padding: 0 20px;
|
|
|
- height: 60px;
|
|
|
- align-items: center;
|
|
|
- background: unset;
|
|
|
- margin: 0 auto;
|
|
|
- /* border-top: 1px solid rgb(228, 232, 237); */
|
|
|
- box-sizing: border-box;
|
|
|
- overflow: hidden;
|
|
|
- cursor: pointer;
|
|
|
- background: #fff;
|
|
|
- border-radius: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.info_btn + .info_btn {
|
|
|
- margin-left: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.info_btn,
|
|
|
-.teacherWord {
|
|
|
- color: #fff;
|
|
|
- background-color: #0f7eff;
|
|
|
- padding: 8px 24px;
|
|
|
- font-size: 0.9375rem;
|
|
|
- box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%),
|
|
|
- 0px 3px 1px -2px rgb(0 0 0 / 12%);
|
|
|
- min-width: 64px;
|
|
|
- font-weight: 500;
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- border: none;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.teacherWord {
|
|
|
- width: 105px !important;
|
|
|
- text-align: center !important;
|
|
|
- line-height: 36px !important;
|
|
|
- padding: 0 !important;
|
|
|
- font-size: 14px !important;
|
|
|
- margin: 10px 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.wordTeacher {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- width: 20%;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- margin: 30px 30px 0 10px;
|
|
|
- background: #fff;
|
|
|
- position: relative;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 25px 0px;
|
|
|
-}
|
|
|
-
|
|
|
-.wordPic {
|
|
|
- margin: 0 auto;
|
|
|
- width: 60px;
|
|
|
- height: 60px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.deleteWord {
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- position: absolute;
|
|
|
- right: 5px;
|
|
|
- top: -15px;
|
|
|
- cursor: pointer;
|
|
|
- display: none;
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-
|
|
|
-.wordPic > img,
|
|
|
-.deleteWord > img,
|
|
|
-.addToolImg > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.info_btn:hover {
|
|
|
- background-color: #4f7cd5 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.cru_selectBox {
|
|
|
- display: flex;
|
|
|
- margin: 24px 0 10px;
|
|
|
- flex-wrap: nowrap;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: auto;
|
|
|
- position: relative;
|
|
|
- height: 47px;
|
|
|
-}
|
|
|
-
|
|
|
-.cru_selectBox::-webkit-scrollbar {
|
|
|
- /*滚动条整体样式*/
|
|
|
- width: 6px;
|
|
|
- /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
- height: 6px;
|
|
|
-}
|
|
|
-
|
|
|
-/*定义滚动条轨道 内阴影+圆角*/
|
|
|
-.cru_selectBox::-webkit-scrollbar-track {
|
|
|
- border-radius: 10px;
|
|
|
- background-color: #eee;
|
|
|
-}
|
|
|
-
|
|
|
-/*定义滑块 内阴影+圆角*/
|
|
|
-.cru_selectBox::-webkit-scrollbar-thumb {
|
|
|
- border-radius: 10px;
|
|
|
- -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
- background-color: rgba(0, 0, 0, 0.1);
|
|
|
-}
|
|
|
-
|
|
|
-.cru_line {
|
|
|
- position: absolute;
|
|
|
- bottom: 0px;
|
|
|
- transition: all 0.5s;
|
|
|
- left: 0px;
|
|
|
- width: 125px;
|
|
|
- margin-left: -25px;
|
|
|
-}
|
|
|
-
|
|
|
-.cru_select {
|
|
|
- font-size: 21px;
|
|
|
- margin-right: 37px;
|
|
|
- margin-left: 5px;
|
|
|
- cursor: pointer;
|
|
|
- color: #a6a6a6;
|
|
|
-}
|
|
|
-
|
|
|
-.cru_selected {
|
|
|
- color: #0b7fc2 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_contentbox {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-top: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_contentbox .cc_title {
|
|
|
- margin: 0px;
|
|
|
- color: black;
|
|
|
- display: block;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-right: 20px;
|
|
|
- font-size: 18px;
|
|
|
- height: 20px;
|
|
|
- line-height: 22px;
|
|
|
- min-width: fit-content;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_contentbox .cc_title::before {
|
|
|
- content: "";
|
|
|
- height: 100%;
|
|
|
- width: 3px;
|
|
|
- background: #3681fc;
|
|
|
- border-radius: 3px;
|
|
|
- opacity: 1;
|
|
|
- display: block;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_contentbox .cc_input {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.show_taskD {
|
|
|
- min-width: fit-content;
|
|
|
- margin-left: 10px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- color: #717c8d;
|
|
|
-}
|
|
|
-
|
|
|
-.show_taskD > img {
|
|
|
- width: 15px;
|
|
|
- margin-right: 5px;
|
|
|
- transition: 0.2s all;
|
|
|
- transform: rotate(-90deg);
|
|
|
-}
|
|
|
-
|
|
|
-.show_taskD.show > img {
|
|
|
- transform: rotate(0deg);
|
|
|
-}
|
|
|
-
|
|
|
-.show_toolD {
|
|
|
- min-width: fit-content;
|
|
|
- margin-left: 10px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- color: #717c8d;
|
|
|
- /* position: absolute;
|
|
|
- right: 45px;
|
|
|
- top: 5px; */
|
|
|
-}
|
|
|
-
|
|
|
-.show_toolD > img {
|
|
|
- width: 15px;
|
|
|
- margin-right: 5px;
|
|
|
- transition: 0.2s all;
|
|
|
- transform: rotate(-90deg);
|
|
|
-}
|
|
|
-
|
|
|
-.show_toolD.show > img {
|
|
|
- transform: rotate(0deg);
|
|
|
-}
|
|
|
-
|
|
|
-.remove {
|
|
|
- background-image: url("../../../assets/icon/new/delete_u.png");
|
|
|
- cursor: pointer;
|
|
|
- opacity: 0.5;
|
|
|
- width: 30px;
|
|
|
- min-width: 30px;
|
|
|
- height: 30px;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.remove1 {
|
|
|
- background-image: url("../../../assets/remove1.png");
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-position: 5px 10px;
|
|
|
- width: 40px;
|
|
|
- height: 50px;
|
|
|
- cursor: pointer;
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.binfo_input {
|
|
|
- width: 100%;
|
|
|
- margin: 0;
|
|
|
- padding: 12px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- box-sizing: border-box;
|
|
|
- background: none;
|
|
|
- border: none;
|
|
|
- border-radius: 4px;
|
|
|
- background: #fff;
|
|
|
- font-size: 16px;
|
|
|
- resize: none;
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
- min-height: 48px;
|
|
|
- /* border: 1px solid #3682fc00; */
|
|
|
- border: 1.5px solid #cad1dc;
|
|
|
-}
|
|
|
-
|
|
|
-.binfo_textarea {
|
|
|
- border: 1.5px solid #cad1dc;
|
|
|
- font-size: 16px;
|
|
|
- resize: none;
|
|
|
- background: #f6f6f6;
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
-}
|
|
|
-
|
|
|
-.binfo_input:focus-visible {
|
|
|
- border: 1.5px solid #3681fc !important;
|
|
|
-}
|
|
|
-
|
|
|
-.time {
|
|
|
- display: flex;
|
|
|
- margin: 35px 0 80px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_btnbox {
|
|
|
- width: 160px;
|
|
|
- border-radius: 5px;
|
|
|
- border: 2px dashed gray;
|
|
|
- display: flex;
|
|
|
- padding: 8px 50px;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin: 30px auto 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.icon_add {
|
|
|
- position: relative;
|
|
|
- width: 24px;
|
|
|
- padding-top: 20px;
|
|
|
- border-radius: 100%;
|
|
|
- border-width: 2px;
|
|
|
- border-style: solid;
|
|
|
- border-color: gray;
|
|
|
-}
|
|
|
-
|
|
|
-.icon_add i:nth-child(1) {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 50%;
|
|
|
- height: 60%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- border-width: 1px;
|
|
|
- border-style: solid;
|
|
|
- border-color: inherit;
|
|
|
-}
|
|
|
-
|
|
|
-.icon_add i:nth-child(2) {
|
|
|
- position: absolute;
|
|
|
- top: 50%;
|
|
|
- left: 50%;
|
|
|
- width: 60%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- border-width: 1px;
|
|
|
- border-style: solid;
|
|
|
- border-color: inherit;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_btn_w {
|
|
|
- font-size: 0.9375rem;
|
|
|
- font-weight: bold;
|
|
|
- color: gray;
|
|
|
- margin-left: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.disUoloadSty >>> .el-icon-plus {
|
|
|
- display: none !important;
|
|
|
- /* 上传按钮隐藏 */
|
|
|
-}
|
|
|
-
|
|
|
-.imgLeft {
|
|
|
- margin: 15px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.add_info_box {
|
|
|
- margin: 0 0 0 auto;
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.add_info_box button {
|
|
|
- margin: 0 5px 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.add_info_box2 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.add_info_box2::after {
|
|
|
- content: "提示：支持上传10M以内的PPT和Word文件、5M以内的Excel文件， PDF文件不限制大小。";
|
|
|
- color: red;
|
|
|
- font-size: 14px;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.add_chapters_box {
|
|
|
- text-align: left;
|
|
|
- background-color: #fff;
|
|
|
- width: 100%;
|
|
|
- border-radius: 4px;
|
|
|
- font-size: 16px;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
- padding: 0 15px;
|
|
|
- height: auto;
|
|
|
- overflow-y: auto;
|
|
|
- overflow-x: hidden;
|
|
|
- border: 1px solid #cad1dc;
|
|
|
-}
|
|
|
-
|
|
|
-.add_chapters_box.add_c_none {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- padding: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.add_c_none > img {
|
|
|
- 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;
|
|
|
- flex-wrap: wrap;
|
|
|
- margin: 15px 0 0 0;
|
|
|
- flex-direction: column;
|
|
|
- align-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.course_homework {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- margin: 0 10px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.course_homework >>> .el-input__inner {
|
|
|
- width: 140px;
|
|
|
- margin-left: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_move {
|
|
|
- position: relative;
|
|
|
- background-color: #fff;
|
|
|
- position: absolute;
|
|
|
- width: 100%;
|
|
|
- top: 0px;
|
|
|
- left: 0px;
|
|
|
- border: 1px solid #eee;
|
|
|
- border-radius: 5px;
|
|
|
- transition: width 2s;
|
|
|
- -moz-transition: width 2s;
|
|
|
- -webkit-transition: width 2s;
|
|
|
- -o-transition: width 2s;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i {
|
|
|
- background-image: url("../../../assets/icon.png");
|
|
|
- background-position: 3px -165px;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- margin: 10px auto 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.course_input_box {
|
|
|
- display: flex;
|
|
|
- margin-right: 20px;
|
|
|
- width: 100%;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.course_input_box > .binfo_input {
|
|
|
- width: calc(100% - 0 - 200px - 20px);
|
|
|
- margin: 0 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.bb_courseIcon {
|
|
|
- width: 57px;
|
|
|
- height: 45px;
|
|
|
- background: #f0f4fa;
|
|
|
- border-radius: 5px 0px 0px 5px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-right: 1.5px solid rgb(202, 209, 220);
|
|
|
- box-sizing: border-box;
|
|
|
- position: absolute;
|
|
|
- left: 1.5px;
|
|
|
-}
|
|
|
-
|
|
|
-.bb_courseIcon > img {
|
|
|
- width: 25px;
|
|
|
- height: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.big_box {
|
|
|
- /* margin-top: 20px; */
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- /* border-bottom: 1px solid #E0E2ED; */
|
|
|
-}
|
|
|
-
|
|
|
-.left_first {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- width: calc(100% - 310px);
|
|
|
- padding: 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.right_first {
|
|
|
- width: 300px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- /* border-left: 1px solid #E0E2ED; */
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 20px;
|
|
|
- flex-direction: column;
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.ai_box {
|
|
|
- width: 204px;
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.ai_content {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- padding: 7px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
|
|
|
- border-radius: 12px;
|
|
|
- font-weight: 700;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.ai_content > img {
|
|
|
- width: 40px;
|
|
|
- margin-right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.c_info_title {
|
|
|
- padding: 15px 0 15px 0;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- 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 {
|
|
|
- /* height: 30px; */
|
|
|
- padding: 0 20px;
|
|
|
- font-size: 18px;
|
|
|
- font-weight: bold;
|
|
|
- /* color: #0f7eff; */
|
|
|
- margin: 20px auto 0;
|
|
|
- display: flex;
|
|
|
- /* justify-content: space-between; */
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.people {
|
|
|
- border: 1px solid rgb(229 229 229);
|
|
|
- height: 495px;
|
|
|
- border-radius: 5px;
|
|
|
- width: 100%;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.people_top {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
- /* justify-content: space-between; */
|
|
|
- /* align-items: center; */
|
|
|
- flex-direction: column;
|
|
|
- padding: 10px 10px 0;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.people_nav,
|
|
|
-.people_top_right {
|
|
|
- /* padding: 20px 0 0 20px; */
|
|
|
-}
|
|
|
-
|
|
|
-.people_top_right {
|
|
|
- height: 40px;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.people_search {
|
|
|
- display: flex;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.people_search >>> .el-input__inner {
|
|
|
- /* height: 25px; */
|
|
|
- width: 95%;
|
|
|
-}
|
|
|
-
|
|
|
-.search_img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- position: absolute;
|
|
|
- right: 30px;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
-}
|
|
|
-
|
|
|
-.search_img > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.people_name {
|
|
|
- display: flex;
|
|
|
- justify-content: flex-start;
|
|
|
- padding: 20px 10px;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.p_box {
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.people_name >>> .el-checkbox {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.people_name >>> .el-checkbox__label {
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- width: calc(100%);
|
|
|
-}
|
|
|
-
|
|
|
-.people_name2 >>> .el-checkbox__label {
|
|
|
- width: calc(100% - 130px);
|
|
|
-}
|
|
|
-
|
|
|
-.inviteCode {
|
|
|
- position: absolute;
|
|
|
- right: 30px;
|
|
|
- color: #237ade;
|
|
|
- top: 0;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 13px;
|
|
|
-}
|
|
|
-
|
|
|
-.noneInvite {
|
|
|
- color: #a8a8a8;
|
|
|
-}
|
|
|
-
|
|
|
-.inviteImg {
|
|
|
- position: absolute;
|
|
|
- right: 5px;
|
|
|
- top: 0;
|
|
|
- width: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.right_img {
|
|
|
- width: 150px;
|
|
|
- height: 150px;
|
|
|
- margin: 20px auto;
|
|
|
-}
|
|
|
-
|
|
|
-.right_img > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.number {
|
|
|
- margin-top: 20px;
|
|
|
- color: #4aa6ff;
|
|
|
- text-decoration: underline;
|
|
|
-}
|
|
|
-
|
|
|
-.success_button {
|
|
|
- display: flex;
|
|
|
- text-align: center;
|
|
|
- margin: 5% 0 auto;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.look_course {
|
|
|
- margin-right: 40px;
|
|
|
- background: #3d67bc;
|
|
|
- width: 200px;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.attend_others {
|
|
|
- width: 250px;
|
|
|
- background: #4fb13c;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- color: #fff;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.dialog_diy2 >>> .el-dialog__body {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.write_togother {
|
|
|
- position: absolute;
|
|
|
- right: 45px;
|
|
|
- display: flex;
|
|
|
- top: 5%;
|
|
|
-}
|
|
|
-
|
|
|
-.write_people {
|
|
|
- font-size: 14px;
|
|
|
- line-height: 50px;
|
|
|
- padding-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.end_write {
|
|
|
- background: #3d67bc;
|
|
|
- color: #fff;
|
|
|
- width: 100px;
|
|
|
- height: 35px;
|
|
|
- line-height: 35px;
|
|
|
- text-align: center;
|
|
|
- font-size: 14px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload + .chapter_upload {
|
|
|
- /* margin-top: 15px; */
|
|
|
- border-top: 1px solid #e7ebf1;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload {
|
|
|
- height: 45px;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- 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:hover > .chapter_upload_drag{
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_drag {
|
|
|
- position: absolute;
|
|
|
- cursor: pointer;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- left: -9px;
|
|
|
- background-image: url("../../../assets/icon/new/icon_course_drag.png");
|
|
|
- background-size: 100% 100%;
|
|
|
- z-index: 10;
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_t {
|
|
|
- background-color: #fff;
|
|
|
- position: absolute;
|
|
|
- height: 100%;
|
|
|
- top: 0px;
|
|
|
- left: 0px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_o {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic {
|
|
|
- margin: 0 15px 0px auto;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic_l {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- float: left;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic_l div {
|
|
|
- width: 30px;
|
|
|
- height: 35px;
|
|
|
- background: url("../../../assets/icon/icon.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic_edit {
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 10px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic_edit div {
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- background-image: url("../../../assets/icon/new/edit_u.png");
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic_r {
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ic_r div {
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- background-image: url("../../../assets/icon/new/delete_u.png");
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_n {
|
|
|
- display: flex;
|
|
|
- text-indent: 10px;
|
|
|
- text-decoration: none;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- width: 55%;
|
|
|
- margin-left: 10px;
|
|
|
- cursor: pointer;
|
|
|
- margin-top: 2px;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i2,
|
|
|
-.chapter_upload_l_i3,
|
|
|
-.chapter_upload_l_i8,
|
|
|
-.chapter_upload_l_i6,
|
|
|
-.chapter_upload_l_i12,
|
|
|
-.chapter_upload_l_i14,
|
|
|
-.chapter_upload_l_i13 {
|
|
|
- width: 15px;
|
|
|
- height: 15px;
|
|
|
- background-size: 100% 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i2 {
|
|
|
- background-image: url("../../../assets/icon/new/u_word.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i3 {
|
|
|
- background-image: url("../../../assets/icon/new/u_video.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i8 {
|
|
|
- background-image: url("../../../assets/icon/new/u_url.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i14 {
|
|
|
- background-image: url("../../../assets/icon/new/u_source.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i6 {
|
|
|
- background-image: url("../../../assets/icon/new/u_picture.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i12 {
|
|
|
- background-image: url("../../../assets/icon/new/u_word.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_l_i13 {
|
|
|
- background-image: url("../../../assets/icon/new/u_img.png");
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_noSee {
|
|
|
- background-image: url("../../../assets/icon/new/u_noUpload.png");
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- background-size: 100% 100%;
|
|
|
- display: block;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ud {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: center;
|
|
|
- margin: 0 10px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ud > .chapter_upload_up {
|
|
|
- margin-bottom: 0;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_down,
|
|
|
-.chapter_upload_up {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- background: #e4eaf2;
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 auto;
|
|
|
- border-radius: 5px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_up::after,
|
|
|
-.chapter_upload_down::after {
|
|
|
- content: "";
|
|
|
- background-image: url("../../../assets/icon/new/downBtn.png");
|
|
|
- width: 13px;
|
|
|
- height: 13px;
|
|
|
- background-size: 100% 100%;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_up::after {
|
|
|
- background-image: url("../../../assets/icon/new/upBtn.png") !important;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_up {
|
|
|
- margin-bottom: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ud2 {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: center;
|
|
|
- margin: 0 10px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_ud2 > .chapter_upload_up2 {
|
|
|
- margin-bottom: 0;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_down2,
|
|
|
-.chapter_upload_up2 {
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 auto;
|
|
|
- border-radius: 5px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- color: #717c8d;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-.chapter_upload_up2 {
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-.chapter_upload_up2::before,
|
|
|
-.chapter_upload_down2::before {
|
|
|
- content: "";
|
|
|
- background-image: url("../../../assets/icon/new/c_down.png");
|
|
|
- width: 14px;
|
|
|
- height: 14px;
|
|
|
- background-size: 100% 100%;
|
|
|
- display: block;
|
|
|
- margin-right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.chapter_upload_up2::before {
|
|
|
- background-image: url("../../../assets/icon/new/c_up.png") !important;
|
|
|
-}
|
|
|
-
|
|
|
-.addWordStyle {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- overflow-x: auto;
|
|
|
- white-space: nowrap;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-/* table 样式 */
|
|
|
-.cont >>> table {
|
|
|
- border-top: 1px solid #ccc;
|
|
|
- border-left: 1px solid #ccc;
|
|
|
-}
|
|
|
-
|
|
|
-.cont >>> table td,
|
|
|
-.cont >>> table th {
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
- border-right: 1px solid #ccc;
|
|
|
- /* padding: 20px 5px; */
|
|
|
- padding: 5px 10px;
|
|
|
- max-width: 0px;
|
|
|
- height: 30px;
|
|
|
- vertical-align: baseline;
|
|
|
-}
|
|
|
-
|
|
|
-.cont >>> table th {
|
|
|
- border-bottom: 2px solid #ccc;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-/* blockquote 样式 */
|
|
|
-.cont >>> blockquote {
|
|
|
- display: block;
|
|
|
- border-left: 8px solid #d0e5f2;
|
|
|
- padding: 5px 10px;
|
|
|
- margin: 10px 0;
|
|
|
- line-height: 1.4;
|
|
|
- font-size: 100%;
|
|
|
- background-color: #f1f1f1;
|
|
|
-}
|
|
|
-
|
|
|
-/* code 样式 */
|
|
|
-.cont >>> code {
|
|
|
- display: inline-block;
|
|
|
- /* *display: inline; */
|
|
|
- zoom: 1;
|
|
|
- background-color: #f1f1f1;
|
|
|
- border-radius: 3px;
|
|
|
- padding: 3px 5px;
|
|
|
- margin: 0 3px;
|
|
|
-}
|
|
|
-
|
|
|
-.cont >>> pre code {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-/* ul ol 样式 */
|
|
|
-.cont >>> ul,
|
|
|
-ol {
|
|
|
- margin: 10px 0 10px 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.wordbox {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- cursor: pointer;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.checkword {
|
|
|
- width: 22px;
|
|
|
- height: 22px;
|
|
|
- margin: 10px auto 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.checkword img {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.stepBg {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- background: #fff;
|
|
|
- width: 300px;
|
|
|
- margin: 0 25px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.stepTop {
|
|
|
- min-width: 300px;
|
|
|
- width: 300px;
|
|
|
- /* border-radius: 10px; */
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: nowrap;
|
|
|
- background: #fff;
|
|
|
- /* top: 18%; */
|
|
|
-}
|
|
|
-
|
|
|
-.stepTop > div {
|
|
|
- height: 80px;
|
|
|
- width: 85%;
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px 0;
|
|
|
- border-radius: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.first,
|
|
|
-.second,
|
|
|
-.third,
|
|
|
-.four {
|
|
|
- background: #4a83d0;
|
|
|
- height: 90px;
|
|
|
- color: #fff;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.first > div:nth-child(1),
|
|
|
-.second > div:nth-child(1),
|
|
|
-.third > div:nth-child(1),
|
|
|
-.four > div:nth-child(1) {
|
|
|
- margin: 5px 10px 0 0;
|
|
|
- width: 2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.firstNo,
|
|
|
-.secondNo,
|
|
|
-.thirdNo,
|
|
|
-.fourNo {
|
|
|
- background: #e7e7e7;
|
|
|
- color: #adadad;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.firstNo > div:nth-child(1),
|
|
|
-.secondNo > div:nth-child(1),
|
|
|
-.thirdNo > div:nth-child(1),
|
|
|
-.fourNo > div:nth-child(1) {
|
|
|
- margin: 5px 10px 0 0;
|
|
|
- width: 2rem;
|
|
|
-}
|
|
|
-
|
|
|
-.uploadWidth >>> .el-upload {
|
|
|
- width: 60px;
|
|
|
- height: 60px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.addPeople {
|
|
|
- background: #fa6060;
|
|
|
- width: 150px;
|
|
|
- height: 40px;
|
|
|
- color: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- text-align: center;
|
|
|
- line-height: 40px;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.kcImg {
|
|
|
- width: 60px;
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.zyImg {
|
|
|
- width: 55px;
|
|
|
- margin: 0 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.deleteZy {
|
|
|
- width: 20px;
|
|
|
- position: absolute;
|
|
|
- top: 5px;
|
|
|
- right: 5px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.kcImg > img,
|
|
|
-.zyImg > img,
|
|
|
-.deleteZy > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.zyBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- background: #67d37d;
|
|
|
- color: #fff;
|
|
|
- width: 210px;
|
|
|
- margin: 20px 20px 0 0;
|
|
|
- border-radius: 10px;
|
|
|
- height: 70px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.upCss {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.upCss >>> .el-icon-plus {
|
|
|
- position: none !important;
|
|
|
- width: 200px;
|
|
|
- height: 100px;
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border: 1px dashed #ccc;
|
|
|
- min-width: 78px;
|
|
|
- min-height: 100px;
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-
|
|
|
-.upCss >>> .el-upload-list__item-name {
|
|
|
- width: 100px;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.upCss >>> .el-upload-list__item .el-icon-close {
|
|
|
- font-size: 20px;
|
|
|
- z-index: 9999;
|
|
|
-}
|
|
|
-
|
|
|
-.addStageImg {
|
|
|
- min-width: 25px;
|
|
|
- min-height: 25px;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.addHW {
|
|
|
- width: 28px;
|
|
|
- height: 28px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.addStageImg > img,
|
|
|
-.addHW > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.addNewPP >>> .el-dialog__body {
|
|
|
- padding: 5px 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.addNewPP >>> .el-dialog {
|
|
|
- margin-top: 5vh !important;
|
|
|
-}
|
|
|
-
|
|
|
-.addNewPP2 >>> .el-dialog__body {
|
|
|
- padding: 5px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.addNewPP2 >>> .el-dialog {
|
|
|
- margin-top: 5vh !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isHeight {
|
|
|
- height: 680px;
|
|
|
-}
|
|
|
-
|
|
|
-.toolChoose {
|
|
|
- display: flex;
|
|
|
- /* width: 100%; */
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.tool,
|
|
|
-.isToolChoose {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- width: fit-content;
|
|
|
- margin: 10px 0 10px 0;
|
|
|
- align-items: center;
|
|
|
- border: 2px solid #dbdbdb00;
|
|
|
- padding: 10px 20px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
- /* box-shadow: 0 0 2px 0px #dedede; */
|
|
|
- position: relative;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.tool:hover {
|
|
|
- border: 2px solid #a5c7ff;
|
|
|
-}
|
|
|
-
|
|
|
-.tool:hover > .isCTool {
|
|
|
- opacity: 0.5;
|
|
|
- display: block !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isToolChoose {
|
|
|
- border: 2px solid #438aff !important;
|
|
|
- box-shadow: 0 0 2px 0px #438aff;
|
|
|
-}
|
|
|
-
|
|
|
-.isToolChoose > .isCTool {
|
|
|
- opacity: 1 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isCTool {
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- position: absolute;
|
|
|
- top: -4px;
|
|
|
- right: -4px;
|
|
|
-}
|
|
|
-
|
|
|
-.isCTool > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.tool + .tool {
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon {
|
|
|
- width: 80px;
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon > img,
|
|
|
-.toolIcon > img,
|
|
|
-.arrow > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.check img {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon > img {
|
|
|
- box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
|
|
|
- border-radius: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBIcon > div:nth-child(2) {
|
|
|
- height: 20px;
|
|
|
- line-height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.check {
|
|
|
- /* width: 20px;
|
|
|
- height: 20px; */
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.checkDiv {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.checkDiv span {
|
|
|
- margin-left: 5px;
|
|
|
- color: #858585;
|
|
|
-}
|
|
|
-
|
|
|
-.customWidth >>> .el-dialog {
|
|
|
- min-width: 500px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.a_addBox {
|
|
|
- margin: 10px 0;
|
|
|
- background: #fff;
|
|
|
- padding: 15px;
|
|
|
- /* max-height: 600px; */
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_box {
|
|
|
- border-bottom: 2px solid #eee;
|
|
|
- padding-bottom: 25px;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_head {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- margin: 10px 0 0 0;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_checkType {
|
|
|
- margin-top: 10px;
|
|
|
- display: flex;
|
|
|
- font-size: 14px;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_checkType span {
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 0 5px 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_checkType span + span {
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_checkType .active {
|
|
|
- border-bottom: 2px solid #409eff;
|
|
|
- color: #409eff;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_head .a_add_head_input {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_head .a_add_head_div {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_body {
|
|
|
- display: flex;
|
|
|
- /* align-items: center; */
|
|
|
- align-items: flex-end;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input_choice {
|
|
|
- flex-direction: column;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input_choice >>> .el-radio {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: row-reverse;
|
|
|
- margin: 30px 0 0 0;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input_choice >>> .el-checkbox {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: row-reverse;
|
|
|
- margin: 30px 0 0 0;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.width100 {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_input .a_add_persent {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_persent_div {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_persent_div span {
|
|
|
- margin: 5px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_persent_div span:nth-child(1) {
|
|
|
- width: 30%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_persent_div span:nth-child(2) {
|
|
|
- width: 7%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_persent_div span:nth-child(3) {
|
|
|
- width: 40%;
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_body_div {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- /* flex-direction: column; */
|
|
|
- position: absolute;
|
|
|
- right: -20px;
|
|
|
- transform: translateX(100%);
|
|
|
-}
|
|
|
-
|
|
|
-.a_add_body_div >>> .el-button--primary {
|
|
|
- background: #466b99;
|
|
|
- border: none;
|
|
|
-}
|
|
|
-
|
|
|
-.all_choose {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: flex-start;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.all_choose > span {
|
|
|
- min-width: fit-content;
|
|
|
- display: block;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-right: 20px;
|
|
|
- font-weight: bold;
|
|
|
- font-size: 14px;
|
|
|
-}
|
|
|
-
|
|
|
-.all_choose >>> .el-checkbox-group {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- width: 100%;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-content: center;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- margin-top: 3px;
|
|
|
-}
|
|
|
-
|
|
|
-.all_choose > .el-checkbox-group >>> .el-checkbox {
|
|
|
- margin-bottom: 10px;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.all_choose > .el-checkbox-group > .el-checkbox >>> .el-checkbox__label {
|
|
|
- min-width: 80px;
|
|
|
- overflow: hidden;
|
|
|
- width: 80px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.all_choose > .el-checkbox-group > .el-checkbox >>> .el-checkbox__label:hover {
|
|
|
- width: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.choose > div:nth-child(3) > span {
|
|
|
- /* letter-spacing: 0 !important; */
|
|
|
-}
|
|
|
-
|
|
|
-.choose {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- height: 100%;
|
|
|
- justify-content: space-evenly;
|
|
|
- align-items: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.both {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- width: 100%;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- margin: 15px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.notice >>> .el-dialog {
|
|
|
- width: 500px !important;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.notice >>> .el-button {
|
|
|
- margin-top: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.whiteBg {
|
|
|
- background: #fff;
|
|
|
- border-radius: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.wb_j_box {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
- padding: 10px 20px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.wb_j_box_content {
|
|
|
- width: calc(100% - 55% - 100px);
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.wb_j_box_p_box {
|
|
|
- max-width: calc(100% - 200px);
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- margin: 0 0 0 10px;
|
|
|
- font-size: 14px;
|
|
|
- color: #6e6e6e;
|
|
|
-}
|
|
|
-
|
|
|
-.chooseWho {
|
|
|
- display: flex;
|
|
|
- width: 410px;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-between;
|
|
|
- padding-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.chooseWho > div {
|
|
|
- cursor: pointer;
|
|
|
- padding-bottom: 10px;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.isChooseActive {
|
|
|
- color: #3e88f4;
|
|
|
- border-bottom: 2px solid #2f80f3;
|
|
|
-}
|
|
|
-
|
|
|
-.toolSort {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.toolSort > div {
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.tools {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.leftTools,
|
|
|
-.rightTools {
|
|
|
- width: 50%;
|
|
|
-}
|
|
|
-
|
|
|
-.leftTools + .leftTools {
|
|
|
- border-top: 1px solid #dbdbdb;
|
|
|
- padding-top: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.rightTools {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-around;
|
|
|
-}
|
|
|
-
|
|
|
-.firstToolList {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.iconList {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
- margin: 20px 0 5px 0;
|
|
|
- width: 240px;
|
|
|
- min-width: 240px;
|
|
|
-}
|
|
|
-
|
|
|
-.iconTool {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: flex-start;
|
|
|
- margin: 15px 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.toolIcon {
|
|
|
- width: 50px;
|
|
|
-}
|
|
|
-
|
|
|
-.taskBorder {
|
|
|
- /*border: 1px solid #e1e1e1; */
|
|
|
- border-radius: 8px;
|
|
|
- margin-top: 10px;
|
|
|
- /* min-height: 1160px; */
|
|
|
- position: relative;
|
|
|
- background: #f0f4fa;
|
|
|
- padding: 20px 20px 0;
|
|
|
- overflow: hidden;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.smallTaskBorder {
|
|
|
- height: 340px;
|
|
|
- min-height: 340px !important;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.taskBorder > div {
|
|
|
- /* padding: 30px 0 10px 30px; */
|
|
|
-}
|
|
|
-
|
|
|
-.addTaskBorder {
|
|
|
- /* border: 2px solid #5E9AFC; */
|
|
|
- border-radius: 8px;
|
|
|
- margin-top: 10px;
|
|
|
- cursor: pointer;
|
|
|
- /* height: 50px;
|
|
|
- line-height: 50px; */
|
|
|
- background: #fff;
|
|
|
- padding: 15px 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-/* .addTaskBorder>div {
|
|
|
- margin: 0 auto;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.addTaskBorder>div>img {
|
|
|
- width: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.addTaskBorder>div>span {
|
|
|
- font-size: 16px;
|
|
|
- margin-left: 10px;
|
|
|
- color: #5E9AFC;
|
|
|
-} */
|
|
|
-
|
|
|
-.funBlock {
|
|
|
- display: flex;
|
|
|
- padding: 15px 0;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- position: absolute;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- background: #fff;
|
|
|
- width: 100%;
|
|
|
- height: 60px;
|
|
|
- z-index: 9;
|
|
|
-}
|
|
|
-
|
|
|
-.fold {
|
|
|
- display: flex;
|
|
|
- margin: 0 20px;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- cursor: pointer;
|
|
|
- color: #2b7bff;
|
|
|
-}
|
|
|
-
|
|
|
-.arrow {
|
|
|
- margin-right: 8px;
|
|
|
- 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; */
|
|
|
- transition: all .3s;
|
|
|
-}
|
|
|
-
|
|
|
-.arrowZ {
|
|
|
- transform: rotate(180deg);
|
|
|
-}
|
|
|
-
|
|
|
-.addToolFun {
|
|
|
- display: flex;
|
|
|
- width: 150px;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border: 1px dashed;
|
|
|
- border-radius: 5px;
|
|
|
- height: 50px;
|
|
|
- margin: 20px auto 35px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.addToolFun2 {
|
|
|
- display: flex;
|
|
|
- width: 150px;
|
|
|
- border: 2px dashed #cad1dc;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- border-radius: 5px;
|
|
|
- height: 50px;
|
|
|
- margin: 0 auto 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.addToolImg {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.addToolsDia >>> .el-dialog__body {
|
|
|
- padding: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.addToolsDia >>> .el-dialog__body > .toolChoose {
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.addToolsDia >>> .el-dialog__body > .toolChoose > .leftTools {
|
|
|
- padding: 0;
|
|
|
- border-bottom: none;
|
|
|
- margin-bottom: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.addToolsDia >>> .el-dialog__body > .toolChoose > .leftTools > .chooseWho {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.lineCss >>> .el-form-item__label {
|
|
|
- width: auto !important;
|
|
|
-}
|
|
|
-
|
|
|
-.lineCss >>> .el-form-item__content {
|
|
|
- margin-left: 50px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.newSteps {
|
|
|
- display: flex;
|
|
|
- width: 100% !important;
|
|
|
- height: 80px;
|
|
|
- cursor: pointer;
|
|
|
- margin: 10px 0;
|
|
|
- border-radius: 10px;
|
|
|
- flex-direction: row;
|
|
|
- align-content: center;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- margin: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-/* 评价样式 */
|
|
|
-.elist_css {
|
|
|
- padding-bottom: 60px !important;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_title {
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input {
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input_box {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input_box + .elist_input_box {
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input .elist_input_box input {
|
|
|
- font: inherit;
|
|
|
- color: currentColor;
|
|
|
- /* width: 200px; */
|
|
|
- max-width: 200px;
|
|
|
- padding: 8px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- margin: 0 20px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input .elist_input_box span {
|
|
|
- height: 36px;
|
|
|
- line-height: 36px;
|
|
|
- color: rgb(82, 82, 82);
|
|
|
- min-width: 80px;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input .elist_input_box .remove {
|
|
|
- height: 20px;
|
|
|
- width: 20px;
|
|
|
- background-size: 100% 100%;
|
|
|
- background-position: unset;
|
|
|
- margin-left: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input_box >>> .el-rate {
|
|
|
- display: flex;
|
|
|
- height: 36px;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input_box .elist_inptu_text {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input_box .elist_inptu_text input {
|
|
|
- /* width: 500px; */
|
|
|
- width: 100%;
|
|
|
- max-width: unset;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_input_box >>> .el-rate__icon {
|
|
|
- font-size: 24px;
|
|
|
-}
|
|
|
-
|
|
|
-.elist_btn {
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.lineTitle {
|
|
|
- /* margin-top: 15px; */
|
|
|
- width: 110px;
|
|
|
- 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;
|
|
|
-}
|
|
|
-
|
|
|
-.clineTitle::before {
|
|
|
- content: "";
|
|
|
- display: block;
|
|
|
- min-width: 10px;
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
- background: #0061ff;
|
|
|
- border-radius: 50%;
|
|
|
- margin: 0 5px 0 0;
|
|
|
-}
|
|
|
-
|
|
|
-.courseTop {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- width: calc(100%);
|
|
|
- margin: 0 auto;
|
|
|
- padding: 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.stepsNav {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.stepsWord {
|
|
|
- font-size: 18px;
|
|
|
- color: #fff;
|
|
|
- font-weight: bold;
|
|
|
- margin-left: auto;
|
|
|
- background: rgb(15, 126, 255);
|
|
|
- border-radius: 5px;
|
|
|
- padding: 3px 25px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.rightBox {
|
|
|
- width: calc(100%);
|
|
|
- background: #f0f2f5;
|
|
|
- /* border-radius: 10px; */
|
|
|
- overflow: auto;
|
|
|
- height: calc(100% - 120px);
|
|
|
- margin: 0 auto;
|
|
|
- position: relative;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_top {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 20px 20px 0 20px;
|
|
|
- border-radius: 3px;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_title2 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_title2 span {
|
|
|
- width: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_title {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- color: #b8b8b8;
|
|
|
- font-size: 18px;
|
|
|
- position: relative;
|
|
|
- height: 40px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_title span {
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_title .el_input {
|
|
|
- width: 300px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_title >>> .el-input__inner {
|
|
|
- width: 400px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_btn {
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_content {
|
|
|
- display: flex;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list {
|
|
|
- background: #fff;
|
|
|
- height: 500px;
|
|
|
- width: 210px;
|
|
|
- position: relative;
|
|
|
- margin: 15px 5px 0 0;
|
|
|
- flex-shrink: 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_title {
|
|
|
- font-size: 20px;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 15px 40px;
|
|
|
- text-align: center;
|
|
|
- border-bottom: 1px solid #eaeaea;
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- height: 57px;
|
|
|
- background: #f6f6f6;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_title span {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_title img {
|
|
|
- position: absolute;
|
|
|
- right: 15px;
|
|
|
- width: 25px;
|
|
|
- cursor: pointer;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_body {
|
|
|
- height: calc(100% - 187px);
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_child {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- position: relative;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 15px 40px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_child span {
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_child img {
|
|
|
- position: absolute;
|
|
|
- right: 10px;
|
|
|
- width: 21px;
|
|
|
- cursor: pointer;
|
|
|
- top: 50%;
|
|
|
- transform: translateY(-50%);
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_child + .e_add_list_child {
|
|
|
- border-top: 1px solid #eaeaea;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_child .active {
|
|
|
- color: #409eff;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_btn {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- height: 50px;
|
|
|
- background: rgb(120, 120, 254);
|
|
|
- width: 100%;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- text-align: center;
|
|
|
- line-height: 50px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_detail {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- height: 130px;
|
|
|
- background: rgb(120, 120, 254);
|
|
|
- width: 100%;
|
|
|
- color: #fff;
|
|
|
- font-size: 16px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_detail textarea {
|
|
|
- height: 90%;
|
|
|
- width: 95%;
|
|
|
- border: none;
|
|
|
- resize: none;
|
|
|
- outline: none;
|
|
|
- padding: 5px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_pbox {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_pbox_title {
|
|
|
- height: 50px;
|
|
|
- background: #fff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 0 20px;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.type_title {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-
|
|
|
-.type_content {
|
|
|
- font-size: 16px;
|
|
|
- margin-left: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.type_content span + span {
|
|
|
- margin-left: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.type_content span {
|
|
|
- cursor: pointer;
|
|
|
- padding-bottom: 5px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.type_content .active {
|
|
|
- color: #409eff;
|
|
|
- border-bottom: 2px solid #409eff;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_list_pbox_content {
|
|
|
- height: calc(100% - 50px);
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- background: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.mbCss {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-content: center;
|
|
|
- align-items: flex-start;
|
|
|
- justify-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.pjCss {
|
|
|
- /* width: 42%; */
|
|
|
- width: calc(100% - 55%);
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
- margin-top: 1.5%;
|
|
|
-}
|
|
|
-
|
|
|
-.e_box {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- max-height: 500px;
|
|
|
- align-items: flex-start;
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.e_card {
|
|
|
- border: 1px solid #ccc;
|
|
|
- background: #fff;
|
|
|
- margin-right: 20px;
|
|
|
- width: 270px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- border-radius: 5px;
|
|
|
- margin-top: 10px;
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_picture {
|
|
|
- margin: 10px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_picture > img {
|
|
|
- width: 50px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_name {
|
|
|
- width: 100%;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 10px;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_time {
|
|
|
- width: 100%;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- font-size: 15px;
|
|
|
- color: #c3c3c3;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_btn {
|
|
|
- height: 40px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- background: rgb(244, 244, 244);
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_btn:hover {
|
|
|
- background: rgb(221 221 221);
|
|
|
-}
|
|
|
-
|
|
|
-.e_card_btn span {
|
|
|
- flex: 1 1 auto;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.addEva {
|
|
|
- border: 1px solid #ccc;
|
|
|
- background: #fff;
|
|
|
- margin-right: 20px;
|
|
|
- width: 270px;
|
|
|
- height: 149px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- border-radius: 5px;
|
|
|
- margin-top: 10px;
|
|
|
- text-align: center;
|
|
|
- cursor: pointer;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.addEva > img {
|
|
|
- width: 50px;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-
|
|
|
-.uploadFm {
|
|
|
- border: 1px dashed #ccc;
|
|
|
- width: 100%;
|
|
|
- height: 140px;
|
|
|
- position: relative;
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
- color: #6e6e6e;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.cover_p {
|
|
|
- width: 100% !important;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-
|
|
|
-.uploadFm2:hover .cover_mask {
|
|
|
- display: flex !important;
|
|
|
-}
|
|
|
-
|
|
|
-.cover_mask {
|
|
|
- display: none;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- position: absolute;
|
|
|
- background: #00000054;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
-}
|
|
|
-
|
|
|
-.cover_mask > img {
|
|
|
- width: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.cover_mask > span {
|
|
|
- color: #fff;
|
|
|
- font-size: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.uploadFm > img {
|
|
|
- width: 50px;
|
|
|
-}
|
|
|
-
|
|
|
-.fileCss {
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- justify-content: space-around;
|
|
|
- align-items: center;
|
|
|
- padding-top: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.fileCss > div {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.fileCss .spanName {
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.sysPicBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-content: flex-start;
|
|
|
- height: 435px;
|
|
|
- overflow: auto;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.picNone {
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- top: 45%;
|
|
|
- transform: translate(-50%, -50%);
|
|
|
- width: fit-content;
|
|
|
- color: #9c9c9c;
|
|
|
-}
|
|
|
-
|
|
|
-.sysPic {
|
|
|
- width: 200px;
|
|
|
- height: 115px;
|
|
|
- margin: 0 20px 20px 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.sysPic > img,
|
|
|
-.isSysPic > img,
|
|
|
-.deletePic > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-
|
|
|
-.isSysPic {
|
|
|
- width: 200px;
|
|
|
- height: 115px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.deletePic {
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- right: 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1 {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1_img {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1_title {
|
|
|
- padding: 0 0 15px 0;
|
|
|
- border-bottom: 1px solid #eee;
|
|
|
- margin-bottom: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1_title span:nth-child(1) {
|
|
|
- font-size: 16px;
|
|
|
- margin-right: 20px;
|
|
|
- color: #000;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1_title span:nth-child(2) {
|
|
|
- font-size: 14px;
|
|
|
- color: rgb(112, 112, 112);
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1_add_img {
|
|
|
-}
|
|
|
-
|
|
|
-.select_box1_select {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
- height: calc(100% - 200px);
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2 {
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2_title {
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
- padding: 5px 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2_box {
|
|
|
- display: flex;
|
|
|
- height: calc(100% - 30px);
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2_img {
|
|
|
- width: calc(100% - 310px);
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- background: #fff;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2_img img {
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2_answer {
|
|
|
- background: #fff;
|
|
|
- margin-left: 10px;
|
|
|
- border-radius: 5px;
|
|
|
- width: 300px;
|
|
|
- overflow: auto;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- padding-top: 10px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.select_box2_answer_box {
|
|
|
- margin: 0 0 10px 0;
|
|
|
- width: 85%;
|
|
|
-}
|
|
|
-
|
|
|
-.rate_textarea {
|
|
|
- font: inherit;
|
|
|
- color: currentColor;
|
|
|
- width: 100%;
|
|
|
- padding: 8px 14px;
|
|
|
- display: block;
|
|
|
- min-width: 0;
|
|
|
- outline: none;
|
|
|
- border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
- border-radius: 4px;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #fff;
|
|
|
- margin: 0 20px 0 0;
|
|
|
- resize: none;
|
|
|
-}
|
|
|
-
|
|
|
-.select_answer_title {
|
|
|
- text-align: left;
|
|
|
- width: 85%;
|
|
|
- margin-bottom: 10px;
|
|
|
- font-size: 18px;
|
|
|
- color: #8e8e8e;
|
|
|
-}
|
|
|
-
|
|
|
-.mask {
|
|
|
- background-color: rgb(0 0 0 / 30%);
|
|
|
- /* position: fixed; */
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- z-index: 90;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.progressBox {
|
|
|
- width: 300px;
|
|
|
- height: 150px;
|
|
|
- background: #fff;
|
|
|
- border-radius: 10px;
|
|
|
- box-shadow: 0 0 6px 1px #bfbfbf;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
- position: relative;
|
|
|
- color: #6c6c6c;
|
|
|
-}
|
|
|
-
|
|
|
-.progressBox >>> .el-progress-bar__outer {
|
|
|
- background-color: #d1dfff !important;
|
|
|
-}
|
|
|
-
|
|
|
-.progressBox .lbox {
|
|
|
- height: 50px;
|
|
|
- font-size: 19px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- color: #747474;
|
|
|
-}
|
|
|
-
|
|
|
-.progressBox .lbox img {
|
|
|
- width: 40px;
|
|
|
- margin-right: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.closeCss {
|
|
|
- position: absolute;
|
|
|
- top: 8px;
|
|
|
- right: 8px;
|
|
|
- cursor: pointer;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.closeCss > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.updateTips::after {
|
|
|
- content: "协同编辑课程暂不支持修改基本信息，只支持修改阶段内容。";
|
|
|
- font-size: 14px;
|
|
|
- margin-left: 20px;
|
|
|
- font-weight: 400;
|
|
|
- color: #ff3a3a;
|
|
|
-}
|
|
|
-
|
|
|
-.updateMask {
|
|
|
- width: 100%;
|
|
|
- z-index: 3;
|
|
|
- top: 0;
|
|
|
- position: absolute;
|
|
|
- /* background-color: rgba(0,0,0,.3); */
|
|
|
-}
|
|
|
-
|
|
|
-.t_j_box {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-
|
|
|
-.t_j_box span:nth-child(1) {
|
|
|
- width: 15%;
|
|
|
- overflow: hidden;
|
|
|
- margin-right: 10px;
|
|
|
- text-overflow: ellipsis;
|
|
|
- white-space: nowrap;
|
|
|
-}
|
|
|
-
|
|
|
-.t_j_box span:nth-child(2) {
|
|
|
- width: 30%;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.t_j_box span:nth-child(3) {
|
|
|
- max-width: calc(55% - 20px);
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenBox {
|
|
|
- background: #fff;
|
|
|
- height: 600px;
|
|
|
- overflow: auto;
|
|
|
- background-image: url("../../../assets/icon/conSentences/csBg.png");
|
|
|
- background-position: 102%;
|
|
|
- background-repeat: no-repeat;
|
|
|
- background-size: 60%;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenBox > .sentenContent {
|
|
|
- padding-bottom: 10px;
|
|
|
- width: 97%;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenBox > .sentenContent + .sentenContent {
|
|
|
- border-top: 1px solid #cbcbcb;
|
|
|
-}
|
|
|
-
|
|
|
-.addSen {
|
|
|
- background: #409efe;
|
|
|
- width: 90px;
|
|
|
- color: #fff;
|
|
|
- height: 35px;
|
|
|
- text-align: center;
|
|
|
- line-height: 35px;
|
|
|
- border-radius: 5px;
|
|
|
- float: right;
|
|
|
- margin: 10px 20px 0 0;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenTop {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenTop::before {
|
|
|
- content: attr(index);
|
|
|
- background: #3681fc;
|
|
|
- border-radius: 50%;
|
|
|
- color: #fff;
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- min-width: 25px;
|
|
|
- min-height: 25px;
|
|
|
- text-align: center;
|
|
|
- line-height: 25px;
|
|
|
- margin-right: 5px;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenTop > div:nth-child(2) {
|
|
|
- width: 300px;
|
|
|
- margin: 0 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenTop > div:nth-child(3) {
|
|
|
- background: #409efe;
|
|
|
- color: #fff;
|
|
|
- width: 65px;
|
|
|
- height: 35px;
|
|
|
- text-align: center;
|
|
|
- line-height: 35px;
|
|
|
- border-radius: 5px;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.cardList {
|
|
|
- padding: 30px 0 20px 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: 1px solid #f4f4f4;
|
|
|
- width: 98%;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.rightCardList {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.cardBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
- align-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.isCard,
|
|
|
-.isCard,
|
|
|
-.isCard1 {
|
|
|
- width: auto;
|
|
|
- padding: 0 20px;
|
|
|
- height: 65px;
|
|
|
- text-align: center;
|
|
|
- line-height: 65px;
|
|
|
- font-size: 14px;
|
|
|
- cursor: pointer;
|
|
|
- background-image: url("../../../assets/icon/conSentences/titleBorder.png");
|
|
|
- background-size: 100% 100%;
|
|
|
- position: relative;
|
|
|
- z-index: 99;
|
|
|
-}
|
|
|
-
|
|
|
-.isCard1 {
|
|
|
- background-image: url("../../../assets/icon/conSentences/answerBorder.png");
|
|
|
-}
|
|
|
-
|
|
|
-.isCard:hover .deleteWord {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.isCard > div:nth-child(1),
|
|
|
-.isCard1 > div:nth-child(1) {
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 100%;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.card {
|
|
|
- width: 140px;
|
|
|
- height: 65px;
|
|
|
-}
|
|
|
-
|
|
|
-.card > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.rightCardBox {
|
|
|
- width: 98%;
|
|
|
- margin: 10px auto 0;
|
|
|
-}
|
|
|
-
|
|
|
-.rightCardBox > div:nth-child(1) {
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.cardCss {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- border-bottom: 3px solid #b4c3d3;
|
|
|
- padding: 0 0 5px 0;
|
|
|
- /* margin-right: 10px; */
|
|
|
-}
|
|
|
-
|
|
|
-.cardCss > div:nth-child(2) {
|
|
|
- background: #5b7b9d;
|
|
|
- color: #fff;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
- border-radius: 50%;
|
|
|
- text-align: center;
|
|
|
- line-height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.sentenTopBox {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 55px 0 0 20px;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 85%;
|
|
|
-}
|
|
|
-
|
|
|
-.stepsBottom {
|
|
|
- width: 85%;
|
|
|
- margin-bottom: 20px;
|
|
|
- box-shadow: 0 0 10px 10px #f7f7f7;
|
|
|
- background: #f7f7f7;
|
|
|
- border-radius: 10px;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.course_left {
|
|
|
- width: 300px;
|
|
|
- height: auto;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.stepsBottom2 {
|
|
|
- width: 300px;
|
|
|
- margin: 10px 0;
|
|
|
- /* box-shadow: 0 0 10px 10px #f7f7f7; */
|
|
|
- /* background: #f7f7f7; */
|
|
|
- border-radius: 8px;
|
|
|
- overflow: hidden;
|
|
|
- height: fit-content;
|
|
|
- position: relative;
|
|
|
- /* transition: all .5s; */
|
|
|
-}
|
|
|
-
|
|
|
-.navTop {
|
|
|
- background: #53749b;
|
|
|
- color: #fff;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- padding-left: 15px;
|
|
|
- font-size: 18px;
|
|
|
-}
|
|
|
-
|
|
|
-.navBottom {
|
|
|
- background: #fff;
|
|
|
- height: calc(100vh - 210px);
|
|
|
- overflow: auto;
|
|
|
-}
|
|
|
-
|
|
|
-.navTask {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- padding: 10px 10px 10px 0;
|
|
|
- cursor: pointer;
|
|
|
- background: #ffffff;
|
|
|
- width: 95%;
|
|
|
- margin: 5px auto 5px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 5px;
|
|
|
- flex-wrap: wrap;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.navTask:hover > .chapter_upload_drag{
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.navTask .chapter_upload_open {
|
|
|
- content: '';
|
|
|
- display: block;
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
- background-image: url(../../../assets/icon/new/icon_arrow.png);
|
|
|
- background-size: 100%;
|
|
|
- margin-left: 23px;
|
|
|
-}
|
|
|
-
|
|
|
-.noImage .chapter_upload_open {
|
|
|
- display: none;
|
|
|
- background-image: unset !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isNavOpen .chapter_upload_open {
|
|
|
- /* background-image: url(../../assets/icon/new/icon_arrow_a.png) !important; */
|
|
|
- transform: rotate(90deg);
|
|
|
-}
|
|
|
-
|
|
|
-.isNavTask .chapter_upload_open {
|
|
|
- background-image: url(../../../assets/icon/new/icon_arrow_a.png) !important;
|
|
|
- transform: rotate(-90deg);
|
|
|
-}
|
|
|
-
|
|
|
-.isNavTask.isNavOpen .chapter_upload_open{
|
|
|
- transform: rotate(0deg);
|
|
|
-}
|
|
|
-
|
|
|
-.dragOverTop {
|
|
|
- border-top: 2px solid #0061ff !important;
|
|
|
- border-radius: 0 !important;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.dragOverBottom {
|
|
|
- border-bottom: 2px solid #0061ff !important;
|
|
|
- border-radius: 0 !important;
|
|
|
- margin-top: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.dragOverTop2 {
|
|
|
- border-top: 2px solid #0061ff !important;
|
|
|
- border-radius: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.dragOverBottom2 {
|
|
|
- border-bottom: 2px solid #0061ff !important;
|
|
|
- border-radius: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isNavTask {
|
|
|
- /* background: #3681FC; */
|
|
|
- background: #eef3fb;
|
|
|
-}
|
|
|
-
|
|
|
-.isNavTask > .chapter_upload_drag {
|
|
|
- background-image: url(../../../assets/icon/new/icon_course_drag_active.png) !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isNavTask .nt_taskName {
|
|
|
- /* color: #fff !important; */
|
|
|
- font-weight: bold !important;
|
|
|
- color: #0061ff !important;
|
|
|
-}
|
|
|
-
|
|
|
-.isNavTask .nt_taskTitle {
|
|
|
- /* color: #AECCFE !important; */
|
|
|
- font-weight: bold !important;
|
|
|
- color: #0061ff !important;
|
|
|
-}
|
|
|
-
|
|
|
-.navTask .nt_taskBox {
|
|
|
- width: calc(100% - 40px);
|
|
|
- padding: 0 0 0 5px;
|
|
|
- box-sizing: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: baseline;
|
|
|
-}
|
|
|
-
|
|
|
-.navTask .nt_taskTitle {
|
|
|
- /* color: #717C8D; */
|
|
|
- color: #060e17;
|
|
|
- line-height: 25px;
|
|
|
- font-size: 16px;
|
|
|
- /* min-width: 66px; */
|
|
|
-}
|
|
|
-
|
|
|
-.navTask .nt_taskName {
|
|
|
- /* color: #fff; */
|
|
|
- /* max-width: 130px; */
|
|
|
- /* width: 100%; */
|
|
|
- max-width: calc(100% - 66px);
|
|
|
- font-size: 16px;
|
|
|
- color: #060e17;
|
|
|
- /* color: #0E1E33; */
|
|
|
-}
|
|
|
-
|
|
|
-.navTask .nt_taskName span{
|
|
|
- width: 100%;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display:block;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.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;
|
|
|
- cursor: pointer;
|
|
|
-}
|
|
|
-
|
|
|
-.isGjCss {
|
|
|
- color: #0061ff;
|
|
|
-}
|
|
|
-
|
|
|
-.groupBox {
|
|
|
-}
|
|
|
-
|
|
|
-.groupContent + .groupContent {
|
|
|
- margin-top: 30px;
|
|
|
-}
|
|
|
-
|
|
|
-.groupTitle {
|
|
|
- font-size: 24px;
|
|
|
- color: rgb(80, 80, 80);
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.groupName {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.groupn {
|
|
|
- font-size: 15px;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.groupName + .groupName {
|
|
|
- margin-top: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.groupBtn {
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.groupContent >>> .el-input-number.is-without-controls .el-input__inner {
|
|
|
- text-align: left;
|
|
|
-}
|
|
|
-
|
|
|
-.radioBox > div {
|
|
|
- margin: 10px 0 0 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.radioBox >>> .el-radio__input,
|
|
|
-.radioBox >>> .el-checkbox__inner {
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.radioBox >>> .el-radio__label,
|
|
|
-.radioBox >>> .el-checkbox__label {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.inImg {
|
|
|
- width: 50px;
|
|
|
-}
|
|
|
-
|
|
|
-.inImg > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-
|
|
|
-.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: 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 {
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.tcMember + .tcMember::before {
|
|
|
- content: "、";
|
|
|
-}
|
|
|
-
|
|
|
-.xzUpImg {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- min-width: 25px;
|
|
|
- min-height: 25px;
|
|
|
- cursor: pointer;
|
|
|
- margin: 0 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.xzUpImg > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.closeCss {
|
|
|
- position: absolute;
|
|
|
- top: 8px;
|
|
|
- right: 8px;
|
|
|
- cursor: pointer;
|
|
|
- width: 20px;
|
|
|
- height: 20px;
|
|
|
-}
|
|
|
-
|
|
|
-.closeCss > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.moveBtn {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: center;
|
|
|
- width: 55px;
|
|
|
-}
|
|
|
-
|
|
|
-.timuUpImg {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
- margin-right: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.timuUpImg > div:nth-child(1) {
|
|
|
- margin-right: 10px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- width: 100%;
|
|
|
-}
|
|
|
-
|
|
|
-.timuImgBox {
|
|
|
- margin: 10px 0;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.timuImg {
|
|
|
- width: 100px;
|
|
|
- margin: 5px 0;
|
|
|
- cursor: pointer;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.timuImg:hover .deleteWord {
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.deleteWord {
|
|
|
- width: 25px;
|
|
|
- height: 25px;
|
|
|
- position: absolute;
|
|
|
- right: -5px;
|
|
|
- top: -5px;
|
|
|
- cursor: pointer;
|
|
|
- display: none;
|
|
|
-}
|
|
|
-
|
|
|
-.timuImg > img,
|
|
|
-.deleteWord > img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: cover;
|
|
|
-}
|
|
|
-
|
|
|
-.e_add_delete {
|
|
|
- cursor: pointer;
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.pType_box {
|
|
|
- margin-top: 30px;
|
|
|
- align-items: flex-end;
|
|
|
-}
|
|
|
-
|
|
|
-.noneBox {
|
|
|
- height: 100%;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-top: 150px;
|
|
|
-}
|
|
|
-
|
|
|
-.noneBox > img {
|
|
|
- width: 300px;
|
|
|
-}
|
|
|
-
|
|
|
-.textarea_css {
|
|
|
- display: block;
|
|
|
- resize: none;
|
|
|
- padding: 10px 15px;
|
|
|
- line-height: 1.5;
|
|
|
- box-sizing: border-box;
|
|
|
- width: 100%;
|
|
|
- font-size: 14px;
|
|
|
- color: #606266;
|
|
|
- background-color: #fff;
|
|
|
- background-image: none;
|
|
|
- border: 1px solid #dcdfe6;
|
|
|
- border-radius: 4px;
|
|
|
- transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
|
- outline: none;
|
|
|
- overflow: hidden;
|
|
|
- height: 46px;
|
|
|
- font-family: "Microsoft YaHei";
|
|
|
-}
|
|
|
-
|
|
|
-.textarea_css::-webkit-input-placeholder {
|
|
|
- color: #c0c4cc;
|
|
|
-}
|
|
|
-
|
|
|
-.textarea_css:focus {
|
|
|
- border-color: #409eff;
|
|
|
- outline: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.moveBtn2 {
|
|
|
- flex-direction: column;
|
|
|
- width: fit-content;
|
|
|
- margin: 0 10px 0 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.moveBtn2 .chapter_upload_down,
|
|
|
-.moveBtn2 .chapter_upload_up {
|
|
|
- width: 16px;
|
|
|
- height: 16px;
|
|
|
-}
|
|
|
-
|
|
|
-.moveBtn2 .chapter_upload_up::after,
|
|
|
-.moveBtn2 .chapter_upload_down::after {
|
|
|
- width: 10px;
|
|
|
- height: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle >>> .el-dialog__body {
|
|
|
- height: calc(100% - 125px) !important;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle >>> .el-dialog {
|
|
|
- width: 100% !important;
|
|
|
- max-width: 100% !important;
|
|
|
- height: 100% !important;
|
|
|
- margin: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.fullStyle {
|
|
|
- width: 100% !important;
|
|
|
- max-width: 100% !important;
|
|
|
- height: 100% !important;
|
|
|
- margin: 0 auto !important;
|
|
|
-}
|
|
|
-.fullStyle1>>>.el-dialog__body {
|
|
|
- height: 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%);
|
|
|
-}
|
|
|
-
|
|
|
-.check_classBox {
|
|
|
- height: 400px;
|
|
|
- display: flex;
|
|
|
- border-top: 1.5px solid #e7ebf1;
|
|
|
- border-bottom: 1.5px solid #e7ebf1;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class_right {
|
|
|
- width: 130px;
|
|
|
- border-right: 1px solid #e7ebf1;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- height: 100%;
|
|
|
- overflow: auto;
|
|
|
- padding: 15px 0;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class {
|
|
|
- width: 85%;
|
|
|
- border-radius: 5px;
|
|
|
- height: 30px;
|
|
|
- line-height: 30px;
|
|
|
- text-align: center;
|
|
|
- padding: 0 10px;
|
|
|
- box-sizing: border-box;
|
|
|
- cursor: pointer;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class.activeX {
|
|
|
- background: #e0eafb;
|
|
|
- color: #3681fc;
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class + .check_class {
|
|
|
- margin-top: 15px;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class_left {
|
|
|
- background: #fafafa;
|
|
|
- width: calc(100% - 130px);
|
|
|
- padding: 15px;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class_all_box {
|
|
|
- display: flex;
|
|
|
- margin-bottom: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.all_check {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 2px 0 0;
|
|
|
- margin-left: 10px;
|
|
|
-}
|
|
|
-
|
|
|
-.all_check >>> .el-checkbox__label {
|
|
|
- line-height: 18px;
|
|
|
-}
|
|
|
-.check_class_left_title {
|
|
|
- font-size: 16px;
|
|
|
- font-weight: 700;
|
|
|
-}
|
|
|
-
|
|
|
-.check_class_item {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- height: calc(100% - 45px);
|
|
|
- overflow: auto;
|
|
|
- justify-content: flex-start;
|
|
|
- align-items: flex-start;
|
|
|
- align-content: flex-start;
|
|
|
-}
|
|
|
-
|
|
|
-.class_item:first-child {
|
|
|
- /* margin: 0 15px 15px 67px; */
|
|
|
-}
|
|
|
-.class_item {
|
|
|
- margin: 0 15px 15px 0;
|
|
|
-}
|
|
|
-
|
|
|
-.class_item:hover >>> .el-checkbox__label {
|
|
|
- color: #409eff;
|
|
|
-}
|
|
|
-
|
|
|
-.class_item >>> .el-checkbox__label {
|
|
|
- color: #0e1e33;
|
|
|
-}
|
|
|
-
|
|
|
-.class_item:hover >>> .el-checkbox__inner {
|
|
|
- border-color: #409eff;
|
|
|
-}
|
|
|
-
|
|
|
-.class_item >>> .el-checkbox,
|
|
|
-.class_item >>> .el-checkbox__input {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-.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>
|
|
|
+
|
