|
|
@@ -125,7 +125,7 @@
|
|
|
border-radius: 5px;
|
|
|
font-weight: 600;
|
|
|
padding: 12px 14px 12px 71px;
|
|
|
- " />
|
|
|
+ " @change="setCover"/>
|
|
|
<el-switch v-model="isTeacherSee" active-text="是否公开此课程"
|
|
|
style="justify-content: center; width: 200px"></el-switch>
|
|
|
</div>
|
|
|
@@ -172,7 +172,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="right_first">
|
|
|
+ <div class="right_first" v-loading="imageloading2">
|
|
|
<!-- <div class="ai_box">
|
|
|
<div class="ai_content" @click="openAI"><img src="../../../assets/icon/new/ai.png"/><span>AI共创</span></div>
|
|
|
</div> -->
|
|
|
@@ -675,12 +675,16 @@
|
|
|
</div>
|
|
|
<div class="outline_detail" v-loading="taskDetailLoading5.indexOf('task-' + index) !== -1">
|
|
|
<textarea v-autoHeight="100" rows="4" class="binfo_input binfo_textarea" cols placeholder="请输入教案"
|
|
|
- v-model="item.taskDetail3"></textarea>
|
|
|
+ v-model="item.taskDetail3" v-if="item.isTask3"></textarea>
|
|
|
+ <div class="markBox" v-html="MarkdownT(item.taskDetail3)" v-else></div>
|
|
|
<div class="op_box">
|
|
|
<div class="op_remark">*可以将需要优化的建议添加在任务描述后，点击“智能优化”，自动进行修改</div>
|
|
|
- <div class="r_pub_button_op"
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div class="r_pub_button_op"
|
|
|
@contextmenu.prevent="openAiDialog(1, 'teacherDetail', item.taskDetail3, index)"
|
|
|
@click="openAiDialog(2, 'teacherDetail', item.taskDetail3, index)">智能优化</div>
|
|
|
+ <div class="r_pub_button_edit" style="margin-left:10px" @click="editTask3(index)">{{ item.isTask3 ? '确定' : '编辑'}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -5105,6 +5109,7 @@ import aiDialog from './aiDialog'
|
|
|
import aiTips from './aiTips.vue'
|
|
|
import tipsDialog from './tipsDialog.vue'
|
|
|
import { v4 as uuidv4 } from "uuid";
|
|
|
+import MarkdownIt from "markdown-it";
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
|
@@ -5207,6 +5212,7 @@ export default {
|
|
|
oid: this.$route.query.oid,
|
|
|
org: this.$route.query.org,
|
|
|
role: this.$route.query.role,
|
|
|
+ aiId: this.$route.query.aiId != undefined ? this.$route.query.aiId : "",
|
|
|
cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
|
|
|
dialogVisibleTable: false,
|
|
|
dialogVisibleWord: false,
|
|
|
@@ -5360,6 +5366,7 @@ export default {
|
|
|
isPasteChoice: false,
|
|
|
imageList: [],
|
|
|
imageloading: false,
|
|
|
+ imageloading2: false,
|
|
|
searchImageValue: "",
|
|
|
ppage: 1,
|
|
|
toolsData: toolsData,
|
|
|
@@ -5569,6 +5576,13 @@ export default {
|
|
|
return this.grade.length ? _c2.join("、") : "";
|
|
|
};
|
|
|
},
|
|
|
+ MarkdownT() {
|
|
|
+ return function (c) {
|
|
|
+ let md = new MarkdownIt();
|
|
|
+ return c
|
|
|
+ ? md.render(c) : "";
|
|
|
+ };
|
|
|
+ },
|
|
|
},
|
|
|
watch: {
|
|
|
unitIndex(newValue, oldValue) {
|
|
|
@@ -10630,6 +10644,66 @@ export default {
|
|
|
console.error(err);
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
+ if(this.aiId){
|
|
|
+ let params = {
|
|
|
+ cid: this.aiId,
|
|
|
+ };
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "select_course_detail", params)
|
|
|
+ .then((res) => {
|
|
|
+
|
|
|
+ this.$forceUpdate();
|
|
|
+ this.courseName = res.data[0][0].title;
|
|
|
+ this.courseText = res.data[0][0].brief;
|
|
|
+ this.courseText2 = res.data[0][0].reBrief;
|
|
|
+ this.cover = JSON.parse(res.data[0][0].cover);
|
|
|
+ this.noneBtnImg = this.cover.length >= 1;
|
|
|
+ if (res.data[0][0].refile) {
|
|
|
+ this.infoData = JSON.parse(res.data[0][0].refile)
|
|
|
+ }
|
|
|
+
|
|
|
+ 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].open == 1 ? true : false;
|
|
|
+ this.myWord = res.data[0][0].template;
|
|
|
+ this.templateC.id = "123";
|
|
|
+ this.courseTypeId = [];
|
|
|
+ for (var i = 0; i < res.data[1].length; i++) {
|
|
|
+ this.courseTypeId.push(res.data[1][i].typeid);
|
|
|
+ }
|
|
|
+ console.log(this.courseTypeId);
|
|
|
+
|
|
|
+
|
|
|
+ this.setMan();
|
|
|
+ this.unitJson[
|
|
|
+ this.unitIndex
|
|
|
+ ].chapterInfo[0].taskJson[0].toolOpen = true;
|
|
|
+
|
|
|
+ this.$forceUpdate();
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.evalua);
|
|
|
+ setTimeout(() => {
|
|
|
+ this.checkEva(this.evalua);
|
|
|
+ }, 100);
|
|
|
+ }, 100);
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+ }
|
|
|
// if(this.cidType != 1 && this.templateid == ''){
|
|
|
// this.promptShow = true
|
|
|
// }
|
|
|
@@ -11998,6 +12072,37 @@ export default {
|
|
|
this.isPasteTask = true;
|
|
|
}
|
|
|
},
|
|
|
+ setCover() {
|
|
|
+ var _this = this;
|
|
|
+ if(_this.cover.length){
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ _this.imageloading2 = true
|
|
|
+ _this.ajax
|
|
|
+ .post("https://gpt.cocorobo.cn/search_image", {
|
|
|
+ page: _this.ppage,
|
|
|
+ pagesize: 9,
|
|
|
+ query: _this.courseName,
|
|
|
+ })
|
|
|
+ .then(function (response) {
|
|
|
+ // console.log(response.data.data);
|
|
|
+ var data = response.data.FunctionResponse.result;
|
|
|
+ _this.cover = [];
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.cover[0] = {
|
|
|
+ name: "网络图片.png",
|
|
|
+ url: data[0].thumbnail
|
|
|
+ };
|
|
|
+ _this.imgChange1(null, null, 1, null);
|
|
|
+ _this.$forceUpdate();
|
|
|
+ }, 0);
|
|
|
+ _this.imageloading2 = false
|
|
|
+ })
|
|
|
+ .catch(function (error) {
|
|
|
+ _this.imageloading2 = false
|
|
|
+ console.log(error);
|
|
|
+ });
|
|
|
+ },
|
|
|
searchImage() {
|
|
|
var _this = this;
|
|
|
_this.imageList = [];
|
|
|
@@ -12458,6 +12563,14 @@ export default {
|
|
|
this.aiJson[pan] = string
|
|
|
this.$forceUpdate();
|
|
|
},
|
|
|
+ editTask3(index){
|
|
|
+ if(this.unitJson[0].chapterInfo[0].taskJson[index].isTask3){
|
|
|
+ this.unitJson[0].chapterInfo[0].taskJson[index].isTask3 = false
|
|
|
+ }else {
|
|
|
+ this.unitJson[0].chapterInfo[0].taskJson[index].isTask3 = true
|
|
|
+ }
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
openAiDialog(clickType, type, callback, index, tindex) {
|
|
|
this.clickType = clickType
|
|
|
let sub = []
|
|
|
@@ -18007,4 +18120,72 @@ ol {
|
|
|
.text_panel>>>.text {
|
|
|
height: 400px;
|
|
|
}
|
|
|
+
|
|
|
+.markBox{
|
|
|
+ padding: 20px 14px;
|
|
|
+ line-height: 29px;
|
|
|
+ font-size: 16px;
|
|
|
+ background: #f4f4f4;
|
|
|
+ border-radius: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/* table 样式 */
|
|
|
+.markBox >>> table {
|
|
|
+ border-top: 1px solid #ccc;
|
|
|
+ border-left: 1px solid #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+.markBox >>> table td,
|
|
|
+.markBox >>> 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;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.markBox >>> table th {
|
|
|
+ border-bottom: 2px solid #ccc;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+/* blockquote 样式 */
|
|
|
+.markBox >>> 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 样式 */
|
|
|
+.markBox >>> code {
|
|
|
+ display: inline-block;
|
|
|
+ /* *display: inline; */
|
|
|
+ zoom: 1;
|
|
|
+ background-color: #f1f1f1;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 3px 5px;
|
|
|
+ margin: 0 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.markBox >>> pre code {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/* ul ol 样式 */
|
|
|
+.markBox >>> ul,
|
|
|
+ol {
|
|
|
+ margin: 10px 0 10px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.markBox >>> li,ul{
|
|
|
+ list-style: none;
|
|
|
+
|
|
|
+}
|
|
|
</style>
|
