首頁 探索 說明
登入
CocoRoboLabs
/
pbl-teacher-table
3
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

Merge branch 'beta' of https://git.cocorobo.cn/CocoRoboLabs/pbl-teacher-table into beta

SanHQin 8 月之前
父節點
dc68688e4a db19e77e12
當前提交
f21a496267
共有 28 個文件被更改，包括 30069 次插入 和 1649 次删除
統一視圖 顯示文件統計
  1. 1 1
      dist/index.html
  2. 0 0
      dist/static/css/app.288d0ee05444a7f1b40df4cf4805514b.css
  3. 0 0
      dist/static/css/app.288d0ee05444a7f1b40df4cf4805514b.css.map
  4. 0 0
      dist/static/js/app.a2946d50e8817f41a3c5.js
  5. 0 0
      dist/static/js/app.a2946d50e8817f41a3c5.js.map
  6. 0 0
      dist/static/js/manifest.3eade43afd174522bb8a.js.map
  7. 1 1
      src/components/pages/aiAddCourse/aiBox.vue
  8. 1 1
      src/components/pages/aiAddCourse/aiBox2.vue
  9. 1 1
      src/components/pages/aiAddCourse/aiBoxCourseDetail.vue
  10. 1 1
      src/components/pages/aiAddCourse/aiBoxRight.vue
  11. 2265 1644
      src/components/pages/aiEasy/addCourse.vue
  12. 910 0
      src/components/pages/aiEasy/aiBox.vue
  13. 894 0
      src/components/pages/aiEasy/aiBox2.vue
  14. 2387 0
      src/components/pages/aiEasy/aiBoxCourseDetail.vue
  15. 2613 0
      src/components/pages/aiEasy/aiBoxRight.vue
  16. 0 0
      src/components/pages/aiEasy/aiCreateDialog copy.vue
  17. 1536 0
      src/components/pages/aiEasy/aiCreateDialog.vue
  18. 0 0
      src/components/pages/aiEasy/aiCreateVideoDialog copy.vue
  19. 633 0
      src/components/pages/aiEasy/aiCreateVideoDialog.vue
  20. 633 0
      src/components/pages/aiEasy/aiCreateVideoDialogHK.vue
  21. 187 0
      src/components/pages/aiEasy/aiDialog.vue
  22. 199 0
      src/components/pages/aiEasy/aiTips.vue
  23. 1134 0
      src/components/pages/aiEasy/evaList.vue
  24. 658 0
      src/components/pages/aiEasy/jsmind2.vue
  25. 1062 0
      src/components/pages/aiEasy/record.vue
  26. 494 0
      src/components/pages/aiEasy/templateDialog.vue
  27. 295 0
      src/components/pages/aiEasy/tipsDialog.vue
  28. 14164 0
      src/components/pages/aiEasy2/addCourse.vue

+ 1 - 1
dist/index.html
查看文件 

@@ -32,7 +32,7 @@
 
       width: 100%;
 
       width: 100%;
 
       background: #e6eaf0;
 
       background: #e6eaf0;
 
       font-family: '黑体';
 
       font-family: '黑体';
 
-    }</style><link href=./static/css/app.89d25105094258ef50e6fa29112ecd4c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3eade43afd174522bb8a.js></script><script type=text/javascript src=./static/js/vendor.6bffbf9058a42e825dbc.js></script><script type=text/javascript src=./static/js/app.c46c6936840b30fee220.js></script></body></html><script>function stopSafari() {
 
+    }</style><link href=./static/css/app.288d0ee05444a7f1b40df4cf4805514b.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.3eade43afd174522bb8a.js></script><script type=text/javascript src=./static/js/vendor.6bffbf9058a42e825dbc.js></script><script type=text/javascript src=./static/js/app.a2946d50e8817f41a3c5.js></script></body></html><script>function stopSafari() {
 
     //阻止safari浏览器双击放大功能
 
     //阻止safari浏览器双击放大功能
 
     let lastTouchEnd = 0  //更新手指弹起的时间
 
     let lastTouchEnd = 0  //更新手指弹起的时间
 
     document.documentElement.addEventListener("touchstart", function (event) {
 
     document.documentElement.addEventListener("touchstart", function (event) {

文件差異過大導致無法顯示
+ 0 - 0
dist/static/css/app.288d0ee05444a7f1b40df4cf4805514b.css


文件差異過大導致無法顯示
+ 0 - 0
dist/static/css/app.288d0ee05444a7f1b40df4cf4805514b.css.map


文件差異過大導致無法顯示
+ 0 - 0
dist/static/js/app.a2946d50e8817f41a3c5.js


文件差異過大導致無法顯示
+ 0 - 0
dist/static/js/app.a2946d50e8817f41a3c5.js.map


文件差異過大導致無法顯示
+ 0 - 0
dist/static/js/manifest.3eade43afd174522bb8a.js.map


+ 1 - 1
src/components/pages/aiAddCourse/aiBox.vue
查看文件 

@@ -522,7 +522,7 @@ export default {
 
         this.ajax
 
         this.ajax
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .then(res => {
 
           .then(res => {
 
-            let _data = JSON.parse(res.data.FunctionResponse);
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
             if (_data.length > 0) {
 
             if (_data.length > 0) {
 
               let _chatList = [];
 
               let _chatList = [];
 
               for (let i = 0; i < _data.length; i++) {
 
               for (let i = 0; i < _data.length; i++) {

+ 1 - 1
src/components/pages/aiAddCourse/aiBox2.vue
查看文件 

@@ -506,7 +506,7 @@ export default {
 
         this.ajax
 
         this.ajax
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .then(res => {
 
           .then(res => {
 
-            let _data = JSON.parse(res.data.FunctionResponse);
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
             if (_data.length > 0) {
 
             if (_data.length > 0) {
 
               let _chatList = [];
 
               let _chatList = [];
 
               for (let i = 0; i < _data.length; i++) {
 
               for (let i = 0; i < _data.length; i++) {

+ 1 - 1
src/components/pages/aiAddCourse/aiBoxCourseDetail.vue
查看文件 

@@ -1219,7 +1219,7 @@ ${message}`;
 
         this.ajax
 
         this.ajax
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .then(async res => {
 
           .then(async res => {
 
-            let _data = JSON.parse(res.data.FunctionResponse);
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
             if (_data.length > 0) {
 
             if (_data.length > 0) {
 
               let _chatList = [];
 
               let _chatList = [];
 
               for (let i = 0; i < _data.length; i++) {
 
               for (let i = 0; i < _data.length; i++) {

+ 1 - 1
src/components/pages/aiAddCourse/aiBoxRight.vue
查看文件 

@@ -1529,7 +1529,7 @@ ${message}`;
 
         this.ajax
 
         this.ajax
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
           .then(res => {
 
           .then(res => {
 
-            let _data = JSON.parse(res.data.FunctionResponse);
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
             if (_data.length > 0) {
 
             if (_data.length > 0) {
 
               let _chatList = [];
 
               let _chatList = [];
 
               for (let i = 0; i < _data.length; i++) {
 
               for (let i = 0; i < _data.length; i++) {

文件差異過大導致無法顯示
+ 2265 - 1644
src/components/pages/aiEasy/addCourse.vue


+ 910 - 0
src/components/pages/aiEasy/aiBox.vue
查看文件 

@@ -0,0 +1,910 @@
 
+<template>
 
+  <div class="ai_body">
 
+    <div class="ai_body_dialog" v-loading="loading" ref="chatDialog">
 
+      <div
 
+        class="dialog_content"
 
+        v-for="(item, index) in array"
 
+        :key="item.uid"
 
+      >
 
+        <div v-if="item.content">
 
+          <div class="content content2" v-html="item.content"></div>
 
+          <div class="role">
 
+            <img src="../../../assets/icon/new/role2.png" />
 
+          </div>
 
+        </div>
 
+        <div style="margin-top:10px ;">
 
+          <div class="role">
 
+            <img src="../../../assets/icon/new/role1.png" />
 
+          </div>
 
+          <div
 
+            class="content"
 
+            v-loading="item.loading"
 
+            v-html="item.aiContent"
 
+          ></div>
 
+        </div>
 
+        <!-- <div class="role">
 
+          <img src="../../../assets/icon/new/role1.png"/>
 
+          <img src="../../../assets/icon/new/role2.png"/>
 
+        </div>
 
+        <div class="content content2" :class="{ content2: item.role == 2 }">
 
+          {{ item.text }}
 
+        </div>
 
+				<div class="role">
 
+          <img src="../../../assets/icon/new/role1.png"/>
 
+        </div>
 
+        <div class="content">
 
+          {{ item.text }}
 
+        </div> -->
 
+      </div>
 
+    </div>
 
+    <div class="ai_body_select">
 
+      <div class="checkBox" v-if="checkBool">
 
+        <div class="task">
 
+          <div class="title">选择需要优化的任务：</div>
 
+          <div class="content">
 
+            <div class="span" @click="addAllTask()">
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.length !== course.length"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>全选</span>
 
+            </div>
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in course"
 
+              :key="index"
 
+              @click="addTask(index)"
 
+            >
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.indexOf(index) === -1"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>任务{{ index + 1 }}</span>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="part">
 
+          <div class="title">选择优化的部分：</div>
 
+          <div class="content">
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in partArray"
 
+              :key="index"
 
+              :class="{ active: part == item.name }"
 
+              @click="checkPart(item.name)"
 
+            >
 
+              {{ item.name }}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        v-if="!checkArray.length && !part"
 
+        @click="checkBool = !checkBool"
 
+        >选择优化内容</span
 
+      >
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        @click="checkBool = !checkBool"
 
+        v-else
 
+      >
 
+        <el-tooltip :content="taskName" placement="top" effect="dark">
 
+          <!-- content to trigger tooltip here -->
 
+          <span>{{ taskName }}</span>
 
+        </el-tooltip>
 
+      </span>
 
+    </div>
 
+    <div class="ai_body_input">
 
+      <textarea
 
+        rows="3"
 
+        @keyup.enter="addContent"
 
+        class="binfo_input binfo_textarea"
 
+        cols
 
+        v-model.trim="courseText"
 
+        placeholder="在此输入您想了解的内容"
 
+      ></textarea>
 
+      <div
 
+        class="c_pub_button_confirm"
 
+        v-if="!loading && courseText"
 
+        @click="addContent"
 
+      >
 
+        发送
 
+      </div>
 
+      <div class="c_pub_button_confirm" @click="promptTit" v-else>发送</div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import checkImg from "../../../assets/icon/sourceFile/check.png";
 
+import checkIsImg from "../../../assets/icon/sourceFile/check_is.png";
 
+import { v4 as uuidv4 } from "uuid";
 
+import MarkdownIt from "markdown-it";
 
+export default {
 
+  props: {
 
+    unitJson: {
 
+      type: Array
 
+    },
 
+		courseId:{
 
+			type:String,
 
+			default:""
 
+		},
 
+  },
 
+  data() {
 
+    return {
 
+      array: [],
 
+      courseText: "",
 
+      checkImg: checkImg,
 
+      checkIsImg: checkIsImg,
 
+			userid: this.$route.query.userid,
 
+      checkArray: [],
 
+      course: [{ title: "任务1" }, { title: "任务2" }, { title: "任务3" }],
 
+      partArray: [
 
+        { name: "全部内容" },
 
+        { name: "任务设计" },
 
+        { name: "评价设计" }
 
+      ],
 
+      part: "全部内容",
 
+      checkBool: false,
 
+      loading: false,
 
+      username: "",
 
+    };
 
+  },
 
+  watch: {
 
+    unitJson: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.course = this.unitJson[0].chapterInfo[0].taskJson;
 
+      }
 
+    }
 
+  },
 
+  methods: {
 
+    promptTit() {
 
+      if (!this.loading && !this.courseText) {
 
+        this.$message({
 
+          message: "请输入您想要了解的内容",
 
+          type: "warning"
 
+        });
 
+      } else {
 
+        this.$message({
 
+          message: "请回答完毕后再次发送",
 
+          type: "warning"
 
+        });
 
+      }
 
+    },
 
+    addContent() {
 
+      let message = this.courseText
 
+      if (this.courseText) {
 
+        let msg = `
 
+          ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".`
 
+        if(this.checkArray.length){
 
+          let task = []
 
+          if(this.part == "全部内容"){
 
+            // msg += `--------
 
+            // ## 示例
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"电子白板", 
+            //         detail: "工具描述"
 
+            //       },
 
+            //       {
 
+            //         tool:"思维大图", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //     toolChoose: []
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"文档", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   }
 
+            // ]
 
+            
+            // --------
 
+            // ## 输出格式与要求
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1","score":5},
 
+            //       {"value":"评价名字2","detail":"评价维度2","score":5},
 
+            //       {"value":"评价名字3","detail":"评价维度3","score":5}
 
+            //     ],//至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，以及该维度中教师期待学生的表现，句式为学生应该能....
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool: "工具", //电子白板,文档,思维导图,表格,作业提交中选择其中一个工具
 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ] //可0~2个工具
 
+            //   }
 
+            // ]
 
+            // `
 
+            for(var i = 0; i < this.checkArray.length; i++){
 
+              let _index = this.checkArray[i]
 
+              task.push(this.course[_index])
 
+            }
 
+          }else if(this.part == "任务设计"){
 
+            // msg += `
 
+            // --------
 
+            // ## 示例
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"电子白板", 
+            //         detail: "工具描述"
 
+            //       },
 
+            //       {
 
+            //         tool:"思维大图", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: []
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"文档", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   }
 
+            // ]
 
+            
+            // --------
 
+            // ## 输出格式与要求
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool: "工具", //电子白板,文档,思维导图,表格,作业提交中选择其中一个工具
 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ] //可0~2个工具
 
+            //   }
 
+            // ]
 
+            // `
 
+            for(var i = 0; i < this.checkArray.length; i++){
 
+              let _index = this.checkArray[i]
 
+              task.push(this.course[_index])
 
+            }
 
+          }else if(this.part == "评价设计"){
 
+            // msg += `
 
+            // --------
 
+            // ## 示例
 
+            // [
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //   },
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //   },
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //   }
 
+            // ]
 
+            
+            // --------
 
+            // ## 输出格式与要求
 
+            // [
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1","score":5},
 
+            //       {"value":"评价名字2","detail":"评价维度2","score":5},
 
+            //       {"value":"评价名字3","detail":"评价维度3","score":5}
 
+            //     ],//至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，以及该维度中教师期待学生的表现，句式为学生应该能....
 
+            //   }
 
+            // ]
 
+            // `
 
+            for(var i = 0; i < this.checkArray.length; i++){
 
+              let _index = this.checkArray[i]
 
+              task.push(this.course[_index].eList)
 
+            }
 
+          }
 
+          
+          msg += `
 
+          --------
 
+          ## 修改内容
 
+          ${JSON.stringify(task)}
 
+          `
 
+
 
+          msg += `
 
+          --------
 
+          ## 要求
 
+          ${this.courseText}
 
+          `
 
+          message = msg
 
+        }
 
+        let _uuid = uuidv4();
 
+        this.array.push({
 
+          role: "user",
 
+          content: `${this.courseText}`,
 
+          uid: _uuid,
 
+          AI: "AI",
 
+          aiContent: "",
 
+          oldContent: "",
 
+          isShowSynchronization: false,
 
+          filename: "",
 
+          index: this.array.length,
 
+          is_mind_map: false,
 
+          loading: true
 
+        });
 
+        this.$nextTick(() => {
 
+          this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+        });
 
+        let params = JSON.stringify({
 
+          // model: "gpt-3.5-turbo",
 
+          // model: 'gpt-4o-2024-11-20',
 
+          model: 'qwen-plus',
 
+          temperature: 0,
 
+          max_tokens: 4096,
 
+          top_p: 1,
 
+          frequency_penalty: 0,
 
+          presence_penalty: 0,
 
+          messages: [{ role: "user", content: message }],
 
+          uid: _uuid,
 
+          mind_map_question: ""
 
+        });
 
+        // let params = JSON.stringify({
 
+        //   message: {
 
+        //       anthropic_version: "bedrock-2023-05-31",
 
+        //       max_tokens: 4096,
 
+        //       temperature: 0,
 
+        //       top_p: 1,
 
+        //       messages:  [{
 
+        //           "role": "user",
 
+        //           "content": message
 
+        //       }] , 
+        //   },
 
+        //   uid: _uuid,
 
+        //   model: "Claude 3 Sonnet" // Claude 3 Sonnet或者Claude 3 Haiku
 
+        // });
 
+        this.courseText = "";
 
+
 
+        this.ajax.post("https://gpt4.cocorobo.cn/chat", params).then(res => {
 
+        // this.ajax.post("https://claude3.cocorobo.cn/chat", params).then(res => {
 
+            if (res.data.FunctionResponse.result == "发送成功") {
 
+            } else {
 
+              this.$message.warning(res.data.FunctionResponse.result);
 
+            }
 
+          })
 
+          .catch(e => {
 
+            console.log(e);
 
+          });
 
+        this.getAiContent(_uuid);
 
+      }
 
+    },
 
+    getAiContent(_uid) {
 
+      let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
 
+      // let _source = new EventSource(`https://claude3.cocorobo.cn/streamChat/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      _source.onmessage = _e => {
 
+        if (_e.data.replace("'", "").replace("'", "") == "[DONE]") {
 
+          //对话已经完成
 
+          _mdText = _mdText.replace("_", "");
 
+          _source.close();
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          // 这里保存对话
 
+          this.insertChat(_uid);
 
+          return;
 
+        } else {
 
+          //对话还在继续
 
+          let _text = "";
 
+          _text = _e.data.replaceAll("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    async getUserName() {
 
+      let params = { uid: this.userid };
 
+      try {
 
+        let res = await this.ajax.get(this.$store.state.api + "getUser", params);
 
+        this.username = res.data[0][0].name;
 
+      } catch (err) {
 
+        console.error(err);
 
+      }
 
+    },
 
+    //保存消息
 
+    async insertChat(_uid) {
 
+      let _data = this.array.find(i => i.uid == _uid);
 
+      if (!_data) return;
 
+      if(!this.username){
 
+        await this.getUserName()
 
+      }
 
+      let params = {
 
+        userId: this.userid,
 
+        userName: this.username,
 
+        groupId: "602def61-005d-11ee-91d8-005056b8q12w",
 
+        answer: _data.aiContent,
 
+        problem: _data.content,
 
+        file_id: _data.fileid ? _data.fileid : "",
 
+        alltext: _data.aiContent,
 
+        type: "chat",
 
+        filename: _data.filename,
 
+        session_name: `${this.courseId}-addCourse` //这是对话记录位置
 
+      };
 
+      this.ajax
 
+        .post("https://gpt4.cocorobo.cn/insert_chat", params)
 
+        .then(res => {});
 
+    },
 
+    // 获取对应的聊天记录
 
+    getChatList() {
 
+      return new Promise((resolve, reject) => {
 
+        if (this.loading) return this.$message.info("请稍等...");
 
+        this.array = [];
 
+        this.loading = true;
 
+        let params = {
 
+          userid: this.userid,
 
+          groupid: "602def61-005d-11ee-91d8-005056b8q12w",
 
+          // session_name:``
 
+          session_name: `${this.courseId}-addCourse`
 
+        };
 
+        this.ajax
 
+          .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
+          .then(res => {
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
+            if (_data.length > 0) {
 
+              let _chatList = [];
 
+              for (let i = 0; i < _data.length; i++) {
 
+                _chatList.push({
 
+                  loading: false,
 
+                  role: "user",
 
+                  content: _data[i].problem,
 
+                  uid: _data[i].id,
 
+                  AI: "AI",
 
+                  aiContent: _data[i].answer,
 
+                  oldContent: _data[i].answer,
 
+                  isShowSynchronization: false,
 
+                  filename: _data[i].filename,
 
+                  index: i,
 
+                  is_mind_map: false,
 
+                  fileid: _data[i].fileid
 
+                });
 
+              }
 
+              this.array = _chatList;
 
+              this.loading = false;
 
+            } else {
 
+              //没有对话记录
 
+              this.loading = false;
 
+            }
 
+            resolve();
 
+          })
 
+          .catch(err => {
 
+            console.log(err);
 
+            this.$message.error("获取对话记录失败");
 
+            this.loading = false;
 
+            resolve();
 
+          });
 
+      });
 
+    },
 
+    addTask(index) {
 
+      if (this.checkArray.indexOf(index) !== -1) {
 
+        this.checkArray.splice(this.checkArray.indexOf(index), 1);
 
+      } else {
 
+        this.checkArray.push(index);
 
+      }
 
+      console.log(index);
 
+    },
 
+    addAllTask() {
 
+      if (this.checkArray.length === this.course.length) {
 
+        this.checkArray = [];
 
+      } else {
 
+        this.checkArray = [];
 
+        this.course.forEach((item, index) => {
 
+          this.checkArray.push(index);
 
+        });
 
+      }
 
+    },
 
+    checkPart(name) {
 
+      this.part = name;
 
+    }
 
+  },
 
+  computed: {
 
+    courseTextLength() {
 
+      return this.courseText.length;
 
+    },
 
+    taskName() {
 
+      let task = "";
 
+      if (this.checkArray.length) {
 
+        task = "任务";
 
+        this.checkArray = this.checkArray.sort((a, b) => a - b);
 
+        let a = JSON.parse(JSON.stringify(this.checkArray));
 
+        for (let index = 0; index < a.length; index++) {
 
+          a[index]++;
 
+        }
 
+        task += a.join("/");
 
+      }
 
+      return task + " " + this.part;
 
+    }
 
+  },
 
+  mounted() {
 
+    this.getChatList().then(_ => {
 
+      this.$nextTick(() => {
 
+				console.log(this.$refs.chatDialog.scrollHeight)
 
+        this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+      });
 
+    });
 
+  }
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.ai_body {
 
+  height: 100%;
 
+  width: calc(100% - 20px);
 
+  margin: 0 auto;
 
+}
 
+
 
+.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: 14px;
 
+  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: 14px;
 
+  resize: none;
 
+  /* background: #f6f6f6; */
 
+  font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.binfo_textarea::-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);
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+  border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+.ai_body_input {
 
+  /* position: relative; */
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: end;
 
+}
 
+
 
+.c_pub_button_confirm {
 
+  /* position: absolute;
 
+    bottom: 13px;
 
+    right: 13px; */
 
+  margin-top: 10px;
 
+  width: 80px;
 
+  display: flex;
 
+  justify-content: center;
 
+}
 
+
 
+.ai_body_dialog {
 
+  padding: 10px 0;
 
+  box-sizing: border-box;
 
+  height: calc(100% - 180px);
 
+  overflow: auto;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.dialog_content {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.dialog_content > div {
 
+  display: flex;
 
+  align-items: flex-start;
 
+}
 
+
 
+.dialog_content + .dialog_content {
 
+  margin: 15px 0;
 
+}
 
+
 
+.dialog_content > div .right {
 
+  flex-direction: row-reverse;
 
+}
 
+
 
+.dialog_content > div .right .role {
 
+  margin-right: 0;
 
+  margin-left: 10px;
 
+}
 
+
 
+.dialog_content > div .role {
 
+  min-width: 30px;
 
+  width: 30px;
 
+  height: 30px;
 
+  margin-right: 10px;
 
+  border-radius: 50%;
 
+}
 
+
 
+.dialog_content > div .role > img {
 
+  height: 100%;
 
+  width: 100%;
 
+}
 
+
 
+.dialog_content > div .content {
 
+  padding: 10px 5px;
 
+  border-radius: 5px;
 
+  width: 100%;
 
+  word-break: break-word;
 
+  box-sizing: border-box;
 
+  /* white-space: pre-line; */
 
+  max-width: 100%;
 
+  background: #f7f7f7;
 
+  overflow: hidden;
 
+  margin: 0 10px;
 
+}
 
+
 
+.dialog_content > div .content2 {
 
+  background: #3681fc;
 
+  color: #fff;
 
+}
 
+
 
+.ai_body_select {
 
+  position: relative;
 
+}
 
+
 
+.ai_body_select > .check {
 
+  background: #e7e7e7;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #0061ff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .check::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .check::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck {
 
+  background: #0061ff;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #fff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+  max-width: 100%;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .isCheck > span {
 
+  width: calc(100% - 40px);
 
+  display: block;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.ai_body_select > .isCheck::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox {
 
+  position: absolute;
 
+  bottom: 40px;
 
+  border: 1px solid #e0eafb;
 
+  width: 100%;
 
+  height: 300px;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 10px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .title,
 
+.ai_body_select > .checkBox > .part > .title {
 
+  font-size: 14px;
 
+  font-weight: 700;
 
+  margin-bottom: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task {
 
+  height: calc(100% - 60px);
 
+}
 
+
 
+.ai_body_select > .checkBox > .part {
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content {
 
+  height: calc(100% - 40px);
 
+  overflow: auto;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span + .span {
 
+  margin-top: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check {
 
+  width: 13px;
 
+  height: 13px;
 
+  display: flex;
 
+  align-items: center;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check > img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  justify-content: space-between;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span {
 
+  padding: 3px 6px;
 
+  border: 1px solid #e0eafb;
 
+  border-radius: 40px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span.active {
 
+  color: #0061ff;
 
+  border-color: #0061ff;
 
+}
 
+</style>

+ 894 - 0
src/components/pages/aiEasy/aiBox2.vue
查看文件 

@@ -0,0 +1,894 @@
 
+<template>
 
+  <div class="ai_body">
 
+    <div class="ai_body_dialog" v-loading="loading" ref="chatDialog">
 
+      <div
 
+        class="dialog_content"
 
+        v-for="(item, index) in array"
 
+        :key="item.uid"
 
+      >
 
+        <div v-if="item.content">
 
+          <div class="content content2" v-html="item.content"></div>
 
+          <div class="role">
 
+            <img src="../../../assets/icon/new/role2.png" />
 
+          </div>
 
+        </div>
 
+        <div style="margin-top:10px ;">
 
+          <div class="role">
 
+            <img src="../../../assets/icon/new/role1.png" />
 
+          </div>
 
+          <div
 
+            class="content"
 
+            v-loading="item.loading"
 
+            v-html="item.aiContent"
 
+          ></div>
 
+        </div>
 
+        <!-- <div class="role">
 
+          <img src="../../../assets/icon/new/role1.png"/>
 
+          <img src="../../../assets/icon/new/role2.png"/>
 
+        </div>
 
+        <div class="content content2" :class="{ content2: item.role == 2 }">
 
+          {{ item.text }}
 
+        </div>
 
+				<div class="role">
 
+          <img src="../../../assets/icon/new/role1.png"/>
 
+        </div>
 
+        <div class="content">
 
+          {{ item.text }}
 
+        </div> -->
 
+      </div>
 
+    </div>
 
+    <div class="ai_body_select">
 
+      <div class="checkBox" v-if="checkBool">
 
+        <div class="task">
 
+          <div class="title">选择需要优化的任务：</div>
 
+          <div class="content">
 
+            <div class="span" @click="addAllTask()">
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.length !== course.length"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>全选</span>
 
+            </div>
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in course"
 
+              :key="index"
 
+              @click="addTask(index)"
 
+            >
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.indexOf(index) === -1"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>任务{{ index + 1 }}</span>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="part">
 
+          <div class="title">选择优化的部分：</div>
 
+          <div class="content">
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in partArray"
 
+              :key="index"
 
+              :class="{ active: part == item.name }"
 
+              @click="checkPart(item.name)"
 
+            >
 
+              {{ item.name }}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        v-if="!checkArray.length && !part"
 
+        @click="checkBool = !checkBool"
 
+        >选择优化内容</span
 
+      >
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        @click="checkBool = !checkBool"
 
+        v-else
 
+      >
 
+        <el-tooltip :content="taskName" placement="top" effect="dark">
 
+          <!-- content to trigger tooltip here -->
 
+          <span>{{ taskName }}</span>
 
+        </el-tooltip>
 
+      </span>
 
+    </div>
 
+    <div class="ai_body_input">
 
+      <textarea
 
+        rows="3"
 
+        @keyup.enter="addContent"
 
+        class="binfo_input binfo_textarea"
 
+        cols
 
+        v-model.trim="courseText"
 
+        placeholder="在此输入您想了解的内容"
 
+      ></textarea>
 
+      <div
 
+        class="c_pub_button_confirm"
 
+        v-if="!loading && courseText"
 
+        @click="addContent"
 
+      >
 
+        发送
 
+      </div>
 
+      <div class="c_pub_button_confirm" @click="promptTit" v-else>发送</div>
 
+    </div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import checkImg from "../../../assets/icon/sourceFile/check.png";
 
+import checkIsImg from "../../../assets/icon/sourceFile/check_is.png";
 
+import { v4 as uuidv4 } from "uuid";
 
+import MarkdownIt from "markdown-it";
 
+export default {
 
+  props: {
 
+    unitJson: {
 
+      type: Array
 
+    },
 
+		courseId:{
 
+			type:String,
 
+			default:""
 
+		},
 
+  },
 
+  data() {
 
+    return {
 
+      array: [],
 
+      courseText: "",
 
+      checkImg: checkImg,
 
+      checkIsImg: checkIsImg,
 
+			userid: this.$route.query.userid,
 
+      checkArray: [],
 
+      course: [{ title: "任务1" }, { title: "任务2" }, { title: "任务3" }],
 
+      partArray: [
 
+        { name: "全部内容" },
 
+        { name: "任务设计" },
 
+        { name: "评价设计" }
 
+      ],
 
+      part: "全部内容",
 
+      checkBool: false,
 
+      loading: false,
 
+      username: "",
 
+    };
 
+  },
 
+  watch: {
 
+    unitJson: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.course = this.unitJson[0].chapterInfo[0].taskJson;
 
+      }
 
+    }
 
+  },
 
+  methods: {
 
+    promptTit() {
 
+      if (!this.loading && !this.courseText) {
 
+        this.$message({
 
+          message: "请输入您想要了解的内容",
 
+          type: "warning"
 
+        });
 
+      } else {
 
+        this.$message({
 
+          message: "请回答完毕后再次发送",
 
+          type: "warning"
 
+        });
 
+      }
 
+    },
 
+    addContent() {
 
+      let message = this.courseText
 
+      if (this.courseText) {
 
+        let msg = `
 
+          ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".`
 
+        if(this.checkArray.length){
 
+          let task = []
 
+          if(this.part == "全部内容"){
 
+            // msg += `--------
 
+            // ## 示例
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"电子白板", 
+            //         detail: "工具描述"
 
+            //       },
 
+            //       {
 
+            //         tool:"思维大图", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //     toolChoose: []
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"文档", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   }
 
+            // ]
 
+            
+            // --------
 
+            // ## 输出格式与要求
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1","score":5},
 
+            //       {"value":"评价名字2","detail":"评价维度2","score":5},
 
+            //       {"value":"评价名字3","detail":"评价维度3","score":5}
 
+            //     ],//至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，以及该维度中教师期待学生的表现，句式为学生应该能....
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool: "工具", //电子白板,文档,思维导图,表格,作业提交中选择其中一个工具
 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ] //可0~2个工具
 
+            //   }
 
+            // ]
 
+            // `
 
+            for(var i = 0; i < this.checkArray.length; i++){
 
+              let _index = this.checkArray[i]
 
+              task.push(this.course[_index])
 
+            }
 
+          }else if(this.part == "任务设计"){
 
+            // msg += `
 
+            // --------
 
+            // ## 示例
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"电子白板", 
+            //         detail: "工具描述"
 
+            //       },
 
+            //       {
 
+            //         tool:"思维大图", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: []
 
+            //   },
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool:"文档", 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ]
 
+            //   }
 
+            // ]
 
+            
+            // --------
 
+            // ## 输出格式与要求
 
+            // [
 
+            //   {
 
+            //     detail: "面向学生的任务描述",
 
+            //     toolChoose: [
 
+            //       {
 
+            //         tool: "工具", //电子白板,文档,思维导图,表格,作业提交中选择其中一个工具
 
+            //         detail: "工具描述"
 
+            //       }
 
+            //     ] //可0~2个工具
 
+            //   }
 
+            // ]
 
+            // `
 
+            for(var i = 0; i < this.checkArray.length; i++){
 
+              let _index = this.checkArray[i]
 
+              task.push(this.course[_index])
 
+            }
 
+          }else if(this.part == "评价设计"){
 
+            // msg += `
 
+            // --------
 
+            // ## 示例
 
+            // [
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //   },
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //   },
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1", "score": 5},
 
+            //       {"value":"评价名字2","detail":"评价维度2", "score": 5},
 
+            //       {"value":"评价名字3","detail":"评价维度3", "score": 5}
 
+            //     ],
 
+            //   }
 
+            // ]
 
+            
+            // --------
 
+            // ## 输出格式与要求
 
+            // [
 
+            //   {
 
+            //     elist:[
 
+            //       {"value":"评价名字1","detail":"评价维度1","score":5},
 
+            //       {"value":"评价名字2","detail":"评价维度2","score":5},
 
+            //       {"value":"评价名字3","detail":"评价维度3","score":5}
 
+            //     ],//至少3条评价标准，这个评价是教师用来评价学生表现的，需要包含评价维度，以及该维度中教师期待学生的表现，句式为学生应该能....
 
+            //   }
 
+            // ]
 
+            // `
 
+            for(var i = 0; i < this.checkArray.length; i++){
 
+              let _index = this.checkArray[i]
 
+              task.push(this.course[_index].eList)
 
+            }
 
+          }
 
+          
+          msg += `
 
+          --------
 
+          ## 修改内容
 
+          ${JSON.stringify(task)}
 
+          `
 
+
 
+          msg += `
 
+          --------
 
+          ## 要求
 
+          ${this.courseText}
 
+          `
 
+          message = msg
 
+        }
 
+        let _uuid = uuidv4();
 
+        this.array.push({
 
+          role: "user",
 
+          content: `${this.courseText}`,
 
+          uid: _uuid,
 
+          AI: "AI",
 
+          aiContent: "",
 
+          oldContent: "",
 
+          isShowSynchronization: false,
 
+          filename: "",
 
+          index: this.array.length,
 
+          is_mind_map: false,
 
+          loading: true
 
+        });
 
+        this.$nextTick(() => {
 
+          this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+        });
 
+        let params = JSON.stringify({
 
+          model: "gpt-3.5-turbo",
 
+          temperature: 0,
 
+          max_tokens: 4096,
 
+          top_p: 1,
 
+          frequency_penalty: 0,
 
+          presence_penalty: 0,
 
+          messages: [{ role: "user", content: message }],
 
+          uid: _uuid,
 
+          mind_map_question: ""
 
+        });
 
+        this.courseText = "";
 
+
 
+        this.ajax
 
+          .post("https://gpt4.cocorobo.cn/chat", params)
 
+          .then(res => {
 
+            if (res.data.FunctionResponse.result == "发送成功") {
 
+            } else {
 
+              this.$message.warning(res.data.FunctionResponse.result);
 
+            }
 
+          })
 
+          .catch(e => {
 
+            console.log(e);
 
+          });
 
+        this.getAiContent(_uuid);
 
+      }
 
+    },
 
+    getAiContent(_uid) {
 
+      let _source = new EventSource(`https://gpt4.cocorobo.cn/stream/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      _source.onmessage = _e => {
 
+        if (_e.data.replace("'", "").replace("'", "") == "[DONE]") {
 
+          //对话已经完成
 
+          _mdText = _mdText.replace("_", "");
 
+          _source.close();
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          // 这里保存对话
 
+          this.insertChat(_uid);
 
+          return;
 
+        } else {
 
+          //对话还在继续
 
+          let _text = "";
 
+          _text = _e.data.replaceAll("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    async getUserName() {
 
+      let params = { uid: this.userid };
 
+      try {
 
+        let res = await this.ajax.get(this.$store.state.api + "getUser", params);
 
+        this.username = res.data[0][0].name;
 
+      } catch (err) {
 
+        console.error(err);
 
+      }
 
+    },
 
+    //保存消息
 
+    async insertChat(_uid) {
 
+      let _data = this.array.find(i => i.uid == _uid);
 
+      if (!_data) return;
 
+      if(!this.username){
 
+        await this.getUserName()
 
+      }
 
+      let params = {
 
+        userId: this.userid,
 
+        userName: this.username,
 
+        groupId: "602def61-005d-11ee-91d8-005056b8q12w",
 
+        answer: _data.aiContent,
 
+        problem: _data.content,
 
+        file_id: _data.fileid ? _data.fileid : "",
 
+        alltext: _data.aiContent,
 
+        type: "chat",
 
+        filename: _data.filename,
 
+        session_name: `${this.courseId}-addCourse` //这是对话记录位置
 
+      };
 
+      this.ajax
 
+        .post("https://gpt4.cocorobo.cn/insert_chat", params)
 
+        .then(res => {});
 
+    },
 
+    // 获取对应的聊天记录
 
+    getChatList() {
 
+      return new Promise((resolve, reject) => {
 
+        if (this.loading) return this.$message.info("请稍等...");
 
+        this.array = [];
 
+        this.loading = true;
 
+        let params = {
 
+          userid: this.userid,
 
+          groupid: "602def61-005d-11ee-91d8-005056b8q12w",
 
+          // session_name:``
 
+          session_name: `${this.courseId}-addCourse`
 
+        };
 
+        this.ajax
 
+          .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
+          .then(res => {
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
+            if (_data.length > 0) {
 
+              let _chatList = [];
 
+              for (let i = 0; i < _data.length; i++) {
 
+                _chatList.push({
 
+                  loading: false,
 
+                  role: "user",
 
+                  content: _data[i].problem,
 
+                  uid: _data[i].id,
 
+                  AI: "AI",
 
+                  aiContent: _data[i].answer,
 
+                  oldContent: _data[i].answer,
 
+                  isShowSynchronization: false,
 
+                  filename: _data[i].filename,
 
+                  index: i,
 
+                  is_mind_map: false,
 
+                  fileid: _data[i].fileid
 
+                });
 
+              }
 
+              this.array = _chatList;
 
+              this.loading = false;
 
+            } else {
 
+              //没有对话记录
 
+              this.loading = false;
 
+            }
 
+            resolve();
 
+          })
 
+          .catch(err => {
 
+            console.log(err);
 
+            this.$message.error("获取对话记录失败");
 
+            this.loading = false;
 
+            resolve();
 
+          });
 
+      });
 
+    },
 
+    addTask(index) {
 
+      if (this.checkArray.indexOf(index) !== -1) {
 
+        this.checkArray.splice(this.checkArray.indexOf(index), 1);
 
+      } else {
 
+        this.checkArray.push(index);
 
+      }
 
+      console.log(index);
 
+    },
 
+    addAllTask() {
 
+      if (this.checkArray.length === this.course.length) {
 
+        this.checkArray = [];
 
+      } else {
 
+        this.checkArray = [];
 
+        this.course.forEach((item, index) => {
 
+          this.checkArray.push(index);
 
+        });
 
+      }
 
+    },
 
+    checkPart(name) {
 
+      this.part = name;
 
+    }
 
+  },
 
+  computed: {
 
+    courseTextLength() {
 
+      return this.courseText.length;
 
+    },
 
+    taskName() {
 
+      let task = "";
 
+      if (this.checkArray.length) {
 
+        task = "任务";
 
+        this.checkArray = this.checkArray.sort((a, b) => a - b);
 
+        let a = JSON.parse(JSON.stringify(this.checkArray));
 
+        for (let index = 0; index < a.length; index++) {
 
+          a[index]++;
 
+        }
 
+        task += a.join("/");
 
+      }
 
+      return task + " " + this.part;
 
+    }
 
+  },
 
+  mounted() {
 
+    this.getChatList().then(_ => {
 
+      this.$nextTick(() => {
 
+				console.log(this.$refs.chatDialog.scrollHeight)
 
+        this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+      });
 
+    });
 
+  }
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.ai_body {
 
+  height: 100%;
 
+  width: calc(100% - 20px);
 
+  margin: 0 auto;
 
+}
 
+
 
+.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: 14px;
 
+  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: 14px;
 
+  resize: none;
 
+  /* background: #f6f6f6; */
 
+  font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.binfo_textarea::-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);
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+  border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+.ai_body_input {
 
+  /* position: relative; */
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: end;
 
+}
 
+
 
+.c_pub_button_confirm {
 
+  /* position: absolute;
 
+    bottom: 13px;
 
+    right: 13px; */
 
+  margin-top: 10px;
 
+  width: 80px;
 
+  display: flex;
 
+  justify-content: center;
 
+}
 
+
 
+.ai_body_dialog {
 
+  padding: 10px 0;
 
+  box-sizing: border-box;
 
+  height: calc(100% - 180px);
 
+  overflow: auto;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.dialog_content {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.dialog_content > div {
 
+  display: flex;
 
+  align-items: flex-start;
 
+}
 
+
 
+.dialog_content + .dialog_content {
 
+  margin: 15px 0;
 
+}
 
+
 
+.dialog_content > div .right {
 
+  flex-direction: row-reverse;
 
+}
 
+
 
+.dialog_content > div .right .role {
 
+  margin-right: 0;
 
+  margin-left: 10px;
 
+}
 
+
 
+.dialog_content > div .role {
 
+  min-width: 30px;
 
+  width: 30px;
 
+  height: 30px;
 
+  margin-right: 10px;
 
+  border-radius: 50%;
 
+}
 
+
 
+.dialog_content > div .role > img {
 
+  height: 100%;
 
+  width: 100%;
 
+}
 
+
 
+.dialog_content > div .content {
 
+  padding: 10px 5px;
 
+  border-radius: 5px;
 
+  width: 100%;
 
+  word-break: break-word;
 
+  box-sizing: border-box;
 
+  /* white-space: pre-line; */
 
+  max-width: 100%;
 
+  background: #f7f7f7;
 
+  overflow: hidden;
 
+  margin: 0 10px;
 
+}
 
+
 
+.dialog_content > div .content2 {
 
+  background: #3681fc;
 
+  color: #fff;
 
+}
 
+
 
+.ai_body_select {
 
+  position: relative;
 
+}
 
+
 
+.ai_body_select > .check {
 
+  background: #e7e7e7;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #0061ff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .check::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .check::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck {
 
+  background: #0061ff;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #fff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+  max-width: 100%;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .isCheck > span {
 
+  width: calc(100% - 40px);
 
+  display: block;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.ai_body_select > .isCheck::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox {
 
+  position: absolute;
 
+  bottom: 40px;
 
+  border: 1px solid #e0eafb;
 
+  width: 100%;
 
+  height: 300px;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 10px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .title,
 
+.ai_body_select > .checkBox > .part > .title {
 
+  font-size: 14px;
 
+  font-weight: 700;
 
+  margin-bottom: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task {
 
+  height: calc(100% - 60px);
 
+}
 
+
 
+.ai_body_select > .checkBox > .part {
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content {
 
+  height: calc(100% - 40px);
 
+  overflow: auto;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span + .span {
 
+  margin-top: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check {
 
+  width: 13px;
 
+  height: 13px;
 
+  display: flex;
 
+  align-items: center;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check > img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  justify-content: space-between;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span {
 
+  padding: 3px 6px;
 
+  border: 1px solid #e0eafb;
 
+  border-radius: 40px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span.active {
 
+  color: #0061ff;
 
+  border-color: #0061ff;
 
+}
 
+</style>

+ 2387 - 0
src/components/pages/aiEasy/aiBoxCourseDetail.vue
查看文件 

@@ -0,0 +1,2387 @@
 
+<template>
 
+  <div class="ai_body" v-loading="loading">
 
+    <div class="ai_body_dialog" ref="chatDialog">
 
+      <div class="dialog_content" v-for="item in array" :key="item.uid">
 
+        <div v-if="item.content" style="margin-left: auto;">
 
+          <div
 
+            class="ai_btn_box"
 
+            style="margin-left: auto;"
 
+            v-if="!pan(item.content).length"
 
+          >
 
+            <img
 
+              src="../../../assets/icon/course/pasete.png"
 
+              @click="onCopy(item.content)"
 
+            />
 
+          </div>
 
+          <div class="content content2" v-html="item.content"></div>
 
+          <div class="role">
 
+            <img src="../../../assets/icon/new/role2.png" />
 
+          </div>
 
+        </div>
 
+        <div
 
+          style="margin-top:20px;margin-bottom:20px ; margin-right: auto;"
 
+          v-if="item.aiContent || item.loading"
 
+        >
 
+          <div class="role">
 
+            <img
 
+              :src="
 
+                item.fileid
 
+                  ? item.fileid
 
+                  : require('../../../assets/icon/new/role1.png')
 
+              "
 
+            />
 
+          </div>
 
+          <div
 
+            element-loading-background="#f6f9ff"
 
+            :style="{
 
+              minHeight: item.loading ? '50px' : 'unset',
 
+              minWidth: item.loading ? '50px' : 'unset'
 
+            }"
 
+            class="content"
 
+            v-loading="item.loading"
 
+          >
 
+            <span class="vditor-reset" v-html="item.aiContent"></span>
 
+            <span class="createTime" v-text="item.createtime"></span>
 
+          </div>
 
+          <div
 
+            class="ai_btn_box"
 
+            v-if="!pan(item.aiContent).length && !item.loading"
 
+          >
 
+            <img
 
+              src="../../../assets/icon/course/pasete.png"
 
+              @click="onCopy(item.aiContent)"
 
+            />
 
+          </div>
 
+          <div class="ai_tips_btn_box" v-if="chatTypeArray.includes(item.chatType) && !item.loading">
 
+            <!-- @click="quickAdd(item.addedData, pr)" -->
 
+            <span v-if="item.chatType == 'start'" @click="quickAdd('start')">追加议题</span>
 
+            <span v-if="item.chatType == 'recordCourseD'" @click="setCourseText(item.aiContent)">采纳</span>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="ai_body_select" v-if="false">
 
+      <div class="checkBox" v-if="checkBool">
 
+        <div class="task">
 
+          <div class="title">选择需要优化的任务：</div>
 
+          <div class="content">
 
+            <div class="span" @click="addAllTask()">
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.length !== course.length"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>全选</span>
 
+            </div>
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in course"
 
+              :key="index"
 
+              @click="addTask(index)"
 
+            >
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.indexOf(index) === -1"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>任务{{ index + 1 }}</span>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="part">
 
+          <div class="title">选择优化的部分：</div>
 
+          <div class="content">
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in partArray"
 
+              :key="index"
 
+              :class="{ active: part == item.name }"
 
+              @click="checkPart(item.name)"
 
+            >
 
+              {{ item.name }}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        v-if="!checkArray.length && !part"
 
+        @click="checkBool = !checkBool"
 
+        >选择优化内容</span
 
+      >
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        @click="checkBool = !checkBool"
 
+        v-else
 
+      >
 
+        <el-tooltip :content="taskName" placement="top" effect="dark">
 
+          <!-- content to trigger tooltip here -->
 
+          <span>{{ taskName }}</span>
 
+        </el-tooltip>
 
+      </span>
 
+    </div>
 
+    <div class="ai_body_input">
 
+      <div class="ai_b_i_btnArea">
 
+        <span class="clear" @click.stop="clear()">
 
+          <svg
 
+            width="20"
 
+            height="20"
 
+            viewBox="0 0 20 20"
 
+            fill="none"
 
+            xmlns="http://www.w3.org/2000/svg"
 
+          >
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M2.5 3.125C2.5 2.77982 2.77982 2.5 3.125 2.5H16.875C17.2202 2.5 17.5 2.77982 17.5 3.125V8.02715C17.5 8.37233 17.2202 8.65215 16.875 8.65215C16.5298 8.65215 16.25 8.37233 16.25 8.02715V3.75H3.75V16.25H8.125C8.47018 16.25 8.75 16.5298 8.75 16.875C8.75 17.2202 8.47018 17.5 8.125 17.5H3.125C2.77982 17.5 2.5 17.2202 2.5 16.875V3.125Z"
 
+            />
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M5.625 6.1521C5.625 5.80692 5.90482 5.5271 6.25 5.5271H13.125C13.4702 5.5271 13.75 5.80692 13.75 6.1521C13.75 6.49728 13.4702 6.7771 13.125 6.7771H6.25C5.90482 6.7771 5.625 6.49728 5.625 6.1521Z"
 
+            />
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M5.625 9.2771C5.625 8.93192 5.90482 8.6521 6.25 8.6521H9.37496C9.72014 8.6521 9.99996 8.93192 9.99996 9.2771C9.99996 9.62228 9.72014 9.9021 9.37496 9.9021H6.25C5.90482 9.9021 5.625 9.62228 5.625 9.2771Z"
 
+            />
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M12.465 11.507L15.9141 14.9048C16.1279 14.5365 16.25 14.1088 16.25 13.6521C16.25 12.2714 15.1307 11.1521 13.75 11.1521C13.2799 11.1521 12.8406 11.2815 12.465 11.507ZM15.0374 15.7957L11.5873 12.397C11.3726 12.7659 11.25 13.1944 11.25 13.6521C11.25 15.0328 12.3693 16.1521 13.75 16.1521C14.2211 16.1521 14.6613 16.0222 15.0374 15.7957ZM11.0797 11.0192C11.759 10.3303 12.7051 9.9021 13.75 9.9021C15.8211 9.9021 17.5 11.581 17.5 13.6521C17.5 14.6767 17.0882 15.6064 16.4226 16.2827C15.7431 16.9729 14.7961 17.4021 13.75 17.4021C11.6789 17.4021 10 15.7232 10 13.6521C10 12.6263 10.4127 11.6957 11.0797 11.0192Z"
 
+            />
 
+          </svg>
 
+          <span>清屏</span>
 
+        </span>
 
+        <!-- <span class="clear" @click.stop="quickAdd('more')">
 
+          <span>更多课程灵感</span>
 
+        </span> -->
 
+        <span class="clear" @click.stop="quickAdd('recordCheckJindu')">
 
+          <span>总结讨论</span>
 
+        </span>
 
+        <span class="clear" @click.stop="quickAdd('recordCourseD')">
 
+          <span>总结并生成课程概况</span>
 
+        </span>
 
+        <!-- <div style="margin-left: auto;">
 
+          <el-switch v-model="continuous"></el-switch>
 
+          <span @click.stop="continuous = !continuous">连续对话</span>
 
+        </div> -->
 
+      </div>
 
+
 
+      <div
 
+        class="ai_b_i_roleListBox"
 
+        ref="roleListRef"
 
+        v-if="showRoleList && choseRoleList.length > 0"
 
+      >
 
+        <div
 
+          :class="[
 
+            'ai_b_i_rlb_item',
 
+            index == choseRoleItem ? 'ai_b_i_rlb_itemActive' : ''
 
+          ]"
 
+          :ref="`roleItem${index}Ref`"
 
+          v-for="(item, index) in choseRoleList"
 
+          :key="item.id"
 
+          @mouseover="choseRoleItem = index"
 
+          @click.stop="choseRole(item)"
 
+        >
 
+          <div class="ai_b_i_rlb_itemTop">
 
+            <img
 
+              :src="
 
+                item.headUrl
 
+                  ? item.headUrl
 
+                  : require('../../../assets/icon/new/role1.png')
 
+              "
 
+              alt=""
 
+            />
 
+            <div class="ai_b_i_rlb_i_name">
 
+              <span>{{ item.assistantName }}</span>
 
+              <span>作者：{{ item.username }}</span>
 
+            </div>
 
+          </div>
 
+          <div class="ai_b_i_rlb_itemBottom">
 
+            {{ item.prologue }}
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div
 
+        class="ai_b_i_jListPanel"
 
+        @click="showjList = !showjList"
 
+        v-if="showjList && jArray.length > 0"
 
+      ></div>
 
+      <div class="ai_b_i_jListBox" v-if="showjList && jArray.length > 0">
 
+        <div class="jlist_box" v-for="(item, index) in jArray" :key="index">
 
+          <el-tooltip
 
+            :content="item.area + '：' + item.value"
 
+            placement="left"
 
+            effect="dark"
 
+            popper-class="text_tooltip2"
 
+          >
 
+            <!-- content to trigger tooltip here -->
 
+            <span>{{ item.area }}：{{ item.value }}</span>
 
+          </el-tooltip>
 
+          <div class="cancel" @click="cancelJ(item.string)">×</div>
 
+        </div>
 
+      </div>
 
+      <!-- <div class="ai_b_i_textListBox">
 
+				<div class="ai_b_i_tlb_left"></div>
 
+				<div class="ai_b_i_tlb_right"></div>
 
+			</div> -->
 
+      <!-- @input="inputChange" -->
 
+
 
+      <textarea
 
+        class="ai_body_input_textarea"
 
+        @keydown="textareaKeydown"
 
+        :disabled="isVoice"
 
+        ref="textareaRef"
 
+        v-model.trim="courseText"
 
+        :placeholder="
 
+          isVoice
 
+            ? isTalk
 
+              ? ''
 
+              : '点击按钮开始录音'
 
+            : '在此输入您想了解的内容'
 
+        "
 
+      ></textarea>
 
+
 
+      <span
 
+        class="c_voiceBtn"
 
+        v-if="!courseText && !isVoice"
 
+        @click.stop="changeVoice(true)"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M11.4583 14.0308C13.8381 14.0308 15.7551 12.0651 15.7551 9.62496V6.23588C15.7551 3.79574 13.8381 1.83008 11.4583 1.83008C9.07845 1.83008 7.16138 3.79574 7.16138 6.23588V9.62496C7.16138 12.0651 9.07845 14.0308 11.4583 14.0308ZM8.4835 6.23588C8.4835 4.54134 9.80561 3.18571 11.4583 3.18571C13.1109 3.18571 14.433 4.54134 14.433 6.23588V9.62496C14.433 11.3195 13.1109 12.6751 11.4583 12.6751C9.80561 12.6751 8.4835 11.3195 8.4835 9.62496V6.23588ZM18.3333 10.6405C18.3333 10.2677 18.0358 9.96264 17.6722 9.96264C17.3417 9.96264 17.0442 10.2338 17.0111 10.5727C16.5484 13.3178 14.2347 15.3852 11.4583 15.3852C8.68181 15.3852 6.36811 13.3178 5.90537 10.5727C5.87231 10.2338 5.57484 9.96264 5.24431 9.96264C4.88073 9.96264 4.58325 10.2677 4.58325 10.6405V10.7421C5.1121 13.9279 7.65717 16.4019 10.7972 16.7069V19.635H7.93254C7.54315 19.635 7.22748 19.9587 7.22748 20.358C7.22748 20.7572 7.54315 21.0809 7.93254 21.0809H14.9832C15.3726 21.0809 15.6883 20.7572 15.6883 20.358C15.6883 19.9587 15.3726 19.635 14.9832 19.635H12.1193V16.7069C15.2593 16.4019 17.8044 13.9279 18.3002 10.776C18.3002 10.7591 18.3085 10.7337 18.3167 10.7082L18.3167 10.7082L18.3167 10.7082C18.325 10.6828 18.3333 10.6574 18.3333 10.6405Z"
 
+            fill="black"
 
+            fill-opacity="0.9"
 
+          />
 
+        </svg>
 
+      </span>
 
+
 
+      <span
 
+        class="c_voiceBtn"
 
+        :style="{right: faloading ? '85px' : '70px'}"
 
+        v-if="!courseText && isVoice && !isTalk"
 
+        @click.stop="changeVoice(false)"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M2.75 3.4375C2.75 3.0578 3.0578 2.75 3.4375 2.75H18.5625C18.9422 2.75 19.25 3.0578 19.25 3.4375V18.5625C19.25 18.9422 18.9422 19.25 18.5625 19.25H3.4375C3.0578 19.25 2.75 18.9422 2.75 18.5625V3.4375ZM4.125 4.125V17.875H17.875V4.125H4.125Z"
 
+            fill="black"
 
+            fill-opacity="0.9"
 
+          />
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M6.875 6.875C6.875 6.4953 7.1828 6.1875 7.5625 6.1875H14.4375C14.8172 6.1875 15.125 6.4953 15.125 6.875V8.25C15.125 8.6297 14.8172 8.9375 14.4375 8.9375C14.0578 8.9375 13.75 8.6297 13.75 8.25V7.5625H11.6875V14.4375H12.375C12.7547 14.4375 13.0625 14.7453 13.0625 15.125C13.0625 15.5047 12.7547 15.8125 12.375 15.8125H9.625C9.2453 15.8125 8.9375 15.5047 8.9375 15.125C8.9375 14.7453 9.2453 14.4375 9.625 14.4375H10.3125V7.5625H8.25V8.25C8.25 8.6297 7.9422 8.9375 7.5625 8.9375C7.1828 8.9375 6.875 8.6297 6.875 8.25V6.875Z"
 
+            fill="black"
 
+            fill-opacity="0.9"
 
+          />
 
+        </svg>
 
+      </span>
 
+
 
+      <div
 
+        :class="[
 
+          'c_pub_button_confirm',
 
+          courseText ? '' : 'c_pub_button_confirmDisabled'
 
+        ]"
 
+        v-if="!faloading && !isVoice"
 
+        @click="addContent"
 
+      >
 
+        发送
 
+      </div>
 
+
 
+      <div
 
+        :class="['c_pub_button_confirmVoice']"
 
+        v-if="!faloading && isVoice && !isTalk"
 
+        @click="startVoice"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M11.4583 14.0308C13.8381 14.0308 15.7551 12.0651 15.7551 9.62496V6.23588C15.7551 3.79574 13.8381 1.83008 11.4583 1.83008C9.07845 1.83008 7.16138 3.79574 7.16138 6.23588V9.62496C7.16138 12.0651 9.07845 14.0308 11.4583 14.0308ZM8.4835 6.23588C8.4835 4.54134 9.80561 3.18571 11.4583 3.18571C13.1109 3.18571 14.433 4.54134 14.433 6.23588V9.62496C14.433 11.3195 13.1109 12.6751 11.4583 12.6751C9.80561 12.6751 8.4835 11.3195 8.4835 9.62496V6.23588ZM18.3333 10.6405C18.3333 10.2677 18.0358 9.96264 17.6722 9.96264C17.3417 9.96264 17.0442 10.2338 17.0111 10.5727C16.5484 13.3178 14.2347 15.3852 11.4583 15.3852C8.68181 15.3852 6.36811 13.3178 5.90537 10.5727C5.87231 10.2338 5.57484 9.96264 5.24431 9.96264C4.88073 9.96264 4.58325 10.2677 4.58325 10.6405V10.7421C5.1121 13.9279 7.65717 16.4019 10.7972 16.7069V19.635H7.93254C7.54315 19.635 7.22748 19.9587 7.22748 20.358C7.22748 20.7572 7.54315 21.0809 7.93254 21.0809H14.9832C15.3726 21.0809 15.6883 20.7572 15.6883 20.358C15.6883 19.9587 15.3726 19.635 14.9832 19.635H12.1193V16.7069C15.2593 16.4019 17.8044 13.9279 18.3002 10.776C18.3002 10.7591 18.3085 10.7337 18.3167 10.7082L18.3167 10.7082L18.3167 10.7082C18.325 10.6828 18.3333 10.6574 18.3333 10.6405Z"
 
+            fill-opacity="0.9"
 
+          />
 
+        </svg>
 
+      </div>
 
+
 
+      <div
 
+        :class="['c_pub_button_StopConfirmVoice']"
 
+        v-if="!faloading && isVoice && isTalk"
 
+        @click="stopVoice"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            d="M11 19.25C6.4625 19.25 2.75 15.5375 2.75 11C2.75 6.4625 6.4625 2.75 11 2.75C15.5375 2.75 19.25 6.4625 19.25 11C19.25 15.5375 15.5375 19.25 11 19.25ZM11 17.1875C14.4031 17.1875 17.1875 14.4031 17.1875 11C17.1875 7.59687 14.4031 4.8125 11 4.8125C7.59687 4.8125 4.8125 7.59687 4.8125 11C4.8125 14.4031 7.59687 17.1875 11 17.1875Z"
 
+            fill="#EE3E3E"
 
+          />
 
+          <path
 
+            d="M12.75 8.25H9.25C8.69772 8.25 8.25 8.69772 8.25 9.25V12.75C8.25 13.3023 8.69772 13.75 9.25 13.75H12.75C13.3023 13.75 13.75 13.3023 13.75 12.75V9.25C13.75 8.69772 13.3023 8.25 12.75 8.25Z"
 
+            fill="#EE3E3E"
 
+          />
 
+        </svg>
 
+      </div>
 
+
 
+      <div v-if="!faloading && isVoice"></div>
 
+      <div class="c_pub_button_confirm" v-if="faloading" @click="stopSend">
 
+        终止
 
+      </div>
 
+    </div>
 
+    <iframe
 
+      allow="camera *; microphone *;display-capture;midi;encrypted-media;"
 
+      src="https://beta.cloud.cocorobo.cn/browser/public/index.html"
 
+      ref="iiframe"
 
+      v-show="false"
 
+    ></iframe>
 
+    <!-- <div class="ai_body_input">
 
+      <textarea
 
+        style="padding-right: 85px;"
 
+        rows="3"
 
+        @keyup.enter="addContent"
 
+        class="binfo_input binfo_textarea"
 
+        cols
 
+        v-model.trim="courseText"
 
+        placeholder="在此输入您想了解的内容"
 
+      ></textarea>
 
+      <div
 
+        class="c_pub_button_confirm"
 
+        v-if="!loading && courseText"
 
+        @click="addContent"
 
+      >
 
+        发送
 
+      </div>
 
+      <div class="c_pub_button_confirm" @click="promptTit" v-else>发送</div>
 
+    </div> -->
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import checkImg from "../../../assets/icon/sourceFile/check.png";
 
+import checkIsImg from "../../../assets/icon/sourceFile/check_is.png";
 
+import { v4 as uuidv4 } from "uuid";
 
+import MarkdownIt from "markdown-it";
 
+import TurndownService from "turndown";
 
+
 
+const OpenCC = require("opencc-js");
 
+let converter = OpenCC.Converter({
 
+  from: "cn",
 
+  to: "hk"
 
+});
 
+
 
+export default {
 
+  props: {
 
+    courseId: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    courseText2: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    fileids: {
 
+      type: Array,
 
+      default: []
 
+    },
 
+    languageSetting: {
 
+      type: Number,
 
+      default: 0
 
+    },
 
+    viedoText: {
 
+      type: String,
 
+      default: ''
 
+    },
 
+    agentid: {
 
+      type: String,
 
+    },
 
+    recordstart: {
 
+      type: String,
 
+    },
 
+    recordCheckJindu: {
 
+      type: String,
 
+    },
 
+    recordCourseD: {
 
+      type: String,
 
+    },
 
+    courseInfo: {
 
+      type: String
 
+    }
 
+  },
 
+  data() {
 
+    return {
 
+      array: [],
 
+      jArray: [],
 
+      courseText: "",
 
+      checkImg: checkImg,
 
+      checkIsImg: checkIsImg,
 
+      userid: this.$route.query.userid,
 
+      oid: this.$route.query.oid,
 
+      org: this.$route.query.org,
 
+      checkArray: [],
 
+      course: [{ title: "任务1" }, { title: "任务2" }, { title: "任务3" }],
 
+      partArray: [
 
+        { name: "全部内容" },
 
+        { name: "任务设计" },
 
+        { name: "评价设计" }
 
+      ],
 
+      part: "全部内容",
 
+      checkBool: false,
 
+      loading: false,
 
+      textareaHeight: 50,
 
+      publicRoleList: [],
 
+      roleList: [],
 
+      textList: [
 
+        {
 
+          title: "项目式学习",
 
+          dataList: [
 
+            "请给我一些学生开展项目式学习可以使用的主题或问题参考，请说出学生将要解决的问题，以及学生要经历怎样的学习活动。",
 
+            "请将一个关于生态保护项目的项目式学习展开描述，你需要描述学生如何解决这个问题，你需要至少写出四个活动，这些活动需要按照前后逻辑关系排列。",
 
+            "请对驱动问题为“如何为学校建造一个富有特色的花坛？”的项目式学习进行子问题拆解，至少拆解为5个子问题，并根据子问题对应写出各环节的主要活动。"
 
+          ]
 
+        },
 
+        {
 
+          title: "教学评价",
 
+          dataList: [
 
+            "如果需要给学生的社区服务进行评价，给出评价维度和至少3个等级的表现描述。",
 
+            "为6年级学生设计一份关于梧桐山研究报告的评估任务表，并给出参考的报告流程，至少包含8个步骤，并包括地图、图片和至少300个词。",
 
+            "创建一个给5年级学生使用的课堂小测试，包含5道多选题，评价学生对于太阳能这个概念的理解。你需要给出题目和正确答案。"
 
+          ]
 
+        },
 
+        {
 
+          title: "教学设计",
 
+          dataList: [
 
+            "如果需要5年级学生感受“移步换景”的景观写作手法，你有什么合适的阅读材料推荐？你需要给出材料名称，以及材料的哪部分内容。",
 
+            "设计一个针对8年级学生且关于人类迁徙主题的地理课，并在课程中设计至少1项小组活动。",
 
+            "设计一个针对5年级学生的课程，课程综合科学和信息技术领域，解决生物与环境领域的生活问题，你需要给出完整的课程框架和活动。",
 
+            "如果3年级的学生不能理解光合作用的实现过程，需要你帮我设计一个支持他们理解的教学活动，需要包含活动的形式、实施材料和清单。",
 
+            "请基于贝叶斯定理为8年级学生出三道题目。",
 
+            "如果需要八年级学生了解尼罗河流域的文化发展史，你有哪些推荐的网站或参考书籍？"
 
+          ]
 
+        },
 
+        {
 
+          title: "班级管理",
 
+          dataList: [
 
+            "创建一组给一年级学生使用的班级口号，要求大家注意卫生、保护环境，口号需要对仗工整，符合一年级学生的理解水平。",
 
+            " 设计一套用于6年级学生的班级管理规章制度，内容需要包括学习、纪律、卫生、思想品德方面。"
 
+          ]
 
+        },
 
+        {
 
+          title: "课堂组织",
 
+          dataList: [
 
+            "请为“制作垃圾分类宣传单”的小组活动设计小组分工表，每个小组的成员为4-6人。",
 
+            "请给5年级“校园植物图鉴”社团课程设计一份小组合作公约，需包含小组成员信息、小组项目目标、填写日期，总长度不超过300字，并且提供至少3处学生自行填写的部分。",
 
+            "请用苏格拉底提问的方式，引导5年级学生拆解驱动问题：如何解决教室黑板反光的问题？其中需包含对于反光原因的分析与实验探究。"
 
+          ]
 
+        },
 
+        {
 
+          title: "教师发展",
 
+          dataList: [
 
+            "教师需要理解项目式学习的理论基础和基础概念，你需要生成一份阅读清单，要求内容为中文书籍或文献。",
 
+            "设计一个教师进行个人学期总结的框架，需要体现在教学、教研、个人学习方面的进步。"
 
+          ]
 
+        },
 
+        {
 
+          title: "代码分析",
 
+          dataList: [
 
+            "这段代码实现了什么效果？",
 
+            "请描述这段代码。",
 
+            "根据这段代码，给我一些修改意见。"
 
+          ]
 
+        }
 
+      ],
 
+      showTextList: false,
 
+      showRoleList: false,
 
+      choseRoleItem: 0,
 
+      choseTextItem: 0,
 
+      continuous: true,
 
+      showjList: false,
 
+      faloading: false,
 
+      fasource: null,
 
+      saveUid: "",
 
+      isVoice: false,
 
+      isTalk: false,
 
+      username: "",
 
+      chatTypeArray: [
 
+        // 'start'
 
+        'recordCourseD'
 
+      ],
 
+      agentJSON:{
 
+        model: '',
 
+        url: '',
 
+        start: ''
 
+      }
 
+    };
 
+  },
 
+  watch: {
 
+    courseId: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        if (newValue) {
 
+          this.getChatList().then(_ => {
 
+            this.$nextTick(() => {
 
+              console.log(this.$refs.chatDialog.scrollHeight);
 
+              this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+            });
 
+          });
 
+        }
 
+      }
 
+    },
 
+    agentid: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        if (newValue) {
 
+          this.getAgent()
 
+        }
 
+      }
 
+    },
 
+  },
 
+  methods: {
 
+    removeMarkdownSymbols(text) {
 
+      return text
 
+        .replace(/(?:\*\*|__)(.*?)\1/g, '$1') // 加粗
 
+        .replace(/(?:\*|_)(.*?)\1/g, '$1') // 斜体
 
+        .replace(/`(.*?)`/g, '$1') // 代码
 
+        .replace(/^(#{1,6})\s*(.*)$/gm, '$2') // 标题
 
+        .replace(/^\s*[-*+]\s+/gm, '') // 无序列表
 
+        .replace(/^\s*\d+\.\s+/gm, '') // 有序列表
 
+        .replace(/\[([^\]]+)\]\([^\)]+\)/g, '$1') // 链接
 
+        .replace(/>\s+/g, '') // 引用
 
+        .replace(/\n/g, '')
 
+        .replaceAll(' ', '');
 
+    },
 
+    getLang() {
 
+      let lang = "";
 
+      if (this.languageSetting == 0) {
 
+        lang = "Chinese.";
 
+      } else if (this.languageSetting == 1) {
 
+        lang = "Traditional Chinese.";
 
+      } else if (this.languageSetting == 2) {
 
+        lang = "English.";
 
+      }
 
+      return lang;
 
+    },
 
+    getLang2() {
 
+      let lang = "";
 
+      if (this.languageSetting == 0) {
 
+        lang = "中文。";
 
+      } else if (this.languageSetting == 1) {
 
+        lang = "繁体中文。";
 
+      } else if (this.languageSetting == 2) {
 
+        lang = "英文。";
 
+      }
 
+      return lang;
 
+    },
 
+    cancelJ(string) {
 
+      this.$emit("setIsQuote", string);
 
+    },
 
+    promptTit() {
 
+      if (!this.loading && !this.courseText) {
 
+        this.$message({
 
+          message: "请输入您想要了解的内容",
 
+          type: "warning"
 
+        });
 
+      } else {
 
+        this.$message({
 
+          message: "请回答完毕后再次发送",
 
+          type: "warning"
 
+        });
 
+      }
 
+    },
 
+    quickAdd(type){
 
+      if(this.faloading){
 
+        this.$message.error('请等待回答完毕在发送')
 
+        return
 
+      }
 
+      if(!this.viedoText){
 
+        this.$message.error('请录制音频后发送')
 
+        return
 
+      }
 
+      this.faloading = true;
 
+      let content = ''
 
+      let string = ''
 
+      if(type == 'start'){
 
+        content = '追加议题'
 
+        string = `## 转文本内容
 
+${this.viedoText}
 
+        
+## 要求
 
+根据<转文本内容>中的内容实现以下要求：${content}`
 
+      }else if(type == 'recordCheckJindu'){
 
+        content = '总结讨论'
 
+        string = `## 转文本内容
 
+${this.viedoText}
 
+
 
+## 议程和问题引导
 
+${this.viedoText}
 
+
 
+## 要求
 
+${this.recordCheckJindu}`
 
+      }else if(type == 'recordCourseD'){
 
+        content = '总结并生成课程概况'
 
+        string = `## 课程信息
 
+${this.courseInfo}
 
+
 
+## 要求
 
+${this.recordCourseD}
 
+
 
+## 讨论
 
+${this.viedoText}`
 
+      }
 
+
 
+
 
+      let _uuid = uuidv4();
 
+      this.array.push({
 
+        role: "user",
 
+        content: `${content}`,
 
+        uid: _uuid,
 
+        AI: "AI",
 
+        aiContent: "",
 
+        oldContent: "",
 
+        isShowSynchronization: false,
 
+        filename: "",
 
+        index: this.array.length,
 
+        is_mind_map: false,
 
+        createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+        loading: true,
 
+        chatType: type
 
+      });
 
+      // 注意：输出语言为${this.getLang2()}
 
+
 
+      let _replaceText = `NOTICE
 
+      Language: ${this.getLang()}
 
+      ${string}`;
 
+      this.$nextTick(() => {
 
+        this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+      });
 
+      let params = {
 
+        assistant_id: this.agentid,
 
+        userId: this.userid,
 
+        message: _replaceText,
 
+        session_name: this.continuous ? `${this.courseId}-courseDetail` : uuidv4(),
 
+        uid: _uuid,
 
+        model: this.agentJSON.model,
 
+        sound_url: "",
 
+        file_ids: this.agentJSON.model.includes('qwen') ? [] : [...this.fileids],//...this.fileids
 
+        // model: "gpt-4o-2024-11-20"
 
+        // model: "qwen-plus"
 
+      };
 
+
 
+      this.ajax
 
+        .post(`${this.agentJSON.url.includes("llm") ? this.agentJSON.url+'/agent' : this.agentJSON.url}/ai_agent_park_chat_new`, params)
 
+        .then(res => {
 
+          if (
 
+            converter(res.data.FunctionResponse.result) ==
 
+            converter("发送成功")
 
+          ) {
 
+          } else {
 
+            this.$message.warning(res.data.FunctionResponse.result);
 
+          }
 
+        })
 
+        .catch(err => {
 
+          console.log(err);
 
+        });
 
+      this.getAtAuContent2(_uuid);
 
+      this.saveUid = _uuid;
 
+      this.courseText = "";
 
+    },
 
+    addContent() {
 
+      if (this.courseText.trim().length == 0)
 
+        return this.$message.error("请输入内容");
 
+      if(this.faloading){
 
+        this.$message.error('请等待回答完毕在发送')
 
+        return
 
+      }
 
+      let message = this.courseText;
 
+
 
+      if (this.courseText) {
 
+        let msg = ``;
 
+        if (this.checkArray.length) {
 
+          msg = `
 
+ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".`;
 
+          let task = [];
 
+          if (this.part == "全部内容") {
 
+            for (var i = 0; i < this.checkArray.length; i++) {
 
+              let _index = this.checkArray[i];
 
+              task.push(this.course[_index]);
 
+            }
 
+          } else if (this.part == "任务设计") {
 
+            for (var i = 0; i < this.checkArray.length; i++) {
 
+              let _index = this.checkArray[i];
 
+              task.push(this.course[_index]);
 
+            }
 
+          } else if (this.part == "评价设计") {
 
+            for (var i = 0; i < this.checkArray.length; i++) {
 
+              let _index = this.checkArray[i];
 
+              task.push(this.course[_index].eList);
 
+            }
 
+          }
 
+
 
+          msg += `
 
+          ## 修改内容
 
+          ${JSON.stringify(task)}
 
+          `;
 
+
 
+          msg += `
 
+          ## 要求
 
+          ${this.courseText}
 
+          `;
 
+          message = msg;
 
+        }
 
+        if(this.viedoText){
 
+          let msg = ``;
 
+          msg += `
 
+          ## 引用内容
 
+          ${this.viedoText}
 
+          `;
 
+
 
+          msg += `
 
+          ## 要求
 
+          ${this.courseText}
 
+          `;
 
+          message = msg;
 
+        }
 
+        // 这里处理@的角色
 
+        let _atRoleList = [];
 
+        let _roleList = [...this.roleList, ...this.publicRoleList];
 
+        _roleList.forEach(i => {
 
+          if (message.indexOf(`@${i.assistantName}`) != -1) {
 
+            _atRoleList.push(i);
 
+          }
 
+        });
 
+        this.faloading = true;
 
+        if (_atRoleList.length > 0) {
 
+          //有@角色
 
+          let _replaceText = `NOTICE
 
+Language: ${this.getLang()}
 
+
 
+${message}`;
 
+          let _htmlText = message;
 
+          _atRoleList.forEach(_i => {
 
+            _replaceText = _replaceText.replaceAll(`@${_i.assistantName}`, ``);
 
+            _htmlText = _htmlText.replaceAll(
 
+              `@${_i.assistantName}`,
 
+              `<span class='aite-name'>@${_i.assistantName}</span>`
 
+            );
 
+          });
 
+
 
+          _atRoleList.forEach((_item, _index) => {
 
+            const _uid = uuidv4();
 
+            if (_index == 0) {
 
+              this.array.push({
 
+                loading: true,
 
+                role: "user",
 
+                content: _htmlText,
 
+                uid: _uid,
 
+                AI: "AI",
 
+                aiContent: "",
 
+                oldContent: "",
 
+                isShowSynchronization: false,
 
+                filename: _item.assistantName,
 
+                index: this.array.length,
 
+                is_mind_map: false,
 
+                fileid: _item.headUrl,
 
+                createtime: new Date().toLocaleString().replaceAll("/", "-")
 
+              });
 
+            } else {
 
+              this.array.push({
 
+                loading: true,
 
+                role: "user",
 
+                content: "",
 
+                uid: _uid,
 
+                AI: "AI",
 
+                aiContent: "",
 
+                oldContent: "",
 
+                isShowSynchronization: false,
 
+                filename: _item.assistantName,
 
+                index: this.array.length,
 
+                is_mind_map: false,
 
+                fileid: _item.headUrl,
 
+                createtime: new Date().toLocaleString().replaceAll("/", "-")
 
+              });
 
+            }
 
+            this.$nextTick(() => {
 
+              this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+            });
 
+
 
+            let params = {
 
+              assistant_id: _item.assistant_id,
 
+              userId: this.userid,
 
+              message: _replaceText,
 
+              session_name: `${this.courseId}-courseDetail`,
 
+              uid: _uid,
 
+              file_ids: [...this.fileids],
 
+              model: "gpt-4o-2024-11-20"
 
+              // model: "qwen-plus"
 
+            };
 
+
 
+            this.ajax
 
+              .post("https://gpt4.cocorobo.cn/ai_agent_park_chat_new", params)
 
+              .then(res => {
 
+                if (
 
+                  converter(res.data.FunctionResponse.result) ==
 
+                  converter("发送成功")
 
+                ) {
 
+                } else {
 
+                  this.$message.warning(res.data.FunctionResponse.result);
 
+                }
 
+              })
 
+              .catch(err => {
 
+                console.log(err);
 
+              });
 
+            this.getAtAuContent(_uid);
 
+            this.saveUid = _uid;
 
+          });
 
+          this.courseText = "";
 
+        } else {
 
+          let _uuid = uuidv4();
 
+          this.array.push({
 
+            role: "user",
 
+            content: `${this.courseText}`,
 
+            uid: _uuid,
 
+            AI: "AI",
 
+            aiContent: "",
 
+            oldContent: "",
 
+            isShowSynchronization: false,
 
+            filename: "",
 
+            index: this.array.length,
 
+            is_mind_map: false,
 
+            createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+            loading: true
 
+          });
 
+
 
+          let history = [];
 
+//           if (this.continuous) {
 
+//             this.array.forEach((i, index) => {
 
+//               if (i.content)
 
+//                 history.push({
 
+//                   role: "user",
 
+//                   content: index == this.array.length - 1 ? `NOTICE
 
+// Language: ${this.getLang()}
 
+
 
+// ${message}` : `NOTICE
 
+// Language: ${this.getLang()}
 
+
 
+// ${i.content}`
 
+//                 });
 
+//               if (i.aiContent)
 
+//                 history.push({ role: "assistant", content: i.aiContent });
 
+//             });
 
+//           } else {
 
+//             history.push({ role: "user", content: message });
 
+//           }
 
+//           history = history.filter(
 
+//             i =>
 
+//               i.content !=
 
+//               this.agentJSON.start
 
+//           );
 
+
 
+//           history = history.map(i => ({
 
+//             role: i.role,
 
+//             content: `NOTICE
 
+// Language: ${this.getLang()}
 
+
 
+// ${i.content}`
 
+//           }));
 
+          let _replaceText = `NOTICE
 
+          Language: ${this.getLang()}
 
+
 
+          ${message}`;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          let params = {
 
+            assistant_id: this.agentid,
 
+            userId: this.userid,
 
+            message: _replaceText,
 
+            session_name: this.continuous ? `${this.courseId}-courseDetail` : uuidv4(),
 
+            model: this.agentJSON.model,
 
+            sound_url: "",
 
+            uid: _uuid,
 
+            file_ids: this.agentJSON.model.includes('qwen') ? [] : [...this.fileids],//...this.fileids
 
+            // model: "gpt-4o-2024-11-20"
 
+            // model: "qwen-plus"
 
+          };
 
+          this.ajax
 
+            .post(`${this.agentJSON.url.includes("llm") ? this.agentJSON.url+'/agent' : this.agentJSON.url}/ai_agent_park_chat_new`, params)
 
+            .then(res => {
 
+              if (
 
+                converter(res.data.FunctionResponse.result) ==
 
+                converter("发送成功")
 
+              ) {
 
+              } else {
 
+                this.$message.warning(res.data.FunctionResponse.result);
 
+              }
 
+            })
 
+            .catch(err => {
 
+              console.log(err);
 
+            });
 
+          this.getAtAuContent2(_uuid);
 
+          this.saveUid = _uuid;
 
+          this.courseText = "";
 
+          // let params = JSON.stringify({
 
+          //   // model: "gpt-3.5-turbo",
 
+          //   // model: "gpt-4o-2024-11-20",
 
+          //   model: "qwen-plus",
 
+          //   temperature: 0,
 
+          //   max_tokens: 4096,
 
+          //   top_p: 1,
 
+          //   frequency_penalty: 0,
 
+          //   presence_penalty: 0,
 
+          //   messages: history,
 
+          //   uid: _uuid,
 
+          //   mind_map_question: ""
 
+          // });
 
+          // this.courseText = "";
 
+
 
+          // this.ajax
 
+          //   .post("https://gpt4.cocorobo.cn/chat", params)
 
+          //   .then(res => {
 
+          //     if (
 
+          //       converter(res.data.FunctionResponse.result) ==
 
+          //       converter("发送成功")
 
+          //     ) {
 
+          //     } else {
 
+          //       this.$message.warning(res.data.FunctionResponse.result);
 
+          //     }
 
+          //   })
 
+          //   .catch(e => {
 
+          //     console.log(e);
 
+          //   });
 
+          // this.getAiContent(_uuid);
 
+          // this.saveUid = _uuid;
 
+        }
 
+      }
 
+    },
 
+    getAiContent(_uid) {
 
+      this.fasource = new EventSource(
 
+        `https://gpt4.cocorobo.cn/stream/${_uid}`
 
+      ); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      this.fasource.onmessage = _e => {
 
+        if (_e.data.replace("'", "").replace("'", "") == "[DONE]") {
 
+          //对话已经完成
 
+          _mdText = _mdText.replace("_", "");
 
+          this.fasource.close();
 
+          this.fasource = null;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          // 这里保存对话
 
+          if (this.courseId) {
 
+            this.insertChat(_uid);
 
+          }
 
+          return;
 
+        } else {
 
+          //对话还在继续
 
+          let _text = "";
 
+          _text = _e.data.replaceAll("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    getAtAuContent(_uid) {
 
+      this.fasource = new EventSource(
 
+        `https://gpt4.cocorobo.cn/question/${_uid}`
 
+      ); //http://gpt4.cocorobo.cn:8011/question/   https://gpt4.cocorobo.cn/question/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      this.fasource.onmessage = _e => {
 
+        let _eData = JSON.parse(_e.data);
 
+        if (_eData.content.replace("'", "").replace("'", "") == "[DONE]") {
 
+          let _result = [];
 
+          if ("result" in _eData) {
 
+            _result = _eData.result;
 
+            for (let i = 0; i < _result.length; i++) {
 
+              _mdText = _mdText.replace(_result[i].text, _result[i].fileName);
 
+            }
 
+          }
 
+          _mdText = _mdText.replace("_", "");
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.fasource.close();
 
+          this.fasource = null;
 
+          if (this.courseId) {
 
+            this.insertChat(_uid);
 
+          }
 
+        } else {
 
+          let _text = _eData.content.replace("'", "").replace("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    getAtAuContent2(_uid) {
 
+      this.fasource = new EventSource(
 
+        `${this.agentJSON.url}/question/${_uid}`
 
+      ); //http://gpt4.cocorobo.cn:8011/question/   https://gpt4.cocorobo.cn/question/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      this.fasource.onmessage = _e => {
 
+        let _eData = JSON.parse(_e.data);
 
+        if (_eData.content.replace("'", "").replace("'", "") == "[DONE]") {
 
+          let _result = [];
 
+          if ("result" in _eData) {
 
+            _result = _eData.result;
 
+            for (let i = 0; i < _result.length; i++) {
 
+              _mdText = _mdText.replace(_result[i].text, _result[i].fileName);
 
+            }
 
+          }
 
+          _mdText = _mdText.replace("_", "");
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.fasource.close();
 
+          this.fasource = null;
 
+          if (this.courseId) {
 
+            this.insertChat(_uid);
 
+          }
 
+        } else {
 
+          let _text = _eData.content.replace("'", "").replace("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    async getUserName() {
 
+      let params = { uid: this.userid };
 
+      try {
 
+        let res = await this.ajax.get(
 
+          this.$store.state.api + "getUser",
 
+          params
 
+        );
 
+        this.username = res.data[0][0].name;
 
+      } catch (err) {
 
+        console.error(err);
 
+      }
 
+    },
 
+    //保存消息
 
+    async insertChat(_uid) {
 
+      let _data = this.array.find(i => i.uid == _uid);
 
+      this.saveUid = "";
 
+      this.faloading = false;
 
+      if (!this.username) {
 
+        await this.getUserName();
 
+      }
 
+      if (!_data) return;
 
+      let params = {
 
+        userId: this.userid,
 
+        userName: this.username,
 
+        groupId: "602def61-005d-11ee-91d8-005056b8q12w",
 
+        answer: _data.aiContent,
 
+        problem: _data.content,
 
+        file_id: _data.fileid ? _data.fileid : "",
 
+        alltext: _data.aiContent,
 
+        type: "chat",
 
+        filename: _data.filename,
 
+        session_name: `${this.courseId}-courseDetail` //这是对话记录位置
 
+      };
 
+      await this.ajax.post("https://gpt4.cocorobo.cn/insert_chat", params).then(res => {});
 
+    },
 
+    getAgent(){
 
+      return new Promise((resolve, reject) => {
 
+        let params = {
 
+          id: this.agentid
 
+        };
 
+        this.ajax
 
+          .post("https://gpt4.cocorobo.cn/get_ai_agent_assistant_id", params)
 
+          .then(res => {
 
+            let _data = JSON.parse(res.data.FunctionResponse.result);
 
+            console.log(res);
 
+            
+            if (_data.length > 0) {
 
+              this.agentJSON = {
 
+                model: _data[0].modelType == 'GPT' ? "gpt-4o-2024-11-20" : _data[0].modelType,
 
+                url: _data[0].modelType.includes('qwen') ? 'https://llm.cocorobo.cn' : 'https://gpt4.cocorobo.cn',
 
+                start: _data[0].prologue ? _data[0].prologue : '您好，我是您的创课助手小可，在创课中遇到什么问题，都可以与我对话~,我会尽量帮助您的'
 
+              }
 
+            }
 
+            resolve();
 
+          })
 
+          .catch(err => {
 
+            console.log(err);
 
+            resolve();
 
+          });
 
+      });
 
+    },
 
+    // 获取对应的聊天记录
 
+    getChatList() {
 
+      return new Promise(async (resolve, reject) => {
 
+        if(!this.agentJSON.model){ await this.getAgent() }
 
+        if (this.loading) return;
 
+        this.array = [];
 
+        this.loading = true;
 
+        let params = {
 
+          userid: this.userid,
 
+          groupid: "602def61-005d-11ee-91d8-005056b8q12w",
 
+          // session_name:``
 
+          session_name: `${this.courseId}-courseDetail`
 
+        };
 
+        this.ajax
 
+          .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
+          .then(async res => {
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
+            if (_data.length > 0) {
 
+              let _chatList = [];
 
+              for (let i = 0; i < _data.length; i++) {
 
+                _chatList.push({
 
+                  loading: false,
 
+                  role: "user",
 
+                  content: _data[i].problem,
 
+                  uid: _data[i].id,
 
+                  AI: "AI",
 
+                  aiContent: _data[i].answer,
 
+                  oldContent: _data[i].answer,
 
+                  isShowSynchronization: false,
 
+                  filename: _data[i].filename,
 
+                  index: i,
 
+                  is_mind_map: false,
 
+                  fileid: _data[i].fileid,
 
+                  createtime: _data[i].createtime,
 
+                  isalltext: true
 
+                });
 
+              }
 
+              this.array = _chatList;
 
+              this.loading = false;
 
+            } else {
 
+              let _uid = uuidv4();
 
+              let _chatList = [];
 
+              _chatList.push({
 
+                loading: false,
 
+                role: "",
 
+                content: "",
 
+                uid: _uid,
 
+                AI: "AI",
 
+                aiContent: this.agentJSON.start,
 
+                oldContent: this.agentJSON.start,
 
+                isShowSynchronization: false,
 
+                filename: "",
 
+                index: 0,
 
+                is_mind_map: false,
 
+                fileid: "",
 
+                createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+                chatType: 'start',
 
+                isalltext: true
 
+              });
 
+              this.array = _chatList;
 
+              if (this.courseId) {
 
+                await this.insertChat(_uid);
 
+              }
 
+              if(this.recordstart){
 
+                let _uid2 = uuidv4();
 
+                const md = new MarkdownIt();
 
+                _chatList.push({
 
+                  loading: false,
 
+                  role: "",
 
+                  content: "",
 
+                  uid: _uid2,
 
+                  AI: "AI",
 
+                  aiContent: md.render(this.recordstart),
 
+                  oldContent: md.render(this.recordstart),
 
+                  isShowSynchronization: false,
 
+                  filename: "",
 
+                  index: 0,
 
+                  is_mind_map: false,
 
+                  fileid: "",
 
+                  createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+                  chatType: 'recordstart',
 
+                  isalltext: true
 
+              });
 
+                if (this.courseId) {
 
+                  await this.insertChat(_uid2);
 
+                }
 
+              }
 
+              
+              //没有对话记录
 
+              this.loading = false;
 
+            }
 
+            resolve();
 
+          })
 
+          .catch(err => {
 
+            console.log(err);
 
+            this.$message.error("获取对话记录失败");
 
+            this.loading = false;
 
+            resolve();
 
+          });
 
+      });
 
+    },
 
+    addTask(index) {
 
+      if (this.checkArray.indexOf(index) !== -1) {
 
+        this.checkArray.splice(this.checkArray.indexOf(index), 1);
 
+      } else {
 
+        this.checkArray.push(index);
 
+      }
 
+      console.log(index);
 
+    },
 
+    addAllTask() {
 
+      if (this.checkArray.length === this.course.length) {
 
+        this.checkArray = [];
 
+      } else {
 
+        this.checkArray = [];
 
+        this.course.forEach((item, index) => {
 
+          this.checkArray.push(index);
 
+        });
 
+      }
 
+    },
 
+    checkPart(name) {
 
+      this.part = name;
 
+    },
 
+    inputChange() {
 
+      if (this.courseText.at(-1) == "@") {
 
+        this.showRoleList = true;
 
+      }
 
+      if (this.courseText.at(-1) == "/") {
 
+        console.log("哇卡ka2");
 
+      }
 
+
 
+      this.$nextTick(() => {
 
+        this.$refs.textareaRef.style.height = "35px";
 
+        this.$refs.textareaRef.style.height =
 
+          this.$refs.textareaRef.scrollHeight + "px";
 
+        this.textareaHeight = this.$refs.textareaRef.style.height;
 
+      });
 
+    },
 
+    textareaKeydown(_e) {
 
+      if (this.showRoleList && this.choseRoleList.length > 0) {
 
+        console.log(_e.keyCode);
 
+        switch (_e.keyCode) {
 
+          case 38: //小键盘上
 
+            _e.preventDefault();
 
+            if (this.choseRoleItem == 0) return;
 
+            this.choseRoleItem--;
 
+            // 修改滚动条高度
 
+            this.$refs.roleListRef.scrollTo({
 
+              top:
 
+                this.$refs[`roleItem${this.choseRoleItem}Ref`][0].offsetTop -
 
+                10,
 
+              behavior: "smooth"
 
+            });
 
+            // this.$refs.roleListRef.scrollTop = this.choseRoleItem * 107;
 
+            break;
 
+          case 40: //小键盘下
 
+            _e.preventDefault();
 
+            if (this.choseRoleItem == this.choseRoleList.length - 1) return;
 
+            this.choseRoleItem++;
 
+            this.$refs.roleListRef.scrollTo({
 
+              top:
 
+                this.$refs[`roleItem${this.choseRoleItem}Ref`][0].offsetTop -
 
+                10,
 
+              behavior: "smooth"
 
+            });
 
+            // this.$refs.roleListRef.scrollTop = this.choseRoleItem * 107;
 
+            break;
 
+          case 13: //回车
 
+            _e.preventDefault();
 
+            this.choseRole(this.choseRoleList[this.choseRoleItem]);
 
+            break;
 
+        }
 
+      } else if (_e.key === "Enter") {
 
+        _e.preventDefault();
 
+        if (_e.shiftKey) {
 
+          this.courseText += "\n";
 
+        } else {
 
+          this.addContent();
 
+        }
 
+      }
 
+    },
 
+    clear() {
 
+      this.$confirm("确定清空聊天记录吗?", "提示", {
 
+        confirmButtonText: "确定",
 
+        cancelButtonText: "取消",
 
+        type: "warning"
 
+      })
 
+        .then(_ => {
 
+          this.loading = true;
 
+          let params = {
 
+            user_id: this.userid,
 
+            id: "602def61-005d-11ee-91d8-005056b8q12w",
 
+            session_name: `${this.courseId}-courseDetail`
 
+          };
 
+
 
+          this.ajax
 
+            .post("https://gpt4.cocorobo.cn/delete_park_session", params)
 
+            .then(res => {
 
+              this.array = [];
 
+              this.$message.success("清除聊天记录成功");
 
+              this.loading = false;
 
+              this.getChatList()
 
+            })
 
+            .catch(err => {
 
+              this.loading = false;
 
+              this.$message.error("清除聊天记录失败");
 
+            });
 
+        })
 
+        .catch(_ => {});
 
+    },
 
+    getRoleList() {
 
+      this.roleList = [];
 
+      let params = {
 
+        userId: this.userid
 
+      };
 
+      this.ajax
 
+        .post("https://gpt4.cocorobo.cn/get_ai_agent_assistant_list", params)
 
+        .then(res => {
 
+          let _data = res.data.FunctionResponse.result;
 
+          if (_data) {
 
+            this.roleList = JSON.parse(_data);
 
+          }
 
+        })
 
+        .catch(e => {
 
+          console.log(e);
 
+          // this.$message.error("获取角色列表失败");
 
+          this.roleList = [];
 
+        });
 
+    },
 
+    getPublicRoleList() {
 
+      this.publicRoleList = [];
 
+      let params = {
 
+        userId: this.userid,
 
+        organizeid: this.oid
 
+      };
 
+      this.ajax
 
+        .post(
 
+          "https://gpt4.cocorobo.cn/get_ai_agent_assistant_share_list",
 
+          params
 
+        )
 
+        .then(res => {
 
+          let _data = res.data.FunctionResponse.result;
 
+          if (_data) {
 
+            this.publicRoleList = JSON.parse(_data);
 
+          }
 
+        })
 
+        .catch(e => {
 
+          this.publicRoleList = [];
 
+          console.log(e);
 
+          // console.log("获取公共角色失败", e);
 
+        });
 
+    },
 
+    choseRole(item) {
 
+      let _lastAtIndex = this.courseText.lastIndexOf("@");
 
+      this.courseText = `${this.courseText.slice(0, _lastAtIndex)}@${
 
+        item.assistantName
 
+      } `;
 
+      this.$refs.textareaRef.focus();
 
+      this.showRoleList = false;
 
+    },
 
+    onCopy(content) {
 
+      const turndownService = new TurndownService();
 
+      // 添加自定义规则来处理表格
 
+      turndownService.addRule("table", {
 
+        filter: "table",
 
+        replacement: (content, node) => {
 
+          const rows = node.querySelectorAll("tr");
 
+          let markdown = "";
 
+
 
+          rows.forEach(row => {
 
+            const cells = row.querySelectorAll("th, td");
 
+            const rowMarkdown = Array.from(cells)
 
+              .map(cell => cell.textContent)
 
+              .join(" | ");
 
+            markdown += `| ${rowMarkdown} |\n`;
 
+            if (cells && cells.length && cells[0].tagName == "TH") {
 
+              let a = Array.from(cells)
 
+                .map(cell => "")
 
+                .join(" --- |");
 
+              markdown += `| --- |${a}\n`;
 
+            }
 
+          });
 
+
 
+          // 添加分隔行
 
+          // markdown = markdown.replace(/^/, '| --- |\n');
 
+          return markdown;
 
+        }
 
+      });
 
+      // 创建临时textarea元素
 
+      const tempInput = document.createElement("textarea");
 
+
 
+      tempInput.value = turndownService.turndown(content); // 设置要复制的内容
 
+      // 隐藏元素
 
+      tempInput.style.position = "absolute";
 
+      tempInput.style.left = "-9999px";
 
+      // 将元素添加到DOM中
 
+      document.body.appendChild(tempInput);
 
+      // 选中元素内容
 
+      tempInput.select();
 
+      // 执行复制操作
 
+      document.execCommand("copy");
 
+      // 移除临时元素
 
+      document.body.removeChild(tempInput);
 
+      this.$message({
 
+        message: "复制成功",
 
+        type: "success"
 
+      });
 
+    },
 
+    setCourseText(content){
 
+      const turndownService = new TurndownService();
 
+      // 添加自定义规则来处理表格
 
+      turndownService.addRule("table", {
 
+        filter: "table",
 
+        replacement: (content, node) => {
 
+          const rows = node.querySelectorAll("tr");
 
+          let markdown = "";
 
+
 
+          rows.forEach(row => {
 
+            const cells = row.querySelectorAll("th, td");
 
+            const rowMarkdown = Array.from(cells)
 
+              .map(cell => cell.textContent)
 
+              .join(" | ");
 
+            markdown += `| ${rowMarkdown} |\n`;
 
+            if (cells && cells.length && cells[0].tagName == "TH") {
 
+              let a = Array.from(cells)
 
+                .map(cell => "")
 
+                .join(" --- |");
 
+              markdown += `| --- |${a}\n`;
 
+            }
 
+          });
 
+
 
+          // 添加分隔行
 
+          // markdown = markdown.replace(/^/, '| --- |\n');
 
+          return markdown;
 
+        }
 
+      });
 
+      // 创建临时textarea元素
 
+
 
+      let _content = turndownService.turndown(content); // 设置要复制的内容
 
+
 
+      // 新增的确认提示框
 
+      if (this.courseText2) {
 
+        this.$confirm('课程简要描述已有内容，是否覆盖？', '提示', {
 
+          confirmButtonText: '确定',
 
+          cancelButtonText: '取消',
 
+          type: 'warning'
 
+        }).then(() => {
 
+          this.updatCourse(_content)
 
+          this.$message.success('采纳成功');
 
+        }).catch(() => {
 
+        });
 
+      } else {
 
+        this.updatCourse(_content)
 
+        this.$message.success('采纳成功');
 
+      }
 
+    },
 
+    updatCourse(content){
 
+      let _content = content+='*0*%*'
 
+      this.$emit('update:courseText2', _content);
 
+      setTimeout(() => {
 
+        this.$emit('update:courseText2', _content.replaceAll("*0*%*", ""));
 
+      }, 0);
 
+    },
 
+    stopSend() {
 
+      if (this.fasource) {
 
+        this.fasource.close();
 
+        if (this.array[this.array.length - 1].content == "wanSearch") {
 
+          this.array.pop();
 
+        }
 
+        this.array.find(i => i.uid == this.saveUid).loading = false;
 
+        this.faloading = false;
 
+        this.fasource = null;
 
+        this.insertChat(this.saveUid);
 
+      }
 
+    },
 
+    changeVoice(flag) {
 
+      this.isVoice = flag;
 
+    },
 
+    startVoice() {
 
+      let iiframe = this.$refs["iiframe"];
 
+      iiframe.contentWindow.window.document.getElementById(
 
+        "languageOptions"
 
+      ).selectedIndex = 2; //普通话
 
+      iiframe.contentWindow.testdoContinuousPronunciationAssessment();
 
+      this.isTalk = true;
 
+      iiframe.contentWindow.onRecognizedResult = e => {
 
+        let _msg = e.privText;
 
+        console.log(_msg);
 
+        if (_msg) this.courseText += _msg;
 
+      };
 
+    },
 
+    stopVoice() {
 
+      try {
 
+        if (!this.isTalk) return this.$message.info("请先开始录音");
 
+        let iiframe = this.$refs["iiframe"];
 
+        iiframe.contentWindow.window.document
 
+          .getElementById("scenarioStopButton")
 
+          .click();
 
+        iiframe.contentWindow.onSessionStopped = (s, e) => {
 
+          this.isTalk = false;
 
+          if (this.courseText) {
 
+            this.addContent();
 
+          }
 
+        };
 
+      } catch (error) {
 
+        console.log(error);
 
+        this.isTalk = false;
 
+        if (this.courseText) {
 
+          this.addContent();
 
+        }
 
+      }
 
+    }
 
+  },
 
+  computed: {
 
+    pan() {
 
+      return content => {
 
+        try {
 
+          return JSON.parse(content);
 
+        } catch (error) {
 
+          return [];
 
+        }
 
+      };
 
+    },
 
+    courseTextLength() {
 
+      return this.courseText.length;
 
+    },
 
+    taskName() {
 
+      let task = "";
 
+      if (this.checkArray.length) {
 
+        task = "任务";
 
+        this.checkArray = this.checkArray.sort((a, b) => a - b);
 
+        let a = JSON.parse(JSON.stringify(this.checkArray));
 
+        for (let index = 0; index < a.length; index++) {
 
+          a[index]++;
 
+        }
 
+        task += a.join("/");
 
+      }
 
+      return task + " " + this.part;
 
+    },
 
+    choseRoleList() {
 
+      let result = [...this.roleList, ...this.publicRoleList];
 
+      const _index = this.courseText.lastIndexOf("@");
 
+      if (_index !== -1) {
 
+        let roleName = this.courseText.substring(_index + 1);
 
+        result = result.filter(i => i.assistantName.indexOf(roleName) != -1);
 
+      } else {
 
+        return [];
 
+      }
 
+      this.choseRoleItem = 0;
 
+      return result;
 
+    }
 
+  },
 
+  mounted() {
 
+    // this.getChatList().then(_ => {
 
+    //   this.$nextTick(() => {
 
+    //     console.log(this.$refs.chatDialog.scrollHeight);
 
+    //     this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+    //   });
 
+    // });
 
+    // this.getRoleList();
 
+    // this.getPublicRoleList();
 
+    // this.jArray = this.getString();
 
+  }
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.ai_body {
 
+  height: 100%;
 
+  width: calc(100%);
 
+  padding: 0 20px 10px;
 
+  box-sizing: border-box;
 
+  margin: 0 auto;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.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: 14px;
 
+  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: 14px;
 
+  resize: none;
 
+  /* background: #f6f6f6; */
 
+  font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.binfo_textarea::-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);
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+  border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+.ai_body_input {
 
+  position: relative;
 
+  display: flex;
 
+
 
+  margin-top: auto;
 
+  width: 100%;
 
+  /* height: auto; */
 
+  /* max-height: 80vh; */
 
+  justify-content: space-between;
 
+  align-items: flex-end;
 
+  border-radius: 10px;
 
+  border: 1.5px solid #3681fc !important;
 
+  /* padding: 10px;
 
+	padding-top: 20px; */
 
+  /* overflow: auto; */
 
+}
 
+
 
+.ai_b_i_btnArea {
 
+  width: calc(100% - 10px);
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  height: 30px;
 
+  display: flex;
 
+  /* justify-content: space-between; */
 
+}
 
+
 
+.ai_b_i_btnArea > div {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.ai_b_i_btnArea > div > span {
 
+  margin-left: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear + .clear {
 
+  margin-left: 10px;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear {
 
+  box-sizing: border-box;
 
+  padding: 5px 10px;
 
+  box-sizing: border-box;
 
+  cursor: pointer;
 
+  border: solid 1px #3781fb;
 
+  border-radius: 15px;
 
+  display: flex;
 
+  font-size: 15px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  background-color: #fff;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear > svg {
 
+  width: 17px;
 
+  height: 17px;
 
+  margin-right: 5px;
 
+  fill: black;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear:hover {
 
+  background-color: #ebf4fe;
 
+  color: #409eff;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear:hover > svg {
 
+  fill: #409eff;
 
+}
 
+
 
+.ai_b_i_textListBox {
 
+  width: 100%;
 
+  height: 300px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+  overflow: auto;
 
+  border-radius: 8px;
 
+  border: 1px solid #e7e7e7;
 
+  box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
 
+    1px 1px 20px 4px rgba(29, 57, 131, 0.05);
 
+  display: flex;
 
+}
 
+
 
+.ai_b_i_tlb_left {
 
+  width: 60px;
 
+  height: 100%;
 
+  background-color: red;
 
+}
 
+
 
+.ai_b_i_tlb_right {
 
+  flex: 1;
 
+  height: 100%;
 
+  background-color: yellow;
 
+}
 
+
 
+.ai_b_i_roleListBox {
 
+  width: 100%;
 
+  height: 300px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+  overflow: auto;
 
+  border-radius: 8px;
 
+  border: 1px solid #e7e7e7;
 
+  box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
 
+    1px 1px 20px 4px rgba(29, 57, 131, 0.05);
 
+}
 
+
 
+.ai_b_i_rlb_item {
 
+  width: calc(100% - 20px);
 
+  height: auto;
 
+  padding: 10px;
 
+  background-color: #f3f7fd;
 
+  margin-bottom: 20px;
 
+  border-radius: 8px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  transition: 0.3s;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_b_i_rlb_itemActive {
 
+  background-color: #d1d5db !important;
 
+}
 
+
 
+/* .ai_b_i_rlb_item:hover{
 
+	background-color: #d1d5db;
 
+} */
 
+
 
+.ai_b_i_rlb_itemTop {
 
+  display: flex;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > img {
 
+  width: 40px;
 
+  height: 40px;
 
+  margin-right: 10px;
 
+  border-radius: 100%;
 
+  overflow: hidden;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > div {
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > div > span {
 
+  font-size: 16px;
 
+  font-weight: bold;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > div > span:last-child {
 
+  font-size: 14px;
 
+  color: #999;
 
+}
 
+
 
+.ai_b_i_rlb_itemBottom {
 
+  margin-top: 10px;
 
+  display: flex;
 
+}
 
+
 
+.ai_b_i_rlb_itemBottom > span {
 
+  width: 60px;
 
+  height: 30px;
 
+  border-radius: 15px;
 
+  display: flex;
 
+}
 
+
 
+.ai_body_input_textarea {
 
+  flex: 1;
 
+  margin: 10px 5px 10px 5px;
 
+  min-height: 35px;
 
+  height: 35px;
 
+  max-height: 100px;
 
+  border: none;
 
+  outline: none;
 
+  resize: none;
 
+  font-size: 16px;
 
+  overflow: auto;
 
+  padding-right: 100px;
 
+  background-color: #fff !important;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-input-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+}
 
+
 
+.ai_body_input_textarea::-moz-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+  opacity: 1;
 
+  /* 修复Firefox的透明度问题 */
 
+}
 
+
 
+.ai_body_input_textarea::-moz-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+  opacity: 1;
 
+  /* 修复Firefox的透明度问题 */
 
+}
 
+
 
+.ai_body_input_textarea::-ms-input-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar {
 
+  width: 6px;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar-track {
 
+  background: #d8d9dc;
 
+  border-radius: 2px;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar-thumb {
 
+  background: #c9c9c9;
 
+  border-radius: 10px;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar-thumb:hover {
 
+  background: #c9c9c9;
 
+}
 
+
 
+.c_pub_button_confirm {
 
+  /* position: absolute;
 
+    bottom: 13px;
 
+    right: 13px; */
 
+  /* margin-top: 10px; */
 
+  width: 60px;
 
+  margin-right: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  margin-bottom: 10px;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0px;
 
+  white-space: nowrap;
 
+  border-radius: 10px;
 
+}
 
+.c_pub_button_confirmVoice {
 
+  width: 30px;
 
+  height: 36px;
 
+  min-width: auto;
 
+  margin-right: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-bottom: 10px;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0px;
 
+  white-space: nowrap;
 
+  border-radius: 10px;
 
+  background-color: #3681fc;
 
+  cursor: pointer;
 
+  padding: 0 10px;
 
+}
 
+.c_pub_button_confirmVoice > svg {
 
+  fill: #fff;
 
+  width: 25px;
 
+  height: 25px;
 
+}
 
+
 
+.c_pub_button_StopConfirmVoice {
 
+  width: 30px;
 
+  height: 36px;
 
+  min-width: auto;
 
+  margin-right: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-bottom: 10px;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0px;
 
+  white-space: nowrap;
 
+  border-radius: 10px;
 
+  background-color: #dde2e2;
 
+  cursor: pointer;
 
+  padding: 0 10px;
 
+}
 
+
 
+.c_pub_button_StopConfirmVoice > svg {
 
+  width: 25px;
 
+  height: 25px;
 
+}
 
+
 
+.c_voiceBtn {
 
+  width: 25px;
 
+  height: 25px;
 
+  position: absolute;
 
+  right: 85px;
 
+  bottom: 0px;
 
+  margin-bottom: 17px;
 
+  cursor: pointer;
 
+}
 
+
 
+.c_voiceBtn > svg {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.c_pub_button_confirmDisabled {
 
+  background-color: #aeccfe;
 
+}
 
+
 
+.ai_body_dialog {
 
+  padding: 10px 0;
 
+  box-sizing: border-box;
 
+  /* min-height: calc(20vh - 10px); */
 
+  /* height: calc(100%); */
 
+  overflow: auto;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.dialog_content {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.dialog_content > div {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  width: 100%;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.dialog_content + .dialog_content {
 
+  margin: 15px 0;
 
+}
 
+
 
+.dialog_content > div .right {
 
+  flex-direction: row-reverse;
 
+}
 
+
 
+.dialog_content > div .right .role {
 
+  margin-right: 0;
 
+  margin-left: 10px;
 
+}
 
+
 
+.dialog_content > div .role {
 
+  min-width: 30px;
 
+  width: 30px;
 
+  height: 30px;
 
+  margin-right: 10px;
 
+  border-radius: 50%;
 
+}
 
+
 
+.dialog_content > div .role > img {
 
+  height: 100%;
 
+  width: 100%;
 
+  border-radius: 100%;
 
+}
 
+
 
+.dialog_content > div .content {
 
+  padding: 10px 10px;
 
+  border-radius: 2px 8px 8px 8px;
 
+  width: auto;
 
+  word-break: break-word;
 
+  box-sizing: border-box;
 
+  /* white-space: pre-line; */
 
+  max-width: calc(100% - 85px);
 
+  background: #f6f9ff;
 
+  /* overflow: hidden; */
 
+  margin: 0 10px;
 
+  position: relative;
 
+}
 
+
 
+.createTime {
 
+  width: 100%;
 
+  height: 20px;
 
+  position: absolute;
 
+  bottom: -25px;
 
+  left: 0;
 
+  font-size: 14px;
 
+  white-space: nowrap;
 
+  color: #919191;
 
+}
 
+
 
+.dialog_content > div .content2 {
 
+  background: #3681fc;
 
+  color: #fff;
 
+  border-radius: 8px 2px 8px 8px;
 
+  /* margin-left: auto; */
 
+}
 
+
 
+.ai_body_select {
 
+  position: relative;
 
+}
 
+
 
+.ai_body_select > .check {
 
+  background: #e7e7e7;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #0061ff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .check::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .check::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck {
 
+  background: #0061ff;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #fff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+  max-width: 100%;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .isCheck > span {
 
+  width: calc(100% - 40px);
 
+  display: block;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.ai_body_select > .isCheck::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox {
 
+  position: absolute;
 
+  bottom: 40px;
 
+  border: 1px solid #e0eafb;
 
+  width: 100%;
 
+  height: 300px;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 10px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .title,
 
+.ai_body_select > .checkBox > .part > .title {
 
+  font-size: 14px;
 
+  font-weight: 700;
 
+  margin-bottom: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task {
 
+  height: calc(100% - 60px);
 
+}
 
+
 
+.ai_body_select > .checkBox > .part {
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content {
 
+  height: calc(100% - 40px);
 
+  overflow: auto;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span + .span {
 
+  margin-top: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check {
 
+  width: 13px;
 
+  height: 13px;
 
+  display: flex;
 
+  align-items: center;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check > img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  justify-content: space-between;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span {
 
+  padding: 3px 6px;
 
+  border: 1px solid #e0eafb;
 
+  border-radius: 40px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span.active {
 
+  color: #0061ff;
 
+  border-color: #0061ff;
 
+}
 
+
 
+.ai_b_i_jListPanel {
 
+  width: 400px;
 
+  height: 100%;
 
+  top: 0;
 
+  right: 0;
 
+  position: fixed;
 
+  /* background-color: #000; */
 
+  z-index: 990;
 
+}
 
+
 
+.ai_b_i_jListBox {
 
+  width: 100%;
 
+  max-height: 300px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+  overflow: auto;
 
+  border-radius: 8px;
 
+  border: 1px solid #e7e7e7;
 
+  box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
 
+    1px 1px 20px 4px rgba(29, 57, 131, 0.05);
 
+  z-index: 999;
 
+}
 
+
 
+.jlist_box {
 
+  background: #f1f1f1;
 
+  border-radius: 5px;
 
+  margin-bottom: 10px;
 
+  padding: 8px 18px 8px 8px;
 
+  box-sizing: border-box;
 
+  width: 100%;
 
+  position: relative;
 
+}
 
+
 
+.jlist_box .cancel {
 
+  position: absolute;
 
+  top: 8px;
 
+  right: 5px;
 
+  cursor: pointer;
 
+  font-size: 14px;
 
+}
 
+
 
+.jlist_box > span {
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  word-break: break-all;
 
+}
 
+
 
+.ai_btn_box {
 
+  min-width: fit-content;
 
+  margin-top: auto;
 
+}
 
+
 
+.ai_btn_box > img {
 
+  cursor: pointer;
 
+  width: 15px;
 
+}
 
+
 
+.ai_tips_btn_box{
 
+  width: 100%;
 
+  padding: 0 20px 0 50px;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  margin-top: 27px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_tips_btn_box > span{
 
+  cursor: pointer;
 
+  background: #9bc1ff;
 
+  color: #ffffff;
 
+  width: fit-content;
 
+  padding: 8px;
 
+  border-radius: 5px;
 
+  transition: all .3s;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_tips_btn_box > span + span{
 
+  margin-top: 6px;
 
+}
 
+
 
+.ai_tips_btn_box > span:hover{
 
+  background: #3683ff;
 
+}
 
+</style>

+ 2613 - 0
src/components/pages/aiEasy/aiBoxRight.vue
查看文件 

@@ -0,0 +1,2613 @@
 
+<template>
 
+  <div class="ai_body" v-loading="loading">
 
+    <div class="ai_body_dialog" ref="chatDialog">
 
+      <div class="dialog_content" v-for="item in array" :key="item.uid">
 
+        <div v-if="item.content" style="margin-left: auto;">
 
+          <div
 
+            class="ai_btn_box"
 
+            style="margin-left: auto;"
 
+            v-if="!pan(item.content).length"
 
+          >
 
+            <img
 
+              src="../../../assets/icon/course/pasete.png"
 
+              @click="onCopy(item.content)"
 
+            />
 
+          </div>
 
+          <div class="content content2" v-html="item.content"></div>
 
+          <div class="role">
 
+            <img src="../../../assets/icon/new/role2.png" />
 
+          </div>
 
+        </div>
 
+        <div
 
+          style="margin-top:20px;margin-bottom:20px ; margin-right: auto;"
 
+          v-if="item.aiContent || item.loading"
 
+        >
 
+          <div class="role">
 
+            <img
 
+              :src="
 
+                item.fileid
 
+                  ? item.fileid
 
+                  : require('../../../assets/icon/new/role1.png')
 
+              "
 
+            />
 
+          </div>
 
+          <div
 
+            element-loading-background="#f6f9ff"
 
+            :style="{
 
+              minHeight: item.loading ? '50px' : 'unset',
 
+              minWidth: item.loading ? '50px' : 'unset'
 
+            }"
 
+            class="content"
 
+            v-loading="item.loading"
 
+          >
 
+            <span class="vditor-reset" v-html="item.aiContent"></span>
 
+            <span class="createTime" v-text="item.createtime"></span>
 
+          </div>
 
+          <div
 
+            class="ai_btn_box"
 
+            v-if="!pan(item.aiContent).length && !item.loading"
 
+          >
 
+            <img
 
+              src="../../../assets/icon/course/pasete.png"
 
+              @click="onCopy(item.aiContent)"
 
+            />
 
+          </div>
 
+          <div class="ai_tips_btn_box" v-if="item.promptArray && item.promptArray.length">
 
+            <span v-for="(pr, pindex) in item.promptArray" :key="pindex" @click="quickAdd(item.addedData, pr)">{{ pr.name }}</span>
 
+            <span @click="moreClick(item.uid, item.addedData)" v-loading="item.moreloading && !item.moreDisplay2" v-if="item.moreDisplay">更多</span>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="ai_body_select" v-if="false">
 
+      <div class="checkBox" v-if="checkBool">
 
+        <div class="task">
 
+          <div class="title">选择需要优化的任务：</div>
 
+          <div class="content">
 
+            <div class="span" @click="addAllTask()">
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.length !== course.length"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>全选</span>
 
+            </div>
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in course"
 
+              :key="index"
 
+              @click="addTask(index)"
 
+            >
 
+              <div class="check">
 
+                <img
 
+                  :src="checkImg"
 
+                  alt=""
 
+                  v-if="checkArray.indexOf(index) === -1"
 
+                />
 
+                <img :src="checkIsImg" alt="" v-else />
 
+              </div>
 
+              <span>任务{{ index + 1 }}</span>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="part">
 
+          <div class="title">选择优化的部分：</div>
 
+          <div class="content">
 
+            <div
 
+              class="span"
 
+              v-for="(item, index) in partArray"
 
+              :key="index"
 
+              :class="{ active: part == item.name }"
 
+              @click="checkPart(item.name)"
 
+            >
 
+              {{ item.name }}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        v-if="!checkArray.length && !part"
 
+        @click="checkBool = !checkBool"
 
+        >选择优化内容</span
 
+      >
 
+      <span
 
+        class="check"
 
+        :class="{ isCheck: checkBool }"
 
+        @click="checkBool = !checkBool"
 
+        v-else
 
+      >
 
+        <el-tooltip :content="taskName" placement="top" effect="dark">
 
+          <!-- content to trigger tooltip here -->
 
+          <span>{{ taskName }}</span>
 
+        </el-tooltip>
 
+      </span>
 
+    </div>
 
+    <div class="ai_body_input">
 
+      <div class="ai_b_i_btnArea">
 
+        <span class="clear" @click.stop="clear()">
 
+          <svg
 
+            width="20"
 
+            height="20"
 
+            viewBox="0 0 20 20"
 
+            fill="none"
 
+            xmlns="http://www.w3.org/2000/svg"
 
+          >
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M2.5 3.125C2.5 2.77982 2.77982 2.5 3.125 2.5H16.875C17.2202 2.5 17.5 2.77982 17.5 3.125V8.02715C17.5 8.37233 17.2202 8.65215 16.875 8.65215C16.5298 8.65215 16.25 8.37233 16.25 8.02715V3.75H3.75V16.25H8.125C8.47018 16.25 8.75 16.5298 8.75 16.875C8.75 17.2202 8.47018 17.5 8.125 17.5H3.125C2.77982 17.5 2.5 17.2202 2.5 16.875V3.125Z"
 
+            />
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M5.625 6.1521C5.625 5.80692 5.90482 5.5271 6.25 5.5271H13.125C13.4702 5.5271 13.75 5.80692 13.75 6.1521C13.75 6.49728 13.4702 6.7771 13.125 6.7771H6.25C5.90482 6.7771 5.625 6.49728 5.625 6.1521Z"
 
+            />
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M5.625 9.2771C5.625 8.93192 5.90482 8.6521 6.25 8.6521H9.37496C9.72014 8.6521 9.99996 8.93192 9.99996 9.2771C9.99996 9.62228 9.72014 9.9021 9.37496 9.9021H6.25C5.90482 9.9021 5.625 9.62228 5.625 9.2771Z"
 
+            />
 
+            <path
 
+              fill-rule="evenodd"
 
+              clip-rule="evenodd"
 
+              d="M12.465 11.507L15.9141 14.9048C16.1279 14.5365 16.25 14.1088 16.25 13.6521C16.25 12.2714 15.1307 11.1521 13.75 11.1521C13.2799 11.1521 12.8406 11.2815 12.465 11.507ZM15.0374 15.7957L11.5873 12.397C11.3726 12.7659 11.25 13.1944 11.25 13.6521C11.25 15.0328 12.3693 16.1521 13.75 16.1521C14.2211 16.1521 14.6613 16.0222 15.0374 15.7957ZM11.0797 11.0192C11.759 10.3303 12.7051 9.9021 13.75 9.9021C15.8211 9.9021 17.5 11.581 17.5 13.6521C17.5 14.6767 17.0882 15.6064 16.4226 16.2827C15.7431 16.9729 14.7961 17.4021 13.75 17.4021C11.6789 17.4021 10 15.7232 10 13.6521C10 12.6263 10.4127 11.6957 11.0797 11.0192Z"
 
+            />
 
+          </svg>
 
+          <span>清屏</span>
 
+        </span>
 
+        <span
 
+          class="clear"
 
+          @click.stop="showjList = !showjList"
 
+          v-if="jArray.length"
 
+        >
 
+          <span>查看</span>
 
+        </span>
 
+        <div style="margin-left: auto;">
 
+          <el-switch v-model="continuous"></el-switch>
 
+          <span @click.stop="continuous = !continuous">连续对话</span>
 
+        </div>
 
+      </div>
 
+
 
+      <div
 
+        class="ai_b_i_roleListBox"
 
+        ref="roleListRef"
 
+        v-if="showRoleList && choseRoleList.length > 0"
 
+      >
 
+        <div
 
+          :class="[
 
+            'ai_b_i_rlb_item',
 
+            index == choseRoleItem ? 'ai_b_i_rlb_itemActive' : ''
 
+          ]"
 
+          :ref="`roleItem${index}Ref`"
 
+          v-for="(item, index) in choseRoleList"
 
+          :key="item.id"
 
+          @mouseover="choseRoleItem = index"
 
+          @click.stop="choseRole(item)"
 
+        >
 
+          <div class="ai_b_i_rlb_itemTop">
 
+            <img
 
+              :src="
 
+                item.headUrl
 
+                  ? item.headUrl
 
+                  : require('../../../assets/icon/new/role1.png')
 
+              "
 
+              alt=""
 
+            />
 
+            <div class="ai_b_i_rlb_i_name">
 
+              <span>{{ item.assistantName }}</span>
 
+              <span>作者：{{ item.username }}</span>
 
+            </div>
 
+          </div>
 
+          <div class="ai_b_i_rlb_itemBottom">
 
+            {{ item.prologue }}
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div
 
+        class="ai_b_i_jListPanel"
 
+        @click="showjList = !showjList"
 
+        v-if="showjList && jArray.length > 0"
 
+      ></div>
 
+      <div class="ai_b_i_jListBox" v-if="showjList && jArray.length > 0">
 
+        <div class="jlist_box" v-for="(item, index) in jArray" :key="index">
 
+          <el-tooltip
 
+            :content="item.area + '：' + item.value"
 
+            placement="left"
 
+            effect="dark"
 
+            popper-class="text_tooltip2"
 
+          >
 
+            <!-- content to trigger tooltip here -->
 
+            <span>{{ item.area }}：{{ item.value }}</span>
 
+          </el-tooltip>
 
+          <div class="cancel" @click="cancelJ(item.string)">×</div>
 
+        </div>
 
+      </div>
 
+      <!-- <div class="ai_b_i_textListBox">
 
+				<div class="ai_b_i_tlb_left"></div>
 
+				<div class="ai_b_i_tlb_right"></div>
 
+			</div> -->
 
+      <!-- @input="inputChange" -->
 
+
 
+      <textarea
 
+        class="ai_body_input_textarea"
 
+        @input="inputChange"
 
+        @keydown="textareaKeydown"
 
+        :disabled="isVoice"
 
+        ref="textareaRef"
 
+        v-model.trim="courseText"
 
+        :placeholder="
 
+          isVoice
 
+            ? isTalk
 
+              ? ''
 
+              : '点击按钮开始录音'
 
+            : '在此输入您想了解的内容'
 
+        "
 
+      ></textarea>
 
+
 
+      <span
 
+        class="c_voiceBtn"
 
+        v-if="!courseText && !isVoice"
 
+        @click.stop="changeVoice(true)"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M11.4583 14.0308C13.8381 14.0308 15.7551 12.0651 15.7551 9.62496V6.23588C15.7551 3.79574 13.8381 1.83008 11.4583 1.83008C9.07845 1.83008 7.16138 3.79574 7.16138 6.23588V9.62496C7.16138 12.0651 9.07845 14.0308 11.4583 14.0308ZM8.4835 6.23588C8.4835 4.54134 9.80561 3.18571 11.4583 3.18571C13.1109 3.18571 14.433 4.54134 14.433 6.23588V9.62496C14.433 11.3195 13.1109 12.6751 11.4583 12.6751C9.80561 12.6751 8.4835 11.3195 8.4835 9.62496V6.23588ZM18.3333 10.6405C18.3333 10.2677 18.0358 9.96264 17.6722 9.96264C17.3417 9.96264 17.0442 10.2338 17.0111 10.5727C16.5484 13.3178 14.2347 15.3852 11.4583 15.3852C8.68181 15.3852 6.36811 13.3178 5.90537 10.5727C5.87231 10.2338 5.57484 9.96264 5.24431 9.96264C4.88073 9.96264 4.58325 10.2677 4.58325 10.6405V10.7421C5.1121 13.9279 7.65717 16.4019 10.7972 16.7069V19.635H7.93254C7.54315 19.635 7.22748 19.9587 7.22748 20.358C7.22748 20.7572 7.54315 21.0809 7.93254 21.0809H14.9832C15.3726 21.0809 15.6883 20.7572 15.6883 20.358C15.6883 19.9587 15.3726 19.635 14.9832 19.635H12.1193V16.7069C15.2593 16.4019 17.8044 13.9279 18.3002 10.776C18.3002 10.7591 18.3085 10.7337 18.3167 10.7082L18.3167 10.7082L18.3167 10.7082C18.325 10.6828 18.3333 10.6574 18.3333 10.6405Z"
 
+            fill="black"
 
+            fill-opacity="0.9"
 
+          />
 
+        </svg>
 
+      </span>
 
+
 
+      <span
 
+        class="c_voiceBtn"
 
+        :style="{right: faloading ? '85px' : '70px'}"
 
+        v-if="!courseText && isVoice && !isTalk"
 
+        @click.stop="changeVoice(false)"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M2.75 3.4375C2.75 3.0578 3.0578 2.75 3.4375 2.75H18.5625C18.9422 2.75 19.25 3.0578 19.25 3.4375V18.5625C19.25 18.9422 18.9422 19.25 18.5625 19.25H3.4375C3.0578 19.25 2.75 18.9422 2.75 18.5625V3.4375ZM4.125 4.125V17.875H17.875V4.125H4.125Z"
 
+            fill="black"
 
+            fill-opacity="0.9"
 
+          />
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M6.875 6.875C6.875 6.4953 7.1828 6.1875 7.5625 6.1875H14.4375C14.8172 6.1875 15.125 6.4953 15.125 6.875V8.25C15.125 8.6297 14.8172 8.9375 14.4375 8.9375C14.0578 8.9375 13.75 8.6297 13.75 8.25V7.5625H11.6875V14.4375H12.375C12.7547 14.4375 13.0625 14.7453 13.0625 15.125C13.0625 15.5047 12.7547 15.8125 12.375 15.8125H9.625C9.2453 15.8125 8.9375 15.5047 8.9375 15.125C8.9375 14.7453 9.2453 14.4375 9.625 14.4375H10.3125V7.5625H8.25V8.25C8.25 8.6297 7.9422 8.9375 7.5625 8.9375C7.1828 8.9375 6.875 8.6297 6.875 8.25V6.875Z"
 
+            fill="black"
 
+            fill-opacity="0.9"
 
+          />
 
+        </svg>
 
+      </span>
 
+
 
+      <div
 
+        :class="[
 
+          'c_pub_button_confirm',
 
+          courseText ? '' : 'c_pub_button_confirmDisabled'
 
+        ]"
 
+        v-if="!faloading && !isVoice"
 
+        @click="addContent"
 
+      >
 
+        发送
 
+      </div>
 
+
 
+      <div
 
+        :class="['c_pub_button_confirmVoice']"
 
+        v-if="!faloading && isVoice && !isTalk"
 
+        @click="startVoice"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            fill-rule="evenodd"
 
+            clip-rule="evenodd"
 
+            d="M11.4583 14.0308C13.8381 14.0308 15.7551 12.0651 15.7551 9.62496V6.23588C15.7551 3.79574 13.8381 1.83008 11.4583 1.83008C9.07845 1.83008 7.16138 3.79574 7.16138 6.23588V9.62496C7.16138 12.0651 9.07845 14.0308 11.4583 14.0308ZM8.4835 6.23588C8.4835 4.54134 9.80561 3.18571 11.4583 3.18571C13.1109 3.18571 14.433 4.54134 14.433 6.23588V9.62496C14.433 11.3195 13.1109 12.6751 11.4583 12.6751C9.80561 12.6751 8.4835 11.3195 8.4835 9.62496V6.23588ZM18.3333 10.6405C18.3333 10.2677 18.0358 9.96264 17.6722 9.96264C17.3417 9.96264 17.0442 10.2338 17.0111 10.5727C16.5484 13.3178 14.2347 15.3852 11.4583 15.3852C8.68181 15.3852 6.36811 13.3178 5.90537 10.5727C5.87231 10.2338 5.57484 9.96264 5.24431 9.96264C4.88073 9.96264 4.58325 10.2677 4.58325 10.6405V10.7421C5.1121 13.9279 7.65717 16.4019 10.7972 16.7069V19.635H7.93254C7.54315 19.635 7.22748 19.9587 7.22748 20.358C7.22748 20.7572 7.54315 21.0809 7.93254 21.0809H14.9832C15.3726 21.0809 15.6883 20.7572 15.6883 20.358C15.6883 19.9587 15.3726 19.635 14.9832 19.635H12.1193V16.7069C15.2593 16.4019 17.8044 13.9279 18.3002 10.776C18.3002 10.7591 18.3085 10.7337 18.3167 10.7082L18.3167 10.7082L18.3167 10.7082C18.325 10.6828 18.3333 10.6574 18.3333 10.6405Z"
 
+            fill-opacity="0.9"
 
+          />
 
+        </svg>
 
+      </div>
 
+
 
+      <div
 
+        :class="['c_pub_button_StopConfirmVoice']"
 
+        v-if="!faloading && isVoice && isTalk"
 
+        @click="stopVoice"
 
+      >
 
+        <svg
 
+          width="22"
 
+          height="22"
 
+          viewBox="0 0 22 22"
 
+          fill="none"
 
+          xmlns="http://www.w3.org/2000/svg"
 
+        >
 
+          <path
 
+            d="M11 19.25C6.4625 19.25 2.75 15.5375 2.75 11C2.75 6.4625 6.4625 2.75 11 2.75C15.5375 2.75 19.25 6.4625 19.25 11C19.25 15.5375 15.5375 19.25 11 19.25ZM11 17.1875C14.4031 17.1875 17.1875 14.4031 17.1875 11C17.1875 7.59687 14.4031 4.8125 11 4.8125C7.59687 4.8125 4.8125 7.59687 4.8125 11C4.8125 14.4031 7.59687 17.1875 11 17.1875Z"
 
+            fill="#EE3E3E"
 
+          />
 
+          <path
 
+            d="M12.75 8.25H9.25C8.69772 8.25 8.25 8.69772 8.25 9.25V12.75C8.25 13.3023 8.69772 13.75 9.25 13.75H12.75C13.3023 13.75 13.75 13.3023 13.75 12.75V9.25C13.75 8.69772 13.3023 8.25 12.75 8.25Z"
 
+            fill="#EE3E3E"
 
+          />
 
+        </svg>
 
+      </div>
 
+
 
+      <div v-if="!faloading && isVoice"></div>
 
+      <div class="c_pub_button_confirm" v-if="faloading" @click="stopSend">
 
+        终止
 
+      </div>
 
+    </div>
 
+    <iframe
 
+      allow="camera *; microphone *;display-capture;midi;encrypted-media;"
 
+      src="https://beta.cloud.cocorobo.cn/browser/public/index.html"
 
+      ref="iiframe"
 
+      v-show="false"
 
+    ></iframe>
 
+    <!-- <div class="ai_body_input">
 
+      <textarea
 
+        style="padding-right: 85px;"
 
+        rows="3"
 
+        @keyup.enter="addContent"
 
+        class="binfo_input binfo_textarea"
 
+        cols
 
+        v-model.trim="courseText"
 
+        placeholder="在此输入您想了解的内容"
 
+      ></textarea>
 
+      <div
 
+        class="c_pub_button_confirm"
 
+        v-if="!loading && courseText"
 
+        @click="addContent"
 
+      >
 
+        发送
 
+      </div>
 
+      <div class="c_pub_button_confirm" @click="promptTit" v-else>发送</div>
 
+    </div> -->
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import checkImg from "../../../assets/icon/sourceFile/check.png";
 
+import checkIsImg from "../../../assets/icon/sourceFile/check_is.png";
 
+import { v4 as uuidv4 } from "uuid";
 
+import MarkdownIt from "markdown-it";
 
+import TurndownService from "turndown";
 
+
 
+const OpenCC = require("opencc-js");
 
+let converter = OpenCC.Converter({
 
+  from: "cn",
 
+  to: "hk"
 
+});
 
+
 
+export default {
 
+  props: {
 
+    unitJson: {
 
+      type: Array
 
+    },
 
+    courseId: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    quoteArray: {
 
+      type: Object,
 
+      default: function() {
 
+        return {};
 
+      }
 
+    },
 
+    teacherCourseText: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    targetCourseText: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    courseText2: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    targetCourseText2: {
 
+      type: String,
 
+      default: ""
 
+    },
 
+    cpote: {
 
+      type: Object,
 
+      default: function() {
 
+        return {};
 
+      }
 
+    },
 
+    fileids: {
 
+      type: Array,
 
+      default: []
 
+    },
 
+    languageSetting: {
 
+      type: Number,
 
+      default: 0
 
+    }
 
+  },
 
+  data() {
 
+    return {
 
+      array: [],
 
+      jArray: [],
 
+      courseText: "",
 
+      checkImg: checkImg,
 
+      checkIsImg: checkIsImg,
 
+      userid: this.$route.query.userid,
 
+      oid: this.$route.query.oid,
 
+      org: this.$route.query.org,
 
+      checkArray: [],
 
+      course: [{ title: "任务1" }, { title: "任务2" }, { title: "任务3" }],
 
+      partArray: [
 
+        { name: "全部内容" },
 
+        { name: "任务设计" },
 
+        { name: "评价设计" }
 
+      ],
 
+      part: "全部内容",
 
+      checkBool: false,
 
+      loading: false,
 
+      textareaHeight: 50,
 
+      publicRoleList: [],
 
+      roleList: [],
 
+      textList: [
 
+        {
 
+          title: "项目式学习",
 
+          dataList: [
 
+            "请给我一些学生开展项目式学习可以使用的主题或问题参考，请说出学生将要解决的问题，以及学生要经历怎样的学习活动。",
 
+            "请将一个关于生态保护项目的项目式学习展开描述，你需要描述学生如何解决这个问题，你需要至少写出四个活动，这些活动需要按照前后逻辑关系排列。",
 
+            "请对驱动问题为“如何为学校建造一个富有特色的花坛？”的项目式学习进行子问题拆解，至少拆解为5个子问题，并根据子问题对应写出各环节的主要活动。"
 
+          ]
 
+        },
 
+        {
 
+          title: "教学评价",
 
+          dataList: [
 
+            "如果需要给学生的社区服务进行评价，给出评价维度和至少3个等级的表现描述。",
 
+            "为6年级学生设计一份关于梧桐山研究报告的评估任务表，并给出参考的报告流程，至少包含8个步骤，并包括地图、图片和至少300个词。",
 
+            "创建一个给5年级学生使用的课堂小测试，包含5道多选题，评价学生对于太阳能这个概念的理解。你需要给出题目和正确答案。"
 
+          ]
 
+        },
 
+        {
 
+          title: "教学设计",
 
+          dataList: [
 
+            "如果需要5年级学生感受“移步换景”的景观写作手法，你有什么合适的阅读材料推荐？你需要给出材料名称，以及材料的哪部分内容。",
 
+            "设计一个针对8年级学生且关于人类迁徙主题的地理课，并在课程中设计至少1项小组活动。",
 
+            "设计一个针对5年级学生的课程，课程综合科学和信息技术领域，解决生物与环境领域的生活问题，你需要给出完整的课程框架和活动。",
 
+            "如果3年级的学生不能理解光合作用的实现过程，需要你帮我设计一个支持他们理解的教学活动，需要包含活动的形式、实施材料和清单。",
 
+            "请基于贝叶斯定理为8年级学生出三道题目。",
 
+            "如果需要八年级学生了解尼罗河流域的文化发展史，你有哪些推荐的网站或参考书籍？"
 
+          ]
 
+        },
 
+        {
 
+          title: "班级管理",
 
+          dataList: [
 
+            "创建一组给一年级学生使用的班级口号，要求大家注意卫生、保护环境，口号需要对仗工整，符合一年级学生的理解水平。",
 
+            " 设计一套用于6年级学生的班级管理规章制度，内容需要包括学习、纪律、卫生、思想品德方面。"
 
+          ]
 
+        },
 
+        {
 
+          title: "课堂组织",
 
+          dataList: [
 
+            "请为“制作垃圾分类宣传单”的小组活动设计小组分工表，每个小组的成员为4-6人。",
 
+            "请给5年级“校园植物图鉴”社团课程设计一份小组合作公约，需包含小组成员信息、小组项目目标、填写日期，总长度不超过300字，并且提供至少3处学生自行填写的部分。",
 
+            "请用苏格拉底提问的方式，引导5年级学生拆解驱动问题：如何解决教室黑板反光的问题？其中需包含对于反光原因的分析与实验探究。"
 
+          ]
 
+        },
 
+        {
 
+          title: "教师发展",
 
+          dataList: [
 
+            "教师需要理解项目式学习的理论基础和基础概念，你需要生成一份阅读清单，要求内容为中文书籍或文献。",
 
+            "设计一个教师进行个人学期总结的框架，需要体现在教学、教研、个人学习方面的进步。"
 
+          ]
 
+        },
 
+        {
 
+          title: "代码分析",
 
+          dataList: [
 
+            "这段代码实现了什么效果？",
 
+            "请描述这段代码。",
 
+            "根据这段代码，给我一些修改意见。"
 
+          ]
 
+        }
 
+      ],
 
+      showTextList: false,
 
+      showRoleList: false,
 
+      choseRoleItem: 0,
 
+      choseTextItem: 0,
 
+      continuous: true,
 
+      showjList: false,
 
+      faloading: false,
 
+      fasource: null,
 
+      saveUid: "",
 
+      isVoice: false,
 
+      isTalk: false,
 
+      username: "",
 
+    };
 
+  },
 
+  watch: {
 
+    unitJson: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.course = this.unitJson[0].chapterInfo[0].taskJson;
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    courseId: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        if (newValue) {
 
+          this.getChatList().then(_ => {
 
+            this.$nextTick(() => {
 
+              console.log(this.$refs.chatDialog.scrollHeight);
 
+              this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+            });
 
+          });
 
+        }
 
+      }
 
+    },
 
+    quoteArray: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    teacherCourseText: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    targetCourseText: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    courseText2: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    targetCourseText2: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    cpote: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        this.jArray = this.getString();
 
+        if (!this.jArray.length) {
 
+          this.showjList = false;
 
+        }
 
+      }
 
+    },
 
+    jArray: {
 
+      immediate: true,
 
+      deep: true,
 
+      handler(newValue, oldValue) {
 
+        if (newValue.length > oldValue.length) {
 
+          let addedData = newValue.filter((item, index) => {
 
+            return !oldValue.some((oldItem, oldIndex) => {
 
+              return JSON.stringify(oldItem) === JSON.stringify(item);
 
+            });
 
+          });
 
+          if (addedData[0].string.includes('aiDetail') || 
+              addedData[0].string.includes('aitargetTextDetail2') || 
+              addedData[0].string.includes('aiDetail1') || 
+              addedData[0].string.includes('teacherDetail2')) {
 
+            let promptJson = {
 
+              aiDetail: [
 
+                {
 
+                  name: '更换驱动性问题',
 
+                  prompt: '请重新生成该课程的驱动性问题，并确保它更加贴合实际课堂环境。确保问题能激发学生的好奇心和批判性思维。你仅需要重新输出新的驱动性问题。'
 
+                },
 
+                {
 
+                  name: '更换最终作品',
 
+                  prompt: '请重新生成该课程的最终作品（区分个人和团队作品），并确保它们更加贴合实际校园环境，更加具备可操作性，且更加丰富。'
 
+                },
 
+                {
 
+                  name: '生成更有创意的课程概述',
 
+                  prompt: '请优化该课程概述，使其更加创意十足，吸引学生的兴趣，但仍遵循原有结构。'
 
+                },
 
+              ],
 
+              aitargetTextDetail2: [
 
+                {
 
+                  name: '重新匹配课程标准',
 
+                  prompt: '请重新匹配适合该课程的具体学习目标，确保目标清晰、可衡量，并与国家标准接轨。'
 
+                },
 
+                {
 
+                  name: '整合课程目标',
 
+                  prompt: '将【课程目标】的分科课程目标进行整合，重新生成跨学科的综合课程目标描述，并确保目标在整个课程体系中相互关联。'
 
+                },
 
+                {
 
+                  name: '优化课程目标的可衡量性',
 
+                  prompt: '请重新设计课程目标，确保每个目标都具有可衡量性，能够有效评估学生的学习成果。'
 
+                },
 
+              ],
 
+              aiDetail1: [
 
+                {
 
+                  name: '优化子教学目标',
 
+                  prompt: '请根据该任务的内容，优化其子教学目标，使其更加具体且具有挑战性，帮助学生更好理解学习内容。'
 
+                },
 
+                {
 
+                  name: '改进过程性成果',
 
+                  prompt: '请重新设计该任务的过程性成果，并确保学生能够通过该过程成果展示出他们的学习进展。'
 
+                },
 
+                {
 
+                  name: '优化的子评价标准',
 
+                  prompt: '请重新设计该任务的评价标准，使其涵盖更多方面，综合评估学生的知识应用和技能发展。'
 
+                },
 
+              ],
 
+              teacherDetail2: [
 
+                {
 
+                  name: '优化教学过程',
 
+                  prompt: '请根据该任务的教学目标，优化教师活动和学生活动，确保两者有效互动，并加强教学设计意图的表达。'
 
+                },
 
+                {
 
+                  name: '改进评价量规',
 
+                  prompt: '请重新设计该任务的评价量规，确保其能够有效评估学生的学习成果，并指导改进学生的学习行为。'
 
+                },
 
+                {
 
+                  name: '扩展知识点讲解',
 
+                  prompt: '请扩展该任务中的相关知识点讲解，确保学生能够深刻理解核心概念，并通过课堂活动加以应用。'
 
+                },
 
+              ],
 
+            }
 
+            let _uid = uuidv4();
 
+            const md = new MarkdownIt();
 
+            let content = `根据您引用的内容, 猜您想让小可... 
+  \`\`\`
 
+  ${addedData[0].area + '：' + (this.removeMarkdownSymbols(addedData[0].value).slice(0, 50) + (this.removeMarkdownSymbols(addedData[0].value).length > 50 ? '...' : ''))}
 
+  \`\`\`
 
+              `
 
+            this.array.push({
 
+              loading: false,
 
+              role: "",
 
+              content: "",
 
+              uid: _uid,
 
+              AI: "AI",
 
+              aiContent: md.render(content),
 
+              oldContent: "",
 
+              isShowSynchronization: false,
 
+              filename: "",
 
+              index: 0,
 
+              is_mind_map: false,
 
+              fileid: "",
 
+              createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+              addedData: addedData[0],
 
+              moreDisplay: true,
 
+              moreDisplay2: true,
 
+              moreArray: [],
 
+              moreloading: false,
 
+              promptArray: promptJson[Object.keys(promptJson).find(item => {
 
+                if(addedData[0].string.includes('aiDetail1-')){
 
+                  return item != 'aiDetail' && addedData[0].string.includes(item)
 
+                }else {
 
+                  return addedData[0].string.includes(item)
 
+                }
 
+              })] || []
 
+            });
 
+            console.log('新增数据:', addedData);
 
+            console.log(Object.values(promptJson).find(arr => arr.some(item => {
 
+              if(addedData[0].string.includes('aiDetail1-')){
 
+                return item.name != 'aiDetail' && addedData[0].string.includes(item.name)
 
+              }else {
 
+                return addedData[0].string.includes(item.name)
 
+              }
 
+            })))
 
+            this.$nextTick(() => {
 
+              this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+            });
 
+            if (this.courseId) {
 
+              this.insertChat(_uid);
 
+            }
 
+            this.morePrompt(_uid, addedData[0])
 
+          }
 
+
 
+        } else {
 
+          console.log('没有新增数据');
 
+        }
 
+      }
 
+    }
 
+  },
 
+  methods: {
 
+    removeMarkdownSymbols(text) {
 
+      return text
 
+        .replace(/(?:\*\*|__)(.*?)\1/g, '$1') // 加粗
 
+        .replace(/(?:\*|_)(.*?)\1/g, '$1') // 斜体
 
+        .replace(/`(.*?)`/g, '$1') // 代码
 
+        .replace(/^(#{1,6})\s*(.*)$/gm, '$2') // 标题
 
+        .replace(/^\s*[-*+]\s+/gm, '') // 无序列表
 
+        .replace(/^\s*\d+\.\s+/gm, '') // 有序列表
 
+        .replace(/\[([^\]]+)\]\([^\)]+\)/g, '$1') // 链接
 
+        .replace(/>\s+/g, '') // 引用
 
+        .replace(/\n/g, '')
 
+        .replaceAll(' ', '');
 
+    },
 
+    getLang() {
 
+      let lang = "";
 
+      if (this.languageSetting == 0) {
 
+        lang = "Chinese.";
 
+      } else if (this.languageSetting == 1) {
 
+        lang = "Traditional Chinese.";
 
+      } else if (this.languageSetting == 2) {
 
+        lang = "English.";
 
+      }
 
+      return lang;
 
+    },
 
+    getLang2() {
 
+      let lang = "";
 
+      if (this.languageSetting == 0) {
 
+        lang = "中文。";
 
+      } else if (this.languageSetting == 1) {
 
+        lang = "繁体中文。";
 
+      } else if (this.languageSetting == 2) {
 
+        lang = "英文。";
 
+      }
 
+      return lang;
 
+    },
 
+    cancelJ(string) {
 
+      this.$emit("setIsQuote", string);
 
+    },
 
+    getString() {
 
+      let quoteArray = [];
 
+      let array = Object.keys(this.quoteArray);
 
+      array.forEach(item => {
 
+        if (!this.quoteArray[item]) {
 
+          return;
 
+        }
 
+        let string = item;
 
+        let area = "";
 
+        let text = "";
 
+        if (string == "aiteacherTextDetail") {
 
+          area = "已有教案摘要";
 
+          text = this.teacherCourseText;
 
+        } else if (string == "aitargetTextDetail") {
 
+          area = "课程目标";
 
+          text = this.targetCourseText;
 
+        } else if (string == "aiDetail") {
 
+          area = "课程简要描述";
 
+          text = this.courseText2;
 
+        } else if (string == "aitargetTextDetail2") {
 
+          area = "课程目标";
 
+          text = this.targetCourseText2;
 
+        } else if (string.indexOf("aiDetail1") != -1) {
 
+          let index = parseInt(string.split("aiDetail1-")[1]);
 
+          area = `任务${index + 1}课程大纲`;
 
+          text = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail2;
 
+        } else if (string == "aiCpote1") {
 
+          area = "概念群";
 
+          text = this.cpote.cpote1;
 
+        } else if (string == "aiCpote2") {
 
+          area = "问题链";
 
+          text = this.cpote.cpote2;
 
+        } else if (string == "aiCpote3") {
 
+          area = "目标层";
 
+          text = this.cpote.cpote3;
 
+        } else if (string == "aiCpote4") {
 
+          area = "任务簇";
 
+          text = this.cpote.cpote4;
 
+        } else if (string.indexOf("teacherDetail2") != -1) {
 
+          let index = parseInt(string.split("teacherDetail2-")[1]);
 
+          area = `任务${index + 1}教案`;
 
+          text = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail3;
 
+        } else if (string.indexOf("aiDetail2") != -1) {
 
+          let index = parseInt(string.split("aiDetail2-")[1]);
 
+          area = `任务${index + 1}任务描述`;
 
+          text = this.unitJson[0].chapterInfo[0].taskJson[index].taskDetail;
 
+        } else if (string.indexOf("aiDetail3") != -1) {
 
+          let index = parseInt(string.split("-")[1]);
 
+          let index2 = parseInt(string.split("-")[2]);
 
+          area = `任务${index + 1}工具${index2 + 1}的工具描述`;
 
+          text = this.unitJson[0].chapterInfo[0].taskJson[index].toolChoose[
 
+            index2
 
+          ].toolDetail;
 
+        }
 
+
 
+        quoteArray.push({
 
+          string,
 
+          area,
 
+          value: text
 
+        });
 
+      });
 
+
 
+      return quoteArray;
 
+    },
 
+    promptTit() {
 
+      if (!this.loading && !this.courseText) {
 
+        this.$message({
 
+          message: "请输入您想要了解的内容",
 
+          type: "warning"
 
+        });
 
+      } else {
 
+        this.$message({
 
+          message: "请回答完毕后再次发送",
 
+          type: "warning"
 
+        });
 
+      }
 
+    },
 
+    morePrompt(uid, data){
 
+      this.$emit('addCourseBehavior', 'courseBehavior', '点击对话框-推荐更多按钮')
 
+
 
+      if(this.array.find(i => i.uid == uid).moreloading){
 
+        this.$message.error('生成中请稍后')
 
+        return
 
+      }
 
+      let string = `NOTICE
 
+Role: 你是创建课程的老师，可以参考知识库的内容去分析文件内容（注：如果文件内容里面不包含需要检索的内容，就不引用文件内容），并生成需要的JSON数据。
 
+Output: Provide your output in json format.
 
+Language: ${this.getLang()}
 
+ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
 
+Instruction: Based on the context, follow "Format example", write content.
 
+
 
+# Context
 
+## 要求 
+请根据以下<参考资料>，为教师生成3个推荐后续查询或指令，生成格式为按钮名（需以动词开头）+内置prompt
 
+      
+## 参考资料
 
+${data.area + '：' + data.value}
 
+
 
+# Format example
 
+[{"name": '扩展知识点讲解',"prompt": '请扩展该任务中的相关知识点讲解，确保学生能够深刻理解核心概念，并通过课堂活动加以应用。'},{"name": '按钮名（需以动词开头）',"prompt": '内置prompt'}]
 
+
 
+Instruction: Based on the context, follow "Format example", write content.`
 
+      let _this = this
 
+      _this.array.find(i => i.uid == uid).moreloading = true;
 
+      _this.$forceUpdate()
 
+      let parm = {
 
+        assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',//
 
+        message: [{"type":"text", "text": this.languageSetting == 1 ? converter(string) : string}],
 
+        session_name: uuidv4(),
 
+        userId: this.userid,
 
+        file_ids: this.fileids.length ? [...this.fileids] : '',
 
+        model: 'gpt-4o-2024-11-20',
 
+        temperature: 0.1,
 
+      }
 
+      this.ajax
 
+        .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
 
+        .then((response) => {
 
+          console.log(response);
 
+          let data = response.data.FunctionResponse
 
+          if (data.message) {
 
+            console.log(data.message);
 
+            let dArray = {}
 
+            try {
 
+              dArray = JSON.parse(data.message.replaceAll('```json','').replaceAll('```',''))
 
+            } catch (error) {
 
+                console.log("error_________________" + error);
 
+              try {
 
+                  let regex = new RegExp(/```json([\s\S]*?)```/);
 
+                  let match = data.message.match(regex);
 
+                  dArray = JSON.parse(match[1]);
 
+              } catch (error) {
 
+                try {
 
+                    let regex = new RegExp(/```json([\s\S]*?)```/);
 
+                    let match = data.message.match(regex);
 
+                    // eval("var aaa = " + match[0])
 
+                    if(match && match[1]){
 
+                      dArray = JSON.parse(match[1].replace(/\n/g, '      ').replace(/\s{2,}/g, '      '));
 
+                    }else {
 
+                      dArray = JSON.parse(data.message.replace(/\n/g, '      ').replace(/\s{2,}/g, '      '));
 
+                    }
 
+
 
+                } catch (error) {
 
+                  _this.$message.error('返回json格式不正确')
 
+                  // _this.aiGet2(messages, callback);
 
+                  _this.array.find(i => i.uid == uid).moreloading = false;
 
+                  console.log("error_________________" + error);
 
+                }
 
+                console.log("error_________________" + error);
 
+              }
 
+            }
 
+
 
+            if(_this.array.find(i => i.uid == uid).moreDisplay2){
 
+              _this.array.find(i => i.uid == uid).moreArray = [...dArray]
 
+              _this.array.find(i => i.uid == uid).moreloading = false;
 
+            }else{
 
+              _this.array.find(i => i.uid == uid).promptArray = [..._this.array.find(i => i.uid == uid).promptArray, ...dArray]
 
+              _this.array.find(i => i.uid == uid).moreloading = false;
 
+              _this.array.find(i => i.uid == uid).moreDisplay = false
 
+              _this.array.find(i => i.uid == uid).moreDisplay = false
 
+            }
 
+
 
+            _this.$forceUpdate();
 
+          }
 
+
 
+        })
 
+        .catch((error) => {
 
+          _this.array.find(i => i.uid == uid).moreloading = false;
 
+          _this.$forceUpdate()
 
+          console.log(error);
 
+        });
 
+
 
+    },
 
+    moreClick(uid, data){
 
+      if(this.array.find(i => i.uid == uid).moreArray.length){
 
+        this.array.find(i => i.uid == uid).promptArray = [...this.array.find(i => i.uid == uid).promptArray, ...this.array.find(i => i.uid == uid).promptArray]
 
+        this.array.find(i => i.uid == uid).moreDisplay = false
 
+      }else{
 
+        this.array.find(i => i.uid == uid).moreDisplay2 = false
 
+        if(!this.array.find(i => i.uid == uid).moreloading){
 
+          this.morePrompt(uid, data)
 
+        }
 
+      }
 
+    },
 
+    quickAdd(data, pr){
 
+      if(this.faloading){
 
+        this.$message.error('请等待回答完毕在发送')
 
+        return
 
+      }
 
+      this.$emit('addCourseBehavior', 'courseBehavior', '点击对话框-推荐按钮发送')
 
+      this.faloading = true;
 
+      let string = `## 参考资料
 
+${data.area + '：' + data.value}
 
+        
+## 要求
 
+根据<参考资料>中的内容实现以下要求：${pr.prompt}`
 
+
 
+      let _uuid = uuidv4();
 
+      this.array.push({
 
+        role: "user",
 
+        content: `${pr.name}`,
 
+        uid: _uuid,
 
+        AI: "AI",
 
+        aiContent: "",
 
+        oldContent: "",
 
+        isShowSynchronization: false,
 
+        filename: "",
 
+        index: this.array.length,
 
+        is_mind_map: false,
 
+        createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+        loading: true
 
+      });
 
+      // 注意：输出语言为${this.getLang2()}
 
+
 
+      let _replaceText = `NOTICE
 
+      Language: ${this.getLang()}
 
+      ${string}`;
 
+      this.$nextTick(() => {
 
+        this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+      });
 
+      let params = {
 
+        assistant_id: '957e191f-92a6-11ef-a04e-12e77c4cb76b',
 
+        userId: this.userid,
 
+        message: _replaceText,
 
+        session_name: this.continuous ? `${this.courseId}-addCourseEasyAi` : uuidv4(),
 
+        uid: _uuid,
 
+        model: "qwen-plus-own",
 
+        sound_url: "",
 
+        file_ids: [],//...this.fileids
 
+        // model: "gpt-4o-2024-11-20"
 
+        // model: "qwen-plus"
 
+      };
 
+
 
+      this.ajax
 
+        .post("https://llm.cocorobo.cn/agent/ai_agent_park_chat_new", params)
 
+        .then(res => {
 
+          if (
 
+            converter(res.data.FunctionResponse.result) ==
 
+            converter("发送成功")
 
+          ) {
 
+          } else {
 
+            this.$message.warning(res.data.FunctionResponse.result);
 
+          }
 
+        })
 
+        .catch(err => {
 
+          console.log(err);
 
+        });
 
+      this.getAtAuContent2(_uuid);
 
+      this.saveUid = _uuid;
 
+      this.courseText = "";
 
+    },
 
+    addContent() {
 
+      if (this.courseText.trim().length == 0)
 
+        return this.$message.error("请输入内容");
 
+      if(this.faloading){
 
+        this.$message.error('请等待回答完毕在发送')
 
+        return
 
+      }
 
+      let message = this.courseText;
 
+      this.$emit('addCourseBehavior', 'courseBehavior', '点击对话框-发送按钮')
 
+
 
+      if (this.courseText) {
 
+        let msg = ``;
 
+        if (this.checkArray.length) {
 
+          msg = `
 
+ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".`;
 
+          let task = [];
 
+          if (this.part == "全部内容") {
 
+            for (var i = 0; i < this.checkArray.length; i++) {
 
+              let _index = this.checkArray[i];
 
+              task.push(this.course[_index]);
 
+            }
 
+          } else if (this.part == "任务设计") {
 
+            for (var i = 0; i < this.checkArray.length; i++) {
 
+              let _index = this.checkArray[i];
 
+              task.push(this.course[_index]);
 
+            }
 
+          } else if (this.part == "评价设计") {
 
+            for (var i = 0; i < this.checkArray.length; i++) {
 
+              let _index = this.checkArray[i];
 
+              task.push(this.course[_index].eList);
 
+            }
 
+          }
 
+
 
+          msg += `
 
+          ## 修改内容
 
+          ${JSON.stringify(task)}
 
+          `;
 
+
 
+          msg += `
 
+          ## 要求
 
+          ${this.courseText}
 
+          `;
 
+          message = msg;
 
+        }
 
+
 
+        if (this.jArray.length) {
 
+          let task = [];
 
+          for (var i = 0; i < this.jArray.length; i++) {
 
+            let _index = this.jArray[i];
 
+            task.push(`${_index.area}: ${_index.value.replaceAll("\n", "")}`);
 
+          }
 
+
 
+          msg += `
 
+          ## 参考资料
 
+          ${task.join("\n")}
 
+          `;
 
+
 
+          msg += `
 
+          ## 要求
 
+          根据<参考资料>中的内容实现以下要求：${this.courseText}
 
+          `;
 
+          message = msg;
 
+        }
 
+        // 这里处理@的角色
 
+        let _atRoleList = [];
 
+        let _roleList = [...this.roleList, ...this.publicRoleList];
 
+        _roleList.forEach(i => {
 
+          if (message.indexOf(`@${i.assistantName}`) != -1) {
 
+            _atRoleList.push(i);
 
+          }
 
+        });
 
+        this.faloading = true;
 
+        if (_atRoleList.length > 0) {
 
+          //有@角色
 
+          let _replaceText = `NOTICE
 
+Language: ${this.getLang()}
 
+
 
+${message}`;
 
+          let _htmlText = message;
 
+          _atRoleList.forEach(_i => {
 
+            _replaceText = _replaceText.replaceAll(`@${_i.assistantName}`, ``);
 
+            _htmlText = _htmlText.replaceAll(
 
+              `@${_i.assistantName}`,
 
+              `<span class='aite-name'>@${_i.assistantName}</span>`
 
+            );
 
+          });
 
+
 
+          _atRoleList.forEach((_item, _index) => {
 
+            const _uid = uuidv4();
 
+            if (_index == 0) {
 
+              this.array.push({
 
+                loading: true,
 
+                role: "user",
 
+                content: _htmlText,
 
+                uid: _uid,
 
+                AI: "AI",
 
+                aiContent: "",
 
+                oldContent: "",
 
+                isShowSynchronization: false,
 
+                filename: _item.assistantName,
 
+                index: this.array.length,
 
+                is_mind_map: false,
 
+                fileid: _item.headUrl,
 
+                createtime: new Date().toLocaleString().replaceAll("/", "-")
 
+              });
 
+            } else {
 
+              this.array.push({
 
+                loading: true,
 
+                role: "user",
 
+                content: "",
 
+                uid: _uid,
 
+                AI: "AI",
 
+                aiContent: "",
 
+                oldContent: "",
 
+                isShowSynchronization: false,
 
+                filename: _item.assistantName,
 
+                index: this.array.length,
 
+                is_mind_map: false,
 
+                fileid: _item.headUrl,
 
+                createtime: new Date().toLocaleString().replaceAll("/", "-")
 
+              });
 
+            }
 
+            this.$nextTick(() => {
 
+              this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+            });
 
+
 
+            let params = {
 
+              assistant_id: _item.assistant_id,
 
+              userId: this.userid,
 
+              message: _replaceText,
 
+              session_name: `${this.courseId}-addCourseEasyAi`,
 
+              uid: _uid,
 
+              file_ids: [...this.fileids],
 
+              model: "gpt-4o-2024-11-20"
 
+              // model: "qwen-plus"
 
+            };
 
+
 
+            this.ajax
 
+              .post("https://gpt4.cocorobo.cn/ai_agent_park_chat_new", params)
 
+              .then(res => {
 
+                if (
 
+                  converter(res.data.FunctionResponse.result) ==
 
+                  converter("发送成功")
 
+                ) {
 
+                } else {
 
+                  this.$message.warning(res.data.FunctionResponse.result);
 
+                }
 
+              })
 
+              .catch(err => {
 
+                console.log(err);
 
+              });
 
+            this.getAtAuContent(_uid);
 
+            this.saveUid = _uid;
 
+          });
 
+          this.courseText = "";
 
+        } else {
 
+          let _uuid = uuidv4();
 
+          this.array.push({
 
+            role: "user",
 
+            content: `${this.courseText}`,
 
+            uid: _uuid,
 
+            AI: "AI",
 
+            aiContent: "",
 
+            oldContent: "",
 
+            isShowSynchronization: false,
 
+            filename: "",
 
+            index: this.array.length,
 
+            is_mind_map: false,
 
+            createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+            loading: true
 
+          });
 
+
 
+          let history = [];
 
+//           if (this.continuous) {
 
+//             this.array.forEach((i, index) => {
 
+//               if (i.content)
 
+//                 history.push({
 
+//                   role: "user",
 
+//                   content: index == this.array.length - 1 ? `NOTICE
 
+// Language: ${this.getLang()}
 
+
 
+// ${message}` : `NOTICE
 
+// Language: ${this.getLang()}
 
+
 
+// ${i.content}`
 
+//                 });
 
+//               if (i.aiContent)
 
+//                 history.push({ role: "assistant", content: i.aiContent });
 
+//             });
 
+//           } else {
 
+//             history.push({ role: "user", content: message });
 
+//           }
 
+//           history = history.filter(
 
+//             i =>
 
+//               i.content !=
 
+//               "您好，我是您的创课助手小可，在创课中遇到什么问题，都可以与我对话~,我会尽量帮助您的"
 
+//           );
 
+
 
+//           history = history.map(i => ({
 
+//             role: i.role,
 
+//             content: `NOTICE
 
+// Language: ${this.getLang()}
 
+
 
+// ${i.content}`
 
+//           }));
 
+          let _replaceText = `NOTICE
 
+          Language: ${this.getLang()}
 
+
 
+          ${message}`;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          let params = {
 
+            assistant_id: '957e191f-92a6-11ef-a04e-12e77c4cb76b',
 
+            userId: this.userid,
 
+            message: _replaceText,
 
+            session_name: this.continuous ? `${this.courseId}-addCourseEasyAi` : uuidv4(),
 
+            model: "qwen-plus-own",
 
+            sound_url: "",
 
+            uid: _uuid,
 
+            file_ids: [],//...this.fileids
 
+            // model: "gpt-4o-2024-11-20"
 
+            // model: "qwen-plus"
 
+          };
 
+
 
+          this.ajax
 
+            .post("https://llm.cocorobo.cn/agent/ai_agent_park_chat_new", params)
 
+            .then(res => {
 
+              if (
 
+                converter(res.data.FunctionResponse.result) ==
 
+                converter("发送成功")
 
+              ) {
 
+              } else {
 
+                this.$message.warning(res.data.FunctionResponse.result);
 
+              }
 
+            })
 
+            .catch(err => {
 
+              console.log(err);
 
+            });
 
+          this.getAtAuContent2(_uuid);
 
+          this.saveUid = _uuid;
 
+          this.courseText = "";
 
+          // let params = JSON.stringify({
 
+          //   // model: "gpt-3.5-turbo",
 
+          //   // model: "gpt-4o-2024-11-20",
 
+          //   model: "qwen-plus",
 
+          //   temperature: 0,
 
+          //   max_tokens: 4096,
 
+          //   top_p: 1,
 
+          //   frequency_penalty: 0,
 
+          //   presence_penalty: 0,
 
+          //   messages: history,
 
+          //   uid: _uuid,
 
+          //   mind_map_question: ""
 
+          // });
 
+          // this.courseText = "";
 
+
 
+          // this.ajax
 
+          //   .post("https://gpt4.cocorobo.cn/chat", params)
 
+          //   .then(res => {
 
+          //     if (
 
+          //       converter(res.data.FunctionResponse.result) ==
 
+          //       converter("发送成功")
 
+          //     ) {
 
+          //     } else {
 
+          //       this.$message.warning(res.data.FunctionResponse.result);
 
+          //     }
 
+          //   })
 
+          //   .catch(e => {
 
+          //     console.log(e);
 
+          //   });
 
+          // this.getAiContent(_uuid);
 
+          // this.saveUid = _uuid;
 
+        }
 
+      }
 
+    },
 
+    getAiContent(_uid) {
 
+      this.fasource = new EventSource(
 
+        `https://gpt4.cocorobo.cn/stream/${_uid}`
 
+      ); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      this.fasource.onmessage = _e => {
 
+        if (_e.data.replace("'", "").replace("'", "") == "[DONE]") {
 
+          //对话已经完成
 
+          _mdText = _mdText.replace("_", "");
 
+          this.fasource.close();
 
+          this.fasource = null;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          // 这里保存对话
 
+          if (this.courseId) {
 
+            this.insertChat(_uid);
 
+          }
 
+          return;
 
+        } else {
 
+          //对话还在继续
 
+          let _text = "";
 
+          _text = _e.data.replaceAll("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    getAtAuContent(_uid) {
 
+      this.fasource = new EventSource(
 
+        `https://gpt4.cocorobo.cn/question/${_uid}`
 
+      ); //http://gpt4.cocorobo.cn:8011/question/   https://gpt4.cocorobo.cn/question/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      this.fasource.onmessage = _e => {
 
+        let _eData = JSON.parse(_e.data);
 
+        if (_eData.content.replace("'", "").replace("'", "") == "[DONE]") {
 
+          let _result = [];
 
+          if ("result" in _eData) {
 
+            _result = _eData.result;
 
+            for (let i = 0; i < _result.length; i++) {
 
+              _mdText = _mdText.replace(_result[i].text, _result[i].fileName);
 
+            }
 
+          }
 
+          _mdText = _mdText.replace("_", "");
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.fasource.close();
 
+          this.fasource = null;
 
+          if (this.courseId) {
 
+            this.insertChat(_uid);
 
+          }
 
+        } else {
 
+          let _text = _eData.content.replace("'", "").replace("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    getAtAuContent2(_uid) {
 
+      this.fasource = new EventSource(
 
+        `https://llm.cocorobo.cn/question/${_uid}`
 
+      ); //http://gpt4.cocorobo.cn:8011/question/   https://gpt4.cocorobo.cn/question/
 
+      let _allText = "";
 
+      let _mdText = "";
 
+      const md = new MarkdownIt();
 
+      this.fasource.onmessage = _e => {
 
+        let _eData = JSON.parse(_e.data);
 
+        if (_eData.content.replace("'", "").replace("'", "") == "[DONE]") {
 
+          let _result = [];
 
+          if ("result" in _eData) {
 
+            _result = _eData.result;
 
+            for (let i = 0; i < _result.length; i++) {
 
+              _mdText = _mdText.replace(_result[i].text, _result[i].fileName);
 
+            }
 
+          }
 
+          _mdText = _mdText.replace("_", "");
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).isalltext = true;
 
+          this.array.find(i => i.uid == _uid).isShowSynchronization = true;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          this.fasource.close();
 
+          this.fasource = null;
 
+          if (this.courseId) {
 
+            this.insertChat(_uid);
 
+          }
 
+        } else {
 
+          let _text = _eData.content.replace("'", "").replace("'", "");
 
+          if (_allText == "") {
 
+            _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+          } else {
 
+            _allText += _text;
 
+          }
 
+          _mdText = _allText + "_";
 
+          _mdText = _mdText.replace(/\\n/g, "\n");
 
+          _mdText = _mdText.replace(/\\/g, "");
 
+          if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+          //转化返回的回复流数据
 
+          _mdText = md.render(_mdText);
 
+          this.array.find(i => i.uid == _uid).aiContent = _mdText;
 
+          this.array.find(i => i.uid == _uid).loading = false;
 
+          this.$nextTick(() => {
 
+            this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+          });
 
+          // 处理流数据
 
+        }
 
+      };
 
+    },
 
+    async getUserName() {
 
+      let params = { uid: this.userid };
 
+      try {
 
+        let res = await this.ajax.get(
 
+          this.$store.state.api + "getUser",
 
+          params
 
+        );
 
+        this.username = res.data[0][0].name;
 
+      } catch (err) {
 
+        console.error(err);
 
+      }
 
+    },
 
+    //保存消息
 
+    async insertChat(_uid) {
 
+      let _data = this.array.find(i => i.uid == _uid);
 
+      this.saveUid = "";
 
+      this.faloading = false;
 
+      if (!this.username) {
 
+        await this.getUserName();
 
+      }
 
+      if (!_data) return;
 
+      let params = {
 
+        userId: this.userid,
 
+        userName: this.username,
 
+        groupId: "602def61-005d-11ee-91d8-005056b8q12w",
 
+        answer: _data.aiContent,
 
+        problem: _data.content,
 
+        file_id: _data.fileid ? _data.fileid : "",
 
+        alltext: _data.aiContent,
 
+        type: "chat",
 
+        filename: _data.filename,
 
+        session_name: `${this.courseId}-addCourseEasyAi` //这是对话记录位置
 
+      };
 
+      this.ajax
 
+        .post("https://gpt4.cocorobo.cn/insert_chat", params)
 
+        .then(res => {});
 
+    },
 
+    // 获取对应的聊天记录
 
+    getChatList() {
 
+      return new Promise((resolve, reject) => {
 
+        if (this.loading) return;
 
+        this.array = [];
 
+        this.loading = true;
 
+        let params = {
 
+          userid: this.userid,
 
+          groupid: "602def61-005d-11ee-91d8-005056b8q12w",
 
+          // session_name:``
 
+          session_name: `${this.courseId}-addCourseEasyAi`
 
+        };
 
+        this.ajax
 
+          .post("https://gpt4.cocorobo.cn/get_agent_park_chat", params)
 
+          .then(res => {
 
+            let _data = JSON.parse(res.data.FunctionResponse).response;
 
+            if (_data.length > 0) {
 
+              let _chatList = [];
 
+              for (let i = 0; i < _data.length; i++) {
 
+                _chatList.push({
 
+                  loading: false,
 
+                  role: "user",
 
+                  content: _data[i].problem,
 
+                  uid: _data[i].id,
 
+                  AI: "AI",
 
+                  aiContent: _data[i].answer,
 
+                  oldContent: _data[i].answer,
 
+                  isShowSynchronization: false,
 
+                  filename: _data[i].filename,
 
+                  index: i,
 
+                  is_mind_map: false,
 
+                  fileid: _data[i].fileid,
 
+                  createtime: _data[i].createtime
 
+                });
 
+              }
 
+              this.array = _chatList;
 
+              this.loading = false;
 
+            } else {
 
+              let _uid = uuidv4();
 
+              let _chatList = [];
 
+              _chatList.push({
 
+                loading: false,
 
+                role: "",
 
+                content: "",
 
+                uid: _uid,
 
+                AI: "AI",
 
+                aiContent:
 
+                  "您好，我是您的创课助手小可，在创课中遇到什么问题，都可以与我对话~,我会尽量帮助您的",
 
+                oldContent:
 
+                  "您好，我是您的创课助手小可，在创课中遇到什么问题，都可以与我对话~,我会尽量帮助您的",
 
+                isShowSynchronization: false,
 
+                filename: "",
 
+                index: 0,
 
+                is_mind_map: false,
 
+                fileid: "",
 
+                createtime: new Date().toLocaleString().replaceAll("/", "-"),
 
+              });
 
+              this.array = _chatList;
 
+              if (this.courseId) {
 
+                this.insertChat(_uid);
 
+              }
 
+              //没有对话记录
 
+              this.loading = false;
 
+            }
 
+            resolve();
 
+          })
 
+          .catch(err => {
 
+            console.log(err);
 
+            this.$message.error("获取对话记录失败");
 
+            this.loading = false;
 
+            resolve();
 
+          });
 
+      });
 
+    },
 
+    addTask(index) {
 
+      if (this.checkArray.indexOf(index) !== -1) {
 
+        this.checkArray.splice(this.checkArray.indexOf(index), 1);
 
+      } else {
 
+        this.checkArray.push(index);
 
+      }
 
+      console.log(index);
 
+    },
 
+    addAllTask() {
 
+      if (this.checkArray.length === this.course.length) {
 
+        this.checkArray = [];
 
+      } else {
 
+        this.checkArray = [];
 
+        this.course.forEach((item, index) => {
 
+          this.checkArray.push(index);
 
+        });
 
+      }
 
+    },
 
+    checkPart(name) {
 
+      this.part = name;
 
+    },
 
+    inputChange() {
 
+      if (this.courseText.at(-1) == "@") {
 
+        this.showRoleList = true;
 
+      }
 
+      if (this.courseText.at(-1) == "/") {
 
+        console.log("哇卡ka2");
 
+      }
 
+
 
+      this.$nextTick(() => {
 
+        this.$refs.textareaRef.style.height = "35px";
 
+        this.$refs.textareaRef.style.height =
 
+          this.$refs.textareaRef.scrollHeight + "px";
 
+        this.textareaHeight = this.$refs.textareaRef.style.height;
 
+      });
 
+    },
 
+    textareaKeydown(_e) {
 
+      if (this.showRoleList && this.choseRoleList.length > 0) {
 
+        console.log(_e.keyCode);
 
+        switch (_e.keyCode) {
 
+          case 38: //小键盘上
 
+            _e.preventDefault();
 
+            if (this.choseRoleItem == 0) return;
 
+            this.choseRoleItem--;
 
+            // 修改滚动条高度
 
+            this.$refs.roleListRef.scrollTo({
 
+              top:
 
+                this.$refs[`roleItem${this.choseRoleItem}Ref`][0].offsetTop -
 
+                10,
 
+              behavior: "smooth"
 
+            });
 
+            // this.$refs.roleListRef.scrollTop = this.choseRoleItem * 107;
 
+            break;
 
+          case 40: //小键盘下
 
+            _e.preventDefault();
 
+            if (this.choseRoleItem == this.choseRoleList.length - 1) return;
 
+            this.choseRoleItem++;
 
+            this.$refs.roleListRef.scrollTo({
 
+              top:
 
+                this.$refs[`roleItem${this.choseRoleItem}Ref`][0].offsetTop -
 
+                10,
 
+              behavior: "smooth"
 
+            });
 
+            // this.$refs.roleListRef.scrollTop = this.choseRoleItem * 107;
 
+            break;
 
+          case 13: //回车
 
+            _e.preventDefault();
 
+            this.choseRole(this.choseRoleList[this.choseRoleItem]);
 
+            break;
 
+        }
 
+      } else if (_e.key === "Enter") {
 
+        _e.preventDefault();
 
+        if (_e.shiftKey) {
 
+          this.courseText += "\n";
 
+        } else {
 
+          this.addContent();
 
+        }
 
+      }
 
+    },
 
+    clear() {
 
+      this.$confirm("确定清空聊天记录吗?", "提示", {
 
+        confirmButtonText: "确定",
 
+        cancelButtonText: "取消",
 
+        type: "warning"
 
+      })
 
+        .then(_ => {
 
+          this.loading = true;
 
+          let params = {
 
+            user_id: this.userid,
 
+            id: "602def61-005d-11ee-91d8-005056b8q12w",
 
+            session_name: `${this.courseId}-addCourseEasyAi`
 
+          };
 
+
 
+          this.ajax
 
+            .post("https://gpt4.cocorobo.cn/delete_park_session", params)
 
+            .then(res => {
 
+              this.array = [];
 
+              this.$message.success("清除聊天记录成功");
 
+              this.loading = false;
 
+            })
 
+            .catch(err => {
 
+              this.loading = false;
 
+              this.$message.error("清除聊天记录失败");
 
+            });
 
+        })
 
+        .catch(_ => {});
 
+    },
 
+    getRoleList() {
 
+      this.roleList = [];
 
+      let params = {
 
+        userId: this.userid
 
+      };
 
+      this.ajax
 
+        .post("https://gpt4.cocorobo.cn/get_ai_agent_assistant_list", params)
 
+        .then(res => {
 
+          let _data = res.data.FunctionResponse.result;
 
+          if (_data) {
 
+            this.roleList = JSON.parse(_data);
 
+          }
 
+        })
 
+        .catch(e => {
 
+          console.log(e);
 
+          // this.$message.error("获取角色列表失败");
 
+          this.roleList = [];
 
+        });
 
+    },
 
+    getPublicRoleList() {
 
+      this.publicRoleList = [];
 
+      let params = {
 
+        userId: this.userid,
 
+        organizeid: this.oid
 
+      };
 
+      this.ajax
 
+        .post(
 
+          "https://gpt4.cocorobo.cn/get_ai_agent_assistant_share_list",
 
+          params
 
+        )
 
+        .then(res => {
 
+          let _data = res.data.FunctionResponse.result;
 
+          if (_data) {
 
+            this.publicRoleList = JSON.parse(_data);
 
+          }
 
+        })
 
+        .catch(e => {
 
+          this.publicRoleList = [];
 
+          console.log(e);
 
+          // console.log("获取公共角色失败", e);
 
+        });
 
+    },
 
+    choseRole(item) {
 
+      let _lastAtIndex = this.courseText.lastIndexOf("@");
 
+      this.courseText = `${this.courseText.slice(0, _lastAtIndex)}@${
 
+        item.assistantName
 
+      } `;
 
+      this.$refs.textareaRef.focus();
 
+      this.showRoleList = false;
 
+    },
 
+    onCopy(content) {
 
+      this.$emit('addCourseBehavior', 'courseBehavior', '点击对话框-复制信息')
 
+      const turndownService = new TurndownService();
 
+      // 添加自定义规则来处理表格
 
+      turndownService.addRule("table", {
 
+        filter: "table",
 
+        replacement: (content, node) => {
 
+          const rows = node.querySelectorAll("tr");
 
+          let markdown = "";
 
+
 
+          rows.forEach(row => {
 
+            const cells = row.querySelectorAll("th, td");
 
+            const rowMarkdown = Array.from(cells)
 
+              .map(cell => cell.textContent)
 
+              .join(" | ");
 
+            markdown += `| ${rowMarkdown} |\n`;
 
+            if (cells && cells.length && cells[0].tagName == "TH") {
 
+              let a = Array.from(cells)
 
+                .map(cell => "")
 
+                .join(" --- |");
 
+              markdown += `| --- |${a}\n`;
 
+            }
 
+          });
 
+
 
+          // 添加分隔行
 
+          // markdown = markdown.replace(/^/, '| --- |\n');
 
+          return markdown;
 
+        }
 
+      });
 
+      // 创建临时textarea元素
 
+      const tempInput = document.createElement("textarea");
 
+
 
+      tempInput.value = turndownService.turndown(content); // 设置要复制的内容
 
+      // 隐藏元素
 
+      tempInput.style.position = "absolute";
 
+      tempInput.style.left = "-9999px";
 
+      // 将元素添加到DOM中
 
+      document.body.appendChild(tempInput);
 
+      // 选中元素内容
 
+      tempInput.select();
 
+      // 执行复制操作
 
+      document.execCommand("copy");
 
+      // 移除临时元素
 
+      document.body.removeChild(tempInput);
 
+      this.$message({
 
+        message: "复制成功",
 
+        type: "success"
 
+      });
 
+    },
 
+    stopSend() {
 
+      if (this.fasource) {
 
+        this.fasource.close();
 
+        if (this.array[this.array.length - 1].content == "wanSearch") {
 
+          this.array.pop();
 
+        }
 
+        this.array.find(i => i.uid == this.saveUid).loading = false;
 
+        this.faloading = false;
 
+        this.fasource = null;
 
+        this.insertChat(this.saveUid);
 
+      }
 
+    },
 
+    changeVoice(flag) {
 
+      this.isVoice = flag;
 
+    },
 
+    startVoice() {
 
+      let iiframe = this.$refs["iiframe"];
 
+      iiframe.contentWindow.window.document.getElementById(
 
+        "languageOptions"
 
+      ).selectedIndex = 2; //普通话
 
+      iiframe.contentWindow.testdoContinuousPronunciationAssessment();
 
+      this.isTalk = true;
 
+      iiframe.contentWindow.onRecognizedResult = e => {
 
+        let _msg = e.privText;
 
+        console.log(_msg);
 
+        if (_msg) this.courseText += _msg;
 
+      };
 
+    },
 
+    stopVoice() {
 
+      try {
 
+        if (!this.isTalk) return this.$message.info("请先开始录音");
 
+        let iiframe = this.$refs["iiframe"];
 
+        iiframe.contentWindow.window.document
 
+          .getElementById("scenarioStopButton")
 
+          .click();
 
+        iiframe.contentWindow.onSessionStopped = (s, e) => {
 
+          this.isTalk = false;
 
+          if (this.courseText) {
 
+            this.addContent();
 
+          }
 
+        };
 
+      } catch (error) {
 
+        console.log(error);
 
+        this.isTalk = false;
 
+        if (this.courseText) {
 
+          this.addContent();
 
+        }
 
+      }
 
+    }
 
+  },
 
+  computed: {
 
+    pan() {
 
+      return content => {
 
+        try {
 
+          return JSON.parse(content);
 
+        } catch (error) {
 
+          return [];
 
+        }
 
+      };
 
+    },
 
+    courseTextLength() {
 
+      return this.courseText.length;
 
+    },
 
+    taskName() {
 
+      let task = "";
 
+      if (this.checkArray.length) {
 
+        task = "任务";
 
+        this.checkArray = this.checkArray.sort((a, b) => a - b);
 
+        let a = JSON.parse(JSON.stringify(this.checkArray));
 
+        for (let index = 0; index < a.length; index++) {
 
+          a[index]++;
 
+        }
 
+        task += a.join("/");
 
+      }
 
+      return task + " " + this.part;
 
+    },
 
+    choseRoleList() {
 
+      let result = [...this.roleList, ...this.publicRoleList];
 
+      const _index = this.courseText.lastIndexOf("@");
 
+      if (_index !== -1) {
 
+        let roleName = this.courseText.substring(_index + 1);
 
+        result = result.filter(i => i.assistantName.indexOf(roleName) != -1);
 
+      } else {
 
+        return [];
 
+      }
 
+      this.choseRoleItem = 0;
 
+      return result;
 
+    }
 
+  },
 
+  mounted() {
 
+    // this.getChatList().then(_ => {
 
+    //   this.$nextTick(() => {
 
+    //     console.log(this.$refs.chatDialog.scrollHeight);
 
+    //     this.$refs.chatDialog.scrollTop = this.$refs.chatDialog.scrollHeight;
 
+    //   });
 
+    // });
 
+    this.getRoleList();
 
+    this.getPublicRoleList();
 
+    this.jArray = this.getString();
 
+  }
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.ai_body {
 
+  height: 100%;
 
+  width: calc(100% - 20px);
 
+  margin: 0 auto;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.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: 14px;
 
+  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: 14px;
 
+  resize: none;
 
+  /* background: #f6f6f6; */
 
+  font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.binfo_textarea::-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);
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+  border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+.ai_body_input {
 
+  position: relative;
 
+  display: flex;
 
+
 
+  margin-top: auto;
 
+  width: 100%;
 
+  /* height: auto; */
 
+  /* max-height: 80vh; */
 
+  justify-content: space-between;
 
+  align-items: flex-end;
 
+  border-radius: 10px;
 
+  border: 1.5px solid #3681fc !important;
 
+  /* padding: 10px;
 
+	padding-top: 20px; */
 
+  /* overflow: auto; */
 
+}
 
+
 
+.ai_b_i_btnArea {
 
+  width: calc(100% - 10px);
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  height: 30px;
 
+  display: flex;
 
+  /* justify-content: space-between; */
 
+}
 
+
 
+.ai_b_i_btnArea > div {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.ai_b_i_btnArea > div > span {
 
+  margin-left: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear + .clear {
 
+  margin-left: 10px;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear {
 
+  box-sizing: border-box;
 
+  padding: 5px 10px;
 
+  box-sizing: border-box;
 
+  cursor: pointer;
 
+  border: solid 1px #3781fb;
 
+  border-radius: 15px;
 
+  display: flex;
 
+  font-size: 15px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  background-color: #fff;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear > svg {
 
+  width: 17px;
 
+  height: 17px;
 
+  margin-right: 5px;
 
+  fill: black;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear:hover {
 
+  background-color: #ebf4fe;
 
+  color: #409eff;
 
+}
 
+
 
+.ai_b_i_btnArea > .clear:hover > svg {
 
+  fill: #409eff;
 
+}
 
+
 
+.ai_b_i_textListBox {
 
+  width: 100%;
 
+  height: 300px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+  overflow: auto;
 
+  border-radius: 8px;
 
+  border: 1px solid #e7e7e7;
 
+  box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
 
+    1px 1px 20px 4px rgba(29, 57, 131, 0.05);
 
+  display: flex;
 
+}
 
+
 
+.ai_b_i_tlb_left {
 
+  width: 60px;
 
+  height: 100%;
 
+  background-color: red;
 
+}
 
+
 
+.ai_b_i_tlb_right {
 
+  flex: 1;
 
+  height: 100%;
 
+  background-color: yellow;
 
+}
 
+
 
+.ai_b_i_roleListBox {
 
+  width: 100%;
 
+  height: 300px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+  overflow: auto;
 
+  border-radius: 8px;
 
+  border: 1px solid #e7e7e7;
 
+  box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
 
+    1px 1px 20px 4px rgba(29, 57, 131, 0.05);
 
+}
 
+
 
+.ai_b_i_rlb_item {
 
+  width: calc(100% - 20px);
 
+  height: auto;
 
+  padding: 10px;
 
+  background-color: #f3f7fd;
 
+  margin-bottom: 20px;
 
+  border-radius: 8px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  transition: 0.3s;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_b_i_rlb_itemActive {
 
+  background-color: #d1d5db !important;
 
+}
 
+
 
+/* .ai_b_i_rlb_item:hover{
 
+	background-color: #d1d5db;
 
+} */
 
+
 
+.ai_b_i_rlb_itemTop {
 
+  display: flex;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > img {
 
+  width: 40px;
 
+  height: 40px;
 
+  margin-right: 10px;
 
+  border-radius: 100%;
 
+  overflow: hidden;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > div {
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > div > span {
 
+  font-size: 16px;
 
+  font-weight: bold;
 
+}
 
+
 
+.ai_b_i_rlb_itemTop > div > span:last-child {
 
+  font-size: 14px;
 
+  color: #999;
 
+}
 
+
 
+.ai_b_i_rlb_itemBottom {
 
+  margin-top: 10px;
 
+  display: flex;
 
+}
 
+
 
+.ai_b_i_rlb_itemBottom > span {
 
+  width: 60px;
 
+  height: 30px;
 
+  border-radius: 15px;
 
+  display: flex;
 
+}
 
+
 
+.ai_body_input_textarea {
 
+  flex: 1;
 
+  margin: 10px 5px 10px 5px;
 
+  min-height: 35px;
 
+  height: 35px;
 
+  max-height: 100px;
 
+  border: none;
 
+  outline: none;
 
+  resize: none;
 
+  font-size: 16px;
 
+  overflow: auto;
 
+  padding-right: 100px;
 
+  background-color: #fff !important;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-input-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+}
 
+
 
+.ai_body_input_textarea::-moz-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+  opacity: 1;
 
+  /* 修复Firefox的透明度问题 */
 
+}
 
+
 
+.ai_body_input_textarea::-moz-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+  opacity: 1;
 
+  /* 修复Firefox的透明度问题 */
 
+}
 
+
 
+.ai_body_input_textarea::-ms-input-placeholder {
 
+  font-size: 16px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar {
 
+  width: 6px;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar-track {
 
+  background: #d8d9dc;
 
+  border-radius: 2px;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar-thumb {
 
+  background: #c9c9c9;
 
+  border-radius: 10px;
 
+}
 
+
 
+.ai_body_input_textarea::-webkit-scrollbar-thumb:hover {
 
+  background: #c9c9c9;
 
+}
 
+
 
+.c_pub_button_confirm {
 
+  /* position: absolute;
 
+    bottom: 13px;
 
+    right: 13px; */
 
+  /* margin-top: 10px; */
 
+  width: 60px;
 
+  margin-right: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  margin-bottom: 10px;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0px;
 
+  white-space: nowrap;
 
+  border-radius: 10px;
 
+}
 
+.c_pub_button_confirmVoice {
 
+  width: 30px;
 
+  height: 36px;
 
+  min-width: auto;
 
+  margin-right: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-bottom: 10px;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0px;
 
+  white-space: nowrap;
 
+  border-radius: 10px;
 
+  background-color: #3681fc;
 
+  cursor: pointer;
 
+  padding: 0 10px;
 
+}
 
+.c_pub_button_confirmVoice > svg {
 
+  fill: #fff;
 
+  width: 25px;
 
+  height: 25px;
 
+}
 
+
 
+.c_pub_button_StopConfirmVoice {
 
+  width: 30px;
 
+  height: 36px;
 
+  min-width: auto;
 
+  margin-right: 5px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-bottom: 10px;
 
+  position: absolute;
 
+  right: 10px;
 
+  bottom: 0px;
 
+  white-space: nowrap;
 
+  border-radius: 10px;
 
+  background-color: #dde2e2;
 
+  cursor: pointer;
 
+  padding: 0 10px;
 
+}
 
+
 
+.c_pub_button_StopConfirmVoice > svg {
 
+  width: 25px;
 
+  height: 25px;
 
+}
 
+
 
+.c_voiceBtn {
 
+  width: 25px;
 
+  height: 25px;
 
+  position: absolute;
 
+  right: 85px;
 
+  bottom: 0px;
 
+  margin-bottom: 17px;
 
+  cursor: pointer;
 
+}
 
+
 
+.c_voiceBtn > svg {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.c_pub_button_confirmDisabled {
 
+  background-color: #aeccfe;
 
+}
 
+
 
+.ai_body_dialog {
 
+  padding: 10px 0;
 
+  box-sizing: border-box;
 
+  /* min-height: calc(20vh - 10px); */
 
+  /* height: calc(100%); */
 
+  overflow: auto;
 
+  margin-bottom: 10px;
 
+}
 
+
 
+.dialog_content {
 
+  width: 100%;
 
+  display: flex;
 
+  flex-direction: column;
 
+}
 
+
 
+.dialog_content > div {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  width: 100%;
 
+  flex-wrap: wrap;
 
+}
 
+
 
+.dialog_content + .dialog_content {
 
+  margin: 15px 0;
 
+}
 
+
 
+.dialog_content > div .right {
 
+  flex-direction: row-reverse;
 
+}
 
+
 
+.dialog_content > div .right .role {
 
+  margin-right: 0;
 
+  margin-left: 10px;
 
+}
 
+
 
+.dialog_content > div .role {
 
+  min-width: 30px;
 
+  width: 30px;
 
+  height: 30px;
 
+  margin-right: 10px;
 
+  border-radius: 50%;
 
+}
 
+
 
+.dialog_content > div .role > img {
 
+  height: 100%;
 
+  width: 100%;
 
+  border-radius: 100%;
 
+}
 
+
 
+.dialog_content > div .content {
 
+  padding: 10px 10px;
 
+  border-radius: 2px 8px 8px 8px;
 
+  width: auto;
 
+  word-break: break-word;
 
+  box-sizing: border-box;
 
+  /* white-space: pre-line; */
 
+  max-width: calc(100% - 85px);
 
+  background: #f6f9ff;
 
+  /* overflow: hidden; */
 
+  margin: 0 10px;
 
+  position: relative;
 
+}
 
+
 
+.createTime {
 
+  width: 100%;
 
+  height: 20px;
 
+  position: absolute;
 
+  bottom: -25px;
 
+  left: 0;
 
+  font-size: 14px;
 
+  white-space: nowrap;
 
+  color: #919191;
 
+}
 
+
 
+.dialog_content > div .content2 {
 
+  background: #3681fc;
 
+  color: #fff;
 
+  border-radius: 8px 2px 8px 8px;
 
+  /* margin-left: auto; */
 
+}
 
+
 
+.ai_body_select {
 
+  position: relative;
 
+}
 
+
 
+.ai_body_select > .check {
 
+  background: #e7e7e7;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #0061ff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .check::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .check::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck {
 
+  background: #0061ff;
 
+  display: flex;
 
+  width: fit-content;
 
+  padding: 0 10px;
 
+  height: 30px;
 
+  border-radius: 21px;
 
+  font-size: 14px;
 
+  align-items: center;
 
+  justify-content: center;
 
+  color: #fff;
 
+  font-weight: 700;
 
+  margin: 10px 0;
 
+  cursor: pointer;
 
+  max-width: 100%;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .isCheck > span {
 
+  width: calc(100% - 40px);
 
+  display: block;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.ai_body_select > .isCheck::before {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .isCheck::after {
 
+  content: "";
 
+  width: 15px;
 
+  height: 15px;
 
+  display: block;
 
+  background-image: url("../../../assets/icon/course/aiPart_arrow_active.png");
 
+  background-size: 100% 100%;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox {
 
+  position: absolute;
 
+  bottom: 40px;
 
+  border: 1px solid #e0eafb;
 
+  width: 100%;
 
+  height: 300px;
 
+  background: #fff;
 
+  border-radius: 5px;
 
+  padding: 10px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .title,
 
+.ai_body_select > .checkBox > .part > .title {
 
+  font-size: 14px;
 
+  font-weight: 700;
 
+  margin-bottom: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task {
 
+  height: calc(100% - 60px);
 
+}
 
+
 
+.ai_body_select > .checkBox > .part {
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content {
 
+  height: calc(100% - 40px);
 
+  overflow: auto;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span + .span {
 
+  margin-top: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check {
 
+  width: 13px;
 
+  height: 13px;
 
+  display: flex;
 
+  align-items: center;
 
+  margin-right: 5px;
 
+}
 
+
 
+.ai_body_select > .checkBox > .task > .content > .span > .check > img {
 
+  width: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content {
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  justify-content: space-between;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span {
 
+  padding: 3px 6px;
 
+  border: 1px solid #e0eafb;
 
+  border-radius: 40px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ai_body_select > .checkBox > .part > .content > .span.active {
 
+  color: #0061ff;
 
+  border-color: #0061ff;
 
+}
 
+
 
+.ai_b_i_jListPanel {
 
+  width: 400px;
 
+  height: 100%;
 
+  top: 0;
 
+  right: 0;
 
+  position: fixed;
 
+  /* background-color: #000; */
 
+  z-index: 990;
 
+}
 
+
 
+.ai_b_i_jListBox {
 
+  width: 100%;
 
+  max-height: 300px;
 
+  background-color: #fff;
 
+  position: absolute;
 
+  bottom: calc(100% + 5px);
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+  overflow: auto;
 
+  border-radius: 8px;
 
+  border: 1px solid #e7e7e7;
 
+  box-shadow: 0 4px 10px 0 rgba(29, 57, 131, 0.08),
 
+    1px 1px 20px 4px rgba(29, 57, 131, 0.05);
 
+  z-index: 999;
 
+}
 
+
 
+.jlist_box {
 
+  background: #f1f1f1;
 
+  border-radius: 5px;
 
+  margin-bottom: 10px;
 
+  padding: 8px 18px 8px 8px;
 
+  box-sizing: border-box;
 
+  width: 100%;
 
+  position: relative;
 
+}
 
+
 
+.jlist_box .cancel {
 
+  position: absolute;
 
+  top: 8px;
 
+  right: 5px;
 
+  cursor: pointer;
 
+  font-size: 14px;
 
+}
 
+
 
+.jlist_box > span {
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  word-break: break-all;
 
+}
 
+
 
+.ai_btn_box {
 
+  min-width: fit-content;
 
+  margin-top: auto;
 
+}
 
+
 
+.ai_btn_box > img {
 
+  cursor: pointer;
 
+  width: 15px;
 
+}
 
+
 
+.ai_tips_btn_box{
 
+  width: 100%;
 
+  padding: 0 20px 0 50px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  margin-top: 27px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ai_tips_btn_box > span{
 
+  cursor: pointer;
 
+  background: #9bc1ff;
 
+  color: #ffffff;
 
+  width: fit-content;
 
+  padding: 8px;
 
+  border-radius: 5px;
 
+  transition: all .3s;
 
+}
 
+
 
+.ai_tips_btn_box > span + span{
 
+  margin-top: 6px;
 
+}
 
+
 
+.ai_tips_btn_box > span:hover{
 
+  background: #3683ff;
 
+}
 
+</style>

+ 0 - 0
src/components/pages/aiAddCourse/aiCreateDialog copy.vue → src/components/pages/aiEasy/aiCreateDialog copy.vue
查看文件


+ 1536 - 0
src/components/pages/aiEasy/aiCreateDialog.vue
查看文件 

@@ -0,0 +1,1536 @@
 
+<template>
 
+    <div>
 
+        <el-dialog :title="`任务${lineCount+1}的AI生成PPT`" :visible.sync="dialogVisibleAiCreate2" :append-to-body="true" width="700px" :before-close="handleClose" class="dialog_diy">
 
+            <div style="height: 500px; padding: 15px" v-loading="loading" element-loading-text="小可正在努力生成中，请稍等...">
 
+                <div class="c_pub_button_confirm stopBtn" v-if="loading && stopPpt" @click="cancelAjax()">停止</div>
 
+
 
+                <!-- <div class="t_box">
 
+                    <span>选择：</span>
 
+                    <el-radio-group v-model="radio" @change="changeRadio">
 
+                        <el-radio :label="0">PPT</el-radio>
 
+                        <el-radio :label="1">教案</el-radio>
 
+                        <el-radio :label="2">视频</el-radio>
 
+                    </el-radio-group>
 
+                </div> -->
 
+
 
+                <div class="t_box" v-if="steps == 1" style="height: 100%">
 
+                    <textarea style="height: 100%; width: calc(100% - 260px)" rows="10" class="binfo_input binfo_textarea" cols placeholder="请生成大纲" v-model="outline"></textarea>
 
+                    <div class="template_box">
 
+                        <span class="title">选择模板</span>
 
+                        <div class="template_list">
 
+                            <div class="template_item" :class="{ active: index == templateIndex }" v-for="(item, index) in templateList" :key="index" @click="changeTemplate(index)">
 
+                                <img :src="item.img" alt="" />
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+
 
+                <div style="height: 100%" v-else>
 
+                    <wOffice v-if="url" :url="url"></wOffice>
 
+                </div>
 
+            </div>
 
+
 
+            <span slot="footer" class="dialog-footer">
 
+                <el-button @click="aiGet()" type="primary" :disabled="loading || tloading">重新生成大纲</el-button>
 
+                <el-button @click="aiGetPPt()" type="primary" :disabled="loading || tloading">{{ url ? "重新生成PPT" : "生成PPT" }}</el-button>
 
+                <el-button @click="steps = 1" type="primary" v-if="steps == 2">上一步</el-button>
 
+                <el-button @click="steps = 2" type="primary" v-else-if="steps == 1 && url">下一步</el-button>
 
+                <el-button @click="confirm" type="primary">确 定</el-button>
 
+                <el-button @click="closeT" type="primary">收 起</el-button>
 
+                <el-button @click="closeAiPpt">关 闭</el-button>
 
+            </span>
 
+        </el-dialog>
 
+        <div v-if="tanDialog" @click="dialogVisibleAiCreate2 = true" class="tanDialog">
 
+            <span>任务{{ lineCount + 1 }}的生成ppt </span><button class="c_pub_button_confirm">打开</button>
 
+        </div>
 
+    </div>
 
+</template>
 
+
 
+<script>
 
+import Pptxgen from "pptxgenjs";
 
+import wOffice from "../components/wOffice.vue";
 
+import { v4 as uuidv4 } from "uuid";
 
+var OpenCC = require("opencc-js");
 
+
 
+let converter2 = OpenCC.Converter({
 
+    from: 'cn',
 
+    to: 'hk'
 
+})
 
+
 
+export default {
 
+    components: {
 
+        wOffice,
 
+    },
 
+    props: {
 
+        dialogVisibleAiCreate: {
 
+            type: Boolean,
 
+            default: false,
 
+        },
 
+        courseName: {
 
+            type: String,
 
+            default: "",
 
+        },
 
+        infoData: {
 
+            type: Array,
 
+            default: "",
 
+        },
 
+        courseTypeId: {
 
+            type: Array,
 
+            default: "",
 
+        },
 
+        CourseTypeJson: {
 
+            type: Object,
 
+            default: () => ({}),
 
+        },
 
+        courseState: {
 
+            type: Number,
 
+        },
 
+        lineCount: {
 
+            type: Number,
 
+        },
 
+        unitJson: {
 
+            type: Array,
 
+        },
 
+        languageSetting: {
 
+            type: Number,
 
+            default: 0,
 
+        }
 
+    },
 
+    // 根据用户给你的参考资料
 
+    data() {
 
+        return {
 
+            dialogVisibleAiCreate2: false,
 
+            tanDialog: false,
 
+            userid: this.$route.query.userid,
 
+            radio: 0,
 
+            aiJson: {
 
+                ppt: `## 任务
 
+请生成关于${this.courseName}，为教师生成这节课的教学ppt，页数在20页左右。PPT的内容主要是讲解该课程中所有可能涉及到的知识点。
 
+
 
+## 工作流
 
+1. 从用户提供的参考资料中提取10个最重要的知识点（知识点水平限制在小学和初中），并输出。
 
+2. 针对10个知识点中的每个，你使用1~3页ppt详细的对知识点进行讲解。你的讲解词应该在100token左右
 
+3. 讲解完所有知识点后，再根据知识点出5道单选题（放在5页ppt中）
 
+
 
+## 限制
 
+- 你不能输出错误的知识，如果你实在不清楚，输出“对不起，我不确定”
 
+- 你不能输出违反伦理的内容`,
 
+                word: "",
 
+                video: "",
 
+            },
 
+            aiUrl: {
 
+                ppt: "",
 
+                word: "",
 
+                video: "",
 
+            },
 
+            detail: "",
 
+            loading: false,
 
+            tloading: false,
 
+            tcancelSource: null,
 
+            stopPpt: null,
 
+            url: "",
 
+            uJson: {},
 
+            outline: "",
 
+            steps: 1,
 
+            // templateList: [
 
+            //     // { img: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model1-11719468995661.png', img2: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model1-21719469026755.png',color:'17094F' },
 
+            //     // { img: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model2-11719469051869.png', img2: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model2-21719469040181.png',color:'052B37' },
 
+            //     // { img: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model3-11719469071576.png', img2: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model3-21719469092087.png',color:'1D5869' },
 
+            //     // { img: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model4-11719469106190.png', img2: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model-4-21719469125318.png',color:'372213' },
 
+            //     // { img: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model5-11719295908696.png', img2: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/model5-21719295930345.png',color:'674D40' },
 
+            //     { img: require('../../../assets/icon/ppt/model1-1.png'), img2: require('../../../assets/icon/ppt/model1-2.png'),color:'17094F' },
 
+            //     { img: require('../../../assets/icon/ppt/model2-1.png'), img2: require('../../../assets/icon/ppt/model2-2.png'),color:'052B37' },
 
+            //     { img: require('../../../assets/icon/ppt/model3-1.png'), img2: require('../../../assets/icon/ppt/model3-2.png'),color:'1D5869' },
 
+            //     { img: require('../../../assets/icon/ppt/model4-1.png'), img2: require('../../../assets/icon/ppt/model4-2.png'),color:'372213' },
 
+            //     { img: require('../../../assets/icon/ppt/model5-1.png'), img2: require('../../../assets/icon/ppt/model5-2.png'),color:'674D40' },
 
+            // ],
 
+            templateList: [{
 
+                    img: require('../../../assets/icon/ppt/model6-1.png'),
 
+                    img1: {
 
+                        img: require('../../../assets/icon/ppt/model6-1-2.png'),
 
+                        setting: {
 
+                            x: "35%",
 
+                            y: 2.3,
 
+                            w: "60%",
 
+                            bold: true,
 
+                            color: 'EA7A93',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    img2: [{
 
+                            img: require('../../../assets/icon/ppt/model6-2.png'),
 
+                            title: {
 
+                                x: "5%", // 横坐标
 
+                                y: 1.1,
 
+                                w: "90%",
 
+                                color: '4F73DA',
 
+                                bold: true,
 
+                                fontSize: 35, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "center",
 
+                            },
 
+                            subTitle: {
 
+                                x: "5%", // 横坐标
 
+                                y: 1.8,
 
+                                w: "90%",
 
+                                color: "333333",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "center",
 
+                            },
 
+                            content: {
 
+                                x: "20%", // 横坐标
 
+                                y: 3.2,
 
+                                w: "60%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            }
 
+                        }, //内容页1
 
+                        {
 
+                            img: require('../../../assets/icon/ppt/model6-2.png'),
 
+                            title: {
 
+                                x: "2.5%", // 横坐标
 
+                                y: 2.3,
 
+                                w: "30%",
 
+                                color: 'ffffff',
 
+                                bold: true,
 
+                                fontSize: 35, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            subTitle: {
 
+                                x: "2.5%", // 横坐标
 
+                                y: 3.1,
 
+                                w: "30%",
 
+                                color: "ffffff",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            content: {
 
+                                x: "45%", // 横坐标
 
+                                y: 2.8,
 
+                                w: "45%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            square: {
 
+                                x: 0,
 
+                                y: 0,
 
+                                w: "35%",
 
+                                h: "100%",
 
+                                fill: { color: "4F73DA" }
 
+                            },
 
+                            square2: {
 
+                                x: "35%",
 
+                                y: 0,
 
+                                w: "2.5%",
 
+                                h: "100%",
 
+                                fill: { color: "C2CFEF" }
 
+                            }
 
+                        }, //内容页2
 
+                        {
 
+                            img: require('../../../assets/icon/ppt/model6-2.png'),
 
+                            title: {
 
+                                x: "5%", // 横坐标
 
+                                y: 1,
 
+                                w: "60%",
 
+                                color: '4F73DA',
 
+                                bold: true,
 
+                                fontSize: 35, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            subTitle: {
 
+                                x: "5%", // 横坐标
 
+                                y: 1.7,
 
+                                w: "60%",
 
+                                color: "333333",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            content: {
 
+                                x: "5%", // 横坐标
 
+                                y: 2.5,
 
+                                w: "60%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            image: {
 
+                                x: "70%",
 
+                                y: "22%",
 
+                                w: "30%",
 
+                                h: "56%",
 
+                                sizing: "contain",
 
+                                path: require('../../../assets/icon/ppt/model6-3.png')
 
+                            },
 
+                        }, //内容页3
 
+                        {
 
+                            img: require('../../../assets/icon/ppt/model6-2.png'),
 
+                            title: {
 
+                                x: "10%", // 横坐标
 
+                                y: "4%",
 
+                                h: 0.75,
 
+                                w: "80%",
 
+                                color: 'ffffff',
 
+                                fill: { color: "4F73DA" },
 
+                                bold: true,
 
+                                fontSize: 35, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "center",
 
+                            },
 
+                            subTitle: {
 
+                                x: "10%", // 横坐标
 
+                                y: 1.5,
 
+                                w: "80%",
 
+                                color: "333333",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            content: {
 
+                                x: "10%", // 横坐标
 
+                                y: 2.3,
 
+                                w: "80%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            image: {
 
+                                x: "2.5%",
 
+                                y: "10%",
 
+                                w: "95%",
 
+                                h: "80%",
 
+                                sizing: "contain",
 
+                                path: require('../../../assets/icon/ppt/model6-4.png')
 
+                            },
 
+                        }, //内容页4
 
+                        {
 
+                            img: require('../../../assets/icon/ppt/model6-2.png'),
 
+                            title: {
 
+                                x: 0, // 横坐标
 
+                                y: "30%",
 
+                                w: "35%",
 
+                                h: "40%",
 
+                                color: 'ffffff',
 
+                                bold: true,
 
+                                fontSize: 30, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "right",
 
+                                fill: { color: "4F73DA" },
 
+                                margin: 10,
 
+                            },
 
+                            subTitle: {
 
+                                x: "37.5%", // 横坐标
 
+                                y: 1,
 
+                                w: "53%",
 
+                                color: "333333",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            content: {
 
+                                x: "37.5%", // 横坐标
 
+                                y: 2,
 
+                                w: "53%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            square: {
 
+                                x: "5%",
 
+                                y: "10%",
 
+                                w: "90%",
 
+                                h: "80%",
 
+                                fill: { color: "ffffff" },
 
+                                line: {
 
+                                    width: '2',
 
+                                    color: "3B4564"
 
+                                }
 
+                            },
 
+                        }, //内容页5
 
+                        {
 
+                            img: require('../../../assets/icon/ppt/model6-2.png'),
 
+                            title: {
 
+                                x: "17%", // 横坐标
 
+                                y: "20%",
 
+                                h: 0.75,
 
+                                w: "66%",
 
+                                color: 'ffffff',
 
+                                fill: { color: "4F73DA" },
 
+                                bold: true,
 
+                                fontSize: 35, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "center",
 
+                            },
 
+                            subTitle: {
 
+                                x: "5%", // 横坐标
 
+                                y: 3,
 
+                                w: "90%",
 
+                                color: "333333",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            content: {
 
+                                x: "5%", // 横坐标
 
+                                y: 3.8,
 
+                                w: "90%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            image: {
 
+                                x: 0,
 
+                                y: 0,
 
+                                w: "100%",
 
+                                h: "45%",
 
+                                sizing: "contain",
 
+                                path: require('../../../assets/icon/ppt/model6-6.png')
 
+                            },
 
+                        }, //内容页6
 
+                        {
 
+                            img: require('../../../assets/icon/ppt/model6-7-1.png'),
 
+                            title: {
 
+                                x: "45%", // 横坐标
 
+                                y: 1.3,
 
+                                w: "50%",
 
+                                color: '4F73DA',
 
+                                bold: true,
 
+                                fontSize: 35, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            subTitle: {
 
+                                x: "45%", // 横坐标
 
+                                y: 2,
 
+                                w: "50%",
 
+                                color: "333333",
 
+                                fontSize: 20, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            content: {
 
+                                x: "45%", // 横坐标
 
+                                y: 3.2,
 
+                                w: "50%",
 
+                                color: "333333",
 
+                                fontSize: 18, // 字号
 
+                                fontFace: '黑体',
 
+                                align: "left",
 
+                            },
 
+                            image: {
 
+                                x: "20%",
 
+                                y: 0,
 
+                                w: "80%",
 
+                                h: "100%",
 
+                                sizing: "contain",
 
+                                path: require('../../../assets/icon/ppt/model6-7-2.png')
 
+                            },
 
+                        }, //内容页7
 
+                    ],
 
+                    imgEnd: {
 
+                        img: require('../../../assets/icon/ppt/model6-1-2.png'),
 
+                        setting: {
 
+                            x: "35%",
 
+                            y: 2.3,
 
+                            w: "60%",
 
+                            color: 'EA7A93',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                },
 
+                {
 
+                    img: require('../../../assets/icon/ppt/model1-1.png'),
 
+                    img1: {
 
+                        img: require('../../../assets/icon/ppt/model1-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '17094F',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    img2: [{
 
+                        img: require('../../../assets/icon/ppt/model1-2.png'),
 
+                        title: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.1,
 
+                            w: "90%",
 
+                            color: '17094F',
 
+                            bold: true,
 
+                            fontSize: 35, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        subTitle: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.8,
 
+                            w: "90%",
 
+                            color: "222222",
 
+                            fontSize: 20, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        content: {
 
+                            x: "20%", // 横坐标
 
+                            y: 3.2,
 
+                            w: "60%",
 
+                            color: "444444",
 
+                            fontSize: 18, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "left",
 
+                        }
 
+                    }],
 
+                    imgEnd: {
 
+                        img: require('../../../assets/icon/ppt/model1-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '17094F',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    }
 
+                },
 
+                {
 
+                    img: require('../../../assets/icon/ppt/model2-1.png'),
 
+                    img1: {
 
+                        img: require('../../../assets/icon/ppt/model2-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '052B37',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    img2: [{
 
+                        img: require('../../../assets/icon/ppt/model2-2.png'),
 
+                        title: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.1,
 
+                            w: "90%",
 
+                            color: '052B37',
 
+                            bold: true,
 
+                            fontSize: 35, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        subTitle: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.8,
 
+                            w: "90%",
 
+                            color: "222222",
 
+                            fontSize: 20, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        content: {
 
+                            x: "20%", // 横坐标
 
+                            y: 3.2,
 
+                            w: "60%",
 
+                            color: "444444",
 
+                            fontSize: 18, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "left",
 
+                        }
 
+                    }],
 
+                    imgEnd: {
 
+                        img: require('../../../assets/icon/ppt/model2-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '052B37',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    }
 
+                },
 
+                {
 
+                    img: require('../../../assets/icon/ppt/model3-1.png'),
 
+                    img1: {
 
+                        img: require('../../../assets/icon/ppt/model3-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '1D5869',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    img2: [{
 
+                        img: require('../../../assets/icon/ppt/model3-2.png'),
 
+                        title: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.1,
 
+                            w: "90%",
 
+                            color: '1D5869',
 
+                            bold: true,
 
+                            fontSize: 35, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        subTitle: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.8,
 
+                            w: "90%",
 
+                            color: "222222",
 
+                            fontSize: 20, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        content: {
 
+                            x: "20%", // 横坐标
 
+                            y: 3.2,
 
+                            w: "60%",
 
+                            color: "444444",
 
+                            fontSize: 18, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "left",
 
+                        }
 
+                    }],
 
+                    imgEnd: {
 
+                        img: require('../../../assets/icon/ppt/model3-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '1D5869',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    }
 
+                },
 
+                {
 
+                    img: require('../../../assets/icon/ppt/model4-1.png'),
 
+                    img1: {
 
+                        img: require('../../../assets/icon/ppt/model4-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '372213',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    img2: [{
 
+                        img: require('../../../assets/icon/ppt/model4-2.png'),
 
+                        title: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.1,
 
+                            w: "90%",
 
+                            color: '372213',
 
+                            bold: true,
 
+                            fontSize: 35, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        subTitle: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.8,
 
+                            w: "90%",
 
+                            color: "222222",
 
+                            fontSize: 20, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        content: {
 
+                            x: "20%", // 横坐标
 
+                            y: 3.2,
 
+                            w: "60%",
 
+                            color: "444444",
 
+                            fontSize: 18, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "left",
 
+                        }
 
+                    }],
 
+                    imgEnd: {
 
+                        img: require('../../../assets/icon/ppt/model4-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '372213',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    color: '372213'
 
+                },
 
+                {
 
+                    img: require('../../../assets/icon/ppt/model5-1.png'),
 
+                    img1: {
 
+                        img: require('../../../assets/icon/ppt/model5-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '674D40',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                    img2: [{
 
+                        img: require('../../../assets/icon/ppt/model5-2.png'),
 
+                        title: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.1,
 
+                            w: "90%",
 
+                            color: '674D40',
 
+                            bold: true,
 
+                            fontSize: 35, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        subTitle: {
 
+                            x: "5%", // 横坐标
 
+                            y: 1.8,
 
+                            w: "90%",
 
+                            color: "222222",
 
+                            fontSize: 20, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        },
 
+                        content: {
 
+                            x: "20%", // 横坐标
 
+                            y: 3.2,
 
+                            w: "60%",
 
+                            color: "444444",
 
+                            fontSize: 18, // 字号
 
+                            fontFace: '黑体',
 
+                            align: "left",
 
+                        }
 
+                    }],
 
+                    imgEnd: {
 
+                        img: require('../../../assets/icon/ppt/model5-1.png'),
 
+                        setting: {
 
+                            x: "5%",
 
+                            y: 3,
 
+                            w: "90%",
 
+                            color: '674D40',
 
+                            fontSize: 38,
 
+                            fontFace: '黑体',
 
+                            align: "center",
 
+                        }
 
+                    },
 
+                },
 
+            ],
 
+            templateIndex: 0,
 
+        };
 
+    },
 
+    watch: {
 
+        dialogVisibleAiCreate(newValue, oldValue) {
 
+            if (newValue) {
 
+                this.dialogVisibleAiCreate2 = true
 
+                this.tanDialog = false
 
+                this.loading = false;
 
+                this.aiGet();
 
+                // this.templateIndex = 5
 
+                // let array = [
 
+                // {
 
+                //     "page": 1,
 
+                //     "title": "引入阶段",
 
+                //     "task": "课程背景",
 
+                //     "points": "同学们，让我们一起了解一下这门有趣的熊猫课程吧！今天，我们将探索熊猫的生活环境，并尝试去理解这些环境是如何影响熊猫的生存的。"
 
+                // },
 
+                // {
 
+                //     "page": 2,
 
+                //     "title": "引入阶段",
 
+                //     "task": "整体目标和任务要求",
 
+                //     "points": "这门课程的主要目标是让大家了解熊猫生活的环境以及生存所需的关键因素。我们将完成一个任务，具体要求是观察、记录、绘制和制作模型哦！"
 
+                // },
 
+                // {
 
+                //     "page": 3,
 
+                //     "title": "引入阶段",
 
+                //     "task": "驱动性问题",
 
+                //     "points": "大家思考一下这样一个问题：‘熊猫的生活环境对它们的生存有何重要影响?’ 我们接下去的活动将帮助大家找到答案。"
 
+                // },
 
+                // {
 
+                //     "page": 4,
 
+                //     "title": "引入阶段",
 
+                //     "task": "观察与记录技巧",
 
+                //     "points": "今天我们会运用图片和视频，来帮助大家观察熊猫栖息地和它们所吃的竹子等特征。细心观察，并将所见的特征记录下来是非常重要的技能哦！"
 
+                // },
 
+                // {
 
+                //     "page": 5,
 
+                //     "title": "探究阶段",
 
+                //     "task": "绘图工具和材料",
 
+                //     "points": "现在我们分发绘图工具和材料，来学习基本的绘图和建模技巧吧！熟练掌握这些工具会帮助我们更好地记录和展示我们的观察结果。"
 
+                // },
 
+                // {
 
+                //     "page": 6,
 
+                //     "title": "探究阶段",
 
+                //     "task": "观察和记录特征",
 
+                //     "points": "让我们好好观察一下身边的常见物体，把它们的特征记录下来。这个过程会训练你们的观察力和手眼协调能力。"
 
+                // },
 
+                // {
 
+                //     "page": 7,
 
+                //     "title": "探究阶段",
 
+                //     "task": "转换二维图像",
 
+                //     "points": "接下来，我们要把记录的三维物体转化为二维图像。这个步骤非常有趣，大家可以尽情发挥自己的绘画天赋哦！"
 
+                // },
 
+                // {
 
+                //     "page": 8,
 
+                //     "title": "探究阶段",
 
+                //     "task": "三维模型制作",
 
+                //     "points": "现在我们提供一些简单的材料，比如纸张和纸板，示范一下如何制作三维模型。记住，比例和结构是模型制作的关键！"
 
+                // },
 
+                // {
 
+                //     "page": 9,
 
+                //     "title": "评估与反馈阶段",
 
+                //     "task": "评估和检查",
 
+                //     "points": "大家完成了任务后，我们来检查和评估你们的二维图像和三维模型。确保它们的结构合理、比例协调。"
 
+                // },
 
+                // {
 
+                //     "page": 10,
 
+                //     "title": "评估与反馈阶段",
 
+                //     "task": "提出改进建议",
 
+                //     "points": "针对你们完成的作品，我们会提出一些改进建议。大家也可以相互评价，分享制作经验，这样可以互相学习哦！"
 
+                // },
 
+                // {
 
+                //     "page": 11,
 
+                //     "title": "评估与反馈阶段",
 
+                //     "task": "任务总结",
 
+                //     "points": "最后，我们要总结这次任务的执行情况，并表扬表现特别突出的同学。希望大家都能有所收获，并继续努力！"
 
+                // },
 
+                // {
 
+                //     "page": 12,
 
+                //     "title": "练习",
 
+                //     "task": "练习1：二维图像绘制",
 
+                //     "points": "选择一件日常物品（如书本、杯子），观察其特征，尝试通过手绘将其转换为二维图像。示例：通过绘制书本的正面、侧面和顶面图，展示其主要特征和比例关系。"
 
+                // },
 
+                // {
 
+                //     "page": 13,
 
+                //     "title": "练习",
 
+                //     "task": "练习2：三维模型制作",
 
+                //     "points": "使用纸张和纸板制作简单的模型，比如一个基本的房子或盒子。关注其结构和比例哦！ 示例：通过折叠和粘贴纸张，制作一个四面体，确保各个面的比例协调，结构稳定。"
 
+                // }
 
+                // ]
 
+                // this.createPpt(array);
 
+
 
+            }
 
+        },
 
+    },
 
+    methods: {
 
+        getLang() {
 
+            let lang = ''
 
+            if (this.languageSetting == 0) {
 
+                lang = 'Chinese.'
 
+            } else if (this.languageSetting == 1) {
 
+                lang = 'Traditional Chinese.'
 
+            } else if (this.languageSetting == 2) {
 
+                lang = 'English.'
 
+            }
 
+            return lang
 
+        },
 
+        cancelAjax(type) {
 
+            if(type != 2){
 
+                this.$message.success("已经成功停止")
 
+            }
 
+            this.stopPpt && this.stopPpt.cancel('Request canceled by the user.');
 
+            this.stopPpt = null;
 
+            this.tcancelSource && this.tcancelSource.close();
 
+            this.tcancelSource = null;
 
+            this.loading = false
 
+        },
 
+        handleClose(done) {
 
+            this.close();
 
+            done();
 
+        },
 
+        close() {
 
+            // this.$emit("update:dialogVisibleAiCreate", false);
 
+            this.dialogVisibleAiCreate2 = false
 
+        },
 
+        closeAiPpt(){
 
+            this.cancelAjax(2)
 
+            this.dialogVisibleAiCreate2 = false
 
+            this.$emit("closeAiPpt", this.lineCount);
 
+        },
 
+        closeT(){
 
+            this.tanDialog = true
 
+            this.close()
 
+        },
 
+        confirm() {
 
+            if (this.url) {
 
+                this.$emit("createAiPpt", this.uJson, this.lineCount);
 
+            } else {
 
+                this.$message.error("请点击“生成PPT”按钮");
 
+            }
 
+        },
 
+        changeRadio() {
 
+            if (this.radio == 0) {
 
+                this.detail = this.aiJson.ppt;
 
+            }
 
+            if (this.radio == 1) {
 
+                this.detail = this.aiJson.word;
 
+            }
 
+            if (this.radio == 2) {
 
+                this.detail = this.aiJson.video;
 
+            }
 
+        },
 
+        createFileid(url) {
 
+            let _this = this;
 
+            return new Promise((resolve, reject) => {
 
+                try {
 
+                    _this.ajax
 
+                        .put("https://gpt4.cocorobo.cn/upload_file_knowledge", {
 
+                            url: url,
 
+                        })
 
+                        .then((res) => {
 
+                            let _data = res.data.FunctionResponse;
 
+                            if (_data.result && _data.result.id) {
 
+                                resolve(_data.result.id);
 
+                            }
 
+                        })
 
+                        .catch(function(error) {
 
+                            resolve("");
 
+                        });
 
+                } catch (e) {
 
+                    resolve();
 
+                }
 
+            });
 
+        },
 
+        async aiGetPPt() {
 
+            if (this.loading || this.tloading) {
 
+                this.$message.error("正在生成中，请稍后");
 
+                return;
 
+            }
 
+            let _this = this;
 
+
 
+            let fileid = [];
 
+            if (_this.infoData.length) {
 
+                for (var i = 0; i < _this.infoData.length; i++) {
 
+                    if (_this.infoData[i].fileid) {
 
+                        fileid.push(_this.infoData[i].fileid);
 
+                    } else {
 
+                        let _fileid = await _this.createFileid(_this.infoData[i].url);
 
+                        if (_fileid) {
 
+                            _this.infoData[i].fileid = _fileid;
 
+                            _this.$forceUpdate();
 
+                            fileid.push(_fileid);
 
+                        }
 
+                    }
 
+                }
 
+            }
 
+            console.log("fileid=========", fileid);
 
+
 
+            let mclass = [];
 
+            if (_this.courseTypeId.length) {
 
+                for (var i = 0; i < _this.courseTypeId.length; i++) {
 
+                    let _sid = _this.courseTypeId[i];
 
+                    for (
 
+                        var j = 0; j <
 
+                        _this.CourseTypeJson["34628934-d02f-11ec-8c78-005056b86db5"].length; j++
 
+                    ) {
 
+                        if (
 
+                            _sid ==
 
+                            _this.CourseTypeJson["34628934-d02f-11ec-8c78-005056b86db5"][j].id
 
+                        ) {
 
+                            mclass.push(
 
+                                _this.CourseTypeJson["34628934-d02f-11ec-8c78-005056b86db5"][j]
 
+                                .name
 
+                            );
 
+                        }
 
+                    }
 
+                }
 
+            }
 
+            let message = "";
 
+            if (!_this.outline) {
 
+                _this.$message.error("请先生成大纲内容");
 
+                return;
 
+            }
 
+            message = `NOTICE
 
+Role: 你是ppt内容设计大师，能力是从用户提供的文件资料中提取最重要的学科概念作为ppt参考内容，最后根据Context要求的流程要求输出ppt内容。
 
+Output: Provide your output in json format.
 
+Language: ${this.getLang()}
 
+ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
 
+Instruction: Based on the context, follow "Format example", write content.
 
+
 
+# Context 
+## 任务
 
+你会收到一节课的教学ppt大纲<大纲内容>，你需要细化大纲每个部分（除了测试题部分），生成详细每一页ppt的内容参考#每一页输出格式。 
+
 
+# 目标
 
+生成教师可用直接拿来上课的ppt，ppt中用亲切的口吻告诉学生，他们该做什么，以及介绍相关的知识点（知识点需要详细的说明）。必要时使用bullet point。最终生成12页左右的ppt。
 
+
 
+# 每一页输出格式
 
+- 页数：序列数字
 
+- 标题：环节
 
+- 子标题：步骤或者知识点或测试题序号
 
+- 内容：用亲切的口吻告诉学生本步骤应做什么？或者是用亲切的口吻向学生介绍知识点，多条时可使用bullet point；或者是给学生测试题。
 
+
 
+## 大纲内容
 
+${_this.outline.replaceAll('#', '').replaceAll('*', '').replaceAll('-', '').replaceAll('\n', '')}
 
+
 
+# Format example
 
+[{"page": "页码（数字）","title": "学科概念（请从给你的大纲中摘取）（标题）","task": "知识点（请从给你的大纲中摘取）（子标题）","points": "内容：用亲切的口吻告诉学生本步骤应做什么？或者是用亲切的口吻向学生介绍知识点，多条时可使用bullet point；或者是给学生测试题。"}]`;
 
+            this.url = "";
 
+            this.uJson = {};
 
+
 
+            _this.stopPpt = _this.ajax.setCancelSource();
 
+            let parm = {
 
+                assistant_id: "6063369f-289a-11ef-8bf4-12e77c4cb76b",
 
+                message: [{ type: "text", text: this.languageSetting == 1 ? converter2(message.replaceAll('\n', " ")) : message.replaceAll('\n', " ") }],
 
+                session_name: uuidv4(),
 
+                userId: this.userid,
 
+                file_ids: fileid.length ? [...fileid] : "",
 
+                model: 'gpt-4o-2024-11-20',
 
+            };
 
+            _this.loading = true;
 
+            this.ajax
 
+                .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, _this.stopPpt)
 
+                .then((response) => {
 
+                    console.log(response);
 
+                    let data = response.data.FunctionResponse;
 
+                    if (data.message) {
 
+                        console.log(data.message);
 
+                        try {
 
+                            let _data = JSON.parse(
 
+                                data.message.replaceAll("```json", "").replaceAll("```", "")
 
+                            );
 
+                            _this.createPpt(_data);
 
+                            _this.steps = 2;
 
+                        } catch (e) {
 
+                            console.log("error_________________" + e);
 
+                            try {
 
+                                let regex = new RegExp(/```json([\s\S]*?)```/);
 
+                                let match = data.message.match(regex);
 
+                                let _data2 = JSON.parse(match[1]);
 
+                                _this.createPpt(_data2);
 
+                                _this.steps = 2;
 
+
 
+                            } catch (error) {
 
+                                _this.$message.error("生成失败，正在重新生成");
 
+                                _this.loading = false;
 
+                                _this.stopPpt = null
 
+                                _this.aiGetPPt();
 
+                            }
 
+                        }
 
+                    }
 
+                })
 
+                .catch((error) => {
 
+                    _this.loading = false;
 
+                    _this.stopPpt = null
 
+                    console.log(error);
 
+                });
 
+        },
 
+        async aiGet() {
 
+            if (this.loading || this.tloading) {
 
+                this.$message.error("正在生成中，请稍后");
 
+                return;
 
+            }
 
+            let _this = this;
 
+
 
+            let fileid = [];
 
+            if (_this.infoData.length) {
 
+                for (var i = 0; i < _this.infoData.length; i++) {
 
+                    if (_this.infoData[i].fileid) {
 
+                        fileid.push(_this.infoData[i].fileid);
 
+                    } else {
 
+                        let _fileid = await _this.createFileid(_this.infoData[i].url);
 
+                        if (_fileid) {
 
+                            _this.infoData[i].fileid = _fileid;
 
+                            _this.$forceUpdate();
 
+                            fileid.push(_fileid);
 
+                        }
 
+                    }
 
+                }
 
+            }
 
+            console.log("fileid=========", fileid);
 
+
 
+            let mclass = [];
 
+            if (_this.courseTypeId.length) {
 
+                for (var i = 0; i < _this.courseTypeId.length; i++) {
 
+                    let _sid = _this.courseTypeId[i];
 
+                    for (
 
+                        var j = 0; j <
 
+                        _this.CourseTypeJson["34628934-d02f-11ec-8c78-005056b86db5"].length; j++
 
+                    ) {
 
+                        if (
 
+                            _sid ==
 
+                            _this.CourseTypeJson["34628934-d02f-11ec-8c78-005056b86db5"][j].id
 
+                        ) {
 
+                            mclass.push(
 
+                                _this.CourseTypeJson["34628934-d02f-11ec-8c78-005056b86db5"][j]
 
+                                .name
 
+                            );
 
+                        }
 
+                    }
 
+                }
 
+            }
 
+            let message = "";
 
+            if (this.courseState == 4) {
 
+                message = `NOTICE Language: ${this.getLang()}
 
+
 
+# 任务
 
+请根据参考资料，生成关于${this.courseName}，为教师生成这节课的教学ppt的大纲，大纲的主要内容课程知识点的讲解与相关练习和测试。你的输出应该符合#输出格式
 
+
 
+${mclass.length ? "#参考资料\n面向年级：" + mclass.join(",") : ""}
 
+
 
+# 输出格式
 
+- 标题：
 
+--步骤
 
+--知识点
 
+
 
+# 限制
 
+- 你不能输出错误的知识，如果你实在不清楚，输出“对不起，我不确定”
 
+- 你不能输出违反伦理的内容`;
 
+            } else if (this.courseState == 5) {
 
+                message = `NOTICE Language: ${this.getLang()}
 
+
 
+# 任务
 
+请根据<任务教案>，为教师生成本的教学ppt的大纲，大纲包含各环节的步骤，学科知识点。
 
+
 
+# 参考资料
 
+任务教案：${_this.unitJson[0].chapterInfo[0].taskJson[_this.lineCount].taskDetail3.replaceAll('#', '').replaceAll('*', '').replaceAll('-', '').replaceAll('\n', '')}
 
+${mclass.length ? "面向年级：" + mclass.join(",") : ""}
 
+
 
+# 输出格式
 
+- 标题：
 
+--步骤
 
+--知识点
 
+
 
+# 限制
 
+- 你不能输出错误的知识，如果你实在不清楚，输出“对不起，我不确定”
 
+- 你不能输出违反伦理的内容
 
+`
 
+
 
+            }
 
+            this.url = "";
 
+            this.uJson = {};
 
+            let _uid = uuidv4()
 
+            _this.stopPpt = _this.ajax.setCancelSource();
 
+            let parm = {
 
+                assistant_id: "f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b",
 
+                message: [{ type: "text", text: this.languageSetting == 1 ? converter2(message.replaceAll('\n', " ")) : message.replaceAll('\n', " ") }],
 
+                session_name: _uid,
 
+                userId: _this.userid,
 
+                uid: _uid,
 
+                file_ids: fileid.length ? [...fileid] : "",
 
+                model: 'gpt-4o-2024-11-20',
 
+            };
 
+            _this.loading = true;
 
+            _this.tloading = true;
 
+            _this.ajax
 
+                .post("https://gpt4.cocorobo.cn/ai_agent_park_chat_new", parm, _this.stopPpt)
 
+                .then((response) => {
 
+                    let data = response.data.FunctionResponse;
 
+                    console.log(response);
 
+                    if (converter2(response.data.FunctionResponse.result) == converter2("发送成功")) {} else {
 
+                        _this.$message.warning(response.data.FunctionResponse.result);
 
+                    }
 
+                    // if (data.message) {
 
+                    //     console.log(data.message);
 
+
 
+                    //     _this.outline = data.message;
 
+                    //     _this.steps = 1;
 
+                    //     _this.stopPpt = null
 
+                    //     _this.loading = false;
 
+                    // }
 
+                })
 
+                .catch((error) => {
 
+                    _this.loading = false;
 
+                    _this.tloading = false;
 
+                    _this.stopPpt = null
 
+                    console.log(error);
 
+                });
 
+            await _this.aiGetgetAiContent(_uid)
 
+        },
 
+        aiGetgetAiContent(_uid) {
 
+            try {
 
+                this.tcancelSource = new EventSource(`https://gpt4.cocorobo.cn/question/${_uid}`); //http://gpt4.cocorobo.cn:8011/stream/     https://gpt4.cocorobo.cn/stream/
 
+            } catch (error) {
 
+                console.log('EventSource error:', error);
 
+                // this.tcancelSource && this.$message.error("哎呀，请求太多了，服务器忙不过来了，请稍等再重试")
 
+                this.loading = false
 
+                this.tLoading = false
 
+                this.tcancelSource = null
 
+                return;
 
+            }
 
+            let _allText = "";
 
+            let _mdText = "";
 
+            let _iindex = 0
 
+            this.tcancelSource.onmessage = _e => {
 
+                let _eData = JSON.parse(_e.data).content;
 
+                if (_eData.replace("'", "").replace("'", "") == "[DONE]") {
 
+                    //对话已经完成
 
+                    _mdText = _mdText.replace("_", "").replace(/【[^】]*source[^】]*】/g, '').replaceAll("<br>", "");
 
+                    this.tcancelSource && this.tcancelSource.close();
 
+                    this.tcancelSource = null;
 
+                    this.outline = _mdText;
 
+                    this.loading = false
 
+                    this.tloading = false
 
+                    this.stopPpt = null
 
+                    return;
 
+                } else {
 
+                    _iindex++
 
+                    //对话还在继续
 
+                    let _text = "";
 
+                    _text = _eData.replaceAll("'", "");
 
+                    if (_allText == "") {
 
+                        _allText = _text.replace(/^\n+/, ""); //去掉回复消息中偶尔开头就存在的连续换行符
 
+                    } else {
 
+                        _allText += _text;
 
+                    }
 
+                    _mdText = _allText + "_";
 
+                    _mdText = _mdText.replace(/\\n/g, "\n");
 
+                    _mdText = _mdText.replace(/\\/g, "");
 
+                    if (_allText.split("```").length % 2 == 0) _mdText += "\n```\n";
 
+                    //转化返回的回复流数据
 
+                    if (_iindex == 10) {
 
+                        this.outline = _mdText;
 
+                        _iindex = 0
 
+                    }
 
+                    if(this.loading){
 
+                        this.loading = false
 
+                        this.steps = 1;
 
+                    }
 
+                    // 处理流数据
 
+                }
 
+                // this.$forceUpdate();
 
+            };
 
+            let _this = this
 
+            this.tcancelSource.onerror = function(event) {
 
+                // 处理错误，可以尝试重新连接
 
+                console.log('EventSource error:', event);
 
+                // _this.tcancelSource && _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请稍等再重试")
 
+                _this.loading = false
 
+                _this.tloading = false
 
+                _this.stopPpt = null
 
+                _this.tcancelSource && _this.tcancelSource.close();
 
+                _this.tcancelSource = null;
 
+            };
 
+        },
 
+        generateRandomNumber(min, max) {
 
+            // min 是随机数范围的最小值，max 是随机数范围的最大值
 
+            return Math.floor(Math.random() * (max - min + 1)) + min;
 
+        },
 
+        createPpt(arr) {
 
+            let array = arr
 
+            // 1. 创建PPT
 
+            const pres = new Pptxgen();
 
+            const _slideTou = pres.addSlide();
 
+            _slideTou.background = { path: this.templateList[this.templateIndex].img1.img }
 
+            let title = ''
 
+            if (this.courseState == 4) {
 
+                title = this.courseName
 
+            } else if (this.courseState == 5) {
 
+                title = this.unitJson[0].chapterInfo[0].taskJson[this.lineCount].task
 
+            }
 
+            _slideTou.addText(title, this.templateList[this.templateIndex].img1.setting);
 
+            for (var i = 0; i < array.length; i++) {
 
+                // 2. 创建一个PPT页面，每调用一次 pres.addSlide() 都可以生成一张新的页面
 
+                // 建议把每个页面的构造抽成一个个函数，然后通过函数调用生成新页面，代码不会很乱
 
+                const _slide = pres.addSlide();
 
+                const randomNum = this.generateRandomNumber(0, (this.templateList[this.templateIndex].img2.length - 1))
 
+                let pContent = this.templateList[this.templateIndex].img2[randomNum]
 
+                _slide.background = { path: pContent.img }
 
+
 
+                // 3. 调用addTetx()，在PPT页面中插入文字“Hello World from PptxGenJS...”
 
+                // 括号里面是对文字的配置，文字横坐标x为1.5，纵坐标y为1.5，字体颜色 363636……
 
+                // 关于坐标长度与px的转换 x 1 = 127~128px 左右
 
+                const page = i + 1 > 10 ? i + 1 : "0" + (i + 1);
 
+
 
+                if (pContent.square) {
 
+                    _slide.addText("", pContent.square);
 
+                    _slide.addText("", pContent.square2);
 
+                }
 
+                if (pContent.image) {
 
+                    _slide.addImage(pContent.image);
 
+                }
 
+                const tempResult1 = page + " " + array[i].title;
 
+                _slide.addText(tempResult1, pContent.title);
 
+                const tempResult2 = array[i].task;
 
+                _slide.addText(tempResult2, pContent.subTitle);
 
+                let tempResult3 = '';
 
+                if (typeof array[i].points == 'object') {
 
+                    if (Array.isArray(array[i].points)) {
 
+                        for (var k = 0; k < array[i].points.length; k++) {
 
+                            array[i].points[k] = '· ' + array[i].points[k]
 
+                        }
 
+                        tempResult3 = array[i].points.join('\n')
 
+                    } else {
 
+                        tempResult3 = JSON.stringify(array[i].points)
 
+                    }
 
+                } else {
 
+                    tempResult3 = array[i].points
 
+                }
 
+                _slide.addText(tempResult3, pContent.content);
 
+            }
 
+            const _slideWei = pres.addSlide();
 
+            _slideWei.background = { path: this.templateList[this.templateIndex].imgEnd.img }
 
+            _slideWei.addText("谢谢观看，下课!", this.templateList[this.templateIndex].imgEnd.setting);
 
+            // 获取PPTX文件的ArrayBuffer
 
+
 
+            // 保存为 Blob 并处理
 
+            pres.write("blob").then((blob) => {
 
+                // 现在你有了一个 Blob 对象
 
+                console.log(blob);
 
+
 
+                const file = new File([blob], title + ".pptx", {
 
+                    type: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
 
+                });
 
+                console.log(pres);
 
+                this.beforeUpload(file);
 
+            });
 
+        },
 
+        beforeUpload(event) {
 
+            var file = event;
 
+            var credentials = {
 
+                accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+                secretAccessKey: "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",
 
+            }; //秘钥形式的登录上传
 
+            window.AWS.config.update(credentials);
 
+            window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+            var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+            var _this = this;
 
+
 
+            if (file) {
 
+                var params = {
 
+                    Key: file.name.split(".")[0] +
 
+                        new Date().getTime() +
 
+                        "." +
 
+                        file.name.split(".")[file.name.split(".").length - 1],
 
+                    ContentType: file.type,
 
+                    Body: file,
 
+                    "Access-Control-Allow-Credentials": "*",
 
+                    ACL: "public-read",
 
+                }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+                var options = {
 
+                    partSize: 2048 * 1024 * 1024,
 
+                    queueSize: 2,
 
+                    leavePartsOnError: true,
 
+                };
 
+                bucket
 
+                    .upload(params, options)
 
+                    .on("httpUploadProgress", function(evt) {
 
+                        //这里可以写进度条
 
+                        // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+                    })
 
+                    .send(function(err, data) {
 
+                        _this.loading = false;
 
+                        if (err) {
 
+                            _this.$message.error("上传失败");
 
+                        } else {
 
+                            _this.url = data.Location;
 
+                            _this.uJson = {
 
+                                name: file.name,
 
+                                url: data.Location,
 
+                                type: 3,
 
+                            };
 
+                            if(_this.tanDialog){
 
+                                _this.confirm()
 
+                            }
 
+                            console.log(data.Location);
 
+                        }
 
+                    });
 
+            }
 
+        },
 
+        changeTemplate(index) {
 
+            this.templateIndex = index;
 
+        }
 
+    },
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.dialog_diy>>>.el-dialog {
 
+    height: auto;
 
+    margin: 15vh auto 0 !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header {
 
+    background: #454545 !important;
 
+    padding: 15px 20px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__body {
 
+    height: calc(100% - 124px);
 
+    box-sizing: border-box;
 
+    padding: 0px;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.binfo_input {
 
+    width: 100%;
 
+    margin: 0;
 
+    padding: 5px 7px;
 
+    display: block;
 
+    min-width: 0;
 
+    outline: none;
 
+    box-sizing: border-box;
 
+    background: none;
 
+    border: none;
 
+    border-radius: 4px;
 
+    background: #fff;
 
+    font-size: 15px;
 
+    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: 15px;
 
+    resize: none;
 
+    /* background: #f6f6f6; */
 
+    font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_textarea:focus-visible {
 
+    border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+    /*滚动条整体样式*/
 
+    width: 6px;
 
+    /*高宽分别对应横竖滚动条的尺寸*/
 
+    height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+    border-radius: 10px;
 
+    background-color: #eee;
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+
 
+.binfo_textarea::-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);
 
+}
 
+
 
+.t_box {
 
+    display: flex;
 
+    margin-bottom: 15px;
 
+    display: flex;
 
+    justify-content: space-between;
 
+}
 
+
 
+.t_box>span:nth-child(1) {
 
+    min-width: 80px;
 
+    font-size: 16px;
 
+    color: #000;
 
+}
 
+
 
+.template_box {
 
+    width: 250px;
 
+}
 
+
 
+.template_box>.title {
 
+    font-size: 18px;
 
+    margin-bottom: 10px;
 
+    display: block;
 
+}
 
+
 
+.template_list {
 
+    overflow: auto;
 
+    width: 100%;
 
+    height: calc(100% - 31px);
 
+}
 
+
 
+.template_item {
 
+    cursor: pointer;
 
+    width: 100%;
 
+    height: 165px;
 
+    overflow: hidden;
 
+    border-radius: 5px;
 
+    box-sizing: border-box;
 
+    border: 5px solid #e5e5e5ee;
 
+}
 
+
 
+.template_item+.template_item {
 
+    margin-top: 10px;
 
+}
 
+
 
+.template_item.active {
 
+    border: 5px solid #0061ff;
 
+}
 
+
 
+.template_item>img {
 
+    width: 100%;
 
+    height: 100%;
 
+    object-fit: cover;
 
+}
 
+
 
+.stopBtn {
 
+    z-index: 999999;
 
+    position: absolute;
 
+    left: 50%;
 
+    top: calc(50% + 70px);
 
+    transform: translateX(-50%);
 
+}
 
+
 
+.tanDialog{
 
+    cursor: pointer;
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.tanDialog > span{
 
+    margin-right: 5px;
 
+}
 
+
 
+.tanDialog > .c_pub_button_confirm{
 
+    padding: 0 10px;
 
+    height: 26px;
 
+    min-width: unset;
 
+}
 
+</style>

+ 0 - 0
src/components/pages/aiAddCourse/aiCreateVideoDialog copy.vue → src/components/pages/aiEasy/aiCreateVideoDialog copy.vue
查看文件


+ 633 - 0
src/components/pages/aiEasy/aiCreateVideoDialog.vue
查看文件 

@@ -0,0 +1,633 @@
 
+<template>
 
+    <el-dialog title="智能检索" :visible.sync="dialogVisibleAiCreateVideo" :append-to-body="true" width="90%"
 
+        :before-close="handleClose" class="dialog_diy">
 
+        <div style="box-sizing:border-box;padding:15px" v-loading="loading" element-loading-text="小可正在努力生成中，请稍等...">
 
+            <div style="position: relative; width: 100%;height: 40px;margin-bottom: 10px;">
 
+                <el-input class="inputC" style="height: 100%;" placeholder="搜索视频关键字（如需搜索多个可“，”隔开）" v-model="detail"
 
+                    @keyup.enter.native="searchA()"></el-input>
 
+                <div class="search_img" @click="searchA" style="right: 10px">
 
+                    <img src="../../../assets/icon/search.png" alt />
 
+                </div>
 
+            </div>
 
+            <div class="nav_box">
 
+                <div class="nav" :class="{ active: navActive == 0 }" @click="navClick(0)">综合排序</div>
 
+                <div class="nav" :class="{ active: navActive == 1 }" @click="navClick(1)">最多播放</div>
 
+                <div class="nav" :class="{ active: navActive == 2 }" @click="navClick(2)">最新发布</div>
 
+                <div class="nav" :class="{ active: navActive == 3 }" @click="navClick(3)">最多弹幕</div>
 
+                <div class="nav" :class="{ active: navActive == 4 }" @click="navClick(4)">最多收藏</div>
 
+            </div>
 
+            <div class="Box">
 
+                <div class="video_box video_box2" v-for="(item, index) in data" :key="index">
 
+                    <!-- <img :src="item.pic" /> -->
 
+                    <span class="name" v-html="item.title"></span>
 
+                    <span class="author">作者:{{ item.author }}</span>
 
+                    <span class="detail">{{ item.description }}</span>
 
+                    <div class="tag" v-if="item.tag.split(',').length > 0">
 
+                        <el-tooltip :content="tag" placement="top" effect="dark" v-for="(tag, index) in item.tag.split(',').slice(0, 5)" :key="index">
 
+                            <!-- content to trigger tooltip here -->
 
+                            <span >{{ tag }}</span>
 
+                        </el-tooltip>
 
+                        
+                    </div>
 
+                    <div class="btn">
 
+                        <span @click="openUrl(item.bvid)">查看</span>
 
+                        <span @click="checkUrl(item.title, item.bvid)">加入</span>
 
+                    </div>
 
+                </div>
 
+                <div v-if="data.length == 0" class="no_data">暂无数据</div>
 
+            </div>
 
+        </div>
 
+        <span slot="footer" class="dialog-footer">
 
+            <el-button @click="close">关 闭</el-button>
 
+        </span>
 
+    </el-dialog>
 
+</template>
 
+
 
+<script>
 
+import { v4 as uuidv4 } from "uuid";
 
+import _ from "lodash";
 
+
 
+export default {
 
+    components: {
 
+    },
 
+    props: {
 
+        dialogVisibleAiCreateVideo: {
 
+            type: Boolean,
 
+            default: false
 
+        },
 
+        courseName: {
 
+            type: String,
 
+            default: ""
 
+        },
 
+        courseState: {
 
+            type: Number,
 
+        },
 
+        lineCount: {
 
+            type: Number,
 
+        },
 
+        unitJson: {
 
+            type: Array,
 
+        }
 
+    },
 
+    // 根据用户给你的参考资料
 
+    data() {
 
+        return {
 
+            userid: this.$route.query.userid,
 
+            radio: 0,
 
+            aiJson: {
 
+                ppt: ``,
 
+                word: '',
 
+                video: ''
 
+            },
 
+            aiUrl: {
 
+                ppt: '',
 
+                word: '',
 
+                video: ''
 
+            },
 
+            detail: "",
 
+            loading: false,
 
+            url: "",
 
+            data: [],
 
+            uJson: {},
 
+            navActive: 0
 
+        }
 
+    },
 
+    watch: {
 
+        dialogVisibleAiCreateVideo(newValue, oldValue) {
 
+            if (newValue) {
 
+                this.detail = ""
 
+                this.data = []
 
+                this.againEva()
 
+            }
 
+        },
 
+    },
 
+    methods: {
 
+        handleClose(done) {
 
+            this.close()
 
+            done();
 
+        },
 
+        close() {
 
+            this.$emit('update:dialogVisibleAiCreateVideo', false)
 
+        },
 
+        openUrl(url) {
 
+            // window.open('https://www.youtube.com/embed/'+url)
 
+            window.open(`//www.bilibili.com/video/${url}`)
 
+        },
 
+        checkUrl(name, id) {
 
+            let json = {
 
+                name: "链接",
 
+                title: name.replace(/<[^>]*>?/gm, ''),
 
+                // url: 'https://www.youtube.com/embed/'+id,
 
+                url: `//player.bilibili.com/player.html?isOutside=true&bvid=${id}`,
 
+                type: 8,
 
+            }
 
+            this.$emit('createAiVideo', json)
 
+            this.$message.success('加入成功')
 
+        },
 
+        changeRadio() {
 
+            if (this.radio == 0) {
 
+                this.detail = this.aiJson.ppt
 
+            }
 
+            if (this.radio == 1) {
 
+                this.detail = this.aiJson.word
 
+            }
 
+            if (this.radio == 2) {
 
+                this.detail = this.aiJson.video
 
+            }
 
+        },
 
+        // async aiGet() {
 
+        //     let _this = this
 
+        //     _this.loading = true
 
+        //     this.ajax
 
+        //         .get(`https://www.googleapis.com/youtube/v3/search?key=AIzaSyBUvNQ5Wyua4PbStE2vp3t7MIY4htry-4M&part=snippet&q=${this.detail}&maxResults=10&type=video&order=relevance&regionCode=HK`)
 
+        //         .then((response) => {
 
+        //             console.log(response);
 
+        //             _this.data = response.data.items
 
+        //             _this.loading = false
 
+
 
+        //         })
 
+        //         .catch((error) => {
 
+        //             _this.loading = false
 
+        //             console.log(error);
 
+        //         });
 
+        // },
 
+        async aiGet() {
 
+            let _this = this
 
+            _this.loading = true
 
+            this.ajax.post(`https://gpt4.cocorobo.cn/get_network_search`, {
 
+                engine: "bilibili",
 
+                keyword: this.detail
 
+            }).then(response => {
 
+                console.log(response);
 
+                _this.data = response.data.FunctionResponse
 
+                _this.loading = false
 
+
 
+            })
 
+                .catch((error) => {
 
+                    _this.loading = false
 
+                    console.log(error);
 
+                });
 
+        },
 
+        // async aiGet2(msg) {
 
+        //     let _this = this
 
+        //     _this.loading = true
 
+        //     this.ajax
 
+        //         .get(`https://www.googleapis.com/youtube/v3/search?key=AIzaSyBUvNQ5Wyua4PbStE2vp3t7MIY4htry-4M&part=snippet&q=${msg}&maxResults=10&type=video&order=relevance&regionCode=HK`)
 
+        //         .then((response) => {
 
+        //             console.log(response);
 
+        //             _this.data = response.data.items
 
+        //             _this.loading = false
 
+
 
+        //         })
 
+        //         .catch((error) => {
 
+        //             _this.loading = false
 
+        //             console.log(error);
 
+        //         });
 
+        // },
 
+        async aiGet2(msg) {
 
+            let _this = this
 
+            return new Promise((resolve, reject) => {
 
+                this.ajax.post(`https://gpt4.cocorobo.cn/get_network_search`, {
 
+                    engine: "bilibiliNew",
 
+                    keyword: msg,
 
+                    page: 1,
 
+                    page_size: 20,
 
+                    order: this.navActive,
 
+                    duration: 0,
 
+                }).then(response => {
 
+                    console.log(response);
 
+                    // _this.data = [..._this.data,...response.data.FunctionResponse]
 
+                    resolve(response.data.FunctionResponse)
 
+                })
 
+                    .catch((error) => {
 
+                        resolve([])
 
+                        console.log(error);
 
+                    });
 
+            });
 
+        },
 
+        navClick(item) {
 
+            if(this.navActive == item){
 
+                return
 
+            }
 
+            this.navActive = item
 
+            this.searchA()
 
+        },
 
+        async searchA(){
 
+            let _this = this
 
+            try {
 
+                if(!_this.detail){
 
+                    _this.$message.error("请输入关键字")
 
+                    return
 
+                }
 
+                _this.loading = true
 
+                let _content = ""
 
+                if(_this.detail.split("，").length>1){
 
+                    _content = _this.detail.split("，")
 
+                }else{
 
+                    _content = _this.detail.split(",")
 
+                }
 
+                _this.data = []
 
+                let data2 = []
 
+                for (var a = 0; a < _content.length; a++) {
 
+                    let _data = await _this.aiGet2(_content[a])
 
+                    data2[a] = _data
 
+                }
 
+                _this.data = _.flatMap(_.zip(...data2), (pair) => pair.filter(value => value !== undefined))
 
+                // _this.data = _this.data.sort(
 
+                //     function (a, b) {
 
+                //         return b.play - a.play;
 
+                //     }
 
+                // );
 
+                _this.againEva2();
 
+                // _this.loading = false
 
+            } catch (error){
 
+                console.log(error);
 
+                _this.loading = false
 
+            }
 
+            
+        },
 
+        againEva() {
 
+            let _this = this
 
+            _this.loading = true
 
+            let message = `从以下内容中识别出1~2个学科知识点关键词，用于检索知识点相关视频。注意，你仅需要返回关键词，“，”分开。教案：${_this.unitJson[0].chapterInfo[0].taskJson[_this.lineCount].taskDetail3.replaceAll('#', '').replaceAll('*', '').replaceAll('-', '').replaceAll('\n', '')}`
 
+            let parm = {
 
+                assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
 
+                message: [{ "type": "text", "text": message.replaceAll('\n', " ").replaceAll('*', "") }],
 
+                session_name: uuidv4(),
 
+                userId: _this.userid,
 
+                file_ids: [],
 
+                model: 'gpt-4o-2024-11-20',
 
+            }
 
+            _this.ajax
 
+                .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
 
+                .then(async (response) => {
 
+                    console.log(response);
 
+                    let data = response.data.FunctionResponse
 
+                    if (data.message) {
 
+                        console.log(data.message);
 
+
 
+                        let content = data.message;
 
+                        _this.detail = _this.courseName+"，" + content
 
+                        let _content = content.split("，")
 
+                        if(content.split("，").length>1){
 
+                            _content = content.split("，")
 
+                        }else{
 
+                            _content = content.split(",")
 
+                        }
 
+                        _this.data = []
 
+                        let data2 = []
 
+                        _content.unshift(_this.courseName)
 
+                        for (var a = 0; a < _content.length; a++) {
 
+                            let _data = await _this.aiGet2(_content[a])
 
+                            data2[a] = _data
 
+                        }
 
+                        _this.data = _.flatMap(_.zip(...data2), (pair) => pair.filter(value => value !== undefined))
 
+                        // _this.data = _this.data.sort(
 
+                        //     function (a, b) {
 
+                        //         return b.play - a.play;
 
+                        //     }
 
+                        // );
 
+                        _this.againEva2();
 
+                    }else {
 
+                        _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请自行搜索关键词")
 
+                        _this.loading = false
 
+                    }
 
+                    // _this.loading = false
 
+
 
+                })
 
+                .catch((error) => {
 
+                    console.log(error);
 
+                    _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请自行搜索关键词")
 
+                    _this.loading = false
 
+                });
 
+        },
 
+        againEva2() {
 
+            let _this = this
 
+            _this.loading = true
 
+            let message = `ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".
 
+针对以下视频数组内容，删除其中不适合k12年级的学生在教室里看到的条目，返回以下视频数组不符合的视频的aid，视频数组：${JSON.stringify(_this.data)}
 
+
 
+# Format example
 
+[{aid:""},{aid:""}]
 
+`
 
+            let parm = {
 
+              model: 'gpt-4o-2024-11-20',
 
+              temperature: 0,
 
+              max_tokens: 4096,
 
+              top_p: 1,
 
+              frequency_penalty: 0,
 
+              presence_penalty: 0,
 
+              messages: [{
 
+                content: message.replaceAll('\n', " ").replaceAll('*', ""),
 
+                role: 'user'
 
+              }],
 
+              uid: uuidv4(),
 
+              stream: false,
 
+              mind_map_question: "",
 
+            }
 
+            _this.ajax
 
+                .post("https://gpt4.cocorobo.cn/chat", parm)
 
+                .then(async (response) => {
 
+                    console.log(response);
 
+                    let data = response.data.FunctionResponse
 
+                    if (data.choices && data.choices.length && data.choices[0].message) {
 
+                        console.log(data.choices[0].message.content);
 
+                        let dArray = []
 
+                        try {
 
+                            dArray = JSON.parse(data.choices[0].message.content.replaceAll('```json','').replaceAll('```',''))
 
+                        } catch (error) {
 
+                            console.log("error_________________" + error);
 
+                            try {
 
+                                let regex = new RegExp(/```json([\s\S]*?)```/);
 
+                                let match = data.choices[0].message.content.match(regex);
 
+                                dArray = JSON.parse(match[1]);
 
+                            } catch (error) {
 
+                                console.log("error_________________" + error);
 
+                            }
 
+                        }
 
+
 
+                        let aid = []
 
+                        for(var i = 0; i < dArray.length; i++){
 
+                            aid.push(dArray[i].aid)
 
+                        }
 
+                        _this.data = _this.data.filter(el => {
 
+                            return aid.indexOf(el.aid) === -1
 
+                        })
 
+                        _this.$forceUpdate()
 
+                    }
 
+                    _this.loading = false
 
+                })
 
+                .catch((error) => {
 
+                    console.log(error);
 
+                    // _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请自行搜索关键词")
 
+                    _this.loading = false
 
+                });
 
+        },
 
+    },
 
+    mounted () {
 
+        
+    },
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+@media screen and (max-width: 1080px) {
 
+.video_box {
 
+    width: calc(100% / 3 - 10px) !important;
 
+  }
 
+}
 
+@media screen and (max-width: 760px) {
 
+.video_box {
 
+    width: calc(100% / 2 - 10px) !important;
 
+  }
 
+}
 
+.dialog_diy>>>.el-dialog {
 
+    height: auto;
 
+    margin: 50px auto 0 !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header {
 
+    background: #454545 !important;
 
+    padding: 15px 20px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__body {
 
+    height: calc(100% - 124px);
 
+    box-sizing: border-box;
 
+    padding: 0px;
 
+}
 
+
 
+
 
+.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;
 
+}
 
+
 
+.binfo_input {
 
+    width: 100%;
 
+    margin: 0;
 
+    padding: 5px 7px;
 
+    display: block;
 
+    min-width: 0;
 
+    outline: none;
 
+    box-sizing: border-box;
 
+    background: none;
 
+    border: none;
 
+    border-radius: 4px;
 
+    background: #fff;
 
+    font-size: 15px;
 
+    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: 15px;
 
+    resize: none;
 
+    /* background: #f6f6f6; */
 
+    font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+    border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+
 
+.t_box {
 
+    display: flex;
 
+    margin-bottom: 15px;
 
+}
 
+
 
+.t_box>span:nth-child(1) {
 
+    min-width: 80px;
 
+    font-size: 16px;
 
+    color: #000;
 
+}
 
+
 
+.inputC>>>.el-input__inner {
 
+    padding: '0 35px 0 15px'
 
+}
 
+
 
+.search_img {
 
+    width: 20px;
 
+    height: 20px;
 
+    position: absolute;
 
+    right: 10px;
 
+    top: 50%;
 
+    transform: translateY(-50%);
 
+}
 
+
 
+.search_img>img {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+
 
+.Box {
 
+    width: 100%;
 
+    height: 500px;
 
+    overflow: auto;
 
+    display: flex;
 
+    flex-direction: row;
 
+    justify-content: flex-start;
 
+    flex-wrap: wrap;
 
+    padding: 5px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.video_box {
 
+    width: calc(100% / 4 - 10px);
 
+    /* overflow: hidden; */
 
+    margin-right: 10px;
 
+    display: flex;
 
+    flex-direction: column;
 
+    margin-bottom: 15px;
 
+    cursor: pointer;
 
+}
 
+
 
+.video_box>img {
 
+    height: 200px;
 
+    object-fit: cover;
 
+}
 
+
 
+.video_box>.detail {
 
+    color: #cecece;
 
+    display: -webkit-box;
 
+    -webkit-box-orient: vertical;
 
+    -webkit-line-clamp: 3; /* 显示3行文本 */
 
+    overflow: hidden;
 
+    text-overflow: ellipsis; /* 超出部分显示点点点 */
 
+    margin: 0 0 5px;
 
+}
 
+
 
+.video_box>.name {
 
+    color: #000;
 
+    margin: 5px 0;
 
+    height: 32px;
 
+    display: -webkit-box;
 
+    -webkit-box-orient: vertical;
 
+    -webkit-line-clamp: 2; /* 显示3行文本 */
 
+    overflow: hidden;
 
+    text-overflow: ellipsis; /* 超出部分显示点点点 */
 
+}
 
+
 
+.video_box>.author{
 
+    margin: 0 0 5px;
 
+    width: 100%;
 
+    display: block;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis; /* 超出部分显示点点点 */
 
+    white-space: nowrap;
 
+}
 
+
 
+.video_box>.tag{
 
+    display: flex;
 
+    flex-wrap: nowrap;
 
+    margin-top: auto;
 
+    width: 100%;
 
+}
 
+
 
+.video_box>.tag>span{
 
+    background: #eef3fb;
 
+    color: #0061ff;
 
+    padding: 5px 10px;
 
+    border-radius: 15px;
 
+    font-size: 0.9em;
 
+    margin: 0 5px 5px 0;
 
+    max-width: 100%;
 
+    overflow: hidden;
 
+    box-sizing: border-box;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+    text-align: center;
 
+}
 
+
 
+.btn {
 
+    width: 100%;
 
+    height: 35px;
 
+    display: flex;
 
+    align-items: center;
 
+    /* margin-top: auto; */
 
+}
 
+
 
+.btn>span:hover {
 
+    background: #4087f1;
 
+}
 
+
 
+.btn>span {
 
+    width: 100%;
 
+    height: 100%;
 
+    background: #3681fc;
 
+    color: #fff;
 
+    border-radius: 5px;
 
+    margin-top: 10px;
 
+    cursor: pointer;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.btn>span+span {
 
+    margin-left: 10px;
 
+}
 
+
 
+.video_box2 {
 
+    box-shadow: 0px 0px 4px 2px #d2d2d282;
 
+    padding: 5px 10px 10px;
 
+    box-sizing: border-box;
 
+    border-radius: 5px;
 
+}
 
+
 
+
 
+.nav_box {
 
+    display: flex;
 
+    margin-bottom: 10px;
 
+    align-content: center;
 
+}
 
+
 
+.nav_box .nav{
 
+    padding: 8px 10px;
 
+    color: #060e17;
 
+    border-radius: 5px;
 
+    cursor: pointer;
 
+}
 
+
 
+.nav_box .nav.active{
 
+    background: #eef3fb;
 
+    font-weight: bold;
 
+    color: #0061ff;
 
+}
 
+
 
+.nav_box .nav + .nav{
 
+    margin-left: 20px;
 
+}
 
+
 
+.no_data{
 
+    height: 500px;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    width: 100%;
 
+    height: 500px;
 
+}
 
+</style>

+ 633 - 0
src/components/pages/aiEasy/aiCreateVideoDialogHK.vue
查看文件 

@@ -0,0 +1,633 @@
 
+<template>
 
+    <el-dialog title="智能检索" :visible.sync="dialogVisibleAiCreateVideo" :append-to-body="true" width="90%"
 
+        :before-close="handleClose" class="dialog_diy">
 
+        <div style="box-sizing:border-box;padding:15px" v-loading="loading" element-loading-text="小可正在努力生成中，请稍等...">
 
+            <div style="position: relative; width: 100%;height: 40px;margin-bottom: 10px;">
 
+                <el-input class="inputC" style="height: 100%;" placeholder="搜索视频关键字（如需搜索多个可“，”隔开）" v-model="detail"
 
+                    @keyup.enter.native="searchA()"></el-input>
 
+                <div class="search_img" @click="searchA" style="right: 10px">
 
+                    <img src="../../../assets/icon/search.png" alt />
 
+                </div>
 
+            </div>
 
+            <div class="nav_box">
 
+                <div class="nav" :class="{ active: navActive == 0 }" @click="navClick(0)">综合排序</div>
 
+                <div class="nav" :class="{ active: navActive == 1 }" @click="navClick(1)">相关程度</div>
 
+                <div class="nav" :class="{ active: navActive == 2 }" @click="navClick(2)">上传日期</div>
 
+                <div class="nav" :class="{ active: navActive == 3 }" @click="navClick(3)">观看次数</div>
 
+                <div class="nav" :class="{ active: navActive == 4 }" @click="navClick(4)">评分</div>
 
+            </div>
 
+            <div class="Box">
 
+                <div class="video_box video_box2" v-for="(item, index) in data" :key="index">
 
+                    <img :src="item.thumbnail.static" />
 
+                    <span class="name" v-html="item.title"></span>
 
+                    <span class="author">作者:{{ item.channel.title }}</span>
 
+                    <span class="detail">{{ item.description }}</span>
 
+                    <div class="tag" v-if="item.badges && item.badges.length > 0">
 
+                        <el-tooltip :content="tag" placement="top" effect="dark" v-for="(tag, index) in item.badges.slice(0, 5)" :key="index">
 
+                            <!-- content to trigger tooltip here -->
 
+                            <span >{{ tag }}</span>
 
+                        </el-tooltip>
 
+                        
+                    </div>
 
+                    <div class="btn" :style="{marginTop: item.badges && item.badges.length > 0 ? '0' : 'auto'}">
 
+                        <span @click="openUrl(item.id)">查看</span>
 
+                        <span @click="checkUrl(item.title, item.id)">加入</span>
 
+                    </div>
 
+                </div>
 
+                <div v-if="data.length == 0" class="no_data">暂无数据</div>
 
+            </div>
 
+        </div>
 
+        <span slot="footer" class="dialog-footer">
 
+            <el-button @click="close">关 闭</el-button>
 
+        </span>
 
+    </el-dialog>
 
+</template>
 
+
 
+<script>
 
+import { v4 as uuidv4 } from "uuid";
 
+import _ from "lodash";
 
+
 
+export default {
 
+    components: {
 
+    },
 
+    props: {
 
+        dialogVisibleAiCreateVideo: {
 
+            type: Boolean,
 
+            default: false
 
+        },
 
+        courseName: {
 
+            type: String,
 
+            default: ""
 
+        },
 
+        courseState: {
 
+            type: Number,
 
+        },
 
+        lineCount: {
 
+            type: Number,
 
+        },
 
+        unitJson: {
 
+            type: Array,
 
+        }
 
+    },
 
+    // 根据用户给你的参考资料
 
+    data() {
 
+        return {
 
+            userid: this.$route.query.userid,
 
+            radio: 0,
 
+            aiJson: {
 
+                ppt: ``,
 
+                word: '',
 
+                video: ''
 
+            },
 
+            aiUrl: {
 
+                ppt: '',
 
+                word: '',
 
+                video: ''
 
+            },
 
+            detail: "",
 
+            loading: false,
 
+            url: "",
 
+            data: [],
 
+            uJson: {},
 
+            navActive: 0
 
+        }
 
+    },
 
+    watch: {
 
+        dialogVisibleAiCreateVideo(newValue, oldValue) {
 
+            if (newValue) {
 
+                this.detail = ""
 
+                this.data = []
 
+                this.againEva()
 
+            }
 
+        },
 
+    },
 
+    methods: {
 
+        handleClose(done) {
 
+            this.close()
 
+            done();
 
+        },
 
+        close() {
 
+            this.$emit('update:dialogVisibleAiCreateVideo', false)
 
+        },
 
+        openUrl(url) {
 
+            window.open('https://www.youtube.com/embed/'+url)
 
+            // window.open(`//www.bilibili.com/video/${url}`)
 
+        },
 
+        checkUrl(name, id) {
 
+            let json = {
 
+                name: "链接",
 
+                title: name.replace(/<[^>]*>?/gm, ''),
 
+                url: 'https://www.youtube.com/embed/'+id,
 
+                // url: `//player.bilibili.com/player.html?isOutside=true&bvid=${id}`,
 
+                type: 8,
 
+            }
 
+            this.$emit('createAiVideo', json)
 
+            this.$message.success('加入成功')
 
+        },
 
+        changeRadio() {
 
+            if (this.radio == 0) {
 
+                this.detail = this.aiJson.ppt
 
+            }
 
+            if (this.radio == 1) {
 
+                this.detail = this.aiJson.word
 
+            }
 
+            if (this.radio == 2) {
 
+                this.detail = this.aiJson.video
 
+            }
 
+        },
 
+        // async aiGet() {
 
+        //     let _this = this
 
+        //     _this.loading = true
 
+        //     this.ajax
 
+        //         .get(`https://www.googleapis.com/youtube/v3/search?key=AIzaSyBUvNQ5Wyua4PbStE2vp3t7MIY4htry-4M&part=snippet&q=${this.detail}&maxResults=10&type=video&order=relevance&regionCode=HK`)
 
+        //         .then((response) => {
 
+        //             console.log(response);
 
+        //             _this.data = response.data.items
 
+        //             _this.loading = false
 
+
 
+        //         })
 
+        //         .catch((error) => {
 
+        //             _this.loading = false
 
+        //             console.log(error);
 
+        //         });
 
+        // },
 
+        async aiGet() {
 
+            let _this = this
 
+            _this.loading = true
 
+            this.ajax.post(`https://gpt4.cocorobo.cn/get_network_search`, {
 
+                engine: "bilibili",
 
+                keyword: this.detail
 
+            }).then(response => {
 
+                console.log(response);
 
+                _this.data = response.data.FunctionResponse
 
+                _this.loading = false
 
+
 
+            })
 
+                .catch((error) => {
 
+                    _this.loading = false
 
+                    console.log(error);
 
+                });
 
+        },
 
+        // async aiGet2(msg) {
 
+        //     let _this = this
 
+        //     _this.loading = true
 
+        //     this.ajax
 
+        //         .get(`https://www.googleapis.com/youtube/v3/search?key=AIzaSyBUvNQ5Wyua4PbStE2vp3t7MIY4htry-4M&part=snippet&q=${msg}&maxResults=10&type=video&order=relevance&regionCode=HK`)
 
+        //         .then((response) => {
 
+        //             console.log(response);
 
+        //             _this.data = response.data.items
 
+        //             _this.loading = false
 
+
 
+        //         })
 
+        //         .catch((error) => {
 
+        //             _this.loading = false
 
+        //             console.log(error);
 
+        //         });
 
+        // },
 
+        async aiGet2(msg) {
 
+            let _this = this
 
+            return new Promise((resolve, reject) => {
 
+                this.ajax.post(`https://gpt4.cocorobo.cn/get_network_search`, {
 
+                    engine: "youtubeNew",
 
+                    keyword: msg,
 
+                    // page: 1,
 
+                    // page_size: 20,
 
+                    order: this.navActive,
 
+                    // duration: 0,
 
+                }).then(response => {
 
+                    console.log(response);
 
+                    // _this.data = [..._this.data,...response.data.FunctionResponse]
 
+                    resolve(response.data.FunctionResponse)
 
+                })
 
+                    .catch((error) => {
 
+                        resolve([])
 
+                        console.log(error);
 
+                    });
 
+            });
 
+        },
 
+        navClick(item) {
 
+            if(this.navActive == item){
 
+                return
 
+            }
 
+            this.navActive = item
 
+            this.searchA()
 
+        },
 
+        async searchA(){
 
+            let _this = this
 
+            try {
 
+                if(!_this.detail){
 
+                    _this.$message.error("请输入关键字")
 
+                    return
 
+                }
 
+                _this.loading = true
 
+                let _content = ""
 
+                if(_this.detail.split("，").length>1){
 
+                    _content = _this.detail.split("，")
 
+                }else{
 
+                    _content = _this.detail.split(",")
 
+                }
 
+                _this.data = []
 
+                let data2 = []
 
+                for (var a = 0; a < _content.length; a++) {
 
+                    let _data = await _this.aiGet2(_content[a])
 
+                    data2[a] = _data
 
+                }
 
+                _this.data = _.flatMap(_.zip(...data2), (pair) => pair.filter(value => value !== undefined))
 
+                // _this.data = _this.data.sort(
 
+                //     function (a, b) {
 
+                //         return b.play - a.play;
 
+                //     }
 
+                // );
 
+                _this.againEva2();
 
+                // _this.loading = false
 
+            } catch (error){
 
+                console.log(error);
 
+                _this.loading = false
 
+            }
 
+            
+        },
 
+        againEva() {
 
+            let _this = this
 
+            _this.loading = true
 
+            let message = `从以下内容中识别出1~2个学科知识点关键词，用于检索知识点相关视频。注意，你仅需要返回关键词，“，”分开。教案：${_this.unitJson[0].chapterInfo[0].taskJson[_this.lineCount].taskDetail3.replaceAll('#', '').replaceAll('*', '').replaceAll('-', '').replaceAll('\n', '')}`
 
+            let parm = {
 
+                assistant_id: 'f8e1ebb2-2e0d-11ef-8bf4-12e77c4cb76b',
 
+                message: [{ "type": "text", "text": message.replaceAll('\n', " ").replaceAll('*', "") }],
 
+                session_name: uuidv4(),
 
+                userId: _this.userid,
 
+                file_ids: [],
 
+                model: 'gpt-4o-2024-11-20',
 
+            }
 
+            _this.ajax
 
+                .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm)
 
+                .then(async (response) => {
 
+                    console.log(response);
 
+                    let data = response.data.FunctionResponse
 
+                    if (data.message) {
 
+                        console.log(data.message);
 
+
 
+                        let content = data.message;
 
+                        _this.detail = _this.courseName+"，" + content
 
+                        let _content = content.split("，")
 
+                        if(content.split("，").length>1){
 
+                            _content = content.split("，")
 
+                        }else{
 
+                            _content = content.split(",")
 
+                        }
 
+                        _this.data = []
 
+                        let data2 = []
 
+                        _content.unshift(_this.courseName)
 
+                        for (var a = 0; a < _content.length; a++) {
 
+                            let _data = await _this.aiGet2(_content[a])
 
+                            data2[a] = _data
 
+                        }
 
+                        _this.data = _.flatMap(_.zip(...data2), (pair) => pair.filter(value => value !== undefined))
 
+                        // _this.data = _this.data.sort(
 
+                        //     function (a, b) {
 
+                        //         return b.play - a.play;
 
+                        //     }
 
+                        // );
 
+                        _this.againEva2();
 
+                    }else {
 
+                        _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请自行搜索关键词")
 
+                        _this.loading = false
 
+                    }
 
+                    // _this.loading = false
 
+
 
+                })
 
+                .catch((error) => {
 
+                    console.log(error);
 
+                    _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请自行搜索关键词")
 
+                    _this.loading = false
 
+                });
 
+        },
 
+        againEva2() {
 
+            let _this = this
 
+            _this.loading = true
 
+            let message = `ATTENTION: Use '##' to SPLIT SECTIONS, not '#'.Output format carefully referenced "Format example".
 
+针对以下视频数组内容，删除其中不适合k12年级的学生在教室里看到的条目，返回以下视频数组不符合的视频的id，视频数组：${JSON.stringify(_this.data)}
 
+
 
+# Format example
 
+[{id:""},{id:""}]
 
+`
 
+            let parm = {
 
+              model: 'gpt-4o-2024-11-20',
 
+              temperature: 0,
 
+              max_tokens: 4096,
 
+              top_p: 1,
 
+              frequency_penalty: 0,
 
+              presence_penalty: 0,
 
+              messages: [{
 
+                content: message.replaceAll('\n', " ").replaceAll('*', ""),
 
+                role: 'user'
 
+              }],
 
+              uid: uuidv4(),
 
+              stream: false,
 
+              mind_map_question: "",
 
+            }
 
+            _this.ajax
 
+                .post("https://gpt4.cocorobo.cn/chat", parm)
 
+                .then(async (response) => {
 
+                    console.log(response);
 
+                    let data = response.data.FunctionResponse
 
+                    if (data.choices && data.choices.length && data.choices[0].message) {
 
+                        console.log(data.choices[0].message.content);
 
+                        let dArray = []
 
+                        try {
 
+                            dArray = JSON.parse(data.choices[0].message.content.replaceAll('```json','').replaceAll('```',''))
 
+                        } catch (error) {
 
+                            console.log("error_________________" + error);
 
+                            try {
 
+                                let regex = new RegExp(/```json([\s\S]*?)```/);
 
+                                let match = data.choices[0].message.content.match(regex);
 
+                                dArray = JSON.parse(match[1]);
 
+                            } catch (error) {
 
+                                console.log("error_________________" + error);
 
+                            }
 
+                        }
 
+
 
+                        let id = []
 
+                        for(var i = 0; i < dArray.length; i++){
 
+                            id.push(dArray[i].id)
 
+                        }
 
+                        _this.data = _this.data.filter(el => {
 
+                            return id.indexOf(el.id) === -1
 
+                        })
 
+                        _this.$forceUpdate()
 
+                    }
 
+                    _this.loading = false
 
+                })
 
+                .catch((error) => {
 
+                    console.log(error);
 
+                    // _this.$message.error("哎呀，请求太多了，服务器忙不过来了，请自行搜索关键词")
 
+                    _this.loading = false
 
+                });
 
+        },
 
+    },
 
+    mounted () {
 
+        
+    },
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+@media screen and (max-width: 1080px) {
 
+.video_box {
 
+    width: calc(100% / 3 - 10px) !important;
 
+  }
 
+}
 
+@media screen and (max-width: 760px) {
 
+.video_box {
 
+    width: calc(100% / 2 - 10px) !important;
 
+  }
 
+}
 
+.dialog_diy>>>.el-dialog {
 
+    height: auto;
 
+    margin: 50px auto 0 !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header {
 
+    background: #454545 !important;
 
+    padding: 15px 20px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__body {
 
+    height: calc(100% - 124px);
 
+    box-sizing: border-box;
 
+    padding: 0px;
 
+}
 
+
 
+
 
+.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;
 
+}
 
+
 
+.binfo_input {
 
+    width: 100%;
 
+    margin: 0;
 
+    padding: 5px 7px;
 
+    display: block;
 
+    min-width: 0;
 
+    outline: none;
 
+    box-sizing: border-box;
 
+    background: none;
 
+    border: none;
 
+    border-radius: 4px;
 
+    background: #fff;
 
+    font-size: 15px;
 
+    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: 15px;
 
+    resize: none;
 
+    /* background: #f6f6f6; */
 
+    font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+    border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+
 
+.t_box {
 
+    display: flex;
 
+    margin-bottom: 15px;
 
+}
 
+
 
+.t_box>span:nth-child(1) {
 
+    min-width: 80px;
 
+    font-size: 16px;
 
+    color: #000;
 
+}
 
+
 
+.inputC>>>.el-input__inner {
 
+    padding: '0 35px 0 15px'
 
+}
 
+
 
+.search_img {
 
+    width: 20px;
 
+    height: 20px;
 
+    position: absolute;
 
+    right: 10px;
 
+    top: 50%;
 
+    transform: translateY(-50%);
 
+}
 
+
 
+.search_img>img {
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+
 
+
 
+.Box {
 
+    width: 100%;
 
+    height: 500px;
 
+    overflow: auto;
 
+    display: flex;
 
+    flex-direction: row;
 
+    justify-content: flex-start;
 
+    flex-wrap: wrap;
 
+    padding: 5px;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.video_box {
 
+    width: calc(100% / 4 - 10px);
 
+    /* overflow: hidden; */
 
+    margin-right: 10px;
 
+    display: flex;
 
+    flex-direction: column;
 
+    margin-bottom: 15px;
 
+    cursor: pointer;
 
+}
 
+
 
+.video_box>img {
 
+    height: 200px;
 
+    object-fit: cover;
 
+}
 
+
 
+.video_box>.detail {
 
+    color: #cecece;
 
+    display: -webkit-box;
 
+    -webkit-box-orient: vertical;
 
+    -webkit-line-clamp: 3; /* 显示3行文本 */
 
+    overflow: hidden;
 
+    text-overflow: ellipsis; /* 超出部分显示点点点 */
 
+    margin: 0 0 5px;
 
+}
 
+
 
+.video_box>.name {
 
+    color: #000;
 
+    margin: 5px 0;
 
+    height: 32px;
 
+    display: -webkit-box;
 
+    -webkit-box-orient: vertical;
 
+    -webkit-line-clamp: 2; /* 显示3行文本 */
 
+    overflow: hidden;
 
+    text-overflow: ellipsis; /* 超出部分显示点点点 */
 
+}
 
+
 
+.video_box>.author{
 
+    margin: 0 0 5px;
 
+    width: 100%;
 
+    display: block;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis; /* 超出部分显示点点点 */
 
+    white-space: nowrap;
 
+}
 
+
 
+.video_box>.tag{
 
+    display: flex;
 
+    flex-wrap: nowrap;
 
+    margin-top: auto;
 
+    width: 100%;
 
+}
 
+
 
+.video_box>.tag>span{
 
+    background: #eef3fb;
 
+    color: #0061ff;
 
+    padding: 5px 10px;
 
+    border-radius: 15px;
 
+    font-size: 0.9em;
 
+    margin: 0 5px 5px 0;
 
+    max-width: 100%;
 
+    overflow: hidden;
 
+    box-sizing: border-box;
 
+    text-overflow: ellipsis;
 
+    white-space: nowrap;
 
+    text-align: center;
 
+}
 
+
 
+.btn {
 
+    width: 100%;
 
+    height: 35px;
 
+    display: flex;
 
+    align-items: center;
 
+    /* margin-top: auto; */
 
+}
 
+
 
+.btn>span:hover {
 
+    background: #4087f1;
 
+}
 
+
 
+.btn>span {
 
+    width: 100%;
 
+    height: 100%;
 
+    background: #3681fc;
 
+    color: #fff;
 
+    border-radius: 5px;
 
+    margin-top: 10px;
 
+    cursor: pointer;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+}
 
+
 
+.btn>span+span {
 
+    margin-left: 10px;
 
+}
 
+
 
+.video_box2 {
 
+    box-shadow: 0px 0px 4px 2px #d2d2d282;
 
+    padding: 5px 10px 10px;
 
+    box-sizing: border-box;
 
+    border-radius: 5px;
 
+}
 
+
 
+
 
+.nav_box {
 
+    display: flex;
 
+    margin-bottom: 10px;
 
+    align-content: center;
 
+}
 
+
 
+.nav_box .nav{
 
+    padding: 8px 10px;
 
+    color: #060e17;
 
+    border-radius: 5px;
 
+    cursor: pointer;
 
+}
 
+
 
+.nav_box .nav.active{
 
+    background: #eef3fb;
 
+    font-weight: bold;
 
+    color: #0061ff;
 
+}
 
+
 
+.nav_box .nav + .nav{
 
+    margin-left: 20px;
 
+}
 
+
 
+.no_data{
 
+    height: 500px;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    width: 100%;
 
+    height: 500px;
 
+}
 
+</style>

+ 187 - 0
src/components/pages/aiEasy/aiDialog.vue
查看文件 

@@ -0,0 +1,187 @@
 
+<template>
 
+    <el-dialog title="提示词设置" :visible.sync="dialogVisibleAiD" :append-to-body="true" width="650px" :before-close="handleClose"
 
+        class="dialog_diy">
 
+        <div style="height: 100%;padding:15px">
 
+            <div class="ai_nav">
 
+                <span :class="{active: type == 1}">基础创建</span>
 
+            </div>
 
+            <div class="ai_detail" v-if="type == 1">
 
+                <span class="title">{{text2 ? '默认的提示词1' : '默认的提示词'}}</span>
 
+                <textarea rows="10" class="binfo_input binfo_textarea" cols v-model="text"
 
+                      placeholder="请输入...."></textarea>
 
+            </div>
 
+            <div class="ai_detail" v-if="text2 && type == 1" style="margin-top: 10px;">
 
+                <span class="title">默认的提示词2</span>
 
+                <textarea rows="10" class="binfo_input binfo_textarea" cols v-model="text2"
 
+                      placeholder="请输入...."></textarea>
 
+            </div>
 
+            <div class="ai_detail" v-if="text3 && type == 1" style="margin-top: 10px;">
 
+                <span class="title">默认的提示词3</span>
 
+                <textarea rows="10" class="binfo_input binfo_textarea" cols v-model="text3"
 
+                      placeholder="请输入...."></textarea>
 
+            </div>
 
+        </div>
 
+        <span slot="footer" class="dialog-footer">
 
+            <el-button @click="confirm" type="primary">确 定</el-button>
 
+            <el-button @click="close">关 闭</el-button>
 
+        </span>
 
+    </el-dialog>
 
+</template>
 
+  
+<script>
 
+
 
+export default {
 
+    props: {
 
+        dialogVisibleAiD: {
 
+            type: Boolean,
 
+            default: false
 
+        },
 
+        aiText: {
 
+            type: String,
 
+        },
 
+        aiText2: {
 
+            type: String,
 
+        },
 
+        aiText3: {
 
+            type: String,
 
+        },
 
+        clickType: {
 
+            type: Number
 
+        }
 
+    },
 
+    data() {
 
+        return {
 
+            type: 1,
 
+            text: "",
 
+            text2: "",
 
+            text3: "",
 
+        }
 
+    },
 
+    watch:{
 
+        dialogVisibleAiD(newValue, oldValue) {
 
+            if(newValue){
 
+                this.text = JSON.parse(JSON.stringify(this.aiText))
 
+                this.text2 = this.aiText2 ? JSON.parse(JSON.stringify(this.aiText2)) : ''
 
+                this.text3 = this.aiText3 ? JSON.parse(JSON.stringify(this.aiText3)) : ''
 
+                if(this.clickType == 2){
 
+                    this.confirm();
 
+                }
 
+            }
 
+        },
 
+    },
 
+    methods: {
 
+        handleClose(done) {
 
+            this.close()
 
+            done();
 
+        },
 
+        close() {
 
+            this.$emit('update:dialogVisibleAiD', false)
 
+        },
 
+        confirm(){
 
+            this.$emit("aiConfirm",this.text,this.text2,this.text3);
 
+            this.$emit('update:dialogVisibleAiD', false)
 
+        }
 
+    },
 
+}
 
+</script>
 
+  
+<style scoped>
 
+.dialog_diy>>>.el-dialog {
 
+    height: auto;
 
+    margin: 15vh auto 0 !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header {
 
+    background: #454545 !important;
 
+    padding: 15px 20px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__body {
 
+    height: calc(100% - 124px);
 
+    box-sizing: border-box;
 
+    padding: 0px;
 
+}
 
+
 
+
 
+.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;
 
+}
 
+
 
+.ai_detail > .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;
 
+}
 
+
 
+.ai_detail > .binfo_textarea {
 
+  border: 1.5px solid #cad1dc;
 
+  font-size: 16px;
 
+  resize: none;
 
+  /* background: #f6f6f6; */
 
+  font-family: "Microsoft YaHei";
 
+}
 
+
 
+.ai_detail > .binfo_input:focus-visible {
 
+  border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+
 
+.ai_nav{
 
+    font-size: 16px;
 
+    margin-bottom: 10px;
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+.ai_nav > span{
 
+    cursor: pointer;
 
+}
 
+
 
+.ai_nav > span + span{
 
+    margin-left: 15px;
 
+}
 
+.ai_nav > span.active{
 
+    color: #3681fc;
 
+}
 
+
 
+.ai_detail{
 
+    display: flex;
 
+    flex-direction: column;
 
+}
 
+
 
+.ai_detail > .title{
 
+    margin-bottom: 5px;
 
+}
 
+
 
+</style>

+ 199 - 0
src/components/pages/aiEasy/aiTips.vue
查看文件 

@@ -0,0 +1,199 @@
 
+<template>
 
+    <div class="at_body">
 
+        <div class="at_title">
 
+            <span style="color: #00000066;">{{ ttitle }}</span>
 
+            <span style="margin: 0 5px;color: #00000066;">></span>
 
+            <span>{{ title }}</span>
 
+        </div>
 
+        <div class="at_text">
 
+            <div class="at_text_img">
 
+                <div class="at_restart" @click="reset"></div>
 
+                <div class="at_edit" @click="edit"></div>
 
+            </div>
 
+            <div class="at_text_detail">
 
+                <span v-if="!edtiPan">{{ detail }}</span>
 
+                <textarea v-else rows="5" class="binfo_input binfo_textarea" cols v-model="eDetail"
 
+                    placeholder="请输入提示词"></textarea>
 
+            </div>
 
+            <div class="at_btn" v-if="edtiPan">
 
+                <el-button type="primary" size="mini" @click="confrim">保存</el-button>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</template>
 
+
 
+<script>
 
+
 
+export default {
 
+    props: {
 
+        ttitle: {
 
+            type: String,
 
+            default: ''
 
+        },
 
+        title: {
 
+            type: String,
 
+            default: ''
 
+        },
 
+        detail: {
 
+            type: String,
 
+            default: ''
 
+        },
 
+        pan: {
 
+            type: String,
 
+            default: ''
 
+        }
 
+    },
 
+    data() {
 
+        return {
 
+            aiJson: {
 
+                aiDetail: "请根据<课程简要描述>设计一个名为<课程名字>的<课程学科>学科的，面向<面向年级>的项目式学习课程。",
 
+                aiOutline: "请根据<课程简要描述>及#补充参考资料为这个名为<课程名字>的<课程学科>学科的，面向<面向年级>的项目式学习课程设计序列教学活动（需要每个任务都需要至少50个token的详细描述），每个教学活动的活动设计（可以直接使用文件内容）以及每个教学活动的评价量规（学生能做到...）。",
 
+                aiTask: "请根据<教学任务教案>。",
 
+                aiDetail1: "请根据<课程描述>，重新设计该教学任务。任务需要至少50个token的详细描述，包含任务设计，评价标准。",
 
+                aiDetail2: "请你在考虑到整个课程的情况下，优化该任务描述和任务名：<任务名>：<任务描述>",
 
+                aiDetail3: "请你在考虑到整个课程的情况下，**重点考虑该任务及工具名和工具内容的情况下**，优化工具指引。",
 
+                aiDetail4: "请你在考虑到整个课程的情况下，**重点考虑该任务详情**以及工具的情况下，优化评价标准。",
 
+                aiTeacher: "请根据<任务大纲>为每个教学任务设计详细的教案，其中包括但不仅限于该任务的教学目标，教学过程，师生研讨，拓展，学生任务单，相关知识点的练习或Qui以及答案等。",
 
+                teacherDetail: "请根据<教案描述>重新设计该教案。其中包括但不仅限于该任务的教学目标，教学过程，师生研讨，拓展，学生任务单，相关知识点的练习或Qui以及答案等。",
 
+            },
 
+            eDetail: "",
 
+            edtiPan: false
 
+        }
 
+    },
 
+    methods: {
 
+        edit() {
 
+            if (this.edtiPan) {
 
+                this.edtiPan = false
 
+            }
 
+            this.edtiPan = true;
 
+            this.eDetail = JSON.parse(JSON.stringify(this.detail));
 
+        },
 
+        confrim() {
 
+            this.$emit("setAiJson", this.pan, this.eDetail);
 
+            this.edtiPan = false;
 
+        },
 
+        reset() {
 
+            this.$confirm("确定重置此提示词么？", "提示", {
 
+                confirmButtonText: "确定",
 
+                cancelButtonText: "取消",
 
+                type: "warning",
 
+            })
 
+                .then(() => {
 
+                    this.edtiPan = false;
 
+                    this.$emit("setAiJson", this.pan, this.aiJson[this.pan]);
 
+                })
 
+                .catch(() => {
 
+
 
+                });
 
+        }
 
+    },
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+.at_body {
 
+    width: 100%;
 
+    margin-bottom: 10px;
 
+}
 
+
 
+.at_title {
 
+    font-size: 14px;
 
+    margin-bottom: 10px;
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.at_text {
 
+    background: #fffef6;
 
+    padding: 8px;
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+    font-size: 15px;
 
+    line-height: 22px;
 
+    border-radius: 4px;
 
+}
 
+
 
+.at_text_img {
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: flex-end;
 
+    margin-bottom: 5px;
 
+}
 
+
 
+.at_restart {
 
+    background-image: url(../../../assets/icon/course/restart.svg);
 
+    width: 25px;
 
+    height: 25px;
 
+    background-size: 100% 100%;
 
+    cursor: pointer;
 
+}
 
+
 
+.at_edit {
 
+    background-image: url(../../../assets/icon/course/edit2.svg);
 
+    width: 25px;
 
+    height: 25px;
 
+    background-size: 100% 100%;
 
+    cursor: pointer;
 
+}
 
+
 
+.at_text_detail {
 
+    word-break: break-all;
 
+}
 
+
 
+.binfo_input {
 
+    width: 100%;
 
+    margin: 0;
 
+    padding: 5px 7px;
 
+    display: block;
 
+    min-width: 0;
 
+    outline: none;
 
+    box-sizing: border-box;
 
+    background: none;
 
+    border: none;
 
+    border-radius: 4px;
 
+    background: #fff;
 
+    font-size: 15px;
 
+    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: 15px;
 
+    resize: vertical;
 
+    /* background: #f6f6f6; */
 
+    font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+    border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+.at_btn {
 
+    margin-top: 5px;
 
+    text-align: right;
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+    /*滚动条整体样式*/
 
+    width: 6px;
 
+    /*高宽分别对应横竖滚动条的尺寸*/
 
+    height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-track {
 
+    border-radius: 10px;
 
+    background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-thumb {
 
+    border-radius: 10px;
 
+    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 
+    background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+</style>

+ 1134 - 0
src/components/pages/aiEasy/evaList.vue
查看文件 

@@ -0,0 +1,1134 @@
 
+<template>
 
+    <div style="position: relative;" v-loading="loading" :style="{ minHeight: loading ? '250px' : 'auto' }"
 
+        element-loading-text="小可正在努力生成中，请稍等...">
 
+        <div class="c_pub_button_confirm stopBtn" v-if="loading" @click="cancelAjax('elist')">停止</div>
 
+        <div class="elist_title">
 
+            <div style=" display: flex; flex-direction: row;align-items: center; margin: 20px 0; ">
 
+                <div class="lineTitle clineTitle">评价设置</div>
 
+                <div style="margin-left:auto;display: flex;">
 
+                    <div class="r_pub_button_op" style="margin-left:10px;" @click="openAiDialog('elist')">{{ (eList &&
 
+                        eList.length) ? '重新生成评价' : '生成评价' }}</div>
 
+                    <div  v-if="eList && eList.length" class="show_taskD" :class="{ show: interPan }" @click="toggleInterPan">
 
+                        <img src="../../../assets/icon/new/u_up.png" />
 
+                        {{ interPan ? '收起' : '展开' }}
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <div class="mbCss" v-show="interPan">
 
+            <div class="pjCss">
 
+                <div v-if="eList && eList.length" class="elist_input">
 
+                    <div v-for="(eItem, eIndex) in eList" :key="eIndex" class="elist_input_box">
 
+                        <div class="elist_inptu_text">
 
+                            <span>素养：</span>
 
+                            <input type="input" v-model="eItem.target" placeholder="填写目标"
 
+                                style="width: calc(100% - 280px);" />
 
+                            <el-switch @change="forceUpdate" class="rateSwitch" style="margin-left: auto;"
 
+                                v-model="eItem.isai" active-color="#0061FF" active-text="AI评分" inactive-text=""
 
+                                active-value="1" inactive-value="2">
 
+                            </el-switch>
 
+                        </div>
 
+                        <div class="elist_inptu_text">
 
+                            <span>评价标准：</span>
 
+                            <input type="input" v-model="eItem.detail" placeholder="填写评价标准" />
 
+                            <div class="remove" @click="
 
+                                deletEList(
 
+                                    eIndex
 
+                                )
 
+                                "></div>
 
+                        </div>
 
+                        <div class="elist_inptu_text" style="align-items: flex-start;">
 
+                            <span>评价细则：</span>
 
+                            <div style="width: calc(100%);">
 
+                                <div @click="openRule(eIndex)" class="ruleBtn">{{ eItem.isrule ? '收起细则' : '展开细则' }}
 
+                                </div>
 
+                                <div style="width: calc(100%);" class='op_task_box' v-if="eItem.isrule" v-loading="ruleLoading.length && ruleLoading[eIndex]" element-loading-text='小可正在努力生成中，请稍等...'>
 
+                                    <div class="c_pub_button_confirm stopBtn" v-if="ruleLoading.length && ruleLoading[eIndex]" @click="cancelAjax('rule', eIndex)">停止</div>
 
+                                    <textarea v-autoHeight="68" rows="2" class="binfo_input binfo_textarea" cols
 
+                                        v-model="eItem.rule" placeholder="请输入评价细则"></textarea>
 
+                                    <div class="op_box">
 
+                                        <div class="op_remark"></div>
 
+                                        <div style="display: flex;">
 
+                                                <div class="r_pub_button_op" @click="openAiDialog('rule', eIndex)">{{ eList[eIndex].rule ? '重新生成' : '生成细则'}}</div>
 
+                                        </div>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <!-- <div class="eva_btn_box">
 
+                    <div class="eva_btn_left_box">
 
+                        <button class="c_pub_button_add pub_btn_eval_img" @click="addEList()">
 
+                            添加
 
+                        </button>
 
+                    </div>
 
+                </div> -->
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+</template>
 
+
 
+<script>
 
+import { v4 as uuidv4 } from "uuid";
 
+var OpenCC = require("opencc-js");
 
+let converter2 = OpenCC.Converter({
 
+    from: 'cn',
 
+    to: 'hk'
 
+})
 
+
 
+export default {
 
+    props: {
 
+        toolsData: {
 
+            type: Object,
 
+            default: () => ({})
 
+        },
 
+        languageSetting: {
 
+            type: Number,
 
+            default: 0
 
+        },
 
+        userid: {
 
+            type: String,
 
+            default: ""
 
+        },
 
+        knowFileids: {
 
+            type: Array,
 
+            default: () => []
 
+        },
 
+        unitJson: {
 
+            type: Array,
 
+            default: () => []
 
+        },
 
+        itemTaskIndex: {
 
+            type: Number,
 
+            required: true
 
+        },
 
+        toolIndex: {
 
+            type: Number,
 
+            required: true
 
+        },
 
+        aiJson: {
 
+            type: Object,
 
+            default: () => { }
 
+        }
 
+    },
 
+    data() {
 
+        return {
 
+            eList: [],
 
+            isEvaFold: true,
 
+            loading: false,
 
+            cancelToken: null,
 
+            ruleLoading: [],
 
+            cancelRuleToken: [],
 
+            interPan: true
 
+        }
 
+    },
 
+    watch: {
 
+        eList: {
 
+            handler(newVal) {
 
+                if (newVal.length > 0) {
 
+                    this.$emit('setEvaList', this.itemTaskIndex, this.toolIndex, newVal)
 
+                }
 
+            },
 
+            immediate: true,
 
+            deep: true
 
+        },
 
+        // unitJson: {
 
+        //     handler(newVal) {
 
+        //         debugger
 
+        //         let elist = this.unitJson[0].chapterInfo[0].taskJson[this.itemTaskIndex].toolChoose[this.toolIndex].eList
 
+        //         this.eList = elist ? JSON.parse(JSON.stringify(elist))  : []
 
+        //     },
 
+        //     immediate: true,
 
+        //     deep: true
 
+        // }
 
+    },
 
+    directives: {
 
+        autoHeight: {
 
+            update(el, binding) {
 
+                const { value } = binding;
 
+                if (value && typeof value === "number") {
 
+                    el.style.height = `${value}px`;
 
+                } else {
 
+                    el.style.height = "auto";
 
+                }
 
+            },
 
+            componentUpdated(el) {
 
+                el.style.height = `${el.scrollHeight + 25}px`;
 
+            },
 
+        },
 
+    },
 
+    methods: {
 
+        toggleInterPan() {
 
+            this.interPan = !this.interPan;
 
+            this.forceUpdate();
 
+        },
 
+        cancelAjax(type, index) {
 
+            if(type == 'elist'){
 
+                this.$message.success("已经成功停止生成评价设置")
 
+                if (this.cancelToken) {
 
+                    this.cancelToken.cancel('Request canceled by the user.');
 
+                    this.cancelToken = null;
 
+                }
 
+                if (this.loading) {
 
+                    this.loading = false
 
+                }
 
+                this.$forceUpdate()
 
+            }else if(type == 'rule'){
 
+                this.$message.success("已经成功停止生成评价细则")
 
+                if (this.cancelRuleToken && this.cancelRuleToken[index]) {
 
+                    this.cancelRuleToken[index].cancel('Request canceled by the user.');
 
+                    this.cancelRuleToken[index] = null;
 
+                }
 
+                if (this.ruleLoading[index]) {
 
+                    this.ruleLoading[index] = false
 
+                }
 
+                this.$forceUpdate()
 
+            }
 
+
 
+        },
 
+        forceUpdate() {
 
+            this.$forceUpdate();
 
+        },
 
+        getLang() {
 
+            let lang = ''
 
+            if (this.languageSetting == 0) {
 
+                lang = 'Chinese.'
 
+            } else if (this.languageSetting == 1) {
 
+                lang = 'Traditional Chinese.'
 
+            } else if (this.languageSetting == 2) {
 
+                lang = 'English.'
 
+            }
 
+            return lang
 
+        },
 
+        openAiDialog(type, index) {
 
+            if(this.loading){
 
+                this.$message.error(`生成中，请等待生成完毕后再继续`)
 
+                return
 
+            }
 
+            if (type == 'elist') {
 
+                this.aiElist();
 
+                if(type == 1){
 
+                    this.$emit('addCourseBehavior','courseBehavior', `右键学历案-任务${this.itemTaskIndex + 1}-工具${this.toolIndex + 1}-评价设置-${(this.eList && this.eList.length) ? '重新生成评价' : '生成评价'}按钮`)
 
+                }else{
 
+                    this.$emit('addCourseBehavior','courseBehavior', `右键学历案-任务${this.itemTaskIndex + 1}-任务${this.toolIndex + 1}-评价设置-${(this.eList && this.eList.length) ? '重新生成评价' : '生成评价'}按钮`)
 
+                }
 
+                this.$emit('')
 
+            } else if (type == 'rule') {
 
+                this.aiRule(index);
 
+                this.$emit('addCourseBehavior','courseBehavior', `右键学历案-任务${this.itemTaskIndex + 1}-任务${this.toolIndex + 1}-评价设置-评价${index + 1}-重新生成细则按钮`)
 
+            }
 
+        },
 
+        aiElist() {
 
+            let _this = this
 
+            if(!_this.knowFileids.length){
 
+                _this.$message.error(`请上传参考标准后，再生成评价`)
 
+                return
 
+            }
 
+            _this.loading = true
 
+
 
+            let fileid = _this.knowFileids.length ? [..._this.knowFileids] : []
 
+            let taskDetail = _this.unitJson[0].chapterInfo[0].taskJson[_this.itemTaskIndex].taskDetail ? _this.unitJson[0].chapterInfo[0].taskJson[_this.itemTaskIndex].taskDetail.replaceAll('\n', ' ') : ''
 
+            let tool = _this.toolsData[_this.unitJson[0].chapterInfo[0].taskJson[_this.itemTaskIndex].toolChoose[_this.toolIndex].tool[0]].name
 
+            let toolDetail = _this.unitJson[0].chapterInfo[0].taskJson[_this.itemTaskIndex].toolChoose[_this.toolIndex].toolDetail.replaceAll('\n', ' ')
 
+            let messages = `
 
+Language: ${this.getLang()}
 
+
 
+#上下文#
 
+你是一个资深的教师，你有丰富的项目式学习、跨学科学习、STEAM导师经验。
 
+
 
+<任务描述><工具名称>和<工具描述>是你的参考资料。任务描述中包含了多个学生活动，可能会用到多个工具。工具描述会告诉你学生要用这个工具完成怎样的作业。以下是可能出现的工具以及对应的功能。
 
+【文档】用于记笔记、写作文、设计实验或者撰写报告等文本类作业。
 
+【表格】用于记录数据、整理信息等
 
+【思维导图】用于科学探究的问题分析、头脑风暴等。把各个部分主次关系能直白的展示出来，能够帮助学习和记忆。
 
+【电子白板】用于个性化表达、自主设计类创意活动，系统支持概念图库，主要用于绘制概念图、梳理关键词/事件/问题之间的关系；或支持学生自由绘制一些方案设计图。
 
+【作业提交】支持各类文件格式的上传与显示，如png等图片格式、pptx、docx、txt、md等。
 
+【选择题】用于教师检查学生对知识的掌握和理解，参考指标为题目的正确率。
 
+【排序】通过设置卡片内容及正确顺序，用于教师使用排序类题目检查学生对知识的掌握和理解，参考指标为题目的正确率。
 
+【选择匹配】通过上传题目图片与设置正确回答，用于教师使用选择匹配（连线）检查学生对知识的掌握和理解，参考指标为题目的正确率。
 
+选择题、排序、选择匹配工具是客观题，学生答题后会产生正确率。
 
+
 
+上传的文件中包含了若干个学科的国家课程标准。你要学习文件中特定章节的内容：高中（高一至高三）课程标准中的“学科核心素养与课程目标”章节，义务教育阶段（一年级至九年级）课程标准中的“课程目标”章节。这些章节详细阐述了该学科的“核心素养”和“目标”。“学科核心素养”指学生应具备的，能够适应终身发展和社会发展需要的必备品格和关键能力。“目标”指课程本身要实现的具体目标和意图。它规定了某一教育阶段的学生通过课程学习以后，在发展品德、智力、体质等方面期望实现的程度，它是确定课程内容、教学目标和教学方法的基础。注意：每个学科的“核心素养”有专业用词，一般会作为文件中的小标题出现，不能随意编写，不能随意生成。举例：义务教育阶段语文学科的核心素养为“文化自信”“语言运用”“思维能力”“审美创造”；义务教育阶段数学学科的核心素养为“会用数学的眼光观察现实世界”“会用数学的思维思考现实世界”“会用数学的语言表达现实世界”。
 
+
 
+当选择多个学科时，上传的文件中会有《跨学科素养（参考）》，跨学科素养能力指具有跨文化一致性的、能够跨越一系列情境长期存在和发挥作用的、个体用于应对和解决日常工作和生活中遇到的各种复杂挑战和需求的能力。例如“合作能力”“认知能力”“创新能力”等。
 
+
 
+你要理解学科核心素养和学科目标之间的关系。你生成的评价标准可以被当作课程目标，评价标准要与学科的核心素养或者跨学科素养匹配。
 
+
 
+#目标#
 
+你需要完成以下六个步骤：
 
+1.检索并学习上传文件的指定章节（高中（高一至高三）课程标准中的“学科核心素养与课程目标”章节，义务教育阶段（一年级至九年级）课程标准中的“课程目标”章节，《跨学科素养（参考）》文件），提取学科的核心素养并学习学科目标。
 
+2.你要参考第一步学习的学科目标，结合<任务描述:${taskDetail}><工具名称:${tool}>和<工具描述:${toolDetail}>生成适合当前作业的评价标准。评价标准用于评估学生的能力。
 
+3.你要精准地将评价标准匹配上传文件的核心素养和课程目标内容。第二步的评价标准是根据课程目标生成的，你要将这些评价标准与第一步提取的学科核心素养一一匹配。注意：所有的核心素养信息必须以上传文件的内容为依据，不可以使用其他的默认信息或者模版！避免使用上传文件中未出现的素养。
 
+4.只有当上传的文件包含《跨学科素养（参考）》时，执行该步骤。如果生成的评价标准难以与具体某个学科（如“语文”“英语”“劳动”）的国家课程标准匹配时，你可以将评价标准匹配该文件中提到的跨学科素养，如“合作能力”“认知能力”“创新能力”等。
 
+5.你要根据第一步生成的评价标准制定每一条标准的六级评价细则，这个评价细则将用于对学生能力的打分。
 
+6.你要将第2步到第5步生成的内容整理成json格式，参考json格式范例。
 
+
 
+#风格#
 
+专业的教育教学用语，简练易懂，逻辑性强。
 
+
 
+#语气#
 
+陈述
 
+
 
+#受众#
 
+教师
 
+
 
+#输出要求#
 
+1.评价标准的个数为3个。每一个评价标准不能超过30字。生成的评价标准要适用于当前工具，要适合教师用线上平台对学生作业进行评估打分。输出内容和格式要求参考#评价标准范例#。注意！输出内容不能复制范例内容。注意！不要出现#评价标准错误范例#中的情况。
 
+2.选择题、排序、选择匹配等客观题工具只生成1个评价标准，评价细则要说明学生答题正确率分别对应哪个等级。
 
+3.每1个评价标准只对应1个关联度最高的核心素养。学科核心素养输出参考#核心素养输出范例#。注意！1个评价标准不能对应多个核心素养。不允许出现上传文件中没有的核心素养。严格按照上传文件中检索到的核心素养输出。每个评价标准必须与文件中明确的核心素养对应。避免使用文件中未出现的任何术语。不要出现#核心素养错误范例#中的情况。
 
+4.具体的评价细则分为6级——0星，1星，2星，3星，4星，5星。输出格式参考#评价细则范例#。
 
+5.参考#json格式范例#,将内容整理成json格式。**之间的内容为json格式中的代码。以*[*开头，以*]*结尾。每一条评价标准、核心素养以及评价细则以*{*开头，以*}*结尾。核心素养前有*"core":*。评价标准前有*"std":*。评价细则前有*"rule":*。具体内容放在""之间。格式如下：
 
+[
 
+    {"std":"评价标准","core":"核心素养（识别上传文件对应的学科）","rule":"评价细则"},
 
+    {"std":"评价标准","core":"核心素养（识别上传文件对应的学科）","rule":"评价细则"},
 
+    {"std":"评价标准","core":"核心素养（识别上传文件对应的学科）","rule":"评价细则"},
 
+]
 
+5.只输出json格式的内容，其他的不要输出！
 
+
 
+#评价标准范例#
 
+学生能够准确描述红树林生态功能及动植物之间的关系。 
+学生的调查报告完整详细，说明文逻辑清晰。 
+艺术作品反映了对红树林生态系统的创新理解。
 
+
 
+#评价标准错误范例#
 
+错误范例1:工具描述是“在完成动植物调查后，同学们需要使用文档工具撰写调查报告，详细描述调查过程和结果”，输出“艺术作品反映了对红树林生态系统的创新理解”。原因是：文档工具不能支持学生完成艺术作品。
 
+错误范例2:工具描述是“在实地考察或虚拟模拟中，同学们需要使用表格工具记录观察到的红树林生态功能和动植物信息”，输出“学生能够通过数据分析解释生态系统变化”。原因是：表格工具不能支持学生完成报告的撰写，所以不能学生通过表格工具解释变化。
 
+
 
+#评价细则范例#
 
+0 星，作业内容与作业要求无关；
 
+1 星，没有识别问题和需求;
 
+2 星，问题或需求没有被清晰理解或准确识别;
 
+3 星，问题或需求的一部分被识别;
 
+4 星，问题或需求的大部分被识别;
 
+5 星，问题或需求都被识别。 
+
 
+#核心素养错误范例#
 
+错误范例1:评价标准是“学生能够展示诗歌与美术作品的创作主题和过程”。输出“审美创造（艺术）”是错误的，因为艺术学科的核心素养中没有“审美创造”。
 
+错误范例2:评价标准是“学生能通过文档工具记录并总结对诗词的人文感悟。”。输出“表达与交流（语文）”是错误的，因为艺术学科的核心素养中没有“表达与交流”。
 
+
 
+#核心素养输出范例#
 
+评价标准：学生应该能准确指出光合作用发生的具体部位（叶绿体），并解释叶绿体在光合作用中的重要性。
 
+这一条标准对应了《义务教育科学课程标准（2022年版）》中“科学观念”这一条核心素养，识别上传文件对应的学科为“科学”。所以输出内容为：科学观念（科学）。
 
+
 
+评价标准：学生能够通过文档工具清晰表达小学生活的回忆与未来期望。
 
+这一条标准对应了《义务教育艺术课程标准（2022年版）》中“艺术表现”这一条核心素养，识别上传文件对应的学科为“艺术”。所以输出内容为：艺术表现（艺术）。
 
+
 
+评价标准：学生能够在小组讨论中积极表达观点。
 
+这一条标准对应了《跨学科素养参考资料》中“合作能力”这一条核心素养，识别上传文件对应的学科为“跨学科”。所以输出内容为：合作能力（跨学科）。
 
+
 
+#json格式范例#
 
+[
 
+    {"std":"学生应该能清晰地解释光合作用的定义，包括植物利用光能将二氧化碳和水转化为葡萄糖和氧气的过程。","core":"科学观念（科学）","rule":"0星，未能解释光合作用的定义，与主题无关。
 
+1星，尝试解释光合作用但描述与实际过程不符。
 
+2星，能够识别光合作用的要素之一，如光能、二氧化碳、水、葡萄糖或氧气，但未形成完整的定义。
 
+3星，能够部分描述光合作用的过程，例如知道植物利用光能进行转化，但未全面涵盖所有成分。
 
+4星，能够完整描述光合作用的过程，但细节或某些元素略显不足。
 
+5星，清晰完整地解释了光合作用的定义，包括如何利用光能将二氧化碳和水转化为葡萄糖和氧气的详细过程。
 
+"},
 
+    {"std":"学生应该能正确写出光合作用的化学反应式：6CO2 + 6H2O + 光能 → C6H12O6 + 6O2，并理解每个成分的作用。","core":"科学观念（科学）","rule":"0星：未能写出任何相关的内容，完全没有涉及光合作用的化学反应式。
 
+1星：光合作用的化学反应式错误，完全没有正确的化学分子式。
 
+2星：能够部分写出光合作用的化学反应式，但分子式及其配比有较多错误，未能体现光能的作用。
 
+3星：基本写出大部分的光合作用化学反应式，但有小部分错误，对于光能的作用未能准确阐述。
 
+4星：能较完整写出光合作用的化学反应式，整体正确，但对每个成分的具体作用理解不够深入。
 
+5星：准确无误地写出光合作用的化学反应式，并能清晰、详细地解释每个成分的作用及其在反应中的重要性。
 
+"},
 
+    {"std":"学生能够通过文档工具清晰表达小学生活的回忆与未来期望。","core":"艺术表现（艺术）","rule":"
 
+0星，未能使用文档工具表达任何想法。
 
+1星，尝试使用文档工具但表达不清晰。
 
+2星，能够部分表达小学生活的回忆或未来期望。
 
+3星，能够表达小学生活的回忆或未来期望，但不够完整。
 
+4星，能够完整表达小学生活的回忆与未来期望，但细节略显不足。
 
+5星，清晰完整地表达了小学生活的回忆与未来期望，细节丰富。
 
+"},
 
+]`
 
+            _this.loading = true
 
+            _this.cancelToken = _this.ajax.setCancelSource();
 
+            let params = {
 
+                assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
 
+                message: [{ "type": "text", "text": this.languageSetting == 1 ? converter2(messages.replaceAll('\n', " ").replaceAll('*', "")) : messages.replaceAll('\n', " ").replaceAll('*', "") }],
 
+                session_name: uuidv4(),
 
+                userId: _this.userid,
 
+                file_ids: fileid.length ? [...fileid] : '',
 
+                model: 'gpt-4o-2024-11-20',
 
+                temperature: 0.1,
 
+            }
 
+            _this.ajax.post('https://gpt4.cocorobo.cn/ai_agent_park_chat', params, _this.cancelToken).then(function (response) {
 
+                console.log(response);
 
+                let data = response.data.FunctionResponse
 
+                if (data.message) {
 
+                    console.log(data.message);
 
+                    let elist = []
 
+                    try {
 
+                        elist = JSON.parse(data.message.replaceAll("```json", "").replaceAll("```", ""))
 
+                        elist = elist.map(el => {
 
+                            return {
 
+                                isai: "1",
 
+                                target: el.core,
 
+                                value: "",
 
+                                detail: el.std,
 
+                                rule: el.rule.replace(/([；。])/g, '$1\n')
 
+                            }
 
+                        })
 
+                    } catch (e) {
 
+                        console.log("error_________________" + e);
 
+                        try {
 
+                            let regex = new RegExp(/```json([\s\S]*?)```/);
 
+                            let match = data.message.match(regex);
 
+                            elist = JSON.parse(match[1])
 
+                            elist = elist.map(el => {
 
+                                return {
 
+                                    isai: "1",
 
+                                    target: el.core,
 
+                                    value: "",
 
+                                    detail: el.std,
 
+                                    rule: el.rule.replace(/([；。])/g, '$1\n')
 
+                                }
 
+                            })
 
+
 
+                        } catch (error) {
 
+                        }
 
+                    }
 
+
 
+                    console.log(elist);
 
+                    _this.eList = elist
 
+                    _this.$forceUpdate()
 
+                }
 
+                _this.cancelToken = null
 
+                _this.loading = false
 
+            }).catch(function (error) {
 
+                _this.cancelToken = null
 
+                _this.loading = false
 
+                console.log(error);
 
+            });
 
+        },
 
+        aiRule(index) {
 
+            if(!this.knowFileids.length){
 
+                this.$message.error(`请上传参考标准后，再生成评价`)
 
+                return
 
+            }
 
+            if (!this.eList[index].target || !this.eList[index].detail) {
 
+                this.$message.error(`评价信息完善信息后再生成细则`)
 
+                return;
 
+            }
 
+            this.ruleLoading[index] = true
 
+            this.$forceUpdate();
 
+            let message = `NOTICE
 
+Role: 你是一个专业的项目式学习导师
 
+Language: ${this.getLang()}
 
+ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
 
+Instruction: Based on the context, follow "Format example", write content.
 
+
 
+#Context
 
+##要求
 
+${this.aiJson['aiRateRule']}
 
+
 
+<评价标准：${this.eList[index].detail}>
 
+<素养：${this.eList[index].target}>
 
+
 
+参考#Format example#,将内容整理成字符串格式。。以*====*开头，以*====*结尾。格式如下：
 
+==== 
+0 星，作业内容与作业要求无关；
 
+1 星，没有识别问题和需求;
 
+2 星，问题或需求没有被清晰理解或准确识别;
 
+3 星，问题或需求的一部分被识别;
 
+4 星，问题或需求的大部分被识别;
 
+5 星，问题或需求都被识别。 
+==== 
+
 
+# Format example
 
+==== 
+0 星，作业内容与作业要求无关；
 
+1 星，没有识别问题和需求;
 
+2 星，问题或需求没有被清晰理解或准确识别;
 
+3 星，问题或需求的一部分被识别;
 
+4 星，问题或需求的大部分被识别;
 
+5 星，问题或需求都被识别。 
+==== `
 
+            this.cancelRuleToken[index] = this.ajax.setCancelSource();
 
+            let parm = {
 
+                assistant_id: 'b19f1a1a-7586-11ef-8ce0-12e77c4cb76b',
 
+                message: [{ "type": "text", "text": this.languageSetting == 1 ? converter2(message.replaceAll('\n', " ").replaceAll('*', "")) : message.replaceAll('\n', " ").replaceAll('*', "") }],
 
+                session_name: uuidv4(),
 
+                userId: this.userid,
 
+                file_ids: [...this.knowFileids],
 
+                model: 'gpt-4o-2024-11-20',
 
+                temperature: this.mode == 3 ? 0.5 : 0.1,
 
+            }
 
+            this.ajax
 
+                .post("https://gpt4.cocorobo.cn/ai_agent_park_chat", parm, this.cancelRuleToken[index])
 
+                .then(async (response) => {
 
+                    console.log(response);
 
+                    let data = response.data.FunctionResponse
 
+                    if (data.message) {
 
+                        console.log(data.message);
 
+
 
+                        let content = data.message;
 
+
 
+                        var regex = new RegExp('====([^=]+)====');
 
+                        let match = content.match(regex);
 
+                        if (match) {
 
+                            content = match[1].trim().replaceAll(' ', '');
 
+                            // 获取匹配到的内容并去除两端空格 
+                            console.log('contentInsideDoubleEquals', content);
 
+                            if (content.indexOf('0星') == -1 || content.indexOf('2星') == -1 || content.indexOf('3星') == -1 || content.indexOf('4星') == -1 || content.indexOf('5星') == -1) {
 
+                                console.log("未有星级。");
 
+                                this.cancelRuleToken[index] = null
 
+                                this.aiRule(index)
 
+                                return
 
+                            }
 
+                            //  return 
+                        } else {
 
+                            console.log("未找到匹配的内容。");
 
+                            this.cancelRuleToken[index] = null
 
+                            this.aiRule(index)
 
+                            return
 
+                        }
 
+
 
+                        let elist = JSON.parse(JSON.stringify(this.eList[index]))
 
+                        elist.rule = JSON.parse(JSON.stringify(content.replaceAll("#", "")))
 
+                        this.$set(this.eList, index, elist)
 
+                        this.$forceUpdate();
 
+                        this.ruleLoading[index] = false
 
+                        this.cancelRuleToken[index] = null
 
+                        this.$message.success(`评价细则生成成功`)
 
+                    } else {
 
+                        this.ruleLoading[index] = false
 
+                        this.cancelRuleToken[index] = null
 
+                    }
 
+                    this.$forceUpdate();
 
+
 
+                })
 
+                .catch((error) => {
 
+                    this.cancelRuleToken[index] = null
 
+                    this.ruleLoading[index] = false
 
+                    this.$forceUpdate();
 
+                    console.log(error);
 
+                });
 
+        },
 
+        addEList() {
 
+
 
+        },
 
+        deletEList(index) {
 
+            this.$confirm('确定删除吗？').then(() => {
 
+                this.eList.splice(index, 1)
 
+                if (!this.eList.length) {
 
+                    this.$emit('setEvaList', this.itemTaskIndex, this.toolIndex, this.eList)
 
+                }
 
+            })
 
+
 
+        },
 
+        openRule(i) {
 
+            if (this.eList[i].isrule) {
 
+                this.eList[i].isrule = false
 
+            } else {
 
+                this.eList[i].isrule = true
 
+            }
 
+            setTimeout(() => {
 
+                this.eList[i].rule += "*0*%*";
 
+                setTimeout(() => {
 
+                    this.eList[i].rule = this.eList[i].rule.replaceAll("*0*%*", "");
 
+                }, 0);
 
+            }, 100);
 
+            this.$forceUpdate();
 
+        },
 
+    },
 
+    mounted() {
 
+        let elist = this.unitJson[0].chapterInfo[0].taskJson[this.itemTaskIndex].toolChoose[this.toolIndex].eList
 
+        this.eList = elist ? JSON.parse(JSON.stringify(elist)) : []
 
+        for (let i = 0; i < this.eList.length; i++) {
 
+            setTimeout(() => {
 
+                this.eList[i].rule += "*0*%*";
 
+                setTimeout(() => {
 
+                    this.eList[i].rule = this.eList[i].rule.replaceAll("*0*%*", "");
 
+                }, 0);
 
+            }, 500);
 
+        }
 
+    }
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+/* 评价样式 */
 
+.elist_css {
 
+    padding-bottom: 75px !important;
 
+}
 
+
 
+.elist_title {
 
+    margin-bottom: 10px;
 
+}
 
+
 
+.elist_input {
 
+    width: 100%;
 
+}
 
+
 
+.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: 100%;
 
+    /* max-width: calc(100% - 385px); */
 
+    max-width: calc(100% - 150px);
 
+    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;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.elist_input .elist_input_box .remove {
 
+    height: 20px;
 
+    width: 20px;
 
+    min-height: 20px;
 
+    min-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% - 40px);
 
+    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;
 
+}
 
+
 
+.stepBox {
 
+    width: calc(100% - 40px);
 
+    height: calc(100% - 50px);
 
+    overflow: hidden;
 
+    border-radius: 5px;
 
+    margin: 0 auto;
 
+}
 
+
 
+.rightBox {
 
+    width: calc(100%);
 
+    background: #f0f2f5;
 
+    /* border-radius: 10px; */
 
+    overflow: auto;
 
+    height: calc(100% - 150px);
 
+    margin: 0 auto;
 
+    position: relative;
 
+    box-sizing: border-box;
 
+}
 
+
 
+.e_add_top {
 
+    display: flex;
 
+    justify-content: space-between;
 
+    background: #fff;
 
+    position: absolute;
 
+    right: 20px;
 
+    height: 50px;
 
+    align-items: center;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.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%);
 
+    display: flex;
 
+    flex-direction: column;
 
+    flex-wrap: nowrap;
 
+    align-items: flex-start;
 
+}
 
+
 
+.e_box {
 
+    /* display: flex; */
 
+    flex-wrap: wrap;
 
+    max-height: 500px;
 
+    align-items: flex-start;
 
+    overflow: auto;
 
+    width: 100%;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.ruleBtn {
 
+    width: fit-content;
 
+    height: 36px;
 
+    line-height: 36px;
 
+    cursor: pointer;
 
+    color: #0061FF;
 
+}
 
+
 
+.op_task_box,
 
+.op_tool_box,
 
+.outline_detail {
 
+    position: relative;
 
+}
 
+
 
+.op_task_box:hover .op_box,
 
+.op_tool_box:hover .op_box,
 
+.outline_detail:hover .op_box {
 
+    display: flex
 
+}
 
+
 
+.op_box {
 
+  position: absolute;
 
+  bottom: 10px;
 
+  display: none;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  width: calc(100% - 20px);
 
+  left: 50%;
 
+  transform: translateX(-50%);
 
+}
 
+
 
+.op_box .op_remark {
 
+  color: #8E8E8E;
 
+  font-size: 14px;
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.rateSwitch>>>.el-switch__label.is-active {
 
+    color: #0061FF;
 
+}
 
+
 
+.rateSwitch>>>.el-switch__label--right {
 
+    display: flex;
 
+    align-items: center;
 
+}
 
+
 
+.rateSwitch>>>.el-switch__label--right::before {
 
+    content: "";
 
+    width: 14px;
 
+    height: 14px;
 
+    min-width: 14px;
 
+    min-height: 14px;
 
+    background-size: 100% 100%;
 
+    display: block;
 
+    margin-right: 7px;
 
+    background-image: url(../../../assets/icon/new/u_op2.png);
 
+}
 
+
 
+.rateSwitch>>>.el-switch__label--right.is-active::before {
 
+    background-image: url(../../../assets/icon/new/u_op.png);
 
+}
 
+
 
+.stopBtn {
 
+    z-index: 999999;
 
+    position: absolute;
 
+    left: 50%;
 
+    top: calc(50% + 70px);
 
+    transform: translateX(-50%);
 
+}
 
+
 
+.show_taskD {
 
+  min-width: fit-content;
 
+  margin-left: 10px;
 
+  display: flex;
 
+  align-items: center;
 
+  font-size: 14px;
 
+  cursor: pointer;
 
+  color: #0061FF;
 
+}
 
+
 
+.show_taskD>img {
 
+  width: 15px;
 
+  margin-right: 5px;
 
+  transition: 0.2s all;
 
+  transform: rotate(-90deg);
 
+}
 
+
 
+.show_taskD.show>img {
 
+  transform: rotate(0deg);
 
+}
 
+</style>

+ 658 - 0
src/components/pages/aiEasy/jsmind2.vue
查看文件 

@@ -0,0 +1,658 @@
 
+<template>
 
+  <!-- 普通菜单 -->
 
+  <div class="jsmind_layout">
 
+    <div class="noMind" v-if="mindV">
 
+      <span>暂无数据</span>
 
+    </div>
 
+    <div :id="jsmindId" ref="container" class="jsmind_container"></div>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import jsMind from "jsmind";
 
+import "jsmind/style/jsmind.css";
 
+
 
+
 
+
 
+export default {
 
+  props: {
 
+    showBar: {
 
+      // 是否显示工具栏，显示启用编辑
 
+      type: Boolean,
 
+      default: true,
 
+    },
 
+    theme: {
 
+      // 主题
 
+      type: String,
 
+      default: "primary",
 
+    },
 
+    lineColor: {
 
+      // 线条颜色
 
+      type: String,
 
+      default: "skyblue",
 
+    },
 
+    mindData: {
 
+      type: Object,
 
+      default: {},
 
+    },
 
+    jsmindId: {
 
+      type: String,
 
+      default: "jsmind_container",
 
+    },
 
+  },
 
+  data() {
 
+    return {
 
+      mindV: false,
 
+      i: 0,
 
+      mind: {},
 
+      jm: null,
 
+      isZoomIn: false,
 
+      isZoomOut: false,
 
+      level: 0,
 
+      nodeOptions: [
 
+        { value: 1, label: "展开到一级节点" },
 
+        { value: 2, label: "展开到二级节点" },
 
+        { value: 3, label: "展开到三级节点" },
 
+        { value: 0, label: "展开全部节点" },
 
+        { value: -1, label: "隐藏全部节点" },
 
+      ],
 
+      themeOptions: [
 
+        { value: "default", label: "default" },
 
+        { value: "primary", label: "primary" },
 
+        { value: "warning", label: "warning" },
 
+        { value: "danger", label: "danger" },
 
+        { value: "success", label: "success" },
 
+        { value: "info", label: "info" },
 
+        { value: "greensea", label: "greensea" },
 
+        { value: "nephrite", label: "nephrite" },
 
+        { value: "belizehole", label: "belizehole" },
 
+        { value: "wisteria", label: "wisteria" },
 
+        { value: "asphalt", label: "asphalt" },
 
+        { value: "orange", label: "orange" },
 
+        { value: "pumpkin", label: "pumpkin" },
 
+        { value: "pomegranate", label: "pomegranate" },
 
+        { value: "clouds", label: "clouds" },
 
+        { value: "asbestos", label: "asbestos" },
 
+      ],
 
+      localTheme: this.theme,
 
+      dialogVisible: false,
 
+      nodeOption: {
 
+        content: "",
 
+        bgColor: "",
 
+        fontColor: "",
 
+        fontSize: "",
 
+        fontWeight: "",
 
+        fontStyle: "",
 
+      },
 
+    };
 
+  },
 
+  watch: {
 
+    mindData: {
 
+      handler: function (cur, old) {
 
+        console.log(cur.task);
 
+        let data = this.setMindData(cur)
 
+        this.mind = data;
 
+        this.$forceUpdate()
 
+        if (data.data.length) {
 
+          if (data.data[0].topic === "" && data.data.length === 1) {
 
+            this.mindV = true;
 
+          } else {
 
+            this.mindV = false;
 
+          }
 
+          setTimeout(() => {
 
+            if (this.jm) {
 
+              this.jm.show(this.mind);
 
+            } else {
 
+              this.open_empty();
 
+            }
 
+          }, 1000);
 
+        }
 
+      },
 
+      deep: true, //对象内部的属性监听，也叫深度监听
 
+    },
 
+  },
 
+  created() { },
 
+  mounted() {
 
+    this.getData();
 
+    // this.mouseWheel();
 
+  },
 
+  methods: {
 
+    refresh(){
 
+      // console.log(cur.task);
 
+      let data = this.setMindData(this.mindData)
 
+      this.mind = data;
 
+      this.$forceUpdate()
 
+      if (data.data.length) {
 
+        if (data.data[0].topic === "" && data.data.length === 1) {
 
+          this.mindV = true;
 
+        } else {
 
+          this.mindV = false;
 
+        }
 
+        setTimeout(() => {
 
+          if (this.jm) {
 
+            this.jm.show(this.mind);
 
+            this.resizeJm()
 
+          } else {
 
+            this.open_empty();
 
+          }
 
+        }, 1000);
 
+      }
 
+    },
 
+    beforeUpload(file) {
 
+      // 上传文件之前钩子
 
+      if (file) {
 
+        jsMind.util.file.read(file, (jsmindData) => {
 
+          const mind = jsMind.util.json.string2json(jsmindData);
 
+          if (mind) {
 
+            this.jm.show(mind);
 
+            this.$message({ type: "success", message: "打开成功" });
 
+          } else {
 
+            this.prompt_info("不能打开mindmap文件");
 
+          }
 
+        });
 
+      } else {
 
+        this.prompt_info("请先选择文件");
 
+        return false;
 
+      }
 
+    },
 
+    upload() { },
 
+    getData() {
 
+      //   this.$API({
 
+      //     name: "getMind",
 
+      //   })
 
+      //     .then((res) => {
 
+      //       this.mind = res.data;
 
+      //       this.open_empty();
 
+      //     })
 
+      //     .catch((error) => {
 
+      //       this.$message.error(error);
 
+      //     });
 
+      let data = this.setMindData(this.mindData)
 
+      this.mind = data;
 
+      // debugger
 
+      this.$forceUpdate()
 
+      if (data.data.length) {
 
+        if (data.data[0].topic === "" && data.data.length === 1) {
 
+          this.mindV = true;
 
+        } else {
 
+          this.mindV = false;
 
+        }
 
+        setTimeout(() => {
 
+          if (this.jm) {
 
+            this.jm.show(this.mind);
 
+            this.resizeJm()
 
+          } else {
 
+            this.open_empty();
 
+          }
 
+
 
+        }, 1000);
 
+      }
 
+    },
 
+    resizeJm(){
 
+      // let elements = document.getElementsByClassName("jsmind-inner")[0];
 
+      let elements2 = document.getElementsByClassName("jsmind_layout")[0];
 
+      
+      let sw = (elements2.offsetWidth / this.jm.view.size.w).toFixed(2)
 
+
 
+      elements2.style.height = `${this.jm.view.size.h * sw}px`
 
+      // elements.style.width = `${this.jm.view.size.w * sw}px`
 
+      console.log(sw)
 
+      this.jm.view.minZoom = sw; // 
+      this.jm.view.setZoom(this.jm.view.minZoom); // 应用最小缩放级别
 
+      this.jm.view.show(); // 重绘思维导图以应用缩放变化
 
+    },
 
+    setMindData(json) {
 
+      let data = {
 
+        meta: {
 
+          name: json.task,
 
+          author: "dd@163.com",
 
+          version: "0.2",
 
+        },
 
+        format: "node_array",
 
+        data: []
 
+      };
 
+      data.data.push({ id: "root", isroot: true, topic: json.task });
 
+      console.log(`111`, json.task);
 
+      let elist = []
 
+      let toolChoose = json.toolChoose;
 
+      for (let i = 0; i < toolChoose.length; i++) {
 
+        if(toolChoose[i].eList && toolChoose[i].eList.length){
 
+          let list = toolChoose[i].eList.map(item=>{
 
+            return {
 
+              ...item,
 
+              index: i
 
+            }
 
+          })
 
+          elist.push(...list)
 
+        }
 
+      }
 
+      if(elist.length){
 
+        let listName = []
 
+      for(var i = 0;i<elist.length;i++){
 
+        let item = elist[i]
 
+        if(listName.indexOf(item.target) == -1){
 
+          listName.push(item.target)
 
+        }
 
+      }
 
+      let _eJson = {}
 
+      for(var i = 0;i<listName.length;i++){
 
+        let listItem = listName[i]
 
+        _eJson[listItem] = {
 
+          child: {}
 
+        }
 
+        for(var j = 0;j<elist.length;j++){
 
+          let item2 = elist[j]
 
+          if(item2.target == listItem){
 
+            if(_eJson[listItem].child[item2.detail]){
 
+              if(_eJson[listItem].child[item2.detail].child.indexOf(item2.index) == -1){
 
+                _eJson[listItem].child[item2.detail].child.push(item2.index)
 
+              }
 
+            }else{
 
+              _eJson[listItem].child[item2.detail] = {
 
+                child: [item2.index]
 
+              }
 
+            }
 
+          }
 
+        }
 
+      }
 
+      let _JsonName = Object.keys(_eJson)
 
+      for(var i = 0;i<_JsonName.length;i++){
 
+        let item = _eJson[_JsonName[i]]
 
+        data.data.push({
 
+          id: _JsonName[i],
 
+          parentid: "root",
 
+          topic: _JsonName[i],
 
+        })
 
+        let _eJsonz = Object.keys(item.child)
 
+        let _e3 = item.child
 
+        for(var j = 0;j<_eJsonz.length;j++){
 
+          let item2 = _e3[_eJsonz[j]]
 
+          data.data.push({
 
+            id: `${_eJsonz[j]}-${i}-${j}`,
 
+            parentid: _JsonName[i],
 
+            topic: _eJsonz[j],
 
+          })
 
+          // let _eJsonz2 = Object.keys(item2.child)
 
+          let _e4 = item2.child
 
+          // for(var z = 0;z<_eJsonz2.length;z++){
 
+            // let item3 = _e4[_eJsonz2[z]]
 
+          for(var zz = 0;zz<_e4.length;zz++){
 
+            data.data.push({
 
+              // id: `${_eJsonz[j]}-${_eJsonz2[z]}-${zz}`,
 
+              id: `${_eJsonz[j]}-${i}-${j}-${zz}`,
 
+              parentid: `${_eJsonz[j]}-${i}-${j}`,
 
+              topic: `工具${_e4[zz] + 1}`,
 
+            })
 
+          }
 
+
 
+          // }
 
+          }
 
+        }
 
+      }
 
+
 
+      console.log(json.task, data);
 
+      return data
 
+    },
 
+    open_empty() {
 
+      const options = {
 
+        container: this.jsmindId, // 必选，容器ID
 
+        editable: this.showBar, // 可选，是否启用编辑
 
+        theme: this.localTheme, // 可选，主题
 
+        view: {
 
+          line_width: 2, // 思维导图线条的粗细
 
+          // line_color: this.lineColor, // 思维导图线条的颜色
 
+        },
 
+        shortcut: {
 
+          enable: true, // 禁用快捷键
 
+        },
 
+        layout: {
 
+          hspace: 20, // 节点之间的水平间距
 
+          vspace: 10, // 节点之间的垂直间距
 
+          pspace: 13, // 节点与连接线之间的水平间距（用于容纳节点收缩/展开控制器）
 
+        },
 
+        mode: "side", // 显示模式，子节点只分布在根节点右侧
 
+      };
 
+      this.jm = jsMind.show(options, this.mind);
 
+      // 改变窗口大小重置画布
 
+      window.onresize = () => {
 
+        this.jm.resize();
 
+      };
 
+      this.getDepth(this.jm.mind.root, 1);
 
+      this.$forceUpdate();
 
+      setTimeout(()=>{
 
+        this.jm.show(this.mind);
 
+        this.resizeJm()
 
+      },1000)
 
+    },
 
+    // 获取层级数 i
 
+    getDepth(obj, k) {
 
+      this.i = Math.max(this.i, k);
 
+      if (obj.children) {
 
+        obj.children.forEach((v) => {
 
+          this.getDepth(v, k + 1);
 
+        });
 
+      }
 
+    },
 
+    save_nodearray_file() {
 
+      const mindData = this.jm.get_data("node_array");
 
+      const mindName = mindData.meta.name;
 
+      const mindStr = jsMind.util.json.json2string(mindData);
 
+      jsMind.util.file.save(mindStr, "text/jsmind", mindName + ".jm");
 
+    },
 
+    screen_shot() {
 
+      this.jm.screenshot.shootDownload();
 
+    },
 
+    expand_all() {
 
+      this.jm.expand_all();
 
+    },
 
+    collapse_all() {
 
+      this.jm.collapse_all();
 
+    },
 
+    expand_to_level(num) {
 
+      switch (num) {
 
+        case -1:
 
+          this.collapse_all();
 
+          break;
 
+        case 0:
 
+          this.expand_all();
 
+          break;
 
+        default:
 
+          this.jm.expand_to_depth(num);
 
+          break;
 
+      }
 
+    },
 
+    zoomIn() {
 
+      if (this.jm.view.zoomIn()) {
 
+        this.isZoomOut = false;
 
+      } else {
 
+        this.isZoomIn = true;
 
+      }
 
+    },
 
+    zoomOut() {
 
+      // debugger;
 
+      if (this.jm.view.zoomOut()) {
 
+        this.isZoomIn = false;
 
+      } else {
 
+        this.isZoomOut = true;
 
+      }
 
+    },
 
+    prompt_info(msg) {
 
+      this.$message({ type: "warning", message: msg });
 
+    },
 
+    get_nodearray_data() {
 
+      const mindData = this.jm.get_data("node_array");
 
+      const mindString = jsMind.util.json.json2string(mindData);
 
+      this.$message({ type: "info", message: mindString });
 
+    },
 
+    set_theme(themeName) {
 
+      this.jm.set_theme(themeName);
 
+    },
 
+    scrollFunc(e) {
 
+      e = e || window.event;
 
+      if (e.wheelDelta) {
 
+        if (e.wheelDelta > 0) {
 
+          this.zoomIn();
 
+        } else {
 
+          this.zoomOut();
 
+        }
 
+      } else if (e.detail) {
 
+        if (e.detail > 0) {
 
+          this.zoomIn();
 
+        } else {
 
+          this.zoomOut();
 
+        }
 
+      }
 
+      this.jm.resize();
 
+    },
 
+    // 鼠标滚轮放大缩小
 
+    mouseWheel() {
 
+      if (document.addEventListener) {
 
+        document.addEventListener("domMouseScroll", this.scrollFunc, false);
 
+      }
 
+      this.$refs.container.onmousewheel = this.scrollFunc;
 
+    },
 
+    // 新增节点
 
+    addNode() {
 
+      let selectedNode = this.jm.get_selected_node();
 
+      if (!selectedNode) {
 
+        this.$message({ type: "warning", message: "请先选择一个节点!" });
 
+        return;
 
+      }
 
+      let nodeid = jsMind.util.uuid.newid();
 
+      let topic = "new Node";
 
+      let newNode = this.jm.add_node(selectedNode, nodeid, topic);
 
+      if (newNode) {
 
+        this.jm.select_node(nodeid);
 
+        this.jm.begin_edit(nodeid);
 
+        this.getDepth(this.jm.mind.root, 1);
 
+      }
 
+    },
 
+    // 新增兄弟节点
 
+    addBrotherNode() {
 
+      let selectedNode = this.jm.get_selected_node();
 
+      if (!selectedNode) {
 
+        this.$message({ type: "warning", message: "请先选择一个节点!" });
 
+        return;
 
+      } else if (selectedNode.isroot) {
 
+        this.$message({
 
+          type: "warning",
 
+          message: "不能在根节点添加，请重新选择节点!",
 
+        });
 
+        return;
 
+      }
 
+      let nodeid = jsMind.util.uuid.newid();
 
+      let topic = "new Node";
 
+      let newNode = this.jm.insert_node_after(selectedNode, nodeid, topic);
 
+      if (newNode) {
 
+        this.jm.select_node(nodeid);
 
+        this.jm.begin_edit(nodeid);
 
+      }
 
+    },
 
+    // 获取选中标签的 ID
 
+    get_selected_nodeid() {
 
+      let selectedNode = this.jm.get_selected_node();
 
+      if (selectedNode) {
 
+        return selectedNode.id;
 
+      } else {
 
+        return null;
 
+      }
 
+    },
 
+    // 删除节点
 
+    removeNode() {
 
+      let selectedId = this.get_selected_nodeid();
 
+      if (!selectedId) {
 
+        this.$message({
 
+          type: "warning",
 
+          message: "请先选择一个节点!",
 
+        });
 
+        return;
 
+      }
 
+      this.jm.remove_node(selectedId);
 
+      this.i = 0;
 
+      this.getDepth(this.jm.mind.root, 1);
 
+    },
 
+    // 编辑节点
 
+    editNode() {
 
+      let selectedId = this.get_selected_nodeid();
 
+      if (!selectedId) {
 
+        this.$message({ type: "warning", message: "请先选择一个节点!" });
 
+        return;
 
+      }
 
+      let nodeObj = this.jm.get_node(selectedId);
 
+      this.nodeOption.content = nodeObj.topic;
 
+      this.nodeOption.bgColor = nodeObj.data["background-color"];
 
+      this.nodeOption.fontColor = nodeObj.data["foreground-color"];
 
+      this.nodeOption.fontSize = nodeObj.data["font-size"];
 
+      this.nodeOption.fontWeight = nodeObj.data["font-weight"];
 
+      this.nodeOption.fontStyle = nodeObj.data["font-style"];
 
+      this.dialogVisible = true;
 
+    },
 
+    sureEditNode() {
 
+      let selectedId = this.get_selected_nodeid();
 
+      this.jm.update_node(selectedId, this.nodeOption.content);
 
+      this.jm.set_node_font_style(
 
+        selectedId,
 
+        this.nodeOption.fontSize,
 
+        this.nodeOption.fontWeight,
 
+        this.nodeOption.fontStyle
 
+      );
 
+      this.jm.set_node_color(
 
+        selectedId,
 
+        this.nodeOption.bgColor,
 
+        this.nodeOption.fontColor
 
+      );
 
+      this.nodeOption = {
 
+        content: "",
 
+        bgColor: "",
 
+        fontColor: "",
 
+        fontSize: "",
 
+        fontWeight: "",
 
+        fontStyle: "",
 
+      };
 
+      this.dialogVisible = false;
 
+    },
 
+  },
 
+  beforeDestroy() {
 
+    // document.removeEventListener("domMouseScroll", this.scrollFunc, false);
 
+  },
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.jsmind_layout {
 
+  display: flex;
 
+  flex-direction: column;
 
+  /* width: 700px; */
 
+  /* height: calc(100%); */
 
+  height: 500px;
 
+  /* margin: 15px 5px 0 0; */
 
+  /* background: #fff; */
 
+  overflow: hidden;
 
+  flex-shrink: 0;
 
+  position: relative;
 
+  width: 100%;
 
+  width: 100%;
 
+  background: #f1f1f1;
 
+  border-radius: 5px;
 
+}
 
+
 
+.jsmind_title {
 
+  position: absolute;
 
+  top: 20px;
 
+  left: 20px;
 
+  font-size: 20px;
 
+  color: #8d8d8d;
 
+}
 
+
 
+.noMind {
 
+  /* position: absolute; */
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  width: 100%;
 
+  height: 200px;
 
+  background: #fff;
 
+}
 
+
 
+.jsmind_layout .jsmind_toolbar {
 
+  width: 100%;
 
+  padding: 0 10px 10px 10px;
 
+  height: auto;
 
+  flex-shrink: 0;
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+  background-color: #f8f9fa;
 
+  box-shadow: 0 0 4px #b8b8b8;
 
+}
 
+
 
+.jsmind_layout>>>.el-button--medium,
 
+.jsmind_layout>>>.el-input--medium {
 
+  margin-top: 10px;
 
+}
 
+
 
+.jsmind_layout #jsmind_container {
 
+  /* flex: 1 1 auto; */
 
+  height: 100%;
 
+}
 
+
 
+.jsmind_layout .jsmind_container {
 
+  /* flex: 1 1 auto; */
 
+  height: 100%;
 
+  /* height: 500px; */
 
+}
 
+
 
+.jsmind_layout>>>.jsmind-inner {
 
+  /* overflow: hidden auto !important; */
 
+  /* height: auto; */
 
+}
 
+
 
+.jsmind_layout>>>.el-upload-list {
 
+  display: none !important;
 
+}
 
+
 
+/* 隐藏滚动条 */
 
+.jsmind_layout .jsmind-inner::-webkit-scrollbar {
 
+  display: none;
 
+}
 
+
 
+.jsmind_layout .pad {
 
+  margin-right: 10px;
 
+}
 
+
 
+.jsmind_layout .pad-left {
 
+  margin-left: 10px;
 
+}
 
+
 
+.jsmind_layout>>>jmnode {
 
+  white-space: inherit;
 
+  word-wrap: break-word;
 
+  max-width: 500px;
 
+  max-height: 75px;
 
+  overflow: auto;
 
+}
 
+
 
+.jsmind_layout>>>jmnode::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.jsmind_layout>>>jmnode::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.jsmind_layout>>>jmnode::-webkit-scrollbar-thumb {
 
+  border-radius: 10px;
 
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 
+  background-color: rgba(0, 0, 0, 0.1);
 
+}
 
+
 
+.jsmind_layout>>>jmnode.selected {
 
+  background-color: #b9b9b9;
 
+  color: #fff;
 
+  box-shadow: 2px 2px 8px #777;
 
+}
 
+
 
+.jsmind_layout>>>jmnode.selected {
 
+  background-color: #b9b9b9;
 
+  color: #fff;
 
+  box-shadow: 2px 2px 8px #777;
 
+}
 
+
 
+.jsmind_layout>>>jmnode:hover {
 
+  box-shadow: 2px 2px 8px #777;
 
+}
 
+
 
+.jsmind_layout .form-con {
 
+  padding-top: 20px;
 
+}
 
+
 
+.jsmind_layout .ele-width {
 
+  width: 96%;
 
+}
 
+</style>

+ 1062 - 0
src/components/pages/aiEasy/record.vue
查看文件 

@@ -0,0 +1,1062 @@
 
+<template>
 
+  <div class="record_box">
 
+    <div class="ca-b-o-main2" style="height: 25px;">
 
+      <div class="select_box" v-if="audioUrlArray.length">
 
+        <span>音频：</span>
 
+        <el-select v-model="audioUrl">
 
+          <el-option v-for="(item, index) in audioUrlArray" :key="index" :label="'音频'+(index+1)" :value="item">
 
+            <div class="selectBox">
 
+              <span>{{ '音频'+(index+1) }}</span>
 
+              <div class="controlsBox">
 
+                <span class="delSelect" @click.stop="delAudio(index)"></span>
 
+              </div>
 
+            </div>
 
+          </el-option>
 
+        </el-select>
 
+      </div>
 
+      <div class="select_box">
 
+        <span>语言：</span>
 
+        <el-select v-model="languageRadio">
 
+          <el-option v-for="item in languageList"
 
+            :key="item.label"
 
+            :label="item.lang"
 
+            :value="item.label">
 
+          </el-option>
 
+        </el-select>
 
+      </div>
 
+    </div>
 
+    <div class="ca-b-o-main">
 
+      <div
 
+        class="ca-b-o-m-tape"
 
+        v-show="controlsStatus == 0"
 
+        @click.stop="onClickStartRecord()"
 
+        v-loading="uploadFileLoading"
 
+      >
 
+        <span class="el-icon-microphone"></span>
 
+        <div class="ca-b-o-m-t-text">点击开始录音</div>
 
+      </div>
 
+      <div
 
+        class="ca-b-o-m-tapeTwo"
 
+        v-show="controlsStatus == 2"
 
+        v-loading="uploadFileLoading"
 
+      >
 
+        <mini-audio
 
+          v-if="audioUrl"
 
+          :audio-source="audioUrl"
 
+          class="audio_class"
 
+        ></mini-audio>
 
+        <div
 
+          style="
 
+                width: 32px;
 
+                height: 32px;
 
+                margin-left: 20px;
 
+                cursor: pointer;
 
+                background-color: #3681fc;
 
+                border-radius: 50%;
 
+                display: flex;
 
+                justify-content: center;
 
+                align-items: center;
 
+              "
 
+          @click="onClickStartRecord()"
 
+        >
 
+          <img
 
+            style="width: 10px; height: 16px"
 
+            src="../../../assets/icon/classroomObservation/mai1.svg"
 
+            alt=""
 
+          />
 
+        </div>
 
+      </div>
 
+      <div
 
+        class="ca-b-o-m-TapeArea"
 
+        v-show="controlsStatus == 1"
 
+        v-loading="uploadFileLoading"
 
+      >
 
+        <div class="ca-b-o-m-i-left">
 
+          <img
 
+            style="height: 120%"
 
+            src="@/assets/icon/classroomObservation/isTape.svg"
 
+            alt=""
 
+          />
 
+          <div>
 
+            <div v-if="recordedForm.status == 1" style="color: #ee3e3e">
 
+              录音中...
 
+            </div>
 
+            <div v-if="recordedForm.status == 2" style="color: #6b798e">
 
+              已暂停...
 
+            </div>
 
+            <span>{{ recordedForm.time }}</span>
 
+          </div>
 
+        </div>
 
+        <div
 
+          style="width: 100px; display: flex; justify-content: space-between"
 
+        >
 
+          <div
 
+            class="lyStart"
 
+            @click="onClickPauseOrContinueRecord()"
 
+            v-loading="recordedForm.loading"
 
+          >
 
+            <img
 
+              style="width: 12px; height: 12px"
 
+              src="@/assets/icon/classroomObservation/lyStart.svg"
 
+              alt=""
 
+              v-if="recordedForm.status == 1"
 
+            />
 
+            <img
 
+              style="width: 12px; height: 12px"
 
+              src="@/assets/icon/classroomObservation/start.png"
 
+              alt=""
 
+              v-if="recordedForm.status == 2"
 
+            />
 
+          </div>
 
+          <div
 
+            class="lyStart"
 
+            @click="onClickFinishRecord()"
 
+            v-loading="recordedForm.loading"
 
+          >
 
+            <img
 
+              style="width: 12px; height: 12px"
 
+              src="@/assets/icon/classroomObservation/lyStop.svg"
 
+              alt=""
 
+            />
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="text_box">
 
+      <textarea
 
+        :disabled="recordedForm.status == 1"
 
+        ref="videoTextTextarea"
 
+        rows="2"
 
+        class="binfo_input binfo_textarea"
 
+        style="height: 100%;"
 
+        cols
 
+        v-model="videoText"
 
+        placeholder="等待录音中..."
 
+      ></textarea>
 
+    </div>
 
+    <iframe
 
+      allow="camera *; microphone *;display-capture;midi;encrypted-media;"
 
+      src="https://beta.cloud.cocorobo.cn/browser/public/index.html"
 
+      ref="iiframe"
 
+      v-show="false"
 
+    ></iframe>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  props: {
 
+    videoText2: {
 
+      type: String
 
+    },
 
+    audioUrl2: {
 
+      type: String
 
+    }
 
+  },
 
+  data() {
 
+    return {
 
+      videoText: this.videoText2,
 
+      recorderProvider: "microsoft", //shengyang
 
+      uploadFileLoading: false,
 
+      controlsStatus: 0, //0--点击开始录音  1--录音中   2--录音完毕预览  3--文字输��
 
+      audioUrl: this.audioUrl2,
 
+      audioUrlArray: [],
 
+      languageRadio: 2, //设置选择语言
 
+      // 设置list
 
+      languageList: [
 
+        { label: 2, lang: "普通话" },
 
+        { label: 3, lang: "粤语" },
 
+        { label: 13, lang: "英语" }
 
+      ],
 
+      recordedForm: {
 
+        time: "00:00:00", //时间
 
+        status: 0, //0--未录音  1--正在录音  2--暂停  3--录音结束
 
+        timer: null,
 
+        timeDuration: 0,
 
+        audioBlob: [],
 
+        startTime: 0,
 
+        endTime: 0,
 
+        textList: [],
 
+        loading: false
 
+      },
 
+      progressData: {
 
+        uploadLoading: false,
 
+        value: 0
 
+      }
 
+    };
 
+  },
 
+  watch: {
 
+    videoText(newValue) {
 
+      this.$emit("update:videoText2", newValue);
 
+    },
 
+    // audioUrl(newValue) {
 
+    //   this.$emit("update:audioUrl2", newValue);
 
+    // },
 
+    audioUrlArray(newValue) {
 
+      this.$emit("update:audioUrl2", newValue.join(','));
 
+    },
 
+    videoText2(newValue) {
 
+      this.videoText = newValue;
 
+    },
 
+    audioUrl2(newVal){
 
+      if(newVal){
 
+        this.audioUrlArray = newVal.split(",")
 
+        if(!this.audioUrl){
 
+          this.audioUrl = newVal.split(",")[0]
 
+        }
 
+        this.controlsStatus = 2
 
+      }
 
+    }
 
+  },
 
+  mounted() {
 
+    this.videoText = this.videoText2;
 
+  },
 
+  methods: {
 
+    delAudio(index){
 
+      
+      this.$confirm("是否确定删掉此音频？", "提醒", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning"
 
+        })
 
+        .then(() => {
 
+          if(this.audioUrl == this.audioUrlArray[index] && this.audioUrlArray.length > 1){
 
+            this.audioUrlArray.splice(index, 1)
 
+            this.audioUrl = this.audioUrlArray[0]
 
+          }else {
 
+            this.audioUrlArray.splice(index, 1)
 
+          }
 
+          if(!this.audioUrlArray.length){
 
+            this.audioUrl = ''
 
+            this.controlsStatus = 0
 
+          }
 
+        })
 
+        .catch(e => {
 
+          console.log(e);
 
+          console.log("不顶替");
 
+        });
 
+    },
 
+    updateRecordedTime({ duration }) {
 
+      // 更新currentTime，将秒数转换为时分秒格式
 
+      let hours = Math.floor(duration / 3600);
 
+      let minutes = Math.floor((duration % 3600) / 60);
 
+      let seconds = Math.floor(duration % 60);
 
+      // this.recordedForm.time = `${hours.toString().padStart(2, "0")}:${minutes
 
+      // 	.toString()
 
+      // 	.padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
 
+      return `${hours
 
+        .toString()
 
+        .padStart(2, "0")}:${minutes
 
+        .toString()
 
+        .padStart(2, "0")}:${seconds.toString().padStart(2, "0")}`;
 
+    },
 
+    onClickStartRecord() {
 
+      if (this.uploadFileLoading) return this.$message.info("请稍等...");
 
+      // 开始录音
 
+      if (this.audioUrl) {
 
+        // this.$confirm("是否删掉此音频并开始录音？", "提醒", {
 
+        //   confirmButtonText: "确定",
 
+        //   cancelButtonText: "取消",
 
+        //   type: "warning"
 
+        // })
 
+        //   .then(() => {
 
+        this.recordedForm.status = 0;
 
+        this.audioUrl = "";
 
+        this.onClickStartRecord();
 
+          // })
 
+          // .catch(e => {
 
+          //   console.log(e);
 
+          //   console.log("不顶替");
 
+          // });
 
+      } else if (this.controlsStatus != 1 && this.recordedForm.status == 0) {
 
+        this.controlsStatus = 1;
 
+        this.recordedForm.status = 1;
 
+        this.$message.success("已开始录音");
 
+        this.recordedForm.timer = setInterval(() => {
 
+          this.recordedForm.timeDuration += 1;
 
+          this.recordedForm.time = this.updateRecordedTime({
 
+            duration: this.recordedForm.timeDuration
 
+          });
 
+          // console.log(this.recordedForm);
 
+        }, 1000);
 
+        this.recordedForm.textList = [];
 
+        this.recordedForm.timeDuration = 0;
 
+        this.recordedForm.startTime = 1;
 
+        this.recordedForm.endTime = 0;
 
+        // this.onStartRecordWithMicrosoft();
 
+
 
+        switch (this.recorderProvider) {
 
+          case "microsoft":
 
+            this.onStartRecordWithMicrosoft();
 
+            break;
 
+          case "shengyang":
 
+            // this.onStartRecordWithShengyang();
 
+            break;
 
+          default:
 
+            break;
 
+        }
 
+      } else if ([1, 2].includes(this.recordedForm.status)) {
 
+        this.controlsStatus = 1;
 
+        this.$message.info("还在录音中");
 
+      }
 
+    },
 
+    // ============ start 微软录音转译
 
+    onStartRecordWithMicrosoft() {
 
+      let iiframe = this.$refs["iiframe"];
 
+      iiframe.contentWindow.window.document.getElementById(
 
+        "languageOptions"
 
+      ).selectedIndex = this.languageRadio;
 
+      iiframe.contentWindow.testdoContinuousPronunciationAssessment();
 
+      // 录音开始
 
+      let flag = true;
 
+      iiframe.contentWindow.onRecognizing = (e, recognitionEventArgs) => {
 
+        var result = recognitionEventArgs.result;
 
+        // let e = {
 
+        // 	privText:"测试测试"
 
+        // }
 
+        this.recordedForm.endTime = this.recordedForm.timeDuration;
 
+        if (flag) {
 
+          this.controlsStatus = 1;
 
+          flag = false;
 
+          this.uploadFileLoading = false;
 
+        }
 
+        // let privText = e.privText;
 
+        let privText = result.text;
 
+        if (privText == undefined || privText == "undefined") return;
 
+        console.log("👇转译对象👇");
 
+        console.log(e);
 
+        console.log("👇转译结果👇");
 
+        console.log(privText);
 
+        this.recordedForm.startTime = this.recordedForm.timeDuration + 1;
 
+        // this.videoText += privText;
 
+        this.videoText = this.videoText.replace(/(^|[\r\n]+).*?\[\.\.\.\][\r\n]+/, '$1') + `${result.text} [...]\r\n`;
 
+
 
+        // 将textarea滚动到最底部
 
+        this.$nextTick(() => {
 
+          this.$refs.videoTextTextarea.scrollTop = this.$refs.videoTextTextarea.scrollHeight;
 
+        });
 
+      };
 
+
 
+      iiframe.contentWindow.onRecognizedResult = result =>{
 
+        this.$refs.videoTextTextarea.scrollTop = this.$refs.videoTextTextarea.scrollHeight;
 
+        this.videoText = this.videoText.replace(/(^|[\r\n]+).*?\[\.\.\.\][\r\n]+$/, '$1');
 
+        if (result.text) {
 
+          this.videoText += `${result.text}\r\n`;
 
+        }
 
+      }
 
+    },
 
+    async onPauseRecordWithMicrosoft() {
 
+      let _resolve;
 
+      const p = new Promise(resolve => (_resolve = resolve));
 
+      let iiframe = this.$refs["iiframe"];
 
+      iiframe.contentWindow.window.document
 
+        .getElementById("scenarioStopButton")
 
+        .click();
 
+      // 录音借宿
 
+      iiframe.contentWindow.onSessionStopped = (s, e) => {
 
+        this.recordedForm.status = 2;
 
+        this.$message.success("已停止录音");
 
+        console.log("停止录音👇");
 
+        console.log("停止录音", e);
 
+        this.recordedForm.audioBlob.push(e.preaudio);
 
+        iiframe.contentWindow.onSessionStopped = null;
 
+        iiframe.contentWindow.onRecognizing = null;
 
+        iiframe.contentWindow.onRecognizedResult = null;
 
+        _resolve();
 
+      };
 
+      return p;
 
+    },
 
+    onClickPauseOrContinueRecord() {
 
+      if (this.recordedForm.loading) return this.$message.info("请稍等");
 
+      if (this.recordedForm.status == 1) {
 
+        //暂停
 
+        this.recordedForm.loading = true;
 
+        clearInterval(this.recordedForm.timer);
 
+
 
+        switch (this.recorderProvider) {
 
+          case "microsoft":
 
+            this.onPauseRecordWithMicrosoft().then(() => {
 
+              this.recordedForm.loading = false;
 
+            });
 
+            break;
 
+          case "shengyang":
 
+            // this.onPauseRecordWithShengyang().then(() => {
 
+            // this.recordedForm.status = 2;
 
+            // this.$message.success("已停止录音");
 
+            // this.recordedForm.loading = false;
 
+            // });
 
+            break;
 
+          default:
 
+            break;
 
+        }
 
+      } else if (this.recordedForm.status == 2) {
 
+        //开始
 
+        this.recordedForm.loading = true;
 
+        this.controlsStatus = 1;
 
+        this.recordedForm.status = 1;
 
+        this.$message.success("已开始录音");
 
+        this.recordedForm.loading = false;
 
+        this.recordedForm.timer = setInterval(() => {
 
+          this.recordedForm.timeDuration += 1;
 
+          this.recordedForm.time = this.updateRecordedTime({
 
+            duration: this.recordedForm.timeDuration
 
+          });
 
+        }, 1000);
 
+
 
+        switch (this.recorderProvider) {
 
+          case "microsoft":
 
+            this.onContinueRecordWithMicrosoft();
 
+            break;
 
+          case "shengyang":
 
+            // this.onContinueRecordWithShengyang();
 
+            break;
 
+          default:
 
+            break;
 
+        }
 
+      }
 
+    },
 
+    onClickFinishRecord() {
 
+      clearInterval(this.recordedForm.timer);
 
+      switch (this.recorderProvider) {
 
+        case "microsoft":
 
+          this.onFinishRecordWithMicrosoft();
 
+          break;
 
+        case "shengyang":
 
+          // this.onFinishRecordWithShengyang();
 
+          break;
 
+        default:
 
+          break;
 
+      }
 
+    },
 
+    onFinishRecordWithMicrosoft() {
 
+      if (this.recordedForm.status == 1) {
 
+        //正在录音时
 
+        let iiframe = this.$refs["iiframe"];
 
+        iiframe.contentWindow.window.document
 
+          .getElementById("scenarioStopButton")
 
+          .click();
 
+        // 录音借宿
 
+        iiframe.contentWindow.onSessionStopped = (s, e) => {
 
+          this.recordedForm.status = 3;
 
+          this.controlsStatus = 2;
 
+          this.showGetTextLoading = false;
 
+          this.$message.success("已结束录音");
 
+          console.log("结束录音👇");
 
+          console.log("结束录音", e);
 
+          this.recordedForm.audioBlob.push(e.preaudio);
 
+          let blob = new Blob(this.recordedForm.audioBlob, {
 
+            type: "audio/wav"
 
+          });
 
+          let file = new File([blob], "recordedFile.wav", {
 
+            type: "audio/wav"
 
+          });
 
+          this.uploadFile(file, { changeText: false, flag: true });
 
+          iiframe.contentWindow.onSessionStopped = null;
 
+          iiframe.contentWindow.onRecognizing = null;
 
+          iiframe.contentWindow.onRecognizedResult = null;
 
+        };
 
+      } else if (this.recordedForm.status == 2) {
 
+        //暂停录音时
 
+        this.recordedForm.status = 3;
 
+        this.controlsStatus = 2;
 
+        this.showGetTextLoading = false;
 
+        let blob = new Blob(this.recordedForm.audioBlob, {
 
+          type: "audio/wav"
 
+        });
 
+        let file = new File([blob], "recordedFile.wav", { type: "audio/wav" });
 
+        this.uploadFile(file, { changeText: false, flag: true });
 
+      }
 
+    },
 
+    uploadFile(file, { changeText = true, flag = true }) {
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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"
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        // this.loading = true;
 
+        this.progressData.uploadLoading = true;
 
+        this.progressData.value = 0;
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read"
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function(evt) {
 
+            //这里可以写进度条
 
+            _this.progressData.value = parseInt((evt.loaded * 100) / evt.total);
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function(err, data) {
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+              _this.uploadFileLoading = false;
 
+              _this.loading = false;
 
+              _this.progressData.uploadLoading = false;
 
+            } else {
 
+              // 判断是不是音频文件
 
+              const audioRegex = /\.(mp3|wav|ogg|flac|m4a)$/i;
 
+              const txtRegex = /\.(txt|csv)$/i;
 
+              const otherRegex = /\.(pdf|xlsx|doc|docx)$/i;
 
+              {
 
+                console.log(data.Location);
 
+                if (audioRegex.test(data.Location)) {
 
+                  _this.loading = false;
 
+                  _this.recordedForm.audioBlob = [];
 
+                  _this.recordedForm.time = "00:00:00";
 
+                  _this.recordedForm.timeDuration = 0;
 
+                  _this.progressData.uploadLoading = false;
 
+                  _this.recordedForm.textList = [];
 
+                  _this.changeAudioUrl(data.Location);
 
+                }
 
+              }
 
+            }
 
+          });
 
+      }
 
+    },
 
+    changeAudioUrl(newValue) {
 
+      if (!newValue) return;
 
+      this.audioUrl = newValue;
 
+      this.audioUrlArray.push(newValue)
 
+      this.$forceUpdate()
 
+      if (![1, 2].includes(this.pageStatus)) this.pageStatus = 1;
 
+      this.controlsStatus = 2;
 
+    },
 
+    onContinueRecordWithMicrosoft() {
 
+      let iiframe = this.$refs["iiframe"];
 
+      iiframe.contentWindow.window.document.getElementById(
 
+        "languageOptions"
 
+      ).selectedIndex = this.languageRadio;
 
+      iiframe.contentWindow.testdoContinuousPronunciationAssessment();
 
+			// 录音开始
 
+      let flag = true;
 
+      // 录音开始
 
+      iiframe.contentWindow.onRecognizing = (e, recognitionEventArgs) => {
 
+        var result = recognitionEventArgs.result;
 
+    
+        this.recordedForm.endTime = this.recordedForm.timeDuration;
 
+
 
+        if (flag) {
 
+          this.controlsStatus = 1;
 
+          flag = false;
 
+          this.uploadFileLoading = false;
 
+        }
 
+        // let privText = e.privText;
 
+        let privText = result.text;
 
+        if (privText == undefined || privText == "undefined") return;
 
+        console.log("👇转译对象👇");
 
+        console.log(e);
 
+        console.log("👇转译结果👇");
 
+        console.log(privText);
 
+        this.recordedForm.startTime = this.recordedForm.timeDuration + 1;
 
+        // this.videoText += privText;
 
+        this.videoText = this.videoText.replace(/(^|[\r\n]+).*?\[\.\.\.\][\r\n]+/, '$1') + `${result.text} [...]\r\n`;
 
+        // 将textarea滚动到最底部
 
+        this.$nextTick(() => {
 
+          this.$refs.videoTextTextarea.scrollTop = this.$refs.videoTextTextarea.scrollHeight;
 
+        });
 
+      };
 
+      
+      iiframe.contentWindow.onRecognizedResult = result =>{
 
+        this.$refs.videoTextTextarea.scrollTop = this.$refs.videoTextTextarea.scrollHeight;
 
+        this.videoText = this.videoText.replace(/(^|[\r\n]+).*?\[\.\.\.\][\r\n]+$/, '$1');
 
+        if (result.text) {
 
+          this.videoText += `${result.text}\r\n`;
 
+        }
 
+      }
 
+    }
 
+  }
 
+};
 
+</script>
 
+
 
+<style scoped>
 
+.record_box {
 
+  width: 100%;
 
+  height: 500px;
 
+  position: relative;
 
+}
 
+
 
+.ca-b-o-main {
 
+  width: calc(100% - 20px);
 
+  height: 50px;
 
+  margin: 10px auto;
 
+  border-radius: 5px;
 
+  transition: 0.3s;
 
+  position: relative;
 
+}
 
+
 
+.ca-b-o-main:hover {
 
+  box-shadow: 0 5px 5px 5px #e1e8eb;
 
+}
 
+
 
+.ca-b-o-m-tape {
 
+  width: 100%;
 
+  height: 100%;
 
+  cursor: pointer;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  font-size: 20px;
 
+  color: #3681fc;
 
+  border-radius: 16px;
 
+  background-color: white;
 
+  box-shadow: 0 5px 5px 5px #e6eaeb;
 
+  transition: 0.3s;
 
+}
 
+
 
+.ca-b-o-m-tapeTwo {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  font-size: 20px;
 
+  color: #3681fc;
 
+  box-sizing: border-box;
 
+  padding: 0 20px;
 
+  border-radius: 16px;
 
+  background-color: white;
 
+  box-shadow: 0 5px 5px 5px #e6eaeb;
 
+  transition: 0.3s;
 
+}
 
+
 
+.ca-b-o-m-tapeTwo >>> .vueAudioBetter {
 
+  width: 90%;
 
+}
 
+
 
+.ca-b-o-m-tape > span {
 
+  margin-right: 10px;
 
+  font-size: 22px;
 
+}
 
+
 
+.ca-b-o-m-tape:hover {
 
+  color: #1467ee;
 
+}
 
+
 
+.ca-b-o-m-inputAre {
 
+  width: 100%;
 
+  min-height: 100%;
 
+  height: auto;
 
+  display: flex;
 
+  align-items: flex-end;
 
+  border-radius: 16px;
 
+  background-color: white;
 
+  box-shadow: 0 5px 5px 5px #e6eaeb;
 
+  transition: 0.3s;
 
+  position: absolute;
 
+  bottom: 0;
 
+}
 
+
 
+.ca-b-o-m-TapeArea {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: flex;
 
+  justify-content: space-between;
 
+  border-radius: 16px;
 
+  background-color: #f0f2f5;
 
+  box-shadow: 0 5px 5px 5px #e6eaeb;
 
+  transition: 0.3s;
 
+  align-items: center;
 
+  padding-right: 20px;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.ca-b-o-m-i-left {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.ca-b-o-m-i-left > div > div {
 
+  color: #ee3e3e;
 
+  font-weight: bold;
 
+}
 
+
 
+.ca-b-o-m-i-left > div > span {
 
+  font-size: 14px;
 
+  margin-top: 5px;
 
+}
 
+
 
+.ca-b-o-m-i-left > img {
 
+  margin-left: 10px;
 
+  border-radius: 50%;
 
+  margin-right: 20px;
 
+}
 
+
 
+.ca-b-o-m-left {
 
+  flex: 1;
 
+  height: auto;
 
+  min-height: 64px;
 
+  display: flex;
 
+  /* justify-content: center; */
 
+  align-items: center;
 
+  box-sizing: border-box;
 
+  padding-left: 20px;
 
+}
 
+
 
+.ca-b-o-m-left > textarea {
 
+  resize: none;
 
+  min-height: 50px;
 
+  margin: 7px 0;
 
+  max-height: 500px;
 
+  width: 100%;
 
+  font-size: 18px;
 
+  border: none;
 
+  outline: none;
 
+  resize: none;
 
+  overflow: auto;
 
+}
 
+
 
+.ca-b-o-m-right {
 
+  width: 100px;
 
+  min-width: 80px;
 
+  height: 64px;
 
+  max-height: 64px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  margin-right: 10px;
 
+}
 
+
 
+#myTextarea::-webkit-input-placeholder {
 
+  /* Chrome, Opera, Safari */
 
+  font-size: 14px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+}
 
+
 
+#myTextarea:-moz-placeholder {
 
+  /* Firefox 18- */
 
+  font-size: 14px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+  opacity: 1;
 
+  /* 修复Firefox的透明度问题 */
 
+}
 
+
 
+#myTextarea::-moz-placeholder {
 
+  /* Firefox 19+ */
 
+  font-size: 14px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+  opacity: 1;
 
+  /* 修复Firefox的透明度问题 */
 
+}
 
+
 
+#myTextarea:-ms-input-placeholder {
 
+  /* Internet Explorer 10-11 */
 
+  font-size: 14px;
 
+  /* 修改placeholder字体大小 */
 
+  color: grey;
 
+  /* 修改placeholder文字颜色 */
 
+}
 
+
 
+/* .ca-b-o-m-right > span {
 
+	width: 24px;
 
+	height: 24px;
 
+	background: url("../../../../assets/icon/classroomObservation/tapeIng.png")
 
+		no-repeat;
 
+	background-size: 100% 100%;
 
+	cursor: pointer;
 
+	margin-right: 10px;
 
+} */
 
+
 
+.ca-b-o-m-right > div {
 
+  width: 52px;
 
+  height: 30px;
 
+
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  color: white;
 
+  font-size: 14px;
 
+  border-radius: 5px;
 
+  background-color: #1467ee;
 
+  margin-right: 10px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ca-b-o-m-r-dsiableBtn {
 
+  /* 禁止手势 */
 
+  cursor: not-allowed !important;
 
+  background-color: #aeccfe !important;
 
+}
 
+
 
+.lyStart {
 
+  width: 38px;
 
+  height: 32px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  background-color: #fff;
 
+  border-radius: 5px;
 
+  cursor: pointer;
 
+}
 
+
 
+.ca_b_o_m_roleList {
 
+  position: absolute;
 
+  left: 0;
 
+  width: 100%;
 
+  height: auto;
 
+  max-height: calc(100vh - 230px);
 
+  margin-bottom: 70px;
 
+  overflow: auto;
 
+  background-color: white;
 
+  border-radius: 10px;
 
+  box-sizing: border-box;
 
+  padding: 15px;
 
+}
 
+
 
+.ca_b_o_m_rl_item {
 
+  width: 100%;
 
+  height: auto;
 
+  margin-bottom: 15px;
 
+  background-color: #f3f7fd;
 
+  border-radius: 10px;
 
+  cursor: pointer;
 
+  transition: 0.3s;
 
+  box-sizing: border-box;
 
+  padding: 10px;
 
+}
 
+
 
+.ca_b_o_m_rl_itemActive {
 
+  background-color: #c3ddfa;
 
+}
 
+
 
+.ca_b_o_m_rl_i_left {
 
+  width: 50px;
 
+  height: 50px;
 
+  border-radius: 50%;
 
+  margin-right: 15px;
 
+}
 
+
 
+.ca_b-o_m_rl_i_top {
 
+  display: flex;
 
+}
 
+
 
+.ca_b-o_m_rl_i_top > div {
 
+  margin-left: 10px;
 
+}
 
+
 
+.ca_b-o_m_rl_i_top > div > span {
 
+  font-size: 14px;
 
+  margin-top: 5px;
 
+  color: #6b798e;
 
+}
 
+
 
+.ca_b-o_m_rl_i_bottom {
 
+  margin-top: 10px;
 
+  width: 90%;
 
+  overflow: hidden;
 
+  display: block;
 
+  white-space: nowrap;
 
+  text-overflow: ellipsis;
 
+}
 
+
 
+.ca-top >>> .editorBar {
 
+  height: 100%;
 
+  position: relative;
 
+  max-height: calc(100vh - 300px);
 
+}
 
+
 
+.ca-top >>> .editorBar .text {
 
+  height: calc(100% - 42px);
 
+  max-height: calc(100% - 42px);
 
+  overflow: auto;
 
+}
 
+
 
+.chatAreaLoading {
 
+  position: absolute;
 
+  width: 100%;
 
+  height: 100%;
 
+  top: 0;
 
+  left: 0;
 
+  background-color: rgba(255, 255, 255, 0.7);
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+}
 
+
 
+.cal_box {
 
+  width: 300px;
 
+  height: 150px;
 
+  background-color: white;
 
+  border-radius: 10px;
 
+  box-shadow: 0 0 4px 4px #fff;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  align-items: center;
 
+  box-sizing: border-box;
 
+  padding: 20px;
 
+}
 
+
 
+.cal_box > div:nth-child(1) {
 
+  margin-bottom: 10px;
 
+  font-size: 18px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.cal_box > div:nth-child(1) > img {
 
+  width: 30px;
 
+  height: 30px;
 
+  margin-right: 10px;
 
+}
 
+
 
+.cal_box >>> .el-progress-bar__innerText {
 
+  color: #fff !important;
 
+}
 
+
 
+.text_box {
 
+  width: calc(100% - 20px);
 
+  margin: 0 auto;
 
+  height: calc(100% - 105px);
 
+}
 
+
 
+.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;
 
+}
 
+
 
+.binfo_textarea::-webkit-scrollbar {
 
+  /*滚动条整体样式*/
 
+  width: 6px;
 
+  /*高宽分别对应横竖滚动条的尺寸*/
 
+  height: 6px;
 
+}
 
+
 
+/*定义滚动条轨道 内阴影+圆角*/
 
+.binfo_textarea::-webkit-scrollbar-track {
 
+  border-radius: 10px;
 
+  background-color: #eee;
 
+}
 
+
 
+/*定义滑块 内阴影+圆角*/
 
+.binfo_textarea::-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);
 
+}
 
+
 
+.audio_class {
 
+  /* width: 100% !important; */
 
+  /* height: 100% !important; */
 
+  background: #ccc !important;
 
+  margin: 0 !important;
 
+}
 
+
 
+.audio_class >>> .slider .process {
 
+  background: #000;
 
+}
 
+
 
+
 
+.ca-b-o-main2 {
 
+  width: calc(100% - 20px);
 
+  height: 50px;
 
+  margin: 10px auto;
 
+  /* border-radius: 5px; */
 
+  transition: 0.3s;
 
+  position: relative;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: flex-end;
 
+}
 
+
 
+.select_box >>> .el-inpu__inner{
 
+  border: none;
 
+}
 
+
 
+.select_box{
 
+  width: 150px;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+
 
+.select_box > span{
 
+  min-width: fit-content;
 
+}
 
+
 
+.select_box + .select_box{
 
+  margin-left: 10px;
 
+}
 
+
 
+.selectBox {
 
+  width: 100%;
 
+  height: 100%;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+
 
+.controlsBox {
 
+  display: flex;
 
+  align-items: center;
 
+  width: auto;
 
+  height: 100%;
 
+  display: none;
 
+}
 
+
 
+.selectBox:hover > .controlsBox {
 
+  display: flex;
 
+}
 
+
 
+.delSelect {
 
+  width: 16px;
 
+  height: 16px;
 
+  /* display: none; */
 
+  align-items: center;
 
+  justify-content: center;
 
+  background: url("../../../assets/icon/classroomObservation/del.svg") no-repeat;
 
+  background-size: 100% 100%;
 
+  box-sizing: border-box;
 
+  /* transform: translateY(7px); */
 
+}
 
+</style>

+ 494 - 0
src/components/pages/aiEasy/templateDialog.vue
查看文件 

@@ -0,0 +1,494 @@
 
+<template>
 
+    <el-dialog :center="true" :visible.sync="dialogVisibleTemplate" width="1200px" class="addTemplateDialog">
 
+        <!-- <div v-if="showDialog == true" class="a-dialog" v-el-drag-dialog> -->
 
+        <div class="a-d-top">
 
+            <div class="a-d-topTit">
 
+                <div style="width: 136px">模板库</div>
 
+            </div>
 
+            <div>
 
+                <el-input placeholder="请输入内容" prefix-icon="el-icon-search" v-model="input2" clearable>
 
+                </el-input>
 
+            </div>
 
+            <div class="a-d-t-right">
 
+                <el-button @click="open2()" type="primary" size="small" style="margin-right: 10px;">设置模板</el-button>
 
+                <span @click.stop="close">×</span>
 
+            </div>
 
+        </div>
 
+        <div style="display: flex; height: calc(100% - 10px)">
 
+            <div class="a-d-t-left">
 
+                <div :style="tagIndex == item.id
 
+                    ? 'background: rgba(226, 238, 255, 1);color: rgba(54, 129, 252, 1)'
 
+                    : ''
 
+                    " class="a-d-t-l-item" v-for="(item) in dialogTagList" :key="item.id"
 
+                    @click.stop="setTagIndex(item.id)">
 
+                    {{ item.name }}
 
+                </div>
 
+            </div>
 
+            <div class="a-d-box">
 
+
 
+                <div style="
 
+							font-family: PingFang SC;
 
+							font-size: 16px;
 
+							font-weight: 600;
 
+							line-height: 22px;
 
+							text-align: left;
 
+							margin: 20px 0;
 
+							margin-bottom: 10px;
 
+						">
 
+                    {{ tagname }}
 
+                </div>
 
+                <div style="display: flex; flex-wrap: wrap;height:100%" v-loading="loading">
 
+                    <div class="a-d-b-item" v-for="(item, index) in searchDataList" :key="index">
 
+                        <div class="a-d-b-i-top">
 
+                            <img style="height: 22px; width: 22px" :src="require('../../../assets/icon/classroomObservation/digImg.svg')
 
+                                " />
 
+                            <el-tooltip :content="item.name" placement="top" effect="dark">
 
+                                <!-- content to trigger tooltip here -->
 
+                                <div class="a-d-b-i-t-title">{{ item.name }}</div>
 
+                            </el-tooltip>
 
+                        </div>
 
+                        <!-- <div class="a-d-b-i-top" v-if="item.uname">创建人：{{ item.uname }}</div> -->
 
+                        <div class="a-d-b-i-top" v-show="false">创建人：{{ item.uname }}</div>
 
+                        <!-- <el-tooltip :content="item.detail" placement="top" effect="dark"> -->
 
+                            <div class="a-d-b-i-bottom">{{ item.detail }}</div>
 
+                        <!-- </el-tooltip> -->
 
+                        <div class="a-d-b-i-bottomBtn">
 
+                            <div style="
 
+										display: flex;
 
+										width: 100%;
 
+										justify-content: space-around;
 
+									">
 
+                                <div class="a-d-b-i-t-btn" v-if="item.userid == userid" style="margin-right: 10px;"
 
+                                    @click="deleteA(item.id)">删除</div>
 
+                                <div class="a-d-b-i-t-btn1" v-if="item.userid == userid" style="margin-right: 10px;"
 
+                                    @click="open2(item.id)">修改</div>
 
+                                <div class="a-d-b-i-t-btn1" @click="open(item.id)">
 
+                                    使用
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                    <div v-if="!searchDataList.length" style="text-align: center;">暂无内容</div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+        <!-- </div> -->
 
+    </el-dialog>
 
+</template>
 
+
 
+<script>
 
+
 
+export default {
 
+    props: {
 
+        dialogVisibleTemplate: {
 
+            type: Boolean,
 
+            default: false
 
+        },
 
+        userid: {
 
+            type: String
 
+        },
 
+        org: {
 
+            type: String
 
+        },
 
+        oid: {
 
+            type: String
 
+        }
 
+    },
 
+    data() {
 
+        return {
 
+            dialogTagList: [
 
+                { id: '2', name: "社区模板" },
 
+                { id: '1', name: "我的模板" },
 
+            ],
 
+            tagIndex: '2',
 
+            searchDataList: [],
 
+            input2: '',
 
+            loading: false
 
+        }
 
+    },
 
+    computed: {
 
+        tagname() {
 
+            return this.dialogTagList.filter((item) => {
 
+                return item.id == this.tagIndex
 
+            })[0].name
 
+        }
 
+    },
 
+    watch: {
 
+        dialogVisibleTemplate(newValue, oldValue) {
 
+            if (newValue) {
 
+                this.getList();
 
+            }
 
+        },
 
+        input2(newValue) {
 
+            this.getList();
 
+        }
 
+    },
 
+    methods: {
 
+        handleClose(done) {
 
+            this.close()
 
+            done();
 
+        },
 
+        close() {
 
+            this.$emit('update:dialogVisibleTemplate', false)
 
+        },
 
+        confirm() {
 
+            this.$emit('update:dialogVisibleTemplate', false)
 
+        },
 
+        setTagIndex(index) {
 
+            this.tagIndex = index
 
+            this.getList();
 
+        },
 
+        open(id) {
 
+            this.$emit('goToCourseTemplate', id)
 
+        },
 
+        open2(id) {
 
+            this.$emit('goToCourseTemplate2', id)
 
+        },
 
+        deleteA(id) {
 
+            let _this = this
 
+            _this.$confirm(
 
+                "确定删除此模板吗？",
 
+                "提示",
 
+                {
 
+                    confirmButtonText: "确定",
 
+                    cancelButtonText: "取消",
 
+                    type: "warning",
 
+                }
 
+            )
 
+                .then(() => {
 
+                    let params = [{
 
+                        id: id
 
+                    }]
 
+                    _this.ajax
 
+                        .post(_this.$store.state.api + "deleteTipsTemplate", params)
 
+                        .then((res) => {
 
+                            _this.$message.success("删除成功");
 
+                            _this.getList()
 
+                        })
 
+                        .catch((err) => {
 
+                            _this.$message.error("网络不佳");
 
+                            console.error(err);
 
+                        });
 
+                })
 
+                .catch(() => {
 
+                    return;
 
+                });
 
+
 
+
 
+        },
 
+        getList() {
 
+            this.loading = true
 
+            let params = {
 
+                userid: this.userid,
 
+                oid: this.oid,
 
+                org: this.org,
 
+                type: this.tagIndex,
 
+                name: this.input2
 
+            }
 
+            this.ajax
 
+                .get(this.$store.state.api + "selectTipsTemplate", params)
 
+                .then((res) => {
 
+                    this.loading = false
 
+                    this.searchDataList = res.data[0]
 
+                    if (!this.input2) {
 
+                        // this.searchDataList.unshift(
 
+                        //     {
 
+                        //     name: "项目式学习 (Project-Based Learning, PBL)",
 
+                        //     detail: "项目式学习是一种以学生为中心的教学方法，通过实际项目和问题解决，培养学生的深度学习和应用能力。",
 
+                        //     id:''
 
+                        // });
 
+                    }
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        }
 
+    },
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+.addTemplateDialog>>>.el-dialog {
 
+    min-width: 1200px;
 
+
 
+    height: 700px;
 
+    box-shadow: 0px 0 8px 0px #555555;
 
+    border-radius: 8px;
 
+    background-color: #fff;
 
+    /* top: 0px; */
 
+    /* margin: 0 auto; */
 
+    overflow: hidden;
 
+}
 
+
 
+.addTemplateDialog>>>.el-dialog__body {
 
+    height: 100%;
 
+    min-width: 1200px;
 
+    flex-shrink: 0;
 
+    box-sizing: border-box;
 
+    padding-bottom: 50px;
 
+    padding-top: 10px;
 
+}
 
+
 
+.addTemplateDialog>>>.el-dialog__header {
 
+    display: none;
 
+}
 
+
 
+
 
+.a-d-top {
 
+    /* background: #adadad; */
 
+    display: flex;
 
+    flex-direction: row;
 
+    flex-wrap: nowrap;
 
+    align-items: center;
 
+    justify-content: space-between;
 
+    height: 54px;
 
+    border-radius: 8px 8px 0 0;
 
+    user-select: none;
 
+    border-bottom: 1px #ccc solid;
 
+}
 
+
 
+.a-d-top>>>.el-input__inner {
 
+    width: 320px;
 
+    height: 32px;
 
+}
 
+
 
+.a-d-top>>>.el-input__icon {
 
+    line-height: 32px;
 
+}
 
+
 
+.a-d-topTit {
 
+    width: 171px;
 
+    height: 32px;
 
+    display: flex;
 
+    align-items: center;
 
+    font-family: PingFang SC;
 
+    box-sizing: border-box;
 
+    padding: 5px;
 
+    line-height: 22px;
 
+    justify-content: center;
 
+    /* text-align: left; */
 
+}
 
+
 
+.a-d-t-left {
 
+    width: 200px;
 
+    height: 100%;
 
+    display: flex;
 
+    align-items: center;
 
+    flex-direction: column;
 
+    justify-content: flex-start;
 
+    box-sizing: border-box;
 
+    padding: 15px 0 0 0;
 
+}
 
+
 
+.a-d-t-l-item {
 
+    /* width: auto;
 
+	height: 90%;
 
+	display: flex;
 
+	justify-content: center;
 
+	align-items: center;
 
+	padding: 0 10px;
 
+	border-radius: 10px;
 
+	background-color: #d4d9da;
 
+	margin-right: 3px;
 
+	cursor: pointer; */
 
+    cursor: pointer;
 
+    width: 136px;
 
+    height: 32px;
 
+    display: flex;
 
+    align-items: center;
 
+    border-radius: 5px;
 
+    font-family: PingFang SC;
 
+    box-sizing: border-box;
 
+    padding: 5px;
 
+    font-size: 14px;
 
+    font-weight: 600;
 
+    line-height: 22px;
 
+    text-align: left;
 
+    margin-bottom: 20px;
 
+}
 
+
 
+.a-d-t-l-item:hover {
 
+    background-color: white;
 
+}
 
+
 
+.a-d-t-right {
 
+    /* width: 40px; */
 
+    height: 40px;
 
+    margin-right: 10px;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    color: black !important;
 
+}
 
+
 
+.a-d-t-right>span {
 
+    width: 25px;
 
+    height: 25px;
 
+    border-radius: 25px;
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    /* align-items: center; */
 
+    font-size: 22px;
 
+    color: #fff;
 
+    /* background-color: #adadad; */
 
+    cursor: pointer;
 
+    /* background-color: #e6e6e6; */
 
+    color: #adadad;
 
+}
 
+
 
+.a-d-box {
 
+    width: 100%;
 
+    height: 100%;
 
+    background-color: #f0f2f5;
 
+    overflow: scroll;
 
+    overflow-x: hidden;
 
+    box-sizing: border-box;
 
+    padding: 15px;
 
+    padding-bottom: 50px;
 
+}
 
+
 
+.a-d-b-item {
 
+    width: 30%;
 
+    height: 240px;
 
+    display: flex;
 
+    flex-direction: column;
 
+    background-color: #fff;
 
+    border-radius: 10px;
 
+    padding: 15px;
 
+    float: left;
 
+    box-sizing: border-box;
 
+    margin-bottom: 10px;
 
+    margin-right: 20px;
 
+    /* position: relative; */
 
+}
 
+
 
+/* .a-d-b-item:hover .a-d-b-i-bottomBtn {
 
+	display: block !important;
 
+}
 
+.a-d-b-item:hover .a-d-b-i-bottomPer {
 
+	display: none !important;
 
+} */
 
+.a-d-b-i-top {
 
+    width: 100%;
 
+    /* height: 50%; */
 
+    height: 20px;
 
+    margin-bottom: 5px;
 
+    display: flex;
 
+    align-items: center;
 
+    /* justify-content: space-between; */
 
+}
 
+
 
+.a-d-b-i-top>img {
 
+    width: 35px;
 
+    height: 35px;
 
+}
 
+
 
+/* .a-d-b-i-top>div{ */
 
+/* width: auto;
 
+	height: 35px;
 
+	display: flex;
 
+	justify-content: center;
 
+	align-items: center;
 
+	margin-left: 10px; */
 
+/* } */
 
+
 
+.a-d-b-i-t-title {
 
+    width: 100%;
 
+    height: 35px;
 
+    display: block;
 
+    align-items: center;
 
+    box-sizing: border-box;
 
+    padding: 0 10px;
 
+    text-overflow: ellipsis;
 
+    overflow: hidden;
 
+    word-break: break-all;
 
+    white-space: nowrap;
 
+    line-height: 35px;
 
+    /* display: -webkit-box;
 
+	-webkit-box-orient: vertical;
 
+	-webkit-line-clamp: 1;
 
+	overflow: hidden; */
 
+}
 
+
 
+.a-d-b-i-bottom {
 
+    width: 100%;
 
+    flex: 1;
 
+    overflow: hidden;
 
+    /* max-height: 186px; */
 
+    max-height: 100px;
 
+    height: 140px;
 
+    min-height: 140px;
 
+    font-size: 14px;
 
+    -webkit-line-clamp: 7;
 
+    line-height: 20px;
 
+    display: -webkit-box;
 
+    -webkit-box-orient: vertical;
 
+    overflow: hidden;
 
+    text-overflow: ellipsis;
 
+}
 
+
 
+.a-d-b-i-t-btn {
 
+    font-size: 14px;
 
+    width: 98%;
 
+    box-sizing: border-box;
 
+    padding: 8px 0;
 
+    border: 1px solid rgb(247, 30, 30);
 
+    border-radius: 5px;
 
+    color: rgb(247, 30, 30);
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+    cursor: pointer;
 
+}
 
+
 
+.a-d-b-i-t-btn1 {
 
+    font-size: 14px;
 
+    width: 98%;
 
+    box-sizing: border-box;
 
+    padding: 8px 0;
 
+    border: 1px solid rgba(54, 129, 252, 1);
 
+    border-radius: 5px;
 
+    background-color: rgba(54, 129, 252, 1);
 
+    display: flex;
 
+    color: #fff;
 
+    justify-content: center;
 
+    align-items: center;
 
+    cursor: pointer;
 
+}
 
+
 
+.itemTit {
 
+    width: 136px;
 
+    height: 32px;
 
+    padding: 5px 8px 5px 8px;
 
+    gap: 8px;
 
+    opacity: 0px;
 
+    margin: 20px 0;
 
+    margin-bottom: 10px;
 
+    border-bottom: 1px #ccc solid;
 
+}
 
+
 
+.a-d-b-subject {
 
+    margin: 20px 0 20px 0;
 
+}
 
+
 
+.a_d_b_s_btn {
 
+    /* box-sizing: border-box; */
 
+    padding: 5px 10px;
 
+    border-radius: 4px;
 
+    border: solid 1px #3681FC;
 
+    color: #3681FC;
 
+    background-color: white;
 
+    margin-right: 10px;
 
+    cursor: pointer;
 
+    transition: .3s;
 
+}
 
+
 
+.a_d_b_s_ActiveBtn {
 
+    background-color: #3681FC;
 
+    color: white;
 
+}
 
+
 
+
 
+</style>

+ 295 - 0
src/components/pages/aiEasy/tipsDialog.vue
查看文件 

@@ -0,0 +1,295 @@
 
+<template>
 
+    <el-dialog title="保存提示词模板" :visible.sync="dialogVisibleTips" :append-to-body="true" width="650px"
 
+        :before-close="handleClose" class="dialog_diy">
 
+        <div style="height: 100%;padding:15px">
 
+            <div class="t_box">
 
+                <span>模板名称：</span>
 
+                <input type="text" class="binfo_input" v-model="title">
 
+            </div>
 
+            <div class="t_box">
 
+                <span>模板描述：</span>
 
+                <textarea rows="3" class="binfo_input binfo_textarea" cols placeholder="请输入内容"
 
+                    v-model="detail"></textarea>
 
+            </div>
 
+            <div class="t_box">
 
+                <span>权限：</span>
 
+                <el-radio-group v-model="radio">
 
+                    <el-radio :label="0">个人</el-radio>
 
+                    <el-radio :label="1">组织内</el-radio>
 
+                    <el-radio :label="2">所有人</el-radio>
 
+                </el-radio-group>
 
+            </div>
 
+            <div class="t_box">
 
+                <span>是否公开提示词：</span>
 
+                <el-radio-group v-model="isT">
 
+                    <el-radio :label="1">不公开</el-radio>
 
+                    <el-radio :label="2">公开</el-radio>
 
+                </el-radio-group>
 
+            </div>
 
+        </div>
 
+        <span slot="footer" class="dialog-footer">
 
+            <el-button @click="selectT(2)" type="primary">确定并保存课程</el-button>
 
+            <el-button @click="selectT" type="primary">确 定</el-button>
 
+            <el-button @click="close">关 闭</el-button>
 
+        </span>
 
+    </el-dialog>
 
+</template>
 
+
 
+<script>
 
+
 
+export default {
 
+    props: {
 
+        dialogVisibleTips: {
 
+            type: Boolean,
 
+            default: false
 
+        },
 
+        tipsJson: {
 
+            type: Object,
 
+            default: () => { }
 
+        },
 
+        aiJson: {
 
+            type: Object,
 
+            default: () => { }
 
+        },
 
+        userid: {
 
+            type: String,
 
+            default: ''
 
+        },
 
+        templateid: {
 
+            type: String,
 
+            default: ''
 
+        }
 
+    },
 
+    data() {
 
+        return {
 
+            title: "",
 
+            detail: "",
 
+            radio: 0,
 
+            isT: 1
 
+        }
 
+    },
 
+    watch: {
 
+        dialogVisibleTips(newValue, oldValue) {
 
+            if (newValue) {
 
+                this.title = this.tipsJson.name ? this.tipsJson.name : ''
 
+                this.detail = this.tipsJson.detail ? this.tipsJson.detail : ''
 
+                this.radio = this.tipsJson.open ? parseInt(this.tipsJson.open) : 0
 
+                this.isT = this.tipsJson.istips ? parseInt(this.tipsJson.istips) : 0
 
+            } else {
 
+                this.$emit('update:tipsJson', {
 
+                    name: this.title,
 
+                    detail: this.detail,
 
+                    open: this.radio,
 
+                    istips: this.istips
 
+                })
 
+            }
 
+        },
 
+    },
 
+    methods: {
 
+        handleClose(done) {
 
+            this.close()
 
+            done();
 
+        },
 
+        close() {
 
+            this.$emit('update:dialogVisibleTips', false)
 
+        },
 
+        selectT(type) {
 
+            if (!this.title) {
 
+                this.$message.error('请输入模板名称');
 
+                return
 
+            }
 
+            if (this.templateid) {
 
+                this.$confirm(
 
+                    "确定修改此模板嘛？",
 
+                    "提示",
 
+                    {
 
+                        confirmButtonText: "确定",
 
+                        cancelButtonText: "取消",
 
+                        type: "warning",
 
+                    }
 
+                )
 
+                    .then(() => {
 
+                        this.updateTipsTemplate(type);
 
+                    })
 
+                    .catch(() => {
 
+                        return;
 
+                    });
 
+            }else{
 
+                this.addTipsTemplate(type);
 
+            }
 
+            // let params = {
 
+            //     userid: this.userid,
 
+            //     name: this.title
 
+            // }
 
+            // this.ajax
 
+            //     .get(this.$store.state.api + "selectTipsTemplateB", params)
 
+            //     .then((res) => {
 
+            //         if (res.data[0].length) {
 
+            //             this.$confirm(
 
+            //                 "发现已有此模板，是否以现在的内容覆盖此模板？",
 
+            //                 "提示",
 
+            //                 {
 
+            //                     confirmButtonText: "确定",
 
+            //                     cancelButtonText: "取消",
 
+            //                     type: "warning",
 
+            //                 }
 
+            //             )
 
+            //                 .then(() => {
 
+            //                     this.addTipsTemplate();
 
+            //                 })
 
+            //                 .catch(() => {
 
+            //                     return;
 
+            //                 });
 
+            //         } else {
 
+            //             this.addTipsTemplate();
 
+            //         }
 
+            //     })
 
+            //     .catch((err) => {
 
+            //         this.$message.error("网络不佳");
 
+            //         console.error(err);
 
+            //     });
 
+        },
 
+        addTipsTemplate(type) {
 
+            let params = [{
 
+                n: this.title,
 
+                d: this.detail,
 
+                json: JSON.stringify(this.aiJson),
 
+                o: this.radio,
 
+                uid: this.userid,
 
+                isT: this.isT
 
+            }]
 
+            this.ajax
 
+                .post(this.$store.state.api + "addTipsTemplate2", params)
 
+                .then((res) => {
 
+                    this.$message.success("保存成功");
 
+                    console.log(res.data);
 
+                    this.$emit('update:templateid', res.data[0][0].id)
 
+                    console.log(this.templateid)
 
+                    if(type == 2){
 
+                        this.$emit('addWork', type)
 
+                    }else{
 
+                        this.$emit('retrunCourse')
 
+                    }
 
+                    this.close();
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        },
 
+        updateTipsTemplate(type) {
 
+            let params = [{
 
+                n: this.title,
 
+                d: this.detail,
 
+                json: JSON.stringify(this.aiJson),
 
+                o: this.radio,
 
+                uid: this.templateid,
 
+                isT: this.isT
 
+            }]
 
+            this.ajax
 
+                .post(this.$store.state.api + "addTipsTemplate2", params)
 
+                .then((res) => {
 
+                    this.$message.success("修改成功");
 
+                    if(type == 2){
 
+                        this.$emit('addWork', type)
 
+                    }else{
 
+                        this.$emit('retrunCourse')
 
+                    }
 
+                    this.close();
 
+                })
 
+                .catch((err) => {
 
+                    this.$message.error("网络不佳");
 
+                    console.error(err);
 
+                });
 
+        }
 
+    },
 
+}
 
+</script>
 
+
 
+<style scoped>
 
+.dialog_diy>>>.el-dialog {
 
+    height: auto;
 
+    margin: 15vh auto 0 !important;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__header {
 
+    background: #454545 !important;
 
+    padding: 15px 20px;
 
+}
 
+
 
+.dialog_diy>>>.el-dialog__body {
 
+    height: calc(100% - 124px);
 
+    box-sizing: border-box;
 
+    padding: 0px;
 
+}
 
+
 
+
 
+.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;
 
+}
 
+
 
+
 
+
 
+.binfo_input {
 
+    width: 100%;
 
+    margin: 0;
 
+    padding: 5px 7px;
 
+    display: block;
 
+    min-width: 0;
 
+    outline: none;
 
+    box-sizing: border-box;
 
+    background: none;
 
+    border: none;
 
+    border-radius: 4px;
 
+    background: #fff;
 
+    font-size: 15px;
 
+    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: 15px;
 
+    resize: none;
 
+    /* background: #f6f6f6; */
 
+    font-family: "Microsoft YaHei";
 
+}
 
+
 
+.binfo_input:focus-visible {
 
+    border: 1.5px solid #3681fc !important;
 
+}
 
+
 
+
 
+.t_box {
 
+    display: flex;
 
+    margin-bottom: 15px;
 
+}
 
+
 
+.t_box>span:nth-child(1) {
 
+    min-width: 135px;
 
+    font-size: 16px;
 
+    color: #000;
 
+    text-align: right;
 
+}
 
+</style>

+ 14164 - 0
src/components/pages/aiEasy2/addCourse.vue
查看文件 

@@ -0,0 +1,14164 @@
 
+<template>
 
+  <div class="pb_content" style="background: #F0F2F5;">
 
+    <div class="pb_content_body" style="position: relative; margin: 0">
 
+      <div class="right">
 
+        <!-- <div style="display: flex; margin-top: 20px; position: relative"> -->
 
+        <div style="width: 100%; height: 100%; overflow: auto" ref="stepBox">
 
+          <div class="courseTop">
 
+            <div class="stepsNav">
 
+              <el-breadcrumb separator-class="el-icon-arrow-right">
 
+                <el-breadcrumb-item :to="{
 
+                  path:
 
+                    '/course?userid=' +
 
+                    userid +
 
+                    '&oid=' +
 
+                    oid +
 
+                    '&org=' +
 
+                    org +
 
+                    '&role=' +
 
+                    role,
 
+                }">课程管理</el-breadcrumb-item>
 
+                <el-breadcrumb-item>
 
+                  <span style="color: rgb(15, 126, 255)">添加课程</span>
 
+                </el-breadcrumb-item>
 
+              </el-breadcrumb>
 
+            </div>
 
+            <div class="r_pub_button_retrun" @click="lastSteps()">返回</div>
 
+          </div>
 
+          <div class="right">
 
+            <div class="rightBox" style="padding: 0;"
 
+              :style="{ height: (!isBtnDisplay) ? 'calc(100% - 50px)' : 'calc(100% - 120px)' }" v-if="this.steps == 1"
 
+              @mousewheel="scrollChange">
 
+              <div class="updateMask" :style="{
 
+                height: rightBoxHeight ? rightBoxHeight + 'px' : '100%',
 
+              }" v-if="cid && userid != courseUserid && role != '1'"></div>
 
+              <div class="whiteBg" style="background:unset;padding: 0;">
 
+                <div>
 
+                  <div class="basic_box" style="padding: 0;">
 
+                    <div class="big_box">
 
+                      <div class="left_first">
 
+                        <div :class="{
 
+                          updateTips: cid && userid != courseUserid && role != '1',
 
+                        }">
 
+                          <div style="width: 100%;">
 
+                            <div class="course_input_box">
 
+                              <div class="bb_courseIcon"><img src="../../../assets/icon/new/course.png" /></div>
 
+                              <input type="text" placeholder="请输入课程名称" class="binfo_input" v-model="courseName"
 
+                                style="border: 1.5px solid rgb(202, 209, 220);margin: 0px 10px 0px 0px;border-radius: 5px;font-weight: 600;padding: 12px 14px 12px 71px;" />
 
+                              <!-- background: #f6f6f6; -->
 
+                              <el-switch v-model="isTeacherSee" active-text="是否公开此课程"
 
+                                style="justify-content: center;width: 200px;"></el-switch>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="pType_box all_choose" v-if="oid == '69893dca-1d47-11ed-8c78-005056b86db5'">
 
+                          <span>类型</span>
 
+                          <!-- 学科+ 主题+  未来+ -->
 
+                          <el-radio-group @change="CourseType2Change" v-model="pTypeCheckName"
 
+                            style="display: flex; align-items: center">
 
+                            <div class="all_choose" style="width: 100px" v-for="(item, index) in CourseType2"
 
+                              :key="index">
 
+                              <el-radio :label="item.name">{{
 
+                                item.name
 
+                                }}</el-radio>
 
+                            </div>
 
+                          </el-radio-group>
 
+                        </div>
 
+                        <div class="both">
 
+                          <div class="choose">
 
+                            <div class="all_choose" v-for="(item, index) in CourseType[0]" :key="index">
 
+                              <span v-if="CourseTypeJson[item.id].length > 0 &&
 
+                                (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
 
+                                  ? pTypeCheck.indexOf(item.id) != -1
 
+                                  : true)
 
+                                ">{{ item.name }}:</span>
 
+                              <el-checkbox-group v-model="courseTypeId" v-if="CourseTypeJson[item.id].length > 0 &&
 
+                                (oid == '69893dca-1d47-11ed-8c78-005056b86db5'
 
+                                  ? pTypeCheck.indexOf(item.id) != -1
 
+                                  : true)
 
+                                ">
 
+                                <el-checkbox v-for="item1 in CourseTypeJson[item.id]" :key="item1.id" :label="item1.id">{{
 
+                                  item1.name }}</el-checkbox>
 
+                              </el-checkbox-group>
 
+                              <!-- <div
 
+                                v-else
 
+                                style="font-size: 14px; margin-left: -8px"
 
+                              >
 
+                                暂无
 
+                              </div> -->
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="right_first">
 
+                        <!-- <div class="ai_box">
 
+                        <div class="ai_content" @click="openAI"><img src="../../assets/icon/new/ai.png"/><span>AI共创</span></div>
 
+                      </div> -->
 
+                        <div class="c_info_title" style="padding: 0 0 15px;margin: 0 auto 0 0;">上传封面</div>
 
+                        <div style="width: 100%;">
 
+                          <div class="uploadFm" @click="choosePicVisible = true" :class="{uploadFm2:cover.length}">
 
+                            <img src="../../../assets/icon/addPoster.png" alt="" v-if="cover.length == 0" />
 
+                            <img :src="cover[0].url" alt="" class="cover_p" v-else />
 
+                            <div v-if="cover.length == 0">点击添加封面</div>
 
+                            <div class="cover_mask"><img src="../../../assets/icon/new/cover_update.png" /><span
 
+                                style="margin-top:5px;">修改封面</span></div>
 
+                          </div>
 
+                          <!-- <el-upload :class="{ disUoloadSty: noneBtnImg }" class="upCss" action="#" list-type="picture"
 
+                            v-loading="uploadLoading1" :http-request="beforeUpload1" ref="upload1"
 
+                            :on-preview="handlePictureCardPreview" :on-remove="handle_remove1" :show-file-list="true"
 
+                            :file-list="cover" accept="image/*" :limit="1" :on-exceed="onExceed" v-else>
 
+                            <i class="el-icon-plus"></i>
 
+                          </el-upload> -->
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="whiteBg" style="margin-top: 10px">
 
+                <div class="wb_j_box">
 
+                  <div class="wb_j_box_content">
 
+                    <!-- <button class="c_pub_button_add pub_btn_add_img" @click="
 
+                      (dialogVisibleClass = true),
 
+                      (classSearch = ''),
 
+                      (gradeId = ''),
 
+                      getClass()
 
+                      ">添加班级</button>
 
+                    <div v-if="checkboxList2.length" class="wb_j_box_p_box">
 
+                      <span :class="{ tcMember: getClassC(tc) }" v-for="(tc, tcIndex) in checkboxList2" :key="tcIndex">{{
 
+                        getClassC(tc) }}</span>
 
+                    </div> -->
 
+                    <div class="wb_j_box_btn" @click="
 
+                      (dialogVisibleClass = true),
 
+                      (classSearch = ''),
 
+                      (gradeId = ''),
 
+                      getClass()
 
+                      ">
 
+                      <div class="wb_j_box_title">授课班级</div>
 
+                      <div class="wb_j_box_btn_c">
 
+                        <el-tooltip effect="dark" :content="getListClassC(checkboxList2)" placement="top"
 
+                          v-if="checkboxList2.length" popper-class="text_tooltip2">
 
+                          <div class="wb_j_box_span">{{ getListClassC(checkboxList2) }}</div>
 
+                        </el-tooltip>
 
+                        <div v-else class="wb_j_box_span">请选择授课班级</div>
 
+                        <div class="wb_j_box_arrow"></div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div style="margin-left: auto;">
 
+                    <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" v-if="isPasteTask">智能粘贴</button>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="whiteBg">
 
+
 
+                <div class="taskBorder" style="padding: 20px 20px 10px;">
 
+                  <div class="basic_box" style="
 
+                              margin: 0;
 
+                              min-height: 0;
 
+                              padding: 10px 0 0 !important;
 
+                            ">
 
+                    <div style="
 
+                                display: flex;
 
+                                margin: 0 0 0 0;
 
+                                flex-direction: row;
 
+                                justify-content: space-between;
 
+                                align-items: center;
 
+                              ">
 
+                      <div class="lineTitle" style="margin-bottom:10px;width: 100%;">学习内容<span>（请上传您已有的教案和PPT）</span></div>
 
+                    </div>
 
+                    <div ref="dropArea" @dragover.prevent @drop="handleDrop">
 
+                      <div class="add_chapters_box add_c_none" v-if="unitJson[unitIndex].chapterInfo[0].taskJson[0].chapterData &&
 
+                        unitJson[unitIndex].chapterInfo[0].taskJson[0].chapterData.length == 0
 
+                      "><img src="../../../assets/icon/new/c_none.png" alt /><span>请添加学习内容</span></div>
 
+                      <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
 
+                        <div @dragstart="dragStart(item1, index1, 0)" @dragover.prevent="dragOver(index1, 0)"
 
+                          @dragend="dragEnd()" :draggable="isdrag == 'chapter-' + '0' + '-' + index1" class="chapter_upload"
 
+                          v-for="(item1, index1) in unitJson[unitIndex].chapterInfo[0].taskJson[0]
 
+                            .chapterData" :key="item1.id" @click="
 
+                                      getChapterData(
 
+                                        $event,
 
+                                        unitIndex,
 
+                                        0,
 
+                                        index1,
 
+                                        item1.type
 
+                                      )
 
+                                      " :class="{
 
+                                    dragOverTop2: newIndex === index1 && typeIndex == 'chapter-' + '0' + '-' + index1 && oldIndex > index1,
 
+                                    dragOverBottom2: newIndex === index1 && typeIndex == 'chapter-' + '0' + '-' + index1 && oldIndex < index1,
 
+                                  }">
 
+                          <div @mousedown="isdrag = 'chapter-' + '0' + '-' + index1" @mouseup="isdrag = ''"
 
+                            @touchstart="isdrag = 'chapter-' + '0' + '-' + index1" @touchend="isdrag = ''"
 
+                            class="chapter_upload_drag"></div>
 
+                          <div class="chapter_upload_t" style="width: 100%"></div>
 
+                          <div class="chapter_upload_o" style="
 
+                                      position: relative;
 
+                                      display: flex;
 
+                                      align-items: center;
 
+                                    ">
 
+                            <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
 
+                              <div v-if="item1.type == 2" class="chapter_upload_l_i2"></div>
 
+                              <div v-if="item1.type == 3" class="chapter_upload_l_i3" style="margin-left: 1px"></div>
 
+                              <div v-if="item1.type == 6" class="chapter_upload_l_i6" style="margin-left: 1px"></div>
 
+                              <!-- <div v-if="item1.type == 7" class="chapter_upload_l_i8" style="margin-left: 1px"></div> -->
 
+                              <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
 
+                              <div v-if="item1.type == 14" class="chapter_upload_l_i14" style="margin-left: 1px">
 
+                              </div>
 
+                              <div v-if="item1.type == 12" class="chapter_upload_l_i12" style="margin-left: 1px">
 
+                              </div>
 
+                              <div v-if="item1.type == 13" class="chapter_upload_l_i13" style="margin-left: 1px">
 
+                              </div>
 
+                            </div>
 
+                            <div class="chapter_upload_n">
 
+                              <input readonly="true" v-if="item1.type == 2 ||
 
+                                item1.type == 3 ||
 
+                                item1.type == 12 ||
 
+                                item1.type == 13 ||
 
+                                item1.type == 7
 
+                              " :placeholder="item1.name" @click="
 
+                                          updataVideoT(
 
+                                            $event,
 
+                                            unitIndex,
 
+                                            0,
 
+                                            index1
 
+                                          )
 
+                                          " style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      minwidth: 215px;
 
+                                      z-index: 99;
 
+                                      font-size: 14px;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " />
 
+                              <input :placeholder="item1.name" v-if="item1.type == 6" style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " readonly="true" @click="selectAttText(0, index1)" />
 
+                              <input :placeholder="item1.title ? item1.title : '链接'
 
+                                " v-if="item1.type == 8" style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " readonly="true" @click="selectLine(0, index1)" />
 
+                              <input :placeholder="item1.title ? item1.title : '链接'
 
+                                " v-if="item1.type == 14" style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " readonly="true" @click="openUpdateSource(0, index1)" />
 
+                            </div>
 
+                            <div class="chapter_upload_ic">
 
+                              <div class="chapter_upload_noSee" v-if="item1.type == 12">
 
+                              </div>
 
+                              <div class="chapter_upload_ud" style="z-index: 99">
 
+                                <div class="chapter_upload_up" @click.stop="
 
+                                  upCd(
 
+                                    $event,
 
+                                    unitIndex,
 
+                                    0,
 
+                                    0,
 
+                                    index1
 
+                                  )
 
+                                  "></div>
 
+                                <div class="chapter_upload_down" @click.stop="
 
+                                  downCd(
 
+                                    $event,
 
+                                    unitIndex,
 
+                                    0,
 
+                                    0,
 
+                                    index1
 
+                                  )
 
+                                  "></div>
 
+                              </div>
 
+                              <div class="chapter_upload_ic_edit" v-if="item1.type == 2 ||
 
+                                item1.type == 3 ||
 
+                                item1.type == 12 ||
 
+                                item1.type == 13 ||
 
+                                item1.type == 7
 
+                              " @click.stop="
 
+                                          updataVideoT(
 
+                                            $event,
 
+                                            unitIndex,
 
+                                            0,
 
+                                            index1
 
+                                          )
 
+                                          ">
 
+                                <div></div>
 
+                              </div>
 
+                              <div class="chapter_upload_ic_edit" v-if="item1.type == 6"
 
+                                @click="selectAttText(0, index1)">
 
+                                <div></div>
 
+                              </div>
 
+                              <div class="chapter_upload_ic_edit" v-if="item1.type == 8" @click="selectLine(0, index1)">
 
+                                <div></div>
 
+                              </div>
 
+                              <div class="chapter_upload_ic_edit" v-if="item1.type == 14"
 
+                                @click="openUpdateSource(0, index1)">
 
+                                <div></div>
 
+                              </div>
 
+                              <div class="chapter_upload_ic_r" @click.stop="
 
+                                deleteChapterData(
 
+                                  $event,
 
+                                  unitIndex,
 
+                                  0,
 
+                                  index1,
 
+                                  0
 
+                                )
 
+                                ">
 
+                                <div></div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <!-- v-if="!item.taskJson[0].isFoldchapter" -->
 
+                    <div class="add_info_box" style="margin:10px 0 0">
 
+                      <button class="c_pub_button_add pub_btn_add_img" @click="addImg($event)">
 
+                        文件
 
+                        <input type="file" accept="*" style="display: none" multiple="multiple" v-if="inputShow"
 
+                          @change="beforeUpload2($event, unitIndex, 13, 0)" />
 
+                      </button>
 
+                      <button class="c_pub_button_add pub_btn_add_img" @click="addAttText(0)">
 
+                        图文
 
+                      </button>
 
+                      <button class="c_pub_button_add pub_btn_add_img" @click="openLine(0)">
 
+                        链接
 
+                      </button>
 
+                      <button class="c_pub_button_add pub_btn_add_img" @click="pasteLine(0)">
 
+                        代码
 
+                      </button>
 
+                      <button class="c_pub_button_add pub_btn_add_img" @click="openSource(0)">
 
+                        资源
 
+                      </button>
 
+                      <!-- <button class="info_btn" @click="addImg($event)">
 
+                                  其他附件
 
+                                  <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
 
+                                    " />
 
+                                </button> -->
 
+                    </div>
 
+                    <div
 
+                      v-if="
 
+                        unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                          0
 
+                        ].proVisible
 
+                      "
 
+                      class="mask"
 
+                    >
 
+                      <div class="progressBox">
 
+                        <!-- <div id="closePro" class="closeCss">
 
+                                      <img src="../../../../assets/icon/close.png" alt />
 
+                                  </div> -->
 
+                        <div class="lbox">
 
+                          <img
 
+                            src="../../../assets/loading.gif"
 
+                          />上传中，请稍后
 
+                        </div>
 
+                        <div style="margin-bottom: 10px">
 
+                          <span
 
+                            >{{
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                                0
 
+                              ].isFinishSize
 
+                            }}</span
 
+                          >
 
+                          /
 
+                          <span
 
+                            >{{
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                                0
 
+                              ].isAllSize
 
+                            }}</span
 
+                          >
 
+                        </div>
 
+                        <!-- <el-progress
 
+                          :text-inside="true"
 
+                          :stroke-width="20"
 
+                          :percentage="
 
+                            unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              0
 
+                            ].progress
 
+                              ? unitJson[unitIndex].chapterInfo[0]
 
+                                  .taskJson[0].progress
 
+                              : 0
 
+                          "
 
+                          style="width: 80%"
 
+                        ></el-progress> -->
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="whiteBg" style="border-radius: 0; margin-top: 15px" v-if="false">
 
+                <div class="right_title">课程简要描述</div>
 
+                <div style="width: 95%; padding: 15px 0px 15px 20px">
 
+                  <div style="width: 55%">
 
+                    <textarea rows="8" class="binfo_input" cols v-model="courseText"></textarea>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="whiteBg" style="border-radius: 0; background:#F0F2F5;">
 
+                <!-- <div class="right_title">
 
+                  <div class="bb_courseIcon"><img src="../../../assets/icon/new/course_icon2.png" />
 
+                  </div>
 
+                  <span style="margin:0 10px">上传课程内容</span>
 
+                  <button class="c_pub_button_add pub_btn_paste_img" @click="pasteTask" style="margin-left: 145px"
 
+                    v-if="isPasteTask">智能粘贴</button>
 
+                </div> -->
 
+                <div style="display: flex">
 
+                  <div class="course_left">
 
+                    <div class="stepsBottom2">
 
+                      <div class="navBottom" :style="{ height: heightPx }">
 
+                        <div v-for="(t, tIndex) in unitJson[unitIndex].chapterInfo[0]
 
+                          .taskJson" :key="tIndex" :class="{
 
+                            dragOverTop: newIndex === tIndex && typeIndex == 'task-'+tIndex && oldIndex > tIndex,
 
+                            dragOverBottom: newIndex === tIndex && typeIndex == 'task-'+tIndex && oldIndex < tIndex,
 
+                          }">
 
+                          <div @dragstart="dragTaskStart(t, tIndex)" @dragover.prevent="dragTaskOver(tIndex)"
 
+                            @dragend="dragTaskEnd()" :draggable="isdrag == 'task-'+tIndex" @click="goToTask(tIndex)"
 
+                            class="navTask" :class="{
 
+                              isNavTask:
 
+                                isClickColor > 0 && isClickColor == tIndex + 1,
 
+                              isNavOpen: t.toolOpen,
 
+                            }">
 
+                            <div @click.stop="taskOpen(tIndex)" class="chapter_upload_open"></div>
 
+                            <div @mousedown="isdrag = 'task-'+tIndex" @mouseup="isdrag = ''"
 
+                              @touchstart="isdrag = 'task-'+tIndex" @touchend="isdrag = ''" style="left: 8px;"
 
+                              class="chapter_upload_drag"></div>
 
+                            <div class="nt_taskBox">
 
+                              <div class="nt_taskTitle">任务{{ tIndex + 1 }}：</div>
 
+                              <div class="nt_taskName">
 
+                                <el-tooltip effect="light" :content="t.task ? t.task : '未命名任务'" placement="top">
 
+                                  <span>{{ t.task ? t.task : '未命名任务' }}</span>
 
+                                </el-tooltip>
 
+                              </div>
 
+                            </div>
 
+                            <!-- <div class="moveBtn" v-if="unitJson[unitIndex].chapterInfo[0].taskJson.length >
 
+                            1
 
+                            ">
 
+                            <div class="chapter_upload_up" style="margin: 0 5px 0 0;width: 25px;height: 25px;"
 
+                              @click.stop="taskMove(1, tIndex)"></div>
 
+                            <div class="chapter_upload_down" style="width: 25px;height: 25px;"
 
+                              @click.stop="taskMove(2, tIndex)"></div>
 
+                          </div> -->
 
+                          </div>
 
+                          <div class="gjBox" v-if="t.toolChoose.length && t.toolOpen">
 
+                            <div v-for="(tool, toolIndex2) in t.toolChoose" :key="toolIndex2"
 
+                              @click="jumpGj(tIndex, toolIndex2)">
 
+                              <div class="gjCss" :class="{ isGjCss: toolIndexType == `gj${tIndex}${toolIndex2}` }">
 
+                                <div>工具{{ toolIndex2 + 1 }}：</div>
 
+                                <div>{{ toolsData[tool.tool[0]] && toolsData[tool.tool[0]].name }}</div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="basic_box2">
 
+                    <div style="margin: 0 0 20px 0; padding: 0 0 0 10px"
 
+                      v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
 
+                      <div class="taskBorder" :style="{
 
+                        minHeight: unitJson[unitIndex].easy && 'unset', paddingBottom: '40px'
 
+                      }" :class="{ smallTaskBorder: itemTask.isFold === 1 }"
 
+                        v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
 
+                        <div class="taskTitle">任务{{ itemTaskIndex + 1 }}</div>
 
+                        <div v-if="unitJson[unitIndex].easy != 1">
 
+                          <div :style="{
 
+                            marginBottom:
 
+                              unitJson[unitIndex].easy == 3 ||
 
+                                (unitJson[unitIndex].easy == 5 &&
 
+                                  itemTask.taskType == 1)
 
+                                ? '75px'
 
+                                : '0',
 
+                          }">
 
+                            <div style="
 
+                                display: flex;
 
+                                margin: 0px 0 20px;
 
+                                flex-direction: row;
 
+                                justify-content: flex-start;
 
+                                align-items: center;
 
+                              ">
 
+                              <div class="lineTitle">任务概述</div>
 
+                            </div>
 
+                            <div :id="'task' + itemTaskIndex" class="chapter_contentbox" style="
 
+                                flex-direction: row;
 
+                                justify-content: flex-start;
 
+                                align-items: center;
 
+                              ">
 
+                              <!-- <div  class="cc_title">
 
+                                任务{{ itemTaskIndex + 1 }}
 
+                              </div> -->
 
+                              <div class="cc_input">
 
+                                <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
 
+                                  v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                                    itemTaskIndex
 
+                                  ].task
 
+                                    " />
 
+                                <!-- <div v-if="!itemTask.isFold2" class="show_taskD show" @click="fold2(itemTaskIndex)"><img
 
+                                    src="../../../assets/icon/new/icon-slide.png" />收起任务描述</div>
 
+                                <div v-else class="show_taskD" @click="fold2(itemTaskIndex)"><img
 
+                                    src="../../../assets/icon/new/icon-slide.png" />展开任务描述</div> -->
 
+                              </div>
 
+                              <div class="remove" v-if="item.taskJson.length > 1" @click="deleteTask(itemTaskIndex)">
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div style="margin: 25px 0">
 
+                          <!-- v-if="!itemTask.isFold2" -->
 
+                          <!-- <editor-bar style="width: 90% !important; margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                            itemTaskIndex
 
+                          ].taskDetail
 
+                            " @change="change"></editor-bar> -->
 
+                          <textarea rows="2" v-autoHeight="70" class="binfo_input" placeholder="请输入任务描述" cols v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                            itemTaskIndex
 
+                          ].taskDetail
 
+                            "></textarea>
 
+                        </div>
 
+                        <div class="toolChoose" style="margin: 20px 0">
 
+                          <div class="tools">
 
+                            <div class="leftTools" style="
 
+                                width: 100%;
 
+                              " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
 
+                              <div style="
 
+                                  display: flex;
 
+                                  flex-direction: row;
 
+                                  align-items: baseline;
 
+                                  flex-wrap: nowrap;
 
+                                  justify-content: flex-start;
 
+                                  position: relative;
 
+                                ">
 
+                                <div :id="'gj' + itemTaskIndex + '' + toolIndex"
 
+                                  style="margin-right: 20px; font-weight: bold">
 
+                                  工具 {{ toolIndex + 1 }} ：
 
+                                </div>
 
+                                <div class="chooseWho">
 
+                                  <div :class="itemTool.toolType == 0 ? 'isChooseActive' : ''
 
+                                    " @click="(itemTool.toolType = 0), (itemTool.isFold3 = false), $forceUpdate()">
 
+                                    互动类
 
+                                  </div>
 
+                                  <div :class="itemTool.toolType == 1
 
+                                    ? 'isChooseActive'
 
+                                    : ''
 
+                                    " @click="
 
+      (itemTool.toolType = 1), (itemTool.isFold3 = false), $forceUpdate()
 
+      ">
 
+                                    思维类
 
+                                  </div>
 
+                                  <div :class="itemTool.toolType == 6
 
+                                    ? 'isChooseActive'
 
+                                    : ''
 
+                                    " @click="
 
+      (itemTool.toolType = 6), (itemTool.isFold3 = false), $forceUpdate()
 
+      ">
 
+                                    协作类
 
+                                  </div>
 
+                                  <div :class="itemTool.toolType == 2
 
+                                    ? 'isChooseActive'
 
+                                    : ''
 
+                                    " @click="
 
+      (itemTool.toolType = 2), (itemTool.isFold3 = false), $forceUpdate()
 
+      ">
 
+                                    测评类
 
+                                  </div>
 
+                                  <div :class="itemTool.toolType == 7
 
+                                    ? 'isChooseActive'
 
+                                    : ''
 
+                                    " @click="
 
+      (itemTool.toolType = 7), (itemTool.isFold3 = false), $forceUpdate()
 
+      ">
 
+                                    评价类
 
+                                  </div>
 
+                                  <div :class="itemTool.toolType == 3
 
+                                    ? 'isChooseActive'
 
+                                    : ''
 
+                                    " @click="
 
+      (itemTool.toolType = 3), (itemTool.isFold3 = false), $forceUpdate()
 
+      ">
 
+                                    编程类
 
+                                  </div>
 
+                                  <div :class="itemTool.toolType == 5 ? 'isChooseActive' : ''
 
+                                    " @click="(itemTool.toolType = 5), (itemTool.isFold3 = false), $forceUpdate()">
 
+                                    学科类
 
+                                  </div>
 
+                                  <!-- <div :class="itemTool.toolType == 4 ? 'isChooseActive' : ''
 
+                                    " @click="(itemTool.toolType = 4), $forceUpdate()">
 
+                                    其他
 
+                                  </div> -->
 
+                                </div>
 
+                                <div class="chapter_upload_ud2" style="z-index: 9;margin:0 0 0 auto"
 
+                                  :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px auto' : '0 0 0 auto' }"
 
+                                  v-if="itemTask.toolChoose.length > 1">
 
+                                  <div class="chapter_upload_up2" @click.stop="
 
+                                        upTool(
 
+                                          $event,
 
+                                          unitIndex,
 
+                                          itemTaskIndex, 
+                                          toolIndex
 
+                                        )
 
+                                    ">上移</div>
 
+                                  <div class="chapter_upload_down2" @click.stop="
 
+                                        downTool(
 
+                                          $event,
 
+                                          unitIndex,
 
+                                          itemTaskIndex, 
+                                          toolIndex
 
+                                        )
 
+                                    ">下移</div>
 
+                                </div>
 
+                                <!-- <div v-if="!itemTool.isFold3" class="show_toolD show"
 
+                                  @click="fold3(itemTaskIndex, toolIndex)"
 
+                                  :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
 
+                                    src="../../../assets/icon/new/icon-slide.png" />收起工具栏</div>
 
+                                <div v-else class="show_toolD" @click="fold3(itemTaskIndex, toolIndex)"
 
+                                  :style="{ margin: itemTask.toolChoose.length > 1 ? '0px 35px 0px 10px' : '0 0 0 auto' }"><img
 
+                                    src="../../../assets/icon/new/icon-slide.png" />展开工具栏</div> -->
 
+                                <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
 
+                                  v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 0;top:-5px;">
 
+                                </div>
 
+                              </div>
 
+                              <!-- v-show="!itemTool.isFold3" -->
 
+                              <div style="min-height: 163px">
 
+                                <div class="toolSort" v-if="itemTool.toolType == 0">
 
+                                  <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(8, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img src="../../../assets/icon/secondToolList/library.png" alt />
 
+                                  <div style="margin: 5px 0">素材库</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(8) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
 
+                                      alt /><span>已选择</span></div>
 
+                                </div>
 
+                              </div>-->
 
+                                  <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(17, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/secondToolList/library.png"
 
+                                    alt
 
+                                />
 
+                                  <div style="margin: 5px 0">学习资料</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(17, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(17) == -1"
 
+                                  />
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                    v-else
 
+                                  />
 
+                                </div>10
 
+                              </div> -->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(10) != -1 }"
 
+                                    @click="addTools(10, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 10, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/time.png" alt />
 
+                                      <div style="margin: 5px 0">倒计时</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(10) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(10, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(10) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(65) != -1 }"
 
+                                    @click="addTools(65, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="addTools(65, itemTaskIndex, toolIndex)">
 
+                                      <img src="../../../assets/icon/firstToolList/pickPeople.png" alt />
 
+                                      <div style="margin: 5px 0">挑人</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(65) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="addTools(65, itemTaskIndex, toolIndex)">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(65) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                    <div
 
+                                      class="whiteBIcon"
 
+                                      @click="
 
+                                        openTools(itemTaskIndex, 49, toolIndex)
 
+                                      "
 
+                                    >
 
+                                      <img
 
+                                        src="../../../assets/icon/fourthToolList/group.png"
 
+                                        alt
 
+                                      />
 
+                                      <div style="margin: 5px 0">学生分组</div>
 
+                                    </div>
 
+                                    <div
 
+                                      class="check"
 
+                                      @click="
 
+                                        addTools(49, itemTaskIndex, toolIndex)
 
+                                      "
 
+                                    >
 
+                                      <img
 
+                                        src="../../../assets/icon/checkNo.png"
 
+                                        alt
 
+                                        v-if="itemTool.tool.indexOf(49) == -1"
 
+                                      />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img
 
+                                          src="../../../assets/icon/checkedIs.png"
 
+                                          alt
 
+                                        /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div> -->
 
+                                  <!-- <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      openTools(itemTaskIndex, 62, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
 
+                                      <div style="margin: 5px 0">交互视频</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(62, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(62) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div> -->
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 1">
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(7) != -1 }"
 
+                                    @click="addTools(7, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(7, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                                      <div style="margin: 5px 0">思维网格</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(7) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(7, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(7) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(1) != -1 }"
 
+                                    @click="addTools(1, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 1, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                                      <div style="margin: 5px 0">电子白板</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(1) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(1, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(1) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(2, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/secondToolList/note.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">便签</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(2, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(2) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img
 
+                                      src="../../../assets/icon/checkedIs.png"
 
+                                      alt
 
+                                    /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                                  <!-- <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/doc.png" alt />
 
+                                  <div style="margin: 5px 0">协同文档</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(6, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(6) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img
 
+                                      src="../../../assets/icon/checkedIs.png"
 
+                                      alt
 
+                                    /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(52) != -1 }"
 
+                                    @click="addTools(52, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 52, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/text.png" alt />
 
+                                      <div style="margin: 5px 0">文档</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(52) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(52, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(52) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(3) != -1 }"
 
+                                    @click="addTools(3, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 3, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                                      <div style="margin: 5px 0">思维导图</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(3) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(3, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(3) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(48) != -1 }"
 
+                                    @click="addTools(48, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 48, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/table.png" alt />
 
+                                      <div style="margin: 5px 0">表格</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(48) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(48, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(48) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 6">
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(49) != -1 }"
 
+                                    @click="addTools(49, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 49, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/group.png" alt />
 
+                                      <div style="margin: 5px 0">学生分组</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(49) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(49, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(49) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 2">
 
+                                  <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(5, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/thirdToolList/score.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">量规评分</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(5, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(5) == -1"
 
+                                  />
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                    v-else
 
+                                  />
 
+                                </div>
 
+                              </div>-->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(4) != -1 }"
 
+                                    @click="addTools(4, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 4, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/ask.png" alt />
 
+                                      <div style="margin: 5px 0">问卷调查</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(4) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(4, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(4) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(45) != -1 }"
 
+                                    @click="addTools(45, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 45, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/choose.png" alt />
 
+                                      <div style="margin: 5px 0">选择题</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(45) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(45, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(45) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(15) != -1 }"
 
+                                    @click="addTools(15, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 15, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/answer.png" alt />
 
+                                      <div style="margin: 5px 0">问答</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(15) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(15, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(15) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(16) != -1 }"
 
+                                    @click="addTools(16, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(16, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/work.png" alt />
 
+                                      <div style="margin: 5px 0">作业提交</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(16) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(16, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(16) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(50) != -1 }"
 
+                                    @click="addTools(50, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(50, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
 
+                                      <div style="margin: 5px 0">批量上传</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(50) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(50, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(50) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                    <div
 
+                                      class="whiteBIcon"
 
+                                      @click="
 
+                                        openTools(itemTaskIndex, 40, toolIndex)
 
+                                      "
 
+                                    >
 
+                                      <img
 
+                                        src="../../../assets/icon/thirdToolList/eval.png"
 
+                                        alt
 
+                                      />
 
+                                      <div style="margin: 5px 0">个人评价</div>
 
+                                    </div>
 
+                                    <div
 
+                                      class="check"
 
+                                      @click="
 
+                                        addTools(40, itemTaskIndex, toolIndex)
 
+                                      "
 
+                                    >
 
+                                      <img
 
+                                        src="../../../assets/icon/checkNo.png"
 
+                                        alt
 
+                                        v-if="itemTool.tool.indexOf(40) == -1"
 
+                                      />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img
 
+                                          src="../../../assets/icon/checkedIs.png"
 
+                                          alt
 
+                                        /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div> -->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(41) != -1 }"
 
+                                    @click="addTools(41, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 41, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/select.png" alt />
 
+                                      <div style="margin: 5px 0">选择匹配</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(41) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(41, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(41) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(47) != -1 }"
 
+                                    @click="addTools(47, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 47, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                                      <div style="margin: 5px 0">排序</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(47) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(47, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(47) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="openTools(itemTaskIndex, 42, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/thirdToolList/mp3.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">上传音频</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(42, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(42) == -1"
 
+                                  />
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                    v-else
 
+                                  />
 
+                                </div>
 
+                              </div> -->
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 3">
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(18) != -1 }"
 
+                                    @click="addTools(18, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(18, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
 
+                                      <div style="margin: 5px 0">训练平台</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(18) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(18, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(18) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(21) != -1 }"
 
+                                    @click="addTools(21, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(21, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/program.png" alt />
 
+                                      <div style="margin: 5px 0">AIoT Blockly</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(21) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(21, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(21) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(22, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
 
+                                      <div style="margin: 5px 0">AI体验</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(22, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(22) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div> -->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(23) != -1 }"
 
+                                    @click="addTools(23, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(23, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
 
+                                      <div style="margin: 5px 0">AI Python</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(23) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(23, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(23) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(24) != -1 }"
 
+                                    @click="addTools(24, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(24, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
 
+                                      <div style="margin: 5px 0">AI Blockly</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(24) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(24, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(24) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(32) != -1 }"
 
+                                    @click="addTools(32, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(32, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/code.png" alt />
 
+                                      <div style="margin: 5px 0">源码编辑</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(32) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(32, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(32) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(57) != -1 }"
 
+                                    @click="addTools(57, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 57, toolIndex)">
 
+                                      <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
 
+                                      <div style="margin: 5px 0">CocoPi</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(57) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(57, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(57) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(63) != -1 }"
 
+                                    @click="addTools(63, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(63, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
 
+                                      <div style="margin: 5px 0">海龟编程</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(63) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(63, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(63) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(71) != -1 }"
 
+                                    @click="addTools(71, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(71, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/chatgpt.png" alt />
 
+                                      <div style="margin: 5px 0">AI智能体</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(71) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 5">
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(28) != -1 }"
 
+                                    @click="addTools(28, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(28, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/translation.png" alt />
 
+                                      <div style="margin: 5px 0">翻译</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(28) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(28, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(28) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(31) != -1 }"
 
+                                    @click="addTools(31, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(31, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                                      <div style="margin: 5px 0">数字画板</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(31) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(31, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(31) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(39) != -1 }"
 
+                                    @click="addTools(39, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(39, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                                      <div style="margin: 5px 0">GeoGebra</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(39) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(39, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(39) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(66) != -1 }"
 
+                                    @click="addTools(66, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(66, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/formulaEdi.png" alt />
 
+                                      <div style="margin: 5px 0">公式编辑</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(66) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(66, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(66) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(67, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/molStr.png" alt />
 
+                                      <div style="margin: 5px 0">分子结构</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(67, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(67) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div> -->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(68) != -1 }"
 
+                                    @click="addTools(68, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      addTools(68, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/timeAxis.png" alt />
 
+                                      <div style="margin: 5px 0">时间轴</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(68) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(68, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(68) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(28, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/translation.png" alt />
 
+                                      <div style="margin: 5px 0">翻译</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(28, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(28) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(37, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/mohe.png" alt />
 
+                                      <div style="margin: 5px 0">魔盒识字</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(37, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(37) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(38, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/24game.png" alt />
 
+                                      <div style="margin: 5px 0">24点</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(38, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(38) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(31, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                                      <div style="margin: 5px 0">数学画板</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(31, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(31) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(39, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                                      <div style="margin: 5px 0">GeoGebra</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(39, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(39) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(58, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/car.png" alt />
 
+                                      <div style="margin: 5px 0">模拟驾驶</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(58, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(58) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(59, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
 
+                                      <div style="margin: 5px 0">路径搜索</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(59, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(59) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(60, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
 
+                                      <div style="margin: 5px 0">深度学习</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(60, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(60) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(61, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
 
+                                      <div style="margin: 5px 0">全历史</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(61, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(61) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div> -->
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(69) != -1 }"
 
+                                    @click="addTools(69, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="
 
+                                      openTools(itemTaskIndex, 69, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/english.png" alt />
 
+                                      <div style="margin: 5px 0">英语写作</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(69) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(4, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(4) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(70) != -1 }"
 
+                                    @click="addTools(70, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click.stop="openTools(itemTaskIndex, 70, toolIndex)">
 
+                                      <img src="../../../assets/icon/thirdToolList/englishVoice.png" alt />
 
+                                      <div style="margin: 5px 0">英语口语</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(70) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 7">
 
+                                  <div class="tool" :class="{ isToolChoose: itemTool.tool.indexOf(40) != -1 }"
 
+                                    @click.stop="addTools(40, itemTaskIndex, toolIndex)">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      openTools(itemTaskIndex, 40, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/eval.png" alt />
 
+                                      <div style="margin: 5px 0">个人评价</div>
 
+                                    </div>
 
+                                    <div class="noCTool"><img src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <div class="isCTool" v-if="itemTool.tool.indexOf(40) != -1"><img
 
+                                        src="../../../assets/icon/new/isToolC.png" alt="" /></div>
 
+                                    <!-- <div class="check" @click="
 
+                                      addTools(40, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(40) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div> -->
 
+                                  </div>
 
+                                </div>
 
+                                <div class="toolSort" v-if="itemTool.toolType == 4">
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(26, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
 
+                                      <div style="margin: 5px 0">课程设计</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(26, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(26) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <div class="tool">
 
+                                    <div class="whiteBIcon" @click="
 
+                                      addTools(25, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
 
+                                      <div style="margin: 5px 0">目标管理</div>
 
+                                    </div>
 
+                                    <div class="check" @click="
 
+                                      addTools(25, itemTaskIndex, toolIndex)
 
+                                      ">
 
+                                      <img src="../../../assets/icon/checkNo.png" alt
 
+                                        v-if="itemTool.tool.indexOf(25) == -1" />
 
+                                      <div class="checkDiv" v-else>
 
+                                        <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                      </div>
 
+                                    </div>
 
+                                  </div>
 
+                                  <!-- <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
 
+                                  <div style="margin: 5px 0">汉字宫</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                                </div>
 
+                              </div>
 
+                              <!-- v-show="!itemTool.isFold3" -->
 
+                              <div>
 
+                                <textarea rows="3" type="text" v-autoHeight="87" placeholder="添加工具描述" class="binfo_input"
 
+                                  style="
 
+                                    margin: 0 0 20px 0;
 
+                                  " v-model="itemTool.toolDetail"></textarea>
 
+                              </div>
 
+                            </div>
 
+                            <!-- <div class="addToolFun2" @click="addToolFun(itemTaskIndex)">
 
+                              <div class="addToolImg">
 
+                                <img src="../../../assets/icon/add.png" alt />
 
+                              </div>
 
+                              <div>添加工具</div>
 
+                            </div> -->
 
+                            <button class="c_pub_button_add pub_btn_tool_img" @click="addToolFun(itemTaskIndex)"
 
+                              style="margin: 0 auto;padding: 0 30px;height: 45px;">
 
+                              添加工具
 
+                            </button>
 
+                          </div>
 
+                        </div>
 
+                        <div class="funBlock" style="padding: 0">
 
+                          <div class="fold" @click="fold(itemTaskIndex, $event)">
 
+                            <div class="arrow" :class="{ arrowZ: !(itemTask.isFold === 1) }"></div>
 
+                            <div>
 
+                              {{ itemTask.isFold === 1 ? "展开任务" : "收起任务" }}
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="addTaskBorder" v-if="!unitJson[unitIndex].easy">
 
+                        <!-- <div>
 
+                          <img src="../../../assets/icon/new/addStage.png" alt />
 
+                          <span>添加任务</span>
 
+                        </div> -->
 
+                        <button class="c_pub_button_confirm pub_btn_add_task_img" @click="addTaskBorder">
 
+                          添加任务
 
+                        </button>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="info_btnBox3">
 
+                <button class="c_pub_button_return pub_btn_return_img" @click="lastSteps">
 
+                  返回课程
 
+                </button>
 
+                <button class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps">
 
+                  确认上传
 
+                </button>
 
+              </div>
 
+            </div>
 
+            <div class="rightBox" v-if="this.steps == 2">
 
+              <div class="basic_box" style="padding: 20px 30px 0px !important; box-sizing: border-box">
 
+                <div class="right_title" style="border: none; margin: 0; padding: 0">
 
+                  请选择合适的课程模板
 
+                </div>
 
+                <div class="wordbox">
 
+                  <div class="wordTeacher" v-for="(aa, indexF) in templateArray" :key="indexF" @click="checkTemplate(aa)">
 
+                    <div class="wordPic">
 
+                      <img src="../../../assets/icon/wordMub.png" alt />
 
+                    </div>
 
+
 
+                    <div style="
 
+                        margin-top: 10px;
 
+                        line-height: 19px;
 
+                        overflow: hidden;
 
+                        text-overflow: ellipsis;
 
+                        white-space: nowrap;
 
+                        padding: 0 20px;
 
+                      ">
 
+                      {{ aa.title }}
 
+                    </div>
 
+                  </div>
 
+                  <div class="wordTeacher" @click="checkTemplate2()">
 
+                    <div class="wordPic">
 
+                      <img src="../../../assets/icon/wordMub.png" alt />
 
+                    </div>
 
+
 
+                    <div style="
 
+                        margin-top: 10px;
 
+                        line-height: 19px;
 
+                        overflow: hidden;
 
+                        text-overflow: ellipsis;
 
+                        white-space: nowrap;
 
+                        padding: 0 20px;
 
+                      ">
 
+                      任务模式
 
+                    </div>
 
+                  </div>
 
+                  <div class="wordTeacher" @click="checkTemplate3()">
 
+                    <div class="wordPic">
 
+                      <img src="../../../assets/icon/wordMub.png" alt />
 
+                    </div>
 
+
 
+                    <div style="
 
+                        margin-top: 10px;
 
+                        line-height: 19px;
 
+                        overflow: hidden;
 
+                        text-overflow: ellipsis;
 
+                        white-space: nowrap;
 
+                        padding: 0 20px;
 
+                      ">
 
+                      简易模式
 
+                    </div>
 
+                  </div>
 
+                  <div class="wordTeacher" @click="pasteStage()">
 
+                    <div class="wordPic">
 
+                      <img src="../../../assets/icon/wordMub.png" alt />
 
+                    </div>
 
+
 
+                    <div style="
 
+                        margin-top: 10px;
 
+                        line-height: 19px;
 
+                        overflow: hidden;
 
+                        text-overflow: ellipsis;
 
+                        white-space: nowrap;
 
+                        padding: 0 20px;
 
+                      ">
 
+                      智能粘贴模式
 
+                    </div>
 
+                  </div>
 
+                  <!-- <div class="wordTeacher" @click="checkTemplate4()">
 
+                    <div class="wordPic">
 
+                      <img src="../../../assets/icon/wordMub.png" alt />
 
+                    </div>
 
+
 
+                    <div style="
 
+                                  margin-top: 10px;
 
+                                  line-height: 19px;
 
+                                  overflow: hidden;
 
+                                  text-overflow: ellipsis;
 
+                                  white-space: nowrap;
 
+                                  padding: 0 20px;
 
+                                ">
 
+                      未来小学课程设计
 
+                    </div>
 
+                  </div> -->
 
+                  <!-- <div class="wordTeacher" @click="checkTemplate1()">
 
+                    <div class="wordPic">
 
+                      <img src="../../../assets/icon/wordMub.png" alt />
 
+                    </div>
 
+
 
+                    <div style="
 
+                          margin-top: 10px;
 
+                          line-height: 19px;
 
+                          overflow: hidden;
 
+                          text-overflow: ellipsis;
 
+                          white-space: nowrap;
 
+                          padding: 0 20px;
 
+                        ">
 
+                      我的课程
 
+                    </div>
 
+                  </div> -->
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="rightBox" v-if="this.steps == 3" ref="rightboxR">
 
+              <div class="basic_box">
 
+                <div style="
 
+                    display: flex;
 
+                    flex-direction: row;
 
+                    align-items: center;
 
+                    position: sticky;
 
+                    top: 0;
 
+                    background: #fff;
 
+                    z-index: 99;
 
+                    width: 100%;
 
+                    padding: 0 20px 0 20px;
 
+                    box-sizing: border-box;
 
+                  ">
 
+                  <div class="cru_selectBox">
 
+                    <div v-for="(item, index) in unitJson" :key="index" class="cru_select"
 
+                      :class="unitIndex == index ? 'cru_selected' : ''" @click="unitSet(index)">
 
+                      <!-- item.dyName ? item.dyName :  -->
 
+                      {{ "第" + (index + 1) + "阶段" }}
 
+                    </div>
 
+                    <img src="../../../assets/line.png" class="cru_line" :style="{
 
+                      left: offsetLetfPx + 'px',
 
+                    }" />
 
+                  </div>
 
+                  <div class="addStageImg" @click="addunit()" v-if="!(unitJson[unitJson.length - 1].easy == 4) &&
 
+                    !(unitJson[unitJson.length - 1].easy == 6)
 
+                    ">
 
+                    <img src="../../../assets/icon/add.png" alt />
 
+                  </div>
 
+                </div>
 
+
 
+                <div style="margin: 0 0 40px 0; padding: 0 20px 0 20px"
 
+                  v-for="(item, index) in unitJson[unitIndex].chapterInfo" :key="index">
 
+                  <div>
 
+                    <div class="chapter_contentbox">
 
+                      <div>第{{ unitIndex + 1 }}阶段</div>
 
+                      <div>
 
+                        <input type="text" placeholder="阶段标题" class="binfo_input" v-model="unitJson[unitIndex].dyName" />
 
+                      </div>
 
+                      <div v-if="unitJson.length > 1 &&
 
+                        !(unitJson[unitJson.length - 1].easy == 4) &&
 
+                        !(unitJson[unitJson.length - 1].easy == 6)
 
+                        " @click="deleteUnit(unitIndex)"></div>
 
+                    </div>
 
+                  </div>
 
+                  <div v-if="!unitJson[unitIndex].easy" style="
 
+                      margin: 50px 0px 10px;
 
+                      font-size: 1.5em;
 
+                      font-weight: 700;
 
+                      color: #0f7eff;
 
+                    ">
 
+                    添加任务
 
+                  </div>
 
+                  <div class="taskBorder" :style="{ minHeight: unitJson[unitIndex].easy && 'unset' }"
 
+                    v-for="(itemTask, itemTaskIndex) in item.taskJson" :key="itemTaskIndex">
 
+                    <div v-if="unitJson[unitIndex].easy != 1">
 
+                      <div :style="{
 
+                        marginBottom:
 
+                          unitJson[unitIndex].easy == 3 ||
 
+                            (unitJson[unitIndex].easy == 5 &&
 
+                              itemTask.taskType == 1)
 
+                            ? '75px'
 
+                            : '0',
 
+                      }">
 
+                        <div style="font-size: 22px; color: #8e8e8e" :id="'task' + itemTaskIndex">
 
+                          任务{{ itemTaskIndex + 1 }}
 
+                        </div>
 
+                        <div class="chapter_contentbox" style="
 
+                            flex-direction: row;
 
+                            justify-content: flex-start;
 
+                            align-items: center;
 
+                          ">
 
+                          <div style="
 
+                              border-left: 6px solid #5699e8;
 
+                              height: 20px;
 
+                              padding-left: 10px;
 
+                              line-height: 22px;
 
+                            ">
 
+                            任务名称
 
+                          </div>
 
+                          <div>
 
+                            <input type="text" placeholder="输入任务名称" class="binfo_input" style="border-radius: 4px"
 
+                              v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                            ].task
 
+                              " />
 
+                          </div>
 
+                          <div class="remove" v-if="item.taskJson.length > 1 &&
 
+                            (!unitJson[unitIndex].easy ||
 
+                              unitJson[unitIndex].easy == 6)
 
+                            " @click="deleteTask(itemTaskIndex)" style="position: absolute; right: 55px"></div>
 
+                        </div>
 
+                        <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1" style="
 
+                            display: flex;
 
+                            margin: 0 0 20px 0;
 
+                            flex-direction: row;
 
+                            justify-content: flex-start;
 
+                            align-items: center;
 
+                            width: 70.5% !important;
 
+                            padding-top: 30px;
 
+                          ">
 
+                          <div class="lineTitle">任务描述</div>
 
+                        </div>
 
+                        <div v-if="easyArray.indexOf(unitJson[unitIndex].easy) == -1">
 
+                          <editor-bar style="width: 90% !important; margin: 0" placeholder="请输入任务描述" v-model="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                            itemTaskIndex
 
+                          ].taskDetail
 
+                            " @change="change"></editor-bar>
 
+                          <!-- <textarea
 
+                            rows="6"
 
+                            class="binfo_input"
 
+                            placeholder="请输入任务描述"
 
+                            cols
 
+                            style="width: 70.5% !important; height: 120px"
 
+                            v-model="
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                                itemTaskIndex
 
+                              ].taskDetail
 
+                            "
 
+                          ></textarea>-->
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div v-if="!unitJson[unitIndex].easy ||
 
+                      easyArray.indexOf(unitJson[unitIndex].easy) != -1
 
+                      " class="basic_box" style="
 
+                            padding: 0 !important;
 
+                          ">
 
+                      <div style="
 
+                          display: flex;
 
+                          margin: 0 0 20px 0;
 
+                          flex-direction: row;
 
+                          justify-content: flex-start;
 
+                          align-items: center;
 
+                        ">
 
+                        <div class="lineTitle">学习内容</div>
 
+                      </div>
 
+                      <div>
 
+                        <div class="add_chapters_box" v-if="itemTask.chapterData &&
 
+                          itemTask.chapterData.length == 0
 
+                          " style="height: 185px"></div>
 
+                        <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
 
+                          <div class="chapter_upload" v-for="(item1, index1) in itemTask.chapterData" :key="item1.id"
 
+                            @click="
 
+                              getChapterData(
 
+                                $event,
 
+                                unitIndex,
 
+                                index,
 
+                                index1,
 
+                                item1.type
 
+                              )
 
+                              ">
 
+                            <div class="chapter_upload_t" style="width: 100%"></div>
 
+                            <div class="chapter_upload_o" style="
 
+                                position: relative;
 
+                                display: flex;
 
+                                align-items: center;
 
+                              ">
 
+                              <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
 
+                                <div v-if="item1.type == 2" class="chapter_upload_l_i1"></div>
 
+                                <div v-if="item1.type == 3 ||
 
+                                  item1.type == 12 ||
 
+                                  item1.type == 13 ||
 
+                                  item1.type == 6 ||
 
+                                  item1.type == 7
 
+                                  " class="chapter_upload_l_i5" style="margin-left: 1px"></div>
 
+                                <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
 
+                              </div>
 
+                              <div class="chapter_upload_ic" style="
 
+                                  cursor: pointer;
 
+                                  position: absolute;
 
+                                  width: 45px;
 
+                                  right: 0;
 
+                                  top: 0;
 
+                                ">
 
+                                <div class="chapter_upload_ic_l"></div>
 
+                                <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
 
+                                  deleteChapterData(
 
+                                    $event,
 
+                                    unitIndex,
 
+                                    index,
 
+                                    index1,
 
+                                    itemTaskIndex
 
+                                  )
 
+                                  ">
 
+                                  <div></div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="chapter_upload_n">
 
+                                <input v-if="item1.type == 2 ||
 
+                                  item1.type == 3 ||
 
+                                  item1.type == 12 ||
 
+                                  item1.type == 13 ||
 
+                                  item1.type == 7
 
+                                  " :placeholder="item1.name" @change="
 
+      updataVideoT(
 
+        $event,
 
+        unitIndex,
 
+        chapterIndex,
 
+        index1
 
+      )
 
+      " style="
 
+                                    border: none;
 
+                                    outline: none;
 
+                                    width: 80%;
 
+                                    minwidth: 215px;
 
+                                    z-index: 99;
 
+                                    font-size: 14px;
 
+                                    white-space: nowrap;
 
+                                    overflow: hidden;
 
+                                    text-overflow: ellipsis;
 
+                                  " />
 
+                                <input :placeholder="item1.name" v-if="item1.type == 6" style="
 
+                                    border: none;
 
+                                    outline: none;
 
+                                    width: 80%;
 
+                                    white-space: nowrap;
 
+                                    overflow: hidden;
 
+                                    text-overflow: ellipsis;
 
+                                  " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
 
+                                <input :placeholder="item1.title ? item1.title : '链接'
 
+                                  " v-if="item1.type == 8" style="
 
+                                    border: none;
 
+                                    outline: none;
 
+                                    width: 80%;
 
+                                    white-space: nowrap;
 
+                                    overflow: hidden;
 
+                                    text-overflow: ellipsis;
 
+                                  " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
 
+                                <div class="chapter_upload_ud" style="z-index: 99">
 
+                                  <div class="chapter_upload_up" @click="
 
+                                    upCd(
 
+                                      $event,
 
+                                      unitIndex,
 
+                                      index,
 
+                                      itemTaskIndex,
 
+                                      index1
 
+                                    )
 
+                                    "></div>
 
+                                  <div class="chapter_upload_down" @click="
 
+                                    downCd(
 
+                                      $event,
 
+                                      unitIndex,
 
+                                      index,
 
+                                      itemTaskIndex,
 
+                                      index1
 
+                                    )
 
+                                    "></div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="add_info_box">
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          添加文件
 
+                          <input type="file" accept="*" style="display: none" v-if="inputShow" @change="
 
+                            beforeUpload2($event, unitIndex, 13, itemTaskIndex)
 
+                            " />
 
+                        </button>
 
+                        <!-- <button class="info_btn" @click="addImg($event)">
 
+                          添加视频
 
+                          <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
 
+                            v-if="inputShow" @change="beforeUpload2($event, unitIndex, 2, itemTaskIndex)
 
+                              " />
 
+                        </button>
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          添加文档
 
+                          <input type="file"
 
+                            accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
 
+                            style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 3, itemTaskIndex)
 
+                              " />
 
+                        </button> -->
 
+                        <button class="info_btn" @click="addAttText(itemTaskIndex)">
 
+                          添加图文
 
+                        </button>
 
+                        <button class="info_btn" @click="openLine(itemTaskIndex)">
 
+                          添加链接
 
+                        </button>
 
+                        <button class="info_btn" @click="openSource(itemTaskIndex)">
 
+                          添加资源
 
+                        </button>
 
+                        <button class="info_btn" @click="pasteLine(itemTaskIndex)">
 
+                          嵌入代码
 
+                        </button>
 
+                        <!-- <button class="info_btn" @click="addImg($event)">
 
+                          其他附件
 
+                          <input type="file" accept="*" style="display: none" v-if="inputShow" @change="beforeUpload2($event, unitIndex, 12, itemTaskIndex)
 
+                            " />
 
+                        </button> -->
 
+                      </div>
 
+                      <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                        itemTaskIndex
 
+                      ].proVisible
 
+                        " class="mask">
 
+                        <div class="progressBox">
 
+                          <!-- <div id="closePro" class="closeCss">
 
+                                              <img src="../../../../assets/icon/close.png" alt />
 
+                                          </div> -->
 
+                          <div class="lbox">
 
+                            <img src="../../../assets/loading.gif" />上传中，请稍后
 
+                          </div>
 
+                          <div style="margin-bottom: 10px">
 
+                            <span>{{
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                              ].isFinishSize
 
+                              }}M</span>
 
+                            /
 
+                            <span>{{
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                              ].isAllSize
 
+                              }}M</span>
 
+                          </div>
 
+                          <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                            itemTaskIndex
 
+                          ].progress
 
+                            ? unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                            ].progress
 
+                            : 0
 
+                            " style="width: 80%"></el-progress>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div v-if="unitJson[unitIndex].easy == 1 ||
 
+                      (unitJson[unitIndex].easy == 5 && itemTask.taskType == 2)
 
+                      " class="basic_box" style="
 
+                        margin: 0 auto;
 
+                        min-height: 0;
 
+                        width: 95% !important;
 
+                        padding: 20px 10px 10px;
 
+                      ">
 
+                      <div>
 
+                        <div class="add_chapters_box" v-if="itemTask.chapterData &&
 
+                          itemTask.chapterData.length == 0
 
+                          " style="height: 185px"></div>
 
+                        <div v-else class="add_chapters_box" style="display: flex; flex-direction: column">
 
+                          <div v-for="(item1, index1) in itemTask.chapterData" :key="item1.id">
 
+                            <div class="chapter_upload" @click="
 
+                              getChapterData(
 
+                                $event,
 
+                                unitIndex,
 
+                                index,
 
+                                index1,
 
+                                item1.type
 
+                              )
 
+                              ">
 
+                              <div class="chapter_upload_t" style="width: 100%"></div>
 
+                              <div class="chapter_upload_o" style="
 
+                                  position: relative;
 
+                                  display: flex;
 
+                                  align-items: center;
 
+                                ">
 
+                                <div class="chapter_upload_l" style="padding: 1px 0 0 10px">
 
+                                  <div v-if="item1.type == 2" class="chapter_upload_l_i1"></div>
 
+                                  <div v-if="item1.type == 3 ||
 
+                                    item1.type == 6 ||
 
+                                    item1.type == 7
 
+                                    " class="chapter_upload_l_i5" style="margin-left: 1px"></div>
 
+                                  <div v-if="item1.type == 8" class="chapter_upload_l_i8" style="margin-left: 1px"></div>
 
+                                </div>
 
+                                <div class="chapter_upload_ic" style="
 
+                                    cursor: pointer;
 
+                                    position: absolute;
 
+                                    width: 45px;
 
+                                    right: 0;
 
+                                    top: 0;
 
+                                  ">
 
+                                  <div class="chapter_upload_ic_l"></div>
 
+                                  <div class="chapter_upload_ic_r" style="position: absolute" @click.stop="
 
+                                    deleteChapterData(
 
+                                      $event,
 
+                                      unitIndex,
 
+                                      index,
 
+                                      index1,
 
+                                      itemTaskIndex
 
+                                    )
 
+                                    ">
 
+                                    <div></div>
 
+                                  </div>
 
+                                </div>
 
+                                <div class="chapter_upload_n">
 
+                                  <span style="
 
+                                      font-size: 14px;
 
+                                      color: rgb(109, 109, 109);
 
+                                      height: 14px;
 
+                                      line-height: 12px;
 
+                                    " v-if="item1.type == 2 ||
 
+                                      item1.type == 3 ||
 
+                                      item1.type == 7
 
+                                      ">{{ item1.text }}-</span>
 
+                                  <input v-if="item1.type == 2 ||
 
+                                    item1.type == 3 ||
 
+                                    item1.type == 7
 
+                                    " :placeholder="item1.name" @change="
 
+      updataVideoT(
 
+        $event,
 
+        unitIndex,
 
+        chapterIndex,
 
+        index1
 
+      )
 
+      " style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      minwidth: 215px;
 
+                                      z-index: 99;
 
+                                      font-size: 14px;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " />
 
+                                  <input :placeholder="item1.name" v-if="item1.type == 6" style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " readonly="true" @click="selectAttText(itemTaskIndex, index1)" />
 
+                                  <input :placeholder="item1.title ? item1.title : '链接'
 
+                                    " v-if="item1.type == 8" style="
 
+                                      border: none;
 
+                                      outline: none;
 
+                                      width: 80%;
 
+                                      white-space: nowrap;
 
+                                      overflow: hidden;
 
+                                      text-overflow: ellipsis;
 
+                                    " readonly="true" @click="selectLine(itemTaskIndex, index1)" />
 
+                                  <div class="chapter_upload_ud" style="z-index: 99">
 
+                                    <div class="chapter_upload_up" @click="
 
+                                      upCd(
 
+                                        $event,
 
+                                        unitIndex,
 
+                                        index,
 
+                                        itemTaskIndex,
 
+                                        index1
 
+                                      )
 
+                                      "></div>
 
+                                    <div class="chapter_upload_down" @click="
 
+                                      downCd(
 
+                                        $event,
 
+                                        unitIndex,
 
+                                        index,
 
+                                        itemTaskIndex,
 
+                                        index1
 
+                                      )
 
+                                      "></div>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="add_info_box" style="margin: 10px 0 0">
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          <span style="color: red">*</span>
 
+                          教学设计
 
+                          <input type="file"
 
+                            accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
 
+                            style="display: none" v-if="inputShow" @change="
 
+                              beforeUpload3(
 
+                                $event,
 
+                                unitIndex,
 
+                                3,
 
+                                itemTaskIndex,
 
+                                '教学设计'
 
+                              )
 
+                              " />
 
+                        </button>
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          <span style="color: red">*</span>
 
+                          教学课件
 
+                          <input type="file"
 
+                            accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
 
+                            style="display: none" v-if="inputShow" @change="
 
+                              beforeUpload3(
 
+                                $event,
 
+                                unitIndex,
 
+                                3,
 
+                                itemTaskIndex,
 
+                                '教学课件'
 
+                              )
 
+                              " />
 
+                        </button>
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          教学视频
 
+                          <input type="file" accept="video/mp4, video/quicktime, video/x-msvideo" style="display: none"
 
+                            v-if="inputShow" @change="
 
+                              beforeUpload3(
 
+                                $event,
 
+                                unitIndex,
 
+                                2,
 
+                                itemTaskIndex,
 
+                                '教学视频'
 
+                              )
 
+                              " />
 
+                        </button>
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          教学音频
 
+                          <input type="file" accept="audio/*" style="display: none" v-if="inputShow" @change="
 
+                            beforeUpload3(
 
+                              $event,
 
+                              unitIndex,
 
+                              2,
 
+                              itemTaskIndex,
 
+                              '教学音频'
 
+                            )
 
+                            " />
 
+                        </button>
 
+                        <button class="info_btn" @click="addImg($event)">
 
+                          学习单
 
+                          <input type="file"
 
+                            accept="application/pdf, application/.ppt, .ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document"
 
+                            style="display: none" v-if="inputShow" @change="
 
+                              beforeUpload3(
 
+                                $event,
 
+                                unitIndex,
 
+                                3,
 
+                                itemTaskIndex,
 
+                                '学习单'
 
+                              )
 
+                              " />
 
+                        </button>
 
+                      </div>
 
+                      <div v-if="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                        itemTaskIndex
 
+                      ].proVisible
 
+                        " class="mask">
 
+                        <div class="progressBox">
 
+                          <!-- <div id="closePro" class="closeCss">
 
+                                              <img src="../../../../assets/icon/close.png" alt />
 
+                                          </div> -->
 
+                          <div class="lbox">
 
+                            <img src="../../../assets/loading.gif" />上传中，请稍后
 
+                          </div>
 
+                          <div style="margin-bottom: 10px">
 
+                            <span>{{
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                              ].isFinishSize
 
+                              }}M</span>
 
+                            /
 
+                            <span>{{
 
+                              unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                              ].isAllSize
 
+                              }}M</span>
 
+                          </div>
 
+                          <el-progress :text-inside="true" :stroke-width="20" :percentage="unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                            itemTaskIndex
 
+                          ].progress
 
+                            ? unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                              itemTaskIndex
 
+                            ].progress
 
+                            : 0
 
+                            " style="width: 80%"></el-progress>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div v-if="unitJson[unitIndex].easy != 3 &&
 
+                      !(unitJson[unitIndex].easy == 5 && itemTask.taskType == 1)
 
+                      " style="
 
+                        flex-direction: row;
 
+                        justify-content: flex-start;
 
+                        align-items: center;
 
+                        padding: 0 0 0 30px;
 
+                        paddint-top: 10px !important;
 
+                      ">
 
+                      <div style="
 
+                          display: flex;
 
+                          flex-direction: row;
 
+                          align-items: center;
 
+                          margin-bottom: 20px;
 
+                        ">
 
+                        <div class="lineTitle">
 
+                          {{
 
+                          !unitJson[unitIndex].easy ||
 
+                          unitJson[unitIndex].easy == 6 ||
 
+                          easyArray.indexOf(unitJson[unitIndex].easy) != -1
 
+                          ? "练习内容"
 
+                          : "评价内容"
 
+                          }}
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div v-if="unitJson[unitIndex].easy == 6 || !unitJson[unitIndex].easy
 
+                        " class="toolChoose" style="padding: 0 0 0 30px">
 
+                      <div class="tools">
 
+                        <div class="leftTools" style="
 
+                            width: 95%;
 
+                            padding: 0 0 15px 0;
 
+                            margin: 15px 0;
 
+                          " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
 
+                          <div>
 
+                            <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input"
 
+                              style="margin: 0 0 20px 0; width: 71.5% !important"
 
+                              v-model="itemTool.toolDetail"></textarea>
 
+                          </div>
 
+                          <div style="
 
+                              display: flex;
 
+                              flex-direction: row;
 
+                              align-items: baseline;
 
+                              flex-wrap: nowrap;
 
+                              justify-content: flex-start;
 
+                              position: relative;
 
+                            ">
 
+                            <div style="margin-right: 20px; font-weight: bold">
 
+                              工具 {{ toolIndex + 1 }} ：
 
+                            </div>
 
+                            <div class="chooseWho">
 
+                              <!-- <div
 
+                                :class="
 
+                                  itemTool.toolType == 0 ? 'isChooseActive' : ''
 
+                                "
 
+                                @click="(itemTool.toolType = 0), $forceUpdate()"
 
+                              >
 
+                                互动类
 
+                              </div> -->
 
+                              <div :class="itemTool.toolType == 1 ? 'isChooseActive' : ''
 
+                                " @click="(itemTool.toolType = 1), $forceUpdate()">
 
+                                思维类
 
+                              </div>
 
+                              <div :class="itemTool.toolType == 6 ? 'isChooseActive' : ''
 
+                                " @click="(itemTool.toolType = 6), $forceUpdate()">
 
+                                协作类
 
+                              </div>
 
+                              <div :class="itemTool.toolType == 2 ? 'isChooseActive' : ''
 
+                                " @click="(itemTool.toolType = 2), $forceUpdate()">
 
+                                测评类
 
+                              </div>
 
+                              <div :class="itemTool.toolType == 7 ? 'isChooseActive' : ''
 
+                                " @click="(itemTool.toolType = 7), $forceUpdate()">
 
+                                评价类
 
+                              </div>
 
+                              <div :class="itemTool.toolType == 3 ? 'isChooseActive' : ''
 
+                                " @click="(itemTool.toolType = 3), $forceUpdate()">
 
+                                学科类
 
+                              </div>
 
+                              <!-- <div
 
+                                :class="
 
+                                  itemTool.toolType == 5 ? 'isChooseActive' : ''
 
+                                "
 
+                                @click="(itemTool.toolType = 5), $forceUpdate()"
 
+                              >
 
+                                学科类
 
+                              </div>
 
+                              <div
 
+                                :class="
 
+                                  itemTool.toolType == 4 ? 'isChooseActive' : ''
 
+                                "
 
+                                @click="(itemTool.toolType = 4), $forceUpdate()"
 
+                              >
 
+                                其他
 
+                              </div> -->
 
+                            </div>
 
+                            <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
 
+                              v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 55px"></div>
 
+                          </div>
 
+
 
+                          <div style="min-height: 163px">
 
+                            <div class="toolSort" v-if="itemTool.toolType == 0">
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(8, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img src="../../../assets/icon/secondToolList/library.png" alt />
 
+                                  <div style="margin: 5px 0">素材库</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(8, itemTaskIndex, toolIndex)">
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(8) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else><img src="../../../assets/icon/checkedIs.png"
 
+                                      alt /><span>已选择</span></div>
 
+                                </div>
 
+                              </div>-->
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(17, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/secondToolList/library.png"
 
+                                    alt
 
+                                />
 
+                                  <div style="margin: 5px 0">学习资料</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(17, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(17) == -1"
 
+                                  />
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                    v-else
 
+                                  />
 
+                                </div>10
 
+                              </div> -->
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 10, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/time.png" alt />
 
+                                  <div style="margin: 5px 0">倒计时</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(10, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(10) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="openTools(itemTaskIndex, 49, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/fourthToolList/group.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">学生分组</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(49, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(49) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img
 
+                                      src="../../../assets/icon/checkedIs.png"
 
+                                      alt
 
+                                    /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 62, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/interVideo.png" alt />
 
+                                  <div style="margin: 5px 0">交互视频</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(62, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(62) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 1">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(7, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                                  <div style="margin: 5px 0">思维网格</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(7, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(7) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 1, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                                  <div style="margin: 5px 0">电子白板</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(1) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(2, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/secondToolList/note.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">便签</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(2, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(2) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img
 
+                                      src="../../../assets/icon/checkedIs.png"
 
+                                      alt
 
+                                    /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                              <!-- <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(6, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/doc.png" alt />
 
+                                  <div style="margin: 5px 0">协同文档</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(6, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(6) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img
 
+                                      src="../../../assets/icon/checkedIs.png"
 
+                                      alt
 
+                                    /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 52, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/text.png" alt />
 
+                                  <div style="margin: 5px 0">文档</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(52) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 3, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                                  <div style="margin: 5px 0">思维导图</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(3) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 48, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/table.png" alt />
 
+                                  <div style="margin: 5px 0">表格</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(48) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 6">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/group.png" alt />
 
+                                  <div style="margin: 5px 0">学生分组</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(49, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(49) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 2">
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="addTools(5, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/thirdToolList/score.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">量规评分</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(5, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(5) == -1"
 
+                                  />
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                    v-else
 
+                                  />
 
+                                </div>
 
+                              </div>-->
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 4, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/ask.png" alt />
 
+                                  <div style="margin: 5px 0">问卷调查</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(4) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 45, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/choose.png" alt />
 
+                                  <div style="margin: 5px 0">选择题</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(45) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 15, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/answer.png" alt />
 
+                                  <div style="margin: 5px 0">问答</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(15) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(16, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/work.png" alt />
 
+                                  <div style="margin: 5px 0">作业提交</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(16) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(50, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
 
+                                  <div style="margin: 5px 0">批量上传</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(50) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="openTools(itemTaskIndex, 40, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/thirdToolList/eval.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">个人评价</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(40, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(40) == -1"
 
+                                  />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img
 
+                                      src="../../../assets/icon/checkedIs.png"
 
+                                      alt
 
+                                    /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 41, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/select.png" alt />
 
+                                  <div style="margin: 5px 0">选择匹配</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(41) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 47, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                                  <div style="margin: 5px 0">排序</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(47) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <!-- <div class="tool">
 
+                                <div
 
+                                  class="whiteBIcon"
 
+                                  @click="openTools(itemTaskIndex, 42, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/thirdToolList/mp3.png"
 
+                                    alt
 
+                                  />
 
+                                  <div style="margin: 5px 0">上传音频</div>
 
+                                </div>
 
+                                <div
 
+                                  class="check"
 
+                                  @click="addTools(42, itemTaskIndex, toolIndex)"
 
+                                >
 
+                                  <img
 
+                                    src="../../../assets/icon/checkNo.png"
 
+                                    alt
 
+                                    v-if="itemTool.tool.indexOf(42) == -1"
 
+                                  />
 
+                                  <img
 
+                                    src="../../../assets/icon/checkedIs.png"
 
+                                    alt
 
+                                    v-else
 
+                                  />
 
+                                </div>
 
+                              </div> -->
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 3">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(18, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/trainPlatform.png" alt />
 
+                                  <div style="margin: 5px 0">训练平台</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(18, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(18) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(21, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/program.png" alt />
 
+                                  <div style="margin: 5px 0">AIoT Blockly</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(21, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(21) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(22, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/AIprogram2.png" alt />
 
+                                  <div style="margin: 5px 0">AI体验</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(22, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(22) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(23, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/Pythonprogram.png" alt />
 
+                                  <div style="margin: 5px 0">AI Python</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(23, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(23) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(24, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/AIprogram.png" alt />
 
+                                  <div style="margin: 5px 0">AI Blockly</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(24, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(24) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <!-- <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(32, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/code.png" alt />
 
+                                  <div style="margin: 5px 0">源码编辑</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(32, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(32) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 57, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/cocopi.png" alt />
 
+                                  <div style="margin: 5px 0">CocoPi</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(57, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(57) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(63, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/Wood.png" alt />
 
+                                  <div style="margin: 5px 0">海龟编程</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(63, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(63) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 7">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 40, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/eval.png" alt />
 
+                                  <div style="margin: 5px 0">个人评价</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(40, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(40) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 5">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(28, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/translation.png" alt />
 
+                                  <div style="margin: 5px 0">翻译</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(28, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(28) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(37, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/mohe.png" alt />
 
+                                  <div style="margin: 5px 0">魔盒识字</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(37, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(37) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(38, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/24game.png" alt />
 
+                                  <div style="margin: 5px 0">24点</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(38, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(38) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(31, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                                  <div style="margin: 5px 0">数学画板</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(31, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(31) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(39, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/GeoGebra.png" alt />
 
+                                  <div style="margin: 5px 0">GeoGebra</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(39, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(39) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(58, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/car.png" alt />
 
+                                  <div style="margin: 5px 0">模拟驾驶</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(58, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(58) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(59, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/lineSearch.png" alt />
 
+                                  <div style="margin: 5px 0">路径搜索</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(59, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(59) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(60, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/deepLearning.png" alt />
 
+                                  <div style="margin: 5px 0">深度学习</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(60, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(60) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(61, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/allHistory.png" alt />
 
+                                  <div style="margin: 5px 0">全历史</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(61, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(61) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                            <div class="toolSort" v-if="itemTool.toolType == 4">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(26, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/courseDesign.png" alt />
 
+                                  <div style="margin: 5px 0">课程设计</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(26, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(26) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(25, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/evalua.png" alt />
 
+                                  <div style="margin: 5px 0">目标管理</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(25, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(25) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <!-- <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(44, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/hanClass.png" alt />
 
+                                  <div style="margin: 5px 0">汉字宫</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(44, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(44) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div> -->
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="addToolFun" @click="addToolFun(itemTaskIndex)">
 
+                          <div class="addToolImg">
 
+                            <img src="../../../assets/icon/add.png" alt />
 
+                          </div>
 
+                          <div>添加工具</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div v-else-if="unitJson[unitIndex].easy == 2 ||
 
+                      unitJson[unitIndex].easy == 4
 
+                      " class="toolChoose" style="padding: 0 0 0 30px">
 
+                      <div class="tools">
 
+                        <div class="leftTools" style="width: 95%" v-for="(itemTool, toolIndex) in itemTask.toolChoose"
 
+                          :key="toolIndex">
 
+                          <div>
 
+                            <textarea rows="3" type="text" placeholder="添加工具描述" class="binfo_input"
 
+                              style="margin: 0 0 20px 0; width: 71.5% !important"
 
+                              v-model="itemTool.toolDetail"></textarea>
 
+                          </div>
 
+                          <div style="
 
+                              display: flex;
 
+                              flex-direction: row;
 
+                              align-items: baseline;
 
+                              flex-wrap: nowrap;
 
+                              justify-content: flex-start;
 
+                              position: relative;
 
+                            ">
 
+                            <div style="margin-right: 20px; font-weight: bold">
 
+                              工具 {{ toolIndex + 1 }} ：
 
+                            </div>
 
+                            <div class="remove" @click="deleteTool(itemTaskIndex, toolIndex)"
 
+                              v-if="itemTask.toolChoose.length > 1" style="position: absolute; right: 55px"></div>
 
+                          </div>
 
+                          <div style="min-height: 163px">
 
+                            <div class="toolSort">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 1, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                                  <div style="margin: 5px 0">电子白板</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(1, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(1) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 52, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/text.png" alt />
 
+                                  <div style="margin: 5px 0">文档</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(52, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(52) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 3, toolIndex)">
 
+                                  <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                                  <div style="margin: 5px 0">思维导图</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(3, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(3) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 4, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/ask.png" alt />
 
+                                  <div style="margin: 5px 0">问卷调查</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(4, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt v-if="itemTool.tool.indexOf(4) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 45, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/choose.png" alt />
 
+                                  <div style="margin: 5px 0">选择题</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(45, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(45) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 15, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/answer.png" alt />
 
+                                  <div style="margin: 5px 0">问答</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(15, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(15) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="addTools(16, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/work.png" alt />
 
+                                  <div style="margin: 5px 0">作业提交</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(16, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(16) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 50, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
 
+                                  <div style="margin: 5px 0">批量上传</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(50) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 41, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/select.png" alt />
 
+                                  <div style="margin: 5px 0">选择匹配</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(41, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(41) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 47, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/conSentences.png" alt />
 
+                                  <div style="margin: 5px 0">排序</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(47, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(47) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 48, toolIndex)">
 
+                                  <img src="../../../assets/icon/fourthToolList/table.png" alt />
 
+                                  <div style="margin: 5px 0">表格</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(48, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(48) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                        <div class="addToolFun" style="margin-bottom: 20px" @click="addToolFun(itemTaskIndex)">
 
+                          <div class="addToolImg">
 
+                            <img src="../../../assets/icon/add.png" alt />
 
+                          </div>
 
+                          <div>添加工具</div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div v-else-if="unitJson[unitIndex].easy == 1 ||
 
+                      (unitJson[unitIndex].easy == 5 && itemTask.taskType == 2)
 
+                      " class="toolChoose" style="padding: 0 0 0 30px">
 
+                      <div class="tools">
 
+                        <div class="leftTools" style="
 
+                            width: 95%;
 
+                            padding: 0 0 15px 0;
 
+                            margin-bottom: 15px;
 
+                          " v-for="(itemTool, toolIndex) in itemTask.toolChoose" :key="toolIndex">
 
+                          <div style="min-height: 163px">
 
+                            <div class="toolSort">
 
+                              <div class="tool">
 
+                                <div class="whiteBIcon" @click="openTools(itemTaskIndex, 50, toolIndex)">
 
+                                  <img src="../../../assets/icon/thirdToolList/plwork.png" alt />
 
+                                  <div style="margin: 5px 0">批量上传</div>
 
+                                </div>
 
+                                <div class="check" @click="addTools(50, itemTaskIndex, toolIndex)">
 
+                                  <img src="../../../assets/icon/checkNo.png" alt
 
+                                    v-if="itemTool.tool.indexOf(50) == -1" />
 
+                                  <div class="checkDiv" v-else>
 
+                                    <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                                  </div>
 
+                                </div>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="elist_css" v-if="!(unitJson[unitJson.length - 1].easy == 4)">
 
+                      <div class="elist_title">
 
+                        <div style="
 
+                            display: flex;
 
+                            flex-direction: row;
 
+                            align-items: center;
 
+                            margin-bottom: 20px;
 
+                          ">
 
+                          <div class="lineTitle">评价设置</div>
 
+                        </div>
 
+                      </div>
 
+                      <div class="mbCss">
 
+                        <div class="pjCss">
 
+                          <div v-if="itemTask.eList && itemTask.eList.length" class="elist_input">
 
+                            <div v-for="(eItem, eIndex) in itemTask.eList" :key="eIndex" class="elist_input_box">
 
+                              <span>评价名称：</span>
 
+                              <input type="input" v-model="itemTask.eList[eIndex].value" placeholder="填写评价名称" />
 
+                              <span>评星等级：</span>
 
+                              <el-rate v-model="itemTask.eList[eIndex].score" @change="setEListStar()" disabled></el-rate>
 
+                              <div class="remove" @click="
 
+                                deletEList(unitIndex, itemTaskIndex, eIndex)
 
+                                "></div>
 
+                              <div class="elist_inptu_text">
 
+                                <span>评价描述：</span>
 
+                                <input type="input" v-model="itemTask.eList[eIndex].detail" placeholder="填写评价描述" />
 
+                              </div>
 
+                              <div class="elist_inptu_text" v-if="evalua">
 
+                                <span>目标：</span>
 
+                                <!-- <input type="input" v-model="itemTask.eList[eIndex].target" placeholder="填写评价描述" /> -->
 
+                                <!-- <el-select v-model="itemTask.eList[eIndex].target" placeholder="请选择目标"
 
+                                  @change="forceUpdate()">
 
+                                  <el-option v-for="(e, eIndex) in targetArray" :key="eIndex" :label="e.name"
 
+                                    :value="e.name">
 
+                                  </el-option>
 
+                                </el-select> -->
 
+                                <el-cascader :options="targetArray" v-model="itemTask.eList[eIndex].target"
 
+                                  :props="{ checkStrictly: true }" :show-all-levels="false" clearable></el-cascader>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                          <div class="addToolFun" @click="addEList(unitIndex, itemTaskIndex)"
 
+                            style="margin: 35px 35px 0 0">
 
+                            <div class="addToolImg">
 
+                              <img src="../../../assets/icon/add.png" alt />
 
+                            </div>
 
+                            <div>添加</div>
 
+                          </div>
 
+                        </div>
 
+                        <div v-if="evalua" style="
 
+                            border: 1px solid #e5e5e5;
 
+                            width: 55%;
 
+                            margin-top: 20px;
 
+                            box-shadow: 3px 1px 15px 3px #e0e0e0;
 
+                          " class="evaCss">
 
+                          <div class="e_add_top">
 
+                            <div class="e_add_title">
 
+                              <span>当前使用目标管理</span>
 
+                              <span>{{ eTitle }}</span>
 
+                              <img src="../../../assets/line.png" class="cru_line" style="
 
+                                  width: 125px;
 
+                                  height: 20px;
 
+                                  bottom: -10px;
 
+                                  left: 155px;
 
+                                " />
 
+                            </div>
 
+                          </div>
 
+                          <div class="e_add_content" style="width: 100%">
 
+                            <div class="e_add_list_pbox" style="width: 100%">
 
+                              <div class="e_add_list_pbox_title">
 
+                                <span class="type_title">切换模式</span>
 
+                                <div class="type_content">
 
+                                  <span :class="{ active: typeMode == 1 }" @click="OtherMb(1)">目标树</span>
 
+                                  <span :class="{ active: typeMode == 2 }" @click="OtherMb(2)">目标罗盘</span>
 
+                                  <span :class="{ active: typeMode == 3 }" @click="OtherMb(3)">目标看板</span>
 
+                                </div>
 
+                              </div>
 
+                              <div class="e_add_list_pbox_content">
 
+                                <Mind :showBar="false" :mindData="data" style="width: 100%" :jsmindId="unitIndex + '-' + itemTaskIndex + 'mind'
 
+                                  " v-if="typeMode == 1"></Mind>
 
+                                <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2">
 
+                                </Sunburst>
 
+                                <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%"
 
+                                  v-if="typeMode == 3"></SeeBoard>
 
+                              </div>
 
+                            </div>
 
+                          </div>
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                    <div class="funBlock" style="padding: 0">
 
+                      <div class="fold" @click="fold(itemTaskIndex, $event, 1)">
 
+                        <div>折叠</div>
 
+                        <div class="arrow">
 
+                          <img src="../../../assets/icon/fold.png" alt />
 
+                        </div>
 
+                      </div>
 
+                      <div class="fold" @click="fold(itemTaskIndex, $event, 0)">
 
+                        <div>展开</div>
 
+                        <div class="arrow">
 
+                          <img src="../../../assets/icon/expand.png" alt />
 
+                        </div>
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                  <div class="addTaskBorder" @click="addTaskBorder" v-if="!unitJson[unitIndex].easy">
 
+                    <div>
 
+                      <img src="../../../assets/icon/new/addStage.png" alt />
 
+                      <span>添加任务</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="rightBox" v-if="this.steps == 4">
 
+              <div class="basic_box_success">
 
+                <div class="right_img">
 
+                  <img src="../../../assets/icon/right.png" alt />
 
+                </div>
 
+                <div style="font-weight: bold">成功</div>
 
+                <!-- <div>您的课程编号</div>
 
+                <div class="number">{{ number }}</div>-->
 
+                <!-- <div class="success_button">
 
+                  <div class="look_course" @click="isNoFinsh">
 
+                    邀请老师协同编辑
 
+                  </div>
 
+                  <div class="attend_others" @click="goCourse">预览课程</div>
 
+                </div> -->
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="leftBar2 resizable" style="height: calc(100% - 36px - 20px);margin-top: 36px;" v-show="istemplate != 1 && isDialog == 1 && chatid && isDisplay">
 
+            <div class="resizer"></div> 
+            <aiBoxRight  
+            :languageSetting="languageSetting"
 
+            :courseId="chatid" 
+            :unitJson="unitJson" 
+            :quoteArray="isQuote"
 
+            :teacherCourseText="teacherCourseText"
 
+            :targetCourseText="targetCourseText"
 
+            :courseText2="courseText"
 
+            :targetCourseText2="targetCourseText2"
 
+            :cpote="cpote"
 
+            @addCourseBehavior="addCourseBehavior"
 
+            :fileids='[...knowFileids, ...knowFileids2]'
 
+            @setIsQuote="setIsQuote"></aiBoxRight>
 
+          </div>
 
+          <div class="close_btn" @click="closeRight" :class="!isDisplay ? 'close_btn_voice' : ''"  v-show="istemplate != 1 && isDialog == 1 && chatid">
 
+            <img src="../../../assets/icon/course/arrow.svg" >
 
+          </div>
 
+          <div :class="{ info_btnBox: isBtnDisplay, info_btnBox2: !isBtnDisplay }" @mouseenter="btnDisplay(true)"
 
+            @mouseleave="btnDisplay(false)" v-if="false">
 
+            <button class="c_pub_button_return pub_btn_return_img" @click="lastSteps" v-if="isBtnDisplay">
 
+              返回课程
 
+            </button>
 
+            <button class="c_pub_button_confirm pub_btn_finish_img" @click="nextSteps" v-if="isBtnDisplay">
 
+              确认上传
 
+            </button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <el-dialog title="提示" :visible.sync="dialogVisible" :append-to-body="true" width="25%" :before-close="handleClose"
 
+      class="dialog_diy2 customWidth">
 
+      <div>请复制该链接邀请协同编辑</div>
 
+      <div>http://www.boomyon.com/index-zhang.com</div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button type="primary">复制链接分享</el-button>
 
+        <el-button @click="dialogVisible = false">取消</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog :title="updateBoolean2 ? '查看文档' : '添加文档'" :visible.sync="dialogVisible1" :append-to-body="true"
 
+      width="25%" :before-close="handleClose" class="dialog_diy2 customWidth">
 
+      <el-form>
 
+        <el-form-item label="文档标题">
 
+          <el-input v-model="tTitle" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
 
+        </el-form-item>
 
+        <div>文档简介</div>
 
+        <editor-bar v-model="tdetail" @change="change"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible1 = false">取 消</el-button>
 
+        <el-button type="primary" @click="addWord" v-if="!updateBoolean2">添加</el-button>
 
+        <el-button type="primary" @click="upWord" v-else>修 改</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加文档" :visible.sync="dialogVisible2" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <el-form-item label="文档标题">
 
+          <el-input v-model="templateC.title" auto-complete="off" placeholder="请输入文档标题名..."></el-input>
 
+        </el-form-item>
 
+        <div>文档内容</div>
 
+        <editor-bar v-model="cTemplate" @change="change"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="clearChoose">取 消</el-button>
 
+        <el-button type="primary" @click="wordNext()">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加富文本" :visible.sync="dialogVisible6" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <el-form-item label="文本标题">
 
+          <el-input ref="fuInput" v-model="AttText.title" auto-complete="off" @input="change2"
 
+            placeholder="请输入文本标题..."></el-input>
 
+        </el-form-item>
 
+        <!-- <div>富文本内容</div> -->
 
+        <editor-bar v-model="AttText.text" @change="change" v-if="dialogVisible6"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="clearAttText">取 消</el-button>
 
+        <el-button type="primary" @click="isAddOrUpdateAttText">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加链接" :visible.sync="dialogVisible7" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy lineCss">
 
+      <el-form>
 
+        <el-form-item label="标题" :label-width="formLabelWidth">
 
+          <span>
 
+            <el-input placeholder="请输入链接标题" clearable v-model="lineTitle" class="add_input"></el-input>
 
+          </span>
 
+        </el-form-item>
 
+        <el-form-item label="链接" :label-width="formLabelWidth">
 
+          <span>
 
+            <el-input placeholder="请输入链接" clearable v-model="line" class="add_input"></el-input>
 
+          </span>
 
+        </el-form-item>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="clearLine">取 消</el-button>
 
+        <el-button type="primary" @click="isAddOrUpdateLine">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog :title="updateSourcePan ? '修改资源' : '添加资源'" :visible.sync="dialogVisibleSource" :append-to-body="true"
 
+      width="100%" :before-close="handleClose" class="dialog_diy source_diy">
 
+      <div>
 
+        <sourceDialog :sourceData.sync="sourceData" :updateSourcePan="updateSourcePan"></sourceDialog>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleSource = false">取 消</el-button>
 
+        <el-button type="primary" @click="addSource" v-if="!updateSourcePan">确定</el-button>
 
+        <el-button type="primary" @click="updateSource" v-else>确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加课程成员" :visible.sync="dialogVisible3" :append-to-body="true" width="25%" height="80%"
 
+      :before-close="handleClose" class="addNewPP customWidth">
 
+      <div class="people">
 
+        <div class="people_top">
 
+          <div class="people_nav">选择成员</div>
 
+          <div class="people_top_right">
 
+            <div class="people_search">
 
+              <el-input style="height: 100%" placeholder="搜索成员名称" v-model="searchPeople"></el-input>
 
+              <div class="search_img" @click="searchStudent">
 
+                <img src="../../../assets/icon/search.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <el-checkbox-group v-model="checkboxList" class="people_name">
 
+          <el-checkbox v-for="item in studentJuri" :key="item.userid" :label="item.userid">{{ item.name ? item.name :
 
+            "暂无学生可选" }}</el-checkbox>
 
+        </el-checkbox-group>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible3 = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddPP">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <!-- <el-dialog title="添加班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="400px" height="80%"
 
+      :before-close="handleClose" class="addNewPP">
 
+      <div class="people" style="height: 300px">
 
+        <div class="people_top">
 
+          <div class="people_top_right">
 
+            <div class="people_search">
 
+              <el-select v-model="gradeId" placeholder="请选择年级" class="student_input" clearable @change="getClass()">
 
+                <el-option label="全部" value=""></el-option>
 
+                <el-option v-for="(item, index) in gradeList" :key="index" :label="item.name"
 
+                  :value="item.id"></el-option>
 
+              </el-select>
 
+              <el-input placeholder="搜索班级名称" v-model="classSearch" @input="getClass()"></el-input>
 
+              <div class="search_img">
 
+                <img src="../../../assets/icon/search.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="people_nav">选择班级</div>
 
+        </div>
 
+        <el-checkbox-group v-model="checkboxList2" class="people_name people_name2" @change="InviteChange"
 
+          v-if="grade2.length">
 
+          <div v-for="item in grade2" :key="item.id" class="p_box">
 
+            <el-checkbox :label="item.id">
 
+              {{ item.name }}
 
+            </el-checkbox>
 
+          </div>
 
+        </el-checkbox-group>
 
+        <div v-if="!grade2.length" style="padding:20px 10px">暂无数据</div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleClass = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddClass">确定</el-button>
 
+      </span>
 
+    </el-dialog> -->
 
+    <el-dialog title="选择授课班级" :visible.sync="dialogVisibleClass" :append-to-body="true" width="600px" height="80%"
 
+      :before-close="handleClose" class="addNewPP2">
 
+      <div class="check_classBox">
 
+        <div class="check_class_right">
 
+          <div class="check_class" :class="{ activeX: gradeId == '' }" @click="gradeId = '', getClass()">
 
+            全部
 
+          </div>
 
+          <el-tooltip placement="top" :content="item.name" v-for="(item, index) in gradeList" :key="index">
 
+            <div class="check_class" :class="{ activeX: gradeId == item.id }" @click="gradeId = item.id, getClass()">
 
+              {{ item.name }}
 
+            </div>
 
+          </el-tooltip>
 
+        </div>
 
+        <div class="check_class_left">
 
+          <div class="check_class_all_box">
 
+            <div class="check_class_left_title">选择班级</div>
 
+            <div style="display:flex;align-items:center;margin-left:auto;"><el-checkbox v-model="checkAll"
 
+                @change="handleCheckAllChange" class="all_check">全选</el-checkbox></div>
 
+          </div>
 
+          <!-- <div class="class_item" style="position:absolute; margin:0" v-if="grade2.length">            
+            <el-checkbox v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
 
+          </div> -->
 
+          <el-checkbox-group v-model="checkboxList2" class="check_class_item" @change="InviteChange"
 
+            v-if="grade2.length">
 
+            <div v-for="item in grade2" :key="item.id" class="class_item">
 
+              <el-checkbox :label="item.id">
 
+                {{ item.name }}
 
+              </el-checkbox>
 
+            </div>
 
+          </el-checkbox-group>
 
+          <div v-if="!grade2.length">暂无数据</div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleClass = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddClass">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加协同成员" :visible.sync="dialogVisibleMember" :append-to-body="true" width="25%" height="80%"
 
+      :before-close="handleClose" class="addNewPP customWidth">
 
+      <div class="people">
 
+        <div class="people_top">
 
+          <div class="people_top_right">
 
+            <div class="people_search">
 
+              <el-input placeholder="搜索成员名称" v-model="searchTN" @keyup.enter.native="getTeacher"></el-input>
 
+              <div class="search_img" @click="getTeacher">
 
+                <img src="../../../assets/icon/search.png" alt />
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="people_nav">选择成员</div>
 
+        </div>
 
+        <el-checkbox-group v-model="checkboxList3" class="people_name" v-if="teacherJuri.length">
 
+          <el-checkbox v-for="item in teacherJuri" :key="item.userid" :label="item.userid">
 
+            <div class="t_j_box">
 
+              <el-tooltip placement="top" :content="item.name ? item.name : '暂无姓名'">
 
+                <span>{{ item.name ? item.name : "暂无姓名" }}</span>
 
+              </el-tooltip>
 
+              <el-tooltip placement="top" :content="item.username">
 
+                <span>{{ item.username }}</span>
 
+              </el-tooltip>
 
+              <el-tooltip placement="top" :content="item.school">
 
+                <span>{{ item.school }}</span>
 
+              </el-tooltip>
 
+            </div>
 
+          </el-checkbox>
 
+        </el-checkbox-group>
 
+        <div style="text-align: center; margin-top: 10px" v-else>暂无数据</div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleMember = false">取 消</el-button>
 
+        <el-button type="primary" @click="isAddPPTeacher">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="创建问卷" :visible.sync="dialogVisible5" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(4) }" class="dialog_diy fullStyle">
 
+      <div style="height:100%">
 
+        <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: row;
 
+            align-items: center;
 
+            justify-content: center;
 
+          ">
 
+          <!-- <div style="margin-right: 20px; font-size: 20px">标题:</div> -->
 
+          <el-input v-model="askJson.askTitle" placeholder="请输入标题" style="width: 400px"></el-input>
 
+        </div>
 
+        <div class="a_addBox" style="height:calc(100% - 50px)">
 
+          <!-- <div style="font-size: 16px; color: #c7c7c7">请输入题目内容</div> -->
 
+          <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
 
+            <div class="a_add_checkType">
 
+              <span :class="{
 
+                active:
 
+                  askJson.askJson[index1].type == '1' ||
 
+                  !askJson.askJson[index1].type,
 
+              }" @click="checkAskType('1', askJson.askJson[index1])">单选题</span>
 
+              <span :class="{ active: askJson.askJson[index1].type == '2' }"
 
+                @click="checkAskType('2', askJson.askJson[index1])">多选题</span>
 
+            </div>
 
+            <div class="a_add_head">
 
+              <div style="display: flex;align-items: center;width: 100%;margin-right: 20px;">
 
+                <span style="min-width:fit-content">{{ index1 + 1 + "、" }}</span>
 
+                <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].askstitle
 
+                  " placeholder="请输入题目" @change="() => { $forceUpdate() }"></textarea>
 
+              </div>
 
+              <div class="moveBtn moveBtn2" style="margin: 0 20px 0 0px;" v-if="askJson.askCount != 1">
 
+                <div class="chapter_upload_up" @click.stop="askMove(1, index1)">
 
+                </div>
 
+                <div class="chapter_upload_down" @click.stop="askMove(2, index1)"></div>
 
+              </div>
 
+              <div class="a_add_head_div">
 
+                <el-button type="primary" size="small" @click="deleteAskList(index1)" v-if="askJson.askCount != 1">删除
 
+                </el-button>
 
+                <el-button type="primary" size="small" @click="addAskList(index1)">添加</el-button>
 
+              </div>
 
+            </div>
 
+            <div class="a_add_body">
 
+              <div class="a_add_input" style="flex-direction: column;">
 
+                <div v-for="(item2, checkIndex) in askJson.askJson[index1].askItem" :key="checkIndex"
 
+                  style=" margin: 20px 10px 0 0;display: flex;align-items:center;position: relative;">
 
+                  <div style="margin-right: 10px">
 
+                    选项{{ checkIndex + 1 }}
 
+                  </div>
 
+                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-model="askJson.askJson[index1].checkList[checkIndex]
 
+                    " placeholder="请输入选项" style="width: 300px" @change="() => { $forceUpdate() }"></textarea>
 
+                  <div class="moveBtn moveBtn2" style="margin: 0 0px 0 20px"
 
+                    v-if="askJson.askJson[index1].askItem != 1">
 
+                    <div class="chapter_upload_up" @click.stop="checkMove(1, index1, checkIndex)">
 
+                    </div>
 
+                    <div class="chapter_upload_down" @click.stop="checkMove(2, index1, checkIndex)"></div>
 
+                  </div>
 
+                  <div class="a_add_body_div">
 
+                    <el-button type="primary" size="small"
 
+                      @click="addcheckList(askJson.askJson[index1], checkIndex)">添加</el-button>
 
+                    <el-button type="primary" size="small" @click="deletecheckList(askJson.askJson[index1], checkIndex)"
 
+                      v-if="askJson.askJson[index1].askItem != 1">删除
 
+                    </el-button>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <!-- <div class="a_add_body_div">
 
+                <el-button style="margin: 10px 0px 0 0" type="primary" size="small"
 
+                  @click="addcheckList(askJson.askJson[index1])">添加</el-button>
 
+                <el-button type="primary" size="small" style="margin: 10px 0 0 10px"
 
+                  @click="deletecheckList(askJson.askJson[index1])" v-if="askJson.askJson[index1].askItem != 1">删除
 
+                </el-button>
 
+              </div> -->
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(4)">取 消</el-button>
 
+        <el-button type="primary" @click="addAsk">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="创建选择题" :visible.sync="dialogVisibleChoice" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(45) }" class="dialog_diy fullStyle">
 
+      <div style="height:100%">
 
+        <!-- <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: row;
 
+            align-items: center;
 
+            justify-content: center;
 
+          ">
 
+          <div style="margin-right: 20px; font-size: 20px">标题:</div>
 
+          <el-input v-model="testJson.testTitle" placeholder="请输入标题" style="width: 400px"></el-input>
 
+        </div> -->
 
+        <div class="a_addBox" style="height:100%">
 
+          <div style="font-size: 16px; color: #c7c7c7;display: flex;align-items: center;">
 
+            <!-- 请输入题目内容 -->
 
+            <button class="c_pub_button_add pub_btn_paste_img" @click="pasteOption" style="margin-left: 10px"
 
+              v-if="isPasteChoice">智能粘贴</button>
 
+          </div>
 
+          <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
 
+            <div class="a_add_checkType">
 
+              <span :class="{ active: testJson.testJson[index1].type == '1' }"
 
+                @click="checkTestType('1', testJson.testJson[index1])">单选题</span>
 
+              <span :class="{ active: testJson.testJson[index1].type == '2' }"
 
+                @click="checkTestType('2', testJson.testJson[index1])">多选题</span>
 
+            </div>
 
+            <div class="a_add_head">
 
+              <div class="timuUpImg">
 
+                <div style="display: flex;align-items: center;">
 
+                  <span style="min-width:fit-content">{{ index1 + 1 + "、" }}</span>
 
+                  <!-- <el-input class="a_add_head_input"  v-autoHeight="40" resize="none" v-model="testJson.testJson[index1].teststitle" type="textarea"
 
+                    placeholder="请输入题目">
 
+                  </el-input> -->
 
+                  <textarea class="a_add_head_input textarea_css" v-autoHeight="40"
 
+                    v-model="testJson.testJson[index1].teststitle" placeholder="请输入题目"
 
+                    @change="() => { $forceUpdate() }"></textarea>
 
+                </div>
 
+                <div class="moveBtn moveBtn2" v-if="testJson.testCount != 1">
 
+                  <div class="chapter_upload_up" @click.stop="testMove(1, index1)">
 
+                  </div>
 
+                  <div class="chapter_upload_down" @click.stop="testMove(2, index1)"></div>
 
+                </div>
 
+                <div class="xzUpImg" @click.stop="addImg($event)" style="margin-right: 10px;">
 
+                  <img src="../../../assets/icon/xzUpImg.png" alt="" />
 
+                  <input type="file" accept="image/*" style="display: none"
 
+                    @change="beforeUploadTiMu($event, index1)" />
 
+                </div>
 
+              </div>
 
+              <div class="a_add_head_div">
 
+                <el-button type="primary" size="small" @click="deleteTestList(index1)" v-if="testJson.testCount != 1">删除
 
+                </el-button>
 
+                <el-button type="primary" size="small" @click="addTestList(index1)">添加</el-button>
 
+              </div>
 
+            </div>
 
+            <div class="timuImgBox" v-if="testJson.testJson[index1].timuList &&
 
+              testJson.testJson[index1].timuList.length
 
+              ">
 
+              <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
 
+                @click.stop="previewImg(timg.src)">
 
+                <img :src="timg.src" alt="" />
 
+                <div class="deleteWord" @click.stop="deleteM(index1, tIndex)">
 
+                  <img src="../../../assets/icon/delete.png" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div class="a_add_body">
 
+              <div class="a_add_input a_add_input_choice">
 
+                <el-radio-group v-model="testJson.testJson[index1].answer" v-if="testJson.testJson[index1].type == 1"
 
+                  @change="() => { $forceUpdate() }">
 
+                  <div class="radioBox">
 
+                    <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
 
+                      .testItem" :key="checkIndex" :label="checkIndex">
 
+                      <div style="margin-right: 10px">
 
+                        选项{{ checkIndex + 1 }}
 
+                      </div>
 
+                      <div style="margin-right: 10px; width: 300px" v-if="testJson.testJson[index1].checkList[checkIndex] &&
 
+                        testJson.testJson[index1].checkList[checkIndex]
 
+                          .imgType &&
 
+                        testJson.testJson[index1].checkList[checkIndex]
 
+                          .imgType == 1
 
+                        ">
 
+                        <div class="inImg" @click.stop="
 
+                          previewImg(
 
+                            testJson.testJson[index1].checkList[checkIndex]
 
+                              .src
 
+                          )
 
+                          ">
 
+                          <el-image :src="testJson.testJson[index1].checkList[checkIndex]
 
+                            .src
 
+                            " lazy />
 
+                          <!-- <img :src="
 
+                            testJson.testJson[index1].checkList[checkIndex]
 
+                              .src
 
+                          " alt="" /> -->
 
+                        </div>
 
+                      </div>
 
+                      <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex]
 
+                        " placeholder="请输入选项" style="width: 300px; margin-right: 10px"
 
+                        @change="() => { $forceUpdate() }"></textarea>
 
+                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
 
+                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex)">
 
+                        </div>
 
+                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex)"></div>
 
+                      </div>
 
+                      <div class="xzUpImg" @click.stop="addImg($event)">
 
+                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
 
+                        <input type="file" accept="image/*" style="display: none"
 
+                          @change="beforeUploadTi($event, index1, checkIndex)" />
 
+                      </div>
 
+                      <div class="a_add_body_div">
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="addTcheckList(testJson.testJson[index1], checkIndex)">添加</el-button>
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="deleteTcheckList(testJson.testJson[index1], checkIndex)"
 
+                          v-if="testJson.testJson[index1].testItem != 1">删除
 
+                        </el-button>
 
+                      </div>
 
+                    </el-radio>
 
+                  </div>
 
+                </el-radio-group>
 
+                <el-checkbox-group v-model="testJson.testJson[index1].answer"
 
+                  v-if="testJson.testJson[index1].type == '2'" @change="() => { $forceUpdate() }">
 
+                  <div class="radioBox">
 
+                    <el-checkbox v-for="(item2, checkIndex1) in testJson.testJson[index1]
 
+                      .testItem" :key="checkIndex1" :label="checkIndex1">
 
+                      <div style="margin-right: 10px">
 
+                        选项{{ checkIndex1 + 1 }}
 
+                      </div>
 
+                      <div style="margin-right: 10px; width: 300px" v-if="testJson.testJson[index1].checkList[checkIndex1] &&
 
+                        testJson.testJson[index1].checkList[checkIndex1]
 
+                          .imgType &&
 
+                        testJson.testJson[index1].checkList[checkIndex1]
 
+                          .imgType == 1
 
+                        ">
 
+                        <div class="inImg" @click.stop="
 
+                          previewImg(
 
+                            testJson.testJson[index1].checkList[checkIndex1]
 
+                              .src
 
+                          )
 
+                          ">
 
+                          <el-image :src="testJson.testJson[index1].checkList[checkIndex1]
 
+                            .src
 
+                            " lazy />
 
+                          <!-- <img :src="
 
+                            testJson.testJson[index1].checkList[checkIndex1]
 
+                              .src
 
+                          " alt="" /> -->
 
+                        </div>
 
+                      </div>
 
+
 
+                      <textarea class="a_add_head_input textarea_css" v-autoHeight="40" v-else v-model="testJson.testJson[index1].checkList[checkIndex1]
 
+                        " placeholder="请输入选项" style="width: 300px; margin-right: 10px"
 
+                        @change="() => { $forceUpdate() }"></textarea>
 
+                      <div class="moveBtn moveBtn2" v-if="testJson.testJson[index1].testItem != 1">
 
+                        <div class="chapter_upload_up" @click.stop="tcheckMove(1, index1, checkIndex1)">
 
+                        </div>
 
+                        <div class="chapter_upload_down" @click.stop="tcheckMove(2, index1, checkIndex1)"></div>
 
+                      </div>
 
+                      <div class="xzUpImg" @click.stop="addImg($event)">
 
+                        <img src="../../../assets/icon/xzUpImg.png" alt="" />
 
+                        <input type="file" accept="image/*" style="display: none"
 
+                          @change="beforeUploadTi($event, index1, checkIndex1)" />
 
+                      </div>
 
+                      <div class="a_add_body_div">
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="addTcheckList(testJson.testJson[index1], checkIndex1)">添加</el-button>
 
+                        <el-button type="primary" size="small"
 
+                          @click.stop="deleteTcheckList(testJson.testJson[index1], checkIndex1)"
 
+                          v-if="testJson.testJson[index1].testItem != 1">删除
 
+                        </el-button>
 
+                      </div>
 
+                    </el-checkbox>
 
+                  </div>
 
+                </el-checkbox-group>
 
+              </div>
 
+              <!-- <div class="a_add_body_div">
 
+                <el-button type="primary" size="small" @click="addTcheckList(testJson.testJson[index1])">添加</el-button>
 
+                <el-button type="primary" size="small" @click="deleteTcheckList(testJson.testJson[index1])"
 
+                  v-if="testJson.testJson[index1].testItem != 1">删除
 
+                </el-button>
 
+              </div> -->
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(45)">取 消</el-button>
 
+        <el-button type="primary" @click="addTest">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加工具" :visible.sync="dialogVisible4" :append-to-body="true" width="600px"
 
+      :before-close="handleClose" class="dialog_diy addToolsDia">
 
+      <div class="toolChoose" style="padding: 0 0 0 30px">
 
+        <div class="tools">
 
+          <div class="leftTools" style="
 
+              width: 95%;
 
+              padding: 0 0 15px 0;
 
+              margin: 15px 0;
 
+            " v-for="(itemTools, itemToolsIndex) in chapTools" :key="itemToolsIndex">
 
+            <div style="
 
+                display: flex;
 
+                flex-direction: row;
 
+                align-items: baseline;
 
+                flex-wrap: nowrap;
 
+                justify-content: flex-start;
 
+                position: relative;
 
+              ">
 
+              <div class="chooseWho">
 
+                <div :class="chapToolsType == 0 ? 'isChooseActive' : ''" @click="chapToolsType = 0">
 
+                  互动类
 
+                </div>
 
+                <div :class="chapToolsType == 1 ? 'isChooseActive' : ''" @click="chapToolsType = 1">
 
+                  思维类
 
+                </div>
 
+                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
 
+                  评价类
 
+                </div>
 
+                <div :class="chapToolsType == 2 ? 'isChooseActive' : ''" @click="chapToolsType = 2">
 
+                  其他
 
+                </div>
 
+              </div>
 
+            </div>
 
+
 
+            <div style="min-height: 163px">
 
+              <div class="toolSort" v-if="chapToolsType == 0">
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(8)">
 
+                    <img src="../../../assets/icon/secondToolList/library.png" alt />
 
+                    <div style="margin: 5px 0">素材库</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(8)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(8) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="toolSort" v-if="chapToolsType == 1">
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(7)">
 
+                    <img src="../../../assets/icon/secondToolList/mindNetwork.png" alt />
 
+                    <div style="margin: 5px 0">思维网格</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(7)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(7) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(1)">
 
+                    <img src="../../../assets/icon/secondToolList/whiteBoard.png" alt />
 
+                    <div style="margin: 5px 0">电子白板</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(1)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(1) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(2)">
 
+                    <img src="../../../assets/icon/secondToolList/note.png" alt />
 
+                    <div style="margin: 5px 0">便签</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(2)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(2) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(6)">
 
+                    <img src="../../../assets/icon/secondToolList/doc.png" alt />
 
+                    <div style="margin: 5px 0">协同文档</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(6)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(6) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(3)">
 
+                    <img src="../../../assets/icon/secondToolList/mindMapping.png" alt />
 
+                    <div style="margin: 5px 0">思维导图</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(3)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(3) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(31)">
 
+                    <img src="../../../assets/icon/secondToolList/networkPanel.png" alt />
 
+                    <div style="margin: 5px 0">数学画板</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(31)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(31) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="toolSort" v-if="chapToolsType == 2">
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="chapAddTools(5)">
 
+                    <img src="../../../assets/icon/thirdToolList/score.png" alt />
 
+                    <div style="margin: 5px 0">量规评分</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(5)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(5) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+                <div class="tool">
 
+                  <div class="whiteBIcon" @click="openTools(chapCount, 4, null)">
 
+                    <img src="../../../assets/icon/thirdToolList/ask.png" alt />
 
+                    <div style="margin: 5px 0">问卷调查</div>
 
+                  </div>
 
+                  <div class="check" @click="chapAddTools(4)">
 
+                    <img src="../../../assets/icon/checkNo.png" alt v-if="itemTools.tools.indexOf(4) == -1" />
 
+                    <div class="checkDiv" v-else>
 
+                      <img src="../../../assets/icon/checkedIs.png" alt /><span>已选择</span>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+            <div>
 
+              <input type="text" placeholder="添加工具描述" class="binfo_input"
 
+                style="margin: 20px 0; width: 71.5% !important" v-model="itemTools.toolDetail" />
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisible4 = false">取 消</el-button>
 
+        <el-button type="primary" @click="addChaptersDataTools">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加问答" :visible.sync="dialogVisible8" :append-to-body="true" width="500px"
 
+      :before-close="(done) => { closePan(15) }" class="dialog_diy">
 
+      <div>
 
+        <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: column;
 
+            align-items: flex-start;
 
+            justify-content: center;
 
+          ">
 
+          <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
 
+          <!-- <el-input v-model="answerQ" placeholder="请输入您要问的问题"></el-input> -->
 
+          <textarea rows="1" v-autoHeight="40" type="text" placeholder="请输入您要问的问题" class="binfo_input"
 
+            style="width: 100% !important;border:1px solid #DCDFE6" v-model="answerQ"></textarea>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(15)">取 消</el-button>
 
+        <el-button type="primary" @click="addAnswer">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加问题" :visible.sync="dialogVisibleMp3" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="a_add_title" style="
 
+            display: flex;
 
+            flex-direction: column;
 
+            align-items: flex-start;
 
+            justify-content: center;
 
+          ">
 
+          <div style="margin-bottom: 20px; font-size: 20px">问题:</div>
 
+          <el-input v-model="answerQ" placeholder="请输入您想要回答的问题"></el-input>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleMp3 = false">取 消</el-button>
 
+        <el-button type="primary" @click="addMp3Answer">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="上传图片" :visible.sync="choosePicVisible" :append-to-body="true" width="600px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="fileCss" style="padding-top: 20px">
 
+          <div>
 
+            <button class="info_btn" @click="addImg($event)">
 
+              选择本地文件
 
+              <input type="file" accept="image/*" style="display: none" @change="beforeUpload1" />
 
+            </button>
 
+            <div class="spanName">选择本地文件</div>
 
+          </div>
 
+          <!-- <div>
 
+            <el-button @click="getAllBanner" v-if="isSysPic == false">选择系统文件</el-button>
 
+            <div class="isSysPic" v-if="isSysPic == true && cover.length > 0">
 
+              <img :src="cover[0].url" alt="" />
 
+              <div class="deletePic" @click="deleteSysPic">
 
+                <img src="../../../assets/icon/delete.png" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="spanName">选择系统文件</div>
 
+          </div> -->
 
+          <div>
 
+            <el-button @click="searchImageValue = courseName, resetImage()" v-if="isSysPic2 == false">选择网络文件</el-button>
 
+            <div class="isSysPic" v-if="isSysPic2 == true && cover.length > 0">
 
+              <img :src="cover[0].url" alt="" />
 
+              <div class="deletePic" @click="deleteSysPic">
 
+                <img src="../../../assets/icon/delete.png" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="spanName">选择网络文件</div>
 
+          </div>
 
+        </div>
 
+        <!-- <div class="fileCss">
 
+          <div>选择本地文件</div>
 
+          <div>选择系统文件</div>
 
+        </div> -->
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="choosePicVisible = false">取 消</el-button>
 
+        <el-button type="primary" @click="choosePicVisible = false">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="选择系统文件" :visible.sync="sysPicVisible" :append-to-body="true" width="710px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div class="cru_selectBox" style="margin: 0">
 
+        <div @click="getChoosePic(1)" class="cru_select" :class="chooseType == 1 ? 'cru_selected' : ''">
 
+          绘画
 
+        </div>
 
+        <div @click="getChoosePic(2)" class="cru_select" :class="chooseType == 2 ? 'cru_selected' : ''">
 
+          科技
 
+        </div>
 
+        <div @click="getChoosePic(3)" class="cru_select" :class="chooseType == 3 ? 'cru_selected' : ''">
 
+          人文
 
+        </div>
 
+        <div @click="getChoosePic(4)" class="cru_select" :class="chooseType == 4 ? 'cru_selected' : ''">
 
+          艺术
 
+        </div>
 
+      </div>
 
+      <div class="sysPicBox">
 
+        <div v-for="(sys, sysIndex) in sysPic" :key="sysIndex" class="sysPic">
 
+          <img :src="sys.poster" alt="" @click="chooseSysPic(sys.poster)" />
 
+        </div>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="选择网络文件" :visible.sync="sysPicVisible2" :append-to-body="true" width="710px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div class="people_top_right" style="display: flex;align-items: center;">
 
+          <div style="position: relative; width: 100%;">
 
+            <el-input style="height: 100%" placeholder="搜索图片关键字" v-model="searchImageValue"
 
+              @keyup.enter.native="resetImage()"></el-input>
 
+            <div class="search_img" @click="resetImage" style="right: 10px;">
 
+              <img src="../../../assets/icon/search.png" alt />
 
+            </div>
 
+          </div>
 
+          <el-button type="primary" size="default" style="margin-left: 10px;" @click="changePicture">换一组</el-button>
 
+        </div>
 
+        <div class="sysPicBox" v-loading="imageloading">
 
+          <div class="picNone" v-if="!imageList.length">请输入关键词搜索图片</div>
 
+          <div v-for="(sys, sysIndex) in imageList" :key="sysIndex" class="sysPic">
 
+            <img :src="sys.url" alt="" @click="chooseSysPic2(sys.url)" />
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </el-dialog>
 
+    <el-dialog title="选择匹配" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(41) }" class="dialog_diy dialog_diy3 fullStyle">
 
+      <div v-if="selectJson" style="height:100%">
 
+        <div class="select_box1" v-if="selectSteps == 1">
 
+          <div class="select_box1_img">
 
+            <div class="select_box1_title">
 
+              <span>上传题目图片</span><span>提示：请将所有题目上传为一张图片。</span>
 
+            </div>
 
+            <div class="select_box1_add_img">
 
+              <div class="uploadFm" @click="addImg($event)" v-if="!selectJson.url">
 
+                <input type="file" accept="image/*" style="display: none" @change="beforeUploadSelect" />
 
+                <img src="../../../assets/icon/addPoster.png" alt="" />
 
+              </div>
 
+              <div class="isSysPic" v-else>
 
+                <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
 
+                <div class="deletePic" @click="deleteSelectPic">
 
+                  <img src="../../../assets/icon/delete.png" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="select_box1_select">
 
+            <div class="select_box1_title">
 
+              <span>添加选项</span><span>提示：请输入以上题目的选项内容，此选项为所有题目共享。</span>
 
+            </div>
 
+            <div class="select_box1_select_box">
 
+              <el-input v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex"
 
+                v-model="selectJson.select[checkIndex]" placeholder="请输入选项"
 
+                style="width: 150px; margin: 10px 10px 0 0"></el-input>
 
+              <div class="select_box1_select_box_add">
 
+                <el-button style="margin: 10px 0px 0 0" type="primary" size="small" @click="addSelectList(selectJson)">
 
+                  添加</el-button>
 
+                <el-button type="primary" size="small" style="margin: 10px 0 0 0" @click="deleteSelectList(selectJson)"
 
+                  v-if="selectJson.select && selectJson.select.length > 0">删除</el-button>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div v-if="selectSteps == 2" style="height:100%">
 
+          <div class="select_box2">
 
+            <div class="select_box2_title">设置每道题目的正确选项</div>
 
+            <div class="select_box2_box">
 
+              <div class="select_box2_img">
 
+                <img :src="selectJson.url" alt="" @click="previewImg(selectJson.url)" />
 
+              </div>
 
+              <div class="select_box2_answer">
 
+                <div class="select_answer_title">根据题目选择对应答案</div>
 
+                <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
 
+                  <span>{{ checkIndex + 1 }}、</span>
 
+                  <el-select v-model="selectJson.answer[checkIndex]" placeholder="请选择正确答案">
 
+                    <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
 
+                    </el-option>
 
+                  </el-select>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button type="primary" @click="nextSelectSteps()" v-if="selectSteps == 1">下一步</el-button>
 
+        <el-button @click="selectSteps--" v-if="selectSteps == 2">上一步</el-button>
 
+        <el-button type="primary" @click="addSelectAnswer" v-if="selectSteps == 2">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加评价" :visible.sync="dialogVisibleRate" :append-to-body="true" width="650px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="background: #fff; padding: 15px; box-sizing: border-box">
 
+        <div style="font-size: 18px; color: #a9a9a9">请输入个人评价指标:</div>
 
+        <div class="pjCss" style="width: 100%">
 
+          <div v-if="rateJson.length" class="elist_input" style="height: 360px; overflow: auto">
 
+            <div v-for="(eItem, eIndex) in rateJson" :key="eIndex" class="elist_input_box">
 
+              <span style="min-width: 100px; text-align: right">个人评价指标：</span>
 
+              <input type="input" v-model="eItem.value" placeholder="填写评价名称" />
 
+              <div class="remove" @click="deletRateList(eIndex)"></div>
 
+              <div style="width: 100%; display: flex">
 
+                <span style="min-width: 100px; text-align: right">评星等级：</span>
 
+                <el-rate v-model="eItem.score" disabled></el-rate>
 
+              </div>
 
+              <div class="elist_inptu_text" style="align-items: flex-start">
 
+                <span style="min-width: 100px; text-align: right">描述：</span>
 
+                <textarea class="rate_textarea" :rows="3" v-model="eItem.detail" placeholder="填写评价描述"></textarea>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="addToolFun" @click="addRateList()">
 
+            <div class="addToolImg">
 
+              <img src="../../../assets/icon/add.png" alt />
 
+            </div>
 
+            <div>添加</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleRate = false">取 消</el-button>
 
+        <el-button type="primary" @click="addRateAnswer">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="排序设置" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px"
 
+      :before-close="(done) => { closePan(47) }" class="dialog_diy dialog_diy3 fullStyle">
 
+      <div style="height: 100%;">
 
+        <div class="sentenBox" style="height: 100%;">
 
+          <div class="addSen" @click="addSt">添加题目</div>
 
+          <div v-for="(st, stIndex) in sentenceList" :key="stIndex" class="sentenContent">
 
+            <div class="sentenTopBox">
 
+              <div class="sentenTop" :index="stIndex + 1">
 
+                <div>题目设置</div>
 
+                <div>
 
+                  <el-input placeholder="请输入卡片内容" v-model="st.sentenceTitle" :maxlength="10"></el-input>
 
+                </div>
 
+                <div @click="addSen(stIndex)">添加</div>
 
+                <div class="remove1" v-if="sentenceList.length > 1" @click="deleteSentence(stIndex)"></div>
 
+              </div>
 
+            </div>
 
+
 
+            <div class="cardList">
 
+              <div v-if="st.addSentence.length > 0" class="cardBox">
 
+                <div class="isCard" v-for="(s, sIndex) in st.addSentence" :key="sIndex"
 
+                  @click="setRightAnswer(s, stIndex, sIndex)">
 
+                  <el-tooltip class="item" effect="light" :content="s" placement="top">
 
+                    <div>{{ s }}</div>
 
+                  </el-tooltip>
 
+                  <div class="deleteWord" @click.stop="deleteS(s, stIndex, sIndex)">
 
+                    <img src="../../../assets/icon/delete.png" alt="" />
 
+                  </div>
 
+                </div>
 
+              </div>
 
+              <div class="card">
 
+                <img src="../../../assets/icon/conSentences/noTitle.png" alt="" />
 
+              </div>
 
+            </div>
 
+            <div class="rightCardBox">
 
+              <div>正确顺序</div>
 
+              <div class="rightCardList">
 
+                <div v-if="st.rightAnswer.length > 0" class="cardBox">
 
+                  <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex" class="cardCss">
 
+                    <div class="isCard1" @click="returnCard(r, stIndex, rIndex)">
 
+                      <el-tooltip class="item" effect="light" :content="r" placement="top">
 
+                        <div>{{ r }}</div>
 
+                      </el-tooltip>
 
+                    </div>
 
+                    <div>{{ rIndex + 1 }}</div>
 
+                  </div>
 
+                </div>
 
+                <div class="card" v-if="st.rightAnswer.length == 0">
 
+                  <img src="../../../assets/icon/conSentences/noAnswer.png" alt="" />
 
+                </div>
 
+                <div class="card" v-else>
 
+                  <img src="../../../assets/icon/conSentences/clickNo.png" alt="" />
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="closePan(47)">取 消</el-button>
 
+        <el-button type="primary" @click="addSentenceTool">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <!-- <el-form-item label="文本标题">
 
+          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
 
+        </el-form-item> -->
 
+        <div>表格内容</div>
 
+        <Table v-model="tableJson.text" @change="change"></Table>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <!-- <el-button @click="dialogVisibleTable = false">取 消</el-button>
 
+        <el-button type="primary" @click="addTableJson">确定</el-button> -->
 
+        <el-button type="primary" @click="addTableJson">上传模板</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="95%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <el-form>
 
+        <!-- <el-form-item label="文本标题">
 
+          <el-input v-model="AttText.title" auto-complete="off" @input="change2" placeholder="请输入文本标题..."></el-input>
 
+        </el-form-item> -->
 
+        <div>文档内容</div>
 
+        <editor-bar v-model="wordJson.text" class="text_panel"></editor-bar>
 
+      </el-form>
 
+      <span slot="footer" class="dialog-footer">
 
+        <!-- <el-button @click="dialogVisibleWord = false">取 消</el-button> -->
 
+        <el-button type="primary" @click="addWordJson">上传模板</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加班级" :visible.sync="dialogVisibleMoreUpload" :append-to-body="true" width="30%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="
 
+          width: 100%;
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: center;
 
+          justify-content: center;
 
+        ">
 
+        <div>班级：</div>
 
+        <el-select multiple v-model="uploadJson" placeholder="请选择">
 
+          <el-option v-for="item in classJuri" :key="item.id" :label="item.name" :value="item.id">
 
+          </el-option>
 
+        </el-select>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleMoreUpload = false">取 消</el-button>
 
+        <el-button type="primary" @click="addMoreUpload">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="设置随机码" :visible.sync="dialogVisibleInvite" :append-to-body="true" width="360px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="
 
+          width: 100%;
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: center;
 
+          justify-content: center;
 
+        ">
 
+        <div>随机码：</div>
 
+        <el-input v-model="icode" style="width: 240px" placeholder="请输入随机码"></el-input>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleInvite = false">取 消</el-button>
 
+        <el-button type="primary" @click="addInvite">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="添加预设时间" :visible.sync="dialogVisiblePreTime" :append-to-body="true" width="450px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div style="margin-bottom: 20px;color: #999;">提示：点击“+”或“-”修改倒计时时长。</div>
 
+        <Time :preTime="preTime" @updateTimeNum="updateTime" v-if="dialogVisiblePreTime"></Time>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisiblePreTime = false">取 消</el-button>
 
+        <el-button type="primary" @click="addPreTime">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="导入目标" :visible.sync="dialogVisiblemb" :append-to-body="true" width="70%"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div>
 
+        <div style="
 
+            width: 100%;
 
+            display: flex;
 
+            flex-direction: row;
 
+            flex-wrap: nowrap;
 
+            align-content: center;
 
+            align-items: center;
 
+            justify-content: space-between;
 
+          ">
 
+          <div style="
 
+              display: flex;
 
+              flex-flow: row nowrap;
 
+              align-items: flex-start;
 
+              width: 100%;
 
+              flex-direction: column;
 
+              flex-wrap: nowrap;
 
+              position: relative;
 
+            ">
 
+            <div class="e_box">
 
+              <div class="e_card" v-for="(item, index) in evaJuri" :key="index">
 
+                <div class="e_card_picture">
 
+                  <img src="../../../assets/e_picture.png" />
 
+                </div>
 
+                <div class="e_card_name">
 
+                  <span>{{ item.title }}</span>
 
+                </div>
 
+                <div class="e_card_btn">
 
+                  <span @click="checkEva(item.id, 2)">导入</span>
 
+                </div>
 
+              </div>
 
+              <div class="addEva" @click="openT">
 
+                <img src="../../../assets/icon/addEva.png" alt="" />
 
+              </div>
 
+              <div v-if="evaJuri.length === 0" style="margin: 0 auto; color: #6e6e6e">
 
+                暂无数据
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisiblemb = false">取 消</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="650px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div class="groupBox">
 
+        <div v-if="groupJson.group" class="groupContent">
 
+          <div class="groupTitle">请设置小组数量及名称</div>
 
+          <div v-for="(item, index) in groupJson.group" :key="index" class="groupName">
 
+            <span class="groupn">第{{ index + 1 }}组名称:</span>
 
+            <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
 
+            <div class="groupBtn">
 
+              <el-button type="primary" size="small" @click="addGroup(index)"
 
+                v-if="groupJson.group.length - 1 == index">
 
+                添加</el-button>
 
+              <el-button type="primary" size="small" @click="deleteGroup(index)"
 
+                v-if="groupJson.group && groupJson.group.length > 1">删除</el-button>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="groupContent">
 
+          <div class="groupTitle">请设置每组人数</div>
 
+          <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
 
+            style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
 
+          <el-input v-model="groupJson.number" style="width:150px" placeholder="请输入2-10的数字"
 
+            @change="numberPan"></el-input>
 
+        </div>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleGroup = false">取 消</el-button>
 
+        <el-button type="primary" @click="addGroupJson">确定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="修改名称" :visible.sync="dialogVisibleupdataVideoT" :append-to-body="true" width="500px"
 
+      :before-close="handleClose" class="dialog_diy">
 
+      <div style="
 
+          width: 100%;
 
+          display: flex;
 
+          flex-direction: row;
 
+          flex-wrap: nowrap;
 
+          align-items: center;
 
+          justify-content: center;
 
+        ">
 
+        <div style="min-width: fit-content;">文件名称：</div>
 
+        <el-input v-model="line" placeholder="请输入要修改的名称"></el-input>
 
+      </div>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="dialogVisibleupdataVideoT = false">取 消</el-button>
 
+        <el-button type="primary" @click="updataVideoC">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <el-dialog title="创建作文题目" :visible.sync="englishDialogVisible" :append-to-body="true" width="800px"
 
+      :before-close="(done) => { closePan(69) }" class="dialog_diy fullStyle fullStyle1">
 
+      <englishRight :englishList="englishList" :oid="oid" ref="engJson"></englishRight>
 
+      <span slot="footer" class="dialog-footer">
 
+        <el-button @click="englishDialogVisible = false">取 消</el-button>
 
+        <el-button type="primary" @click="addEnglish">确 定</el-button>
 
+      </span>
 
+    </el-dialog>
 
+    <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" @add="addVideoJson"></interVideo>
 
+    <EnglishVoice :oid='oid' :org="org" :EnglishVoiceDialog.sync="EnglishVoiceDialog"
 
+      :englishVoiceJson="englishVoiceJson" @setEnglishVoiceJson="setEnglishVoiceJson"></EnglishVoice>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+import "../../../common/aws-sdk-2.235.1.min.js";
 
+import { tools as toolsData } from "../../../common/tools.js";
 
+import $ from "jquery";
 
+import EditorBar from "../../../components/tools/wangEnduit";
 
+import Table from "../../../components/tools/table";
 
+import Mind from "../../tools/jsmind2";
 
+import Time from "../../tools/time.vue";
 
+import Sunburst from "../../tools/sunburst";
 
+import SeeBoard from "../../tools/seeBoard";
 
+import weilaiData from "../components/weilai.js";
 
+import sourceDialog from "../teacherSource/dialog.vue";
 
+import interVideo from "../interVideo/index.vue";
 
+import englishRight from "../easy/commpont/englishRight.vue";
 
+import EnglishVoice from '../EnglishVoice/index.vue'
 
+var OpenCC = require("opencc-js");
 
+let converter = OpenCC.Converter({
 
+		from:'hk',
 
+		to:'cn'
 
+})
 
+
 
+export default {
 
+  components: {
 
+    EditorBar,
 
+    Mind,
 
+    Time,
 
+    Sunburst,
 
+    SeeBoard,
 
+    Table,
 
+    sourceDialog,
 
+    interVideo,
 
+    englishRight,
 
+    EnglishVoice
 
+  },
 
+  data() {
 
+    return {
 
+      checkAll: false,
 
+      chooseType: 1,
 
+      checkedCities: [],
 
+      isIndeterminate: true,
 
+      isSysPic: false,
 
+      isSysPic2: false,
 
+      steps: 1,
 
+      nbOrder: 0,
 
+      courseId: "",
 
+      chapToolsType: 0,
 
+      chapTools: [
 
+        {
 
+          tools: [],
 
+          toolDetail: "",
 
+        },
 
+      ],
 
+      line: "",
 
+      lineTitle: "",
 
+      sysPic: [],
 
+      sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
 
+      sentenceList2: [],
 
+      isPushTitleList: [],
 
+      lineCount: 0,
 
+      lineType: 0,
 
+      chapCount: 0,
 
+      courseName: "",
 
+      isTeacherSee: false,
 
+      courseText: "",
 
+      preTime: 0,
 
+      formLabelWidth: "100px",
 
+      choosePicVisible: false,
 
+      sysPicVisible: false,
 
+      uploadLoading1: false,
 
+      noneBtnImg: false,
 
+      updateBoolean2: false,
 
+      unitIndex: 0,
 
+      taskCount: 0,
 
+      dialogVisible: false,
 
+      dialogVisible1: false,
 
+      dialogVisible2: false,
 
+      dialogVisible3: false,
 
+      dialogVisible4: false,
 
+      dialogVisible5: false,
 
+      dialogVisible6: false,
 
+      dialogVisible7: false,
 
+      dialogVisible8: false,
 
+      dialogVisible9: false,
 
+      dialogVisibleClass: false,
 
+      dialogVisibleMember: false,
 
+      dialogVisibleMp3: false,
 
+      dialogVisibleSelect: false,
 
+      dialogVisibleSentence: false,
 
+      dialogVisibleRate: false,
 
+      dialogVisibleChoice: false,
 
+      dialogVisiblemb: false,
 
+      dialogVisibleInvite: false,
 
+      dialogVisibleSource: false,
 
+      dialogVisibleVideo: false,
 
+      dialogVisibleupdataVideoT: false,
 
+      isClickColor: 1,
 
+      toolIndexType: "",
 
+      publicTool: 0,
 
+      searchPeople: "",
 
+      searchTN: "",
 
+      userid: this.$route.query.userid,
 
+      oid: this.$route.query.oid,
 
+      org: this.$route.query.org,
 
+      role: this.$route.query.role,
 
+      cid: this.$route.query.cid != undefined ? this.$route.query.cid : "",
 
+      dialogVisibleTable: false,
 
+      dialogVisibleWord: false,
 
+      tableJson: { text: "" },
 
+      wordJson: { text: "" },
 
+      dialogVisibleMoreUpload: false,
 
+      dialogVisiblePreTime: false,
 
+      englishDialogVisible: false,
 
+      uploadJson: [],
 
+      classJuri: [],
 
+      gradeList: [],
 
+      cover: [], //课程封面
 
+      myWord: [],
 
+      evaJuri: [],
 
+      evalua: "",
 
+      targetArray: [],
 
+      eTitle: "",
 
+      eJson: {},
 
+      fid: "", //一级
 
+      sid: "", //二级
 
+      tid: "", //二级
 
+      typeMode: 1,
 
+      eJSONNum: 0,
 
+      data: {
 
+        meta: {
 
+          name: "example",
 
+          author: "dd@163.com",
 
+          version: "0.2",
 
+        },
 
+        format: "node_array",
 
+        data: [{ id: "root", isroot: true, topic: "" }],
 
+      },
 
+      askJson: {
 
+        askCount: 1,
 
+        askTitle: "",
 
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+      },
 
+      askJson2: {},
 
+      testJson: {},
 
+      testJson2: {},
 
+      selectJson: {},
 
+      selectJson2: {},
 
+      englishList:{},
 
+      rateJson: [],
 
+      unitJson2: [],
 
+      unitJson: [
 
+        {
 
+          dyName: "", //单元标题
 
+          chapterInfo: [
 
+            {
 
+              isread: false,
 
+              chapterid: this.guid(),
 
+              title: "",
 
+              courseName: "",
 
+              taskJson: [
 
+                {
 
+                  task: "",
 
+                  taskDetail: "",
 
+                  chapterData: [],
 
+                  toolChoose: [
 
+                    {
 
+                      tool: [],
 
+                      toolDetail: "",
 
+                      toolType: 0,
 
+                      askCount: 1,
 
+                      askTitle: "",
 
+                      askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                    },
 
+                  ],
 
+                  toolText: "",
 
+                  isShowTools: false,
 
+                  askCount: 1,
 
+                  isFold: 1,
 
+                  askTitle: "",
 
+                  askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+                  checkJson: [{ checkCount: [], checkPerent: [] }],
 
+                  homeworkList: [],
 
+                },
 
+              ],
 
+              itemCount: 1,
 
+              fileList1: [],
 
+              video: [],
 
+              testData: [],
 
+              pData: [],
 
+              templateArray: [],
 
+            },
 
+          ],
 
+        },
 
+      ],
 
+      templateArray: [],
 
+      studentJuri: [],
 
+      teacherJuri: [],
 
+      checkboxList: [],
 
+      checkboxList2: [],
 
+      checkboxList3: [],
 
+      classSearch: "",
 
+      gradeId: "",
 
+      number: "",
 
+      tTitle: "",
 
+      tdetail: "",
 
+      templateC: {},
 
+      AttText: {},
 
+      AttTextType: 0,
 
+      AttTextIndex: 0,
 
+      cTemplate: "",
 
+      CourseType: [],
 
+      CourseType2: [],
 
+      CourseTypeJson: {},
 
+      courseTypeId: [],
 
+      courseTypeSon: [],
 
+      clearArray: [],
 
+      pTypeCheck: [],
 
+      pTypeCheckName: [],
 
+      loading: false,
 
+      toolType: 0,
 
+      inputShow: true,
 
+      inputShow2: true,
 
+      toolIndex: 0,
 
+      cidType: 0,
 
+      answerQ: "",
 
+      answerQ2: "",
 
+      grade: [],
 
+      grade2: [],
 
+      courseUserid: "",
 
+      timer: null,
 
+      timer2: null,
 
+      pasteTimer: null,
 
+      checkId: "",
 
+      isDelete: 1,
 
+      addindex: 0,
 
+      selectSteps: 1,
 
+      groupJson: {},
 
+      dialogVisibleGroup: false,
 
+      rightBoxHeight: 0,
 
+      ManAarray: [],
 
+      checkBoolean: false,
 
+      inviteCode: [],
 
+      inviteId: "",
 
+      icode: "",
 
+      easyArray: [2, 4],
 
+      sourceData: {},
 
+      updateSourcePan: false,
 
+      videoJson: {},
 
+      isBtnDisplay: false,
 
+      isPasteTask: false,
 
+      isPasteChoice: false,
 
+      sysPicVisible2: false,
 
+      imageloading: false,
 
+      searchImageValue: "",
 
+      ppage: 1,
 
+      imageList: [],
 
+      heightPx: '100%',
 
+      toolsData: JSON.parse(converter(JSON.stringify(toolsData))),
 
+      oldIndex: 0,
 
+      oldData: null,
 
+      newIndex: "",
 
+      typeIndex: "",
 
+      isdrag: '',
 
+      EnglishVoiceDialog: false,
 
+      englishVoiceJson:{}
 
+    };
 
+  },
 
+  directives: {
 
+    autoHeight: {
 
+      update(el, binding) {
 
+        const { value } = binding
 
+        if (value && typeof value === 'number') {
 
+          el.style.height = `${value}px`
 
+        } else {
 
+          el.style.height = 'auto'
 
+        }
 
+      },
 
+      componentUpdated(el) {
 
+        el.style.height = `${el.scrollHeight + 5}px`
 
+      },
 
+    },
 
+  },
 
+  computed: {
 
+    // rightBoxHeight: function () {
 
+    //   return $(".rightBox")[0] ? $(".rightBox")[0].scrollHeight : 1000
 
+    // },
 
+    offsetLetfPx: function () {
 
+      //addnum可以直接在模板语法里面用，相当于data内的值
 
+      return (
 
+        $(".cru_select")[this.unitIndex] &&
 
+        $(".cru_select")[this.unitIndex].offsetLeft
 
+      );
 
+    },
 
+    getMan2() {
 
+      return function (people) {
 
+        let _people = people;
 
+        let _people2 = "";
 
+        if (this.ManAarray.length) {
 
+          for (var i = 0; i < this.ManAarray.length; i++) {
 
+            if (this.ManAarray[i].userid == people) {
 
+              _people2 = this.ManAarray[i].name;
 
+              break;
 
+            }
 
+          }
 
+        }
 
+        if (people == this.courseUserid) {
 
+          return "";
 
+        }
 
+        return this.ManAarray.length ? _people2 : "";
 
+      };
 
+    },
 
+    isInvite() {
 
+      return function (cid) {
 
+        let array = [];
 
+        for (var i = 0; i < this.inviteCode.length; i++) {
 
+          array.push(this.inviteCode[i].cid);
 
+        }
 
+        return array.indexOf(cid) != -1;
 
+      };
 
+    },
 
+    getInviteCodeC() {
 
+      return function (cid) {
 
+        let array = [];
 
+        for (var i = 0; i < this.inviteCode.length; i++) {
 
+          array.push(this.inviteCode[i].cid);
 
+        }
 
+        return this.inviteCode[array.indexOf(cid)].ic;
 
+      };
 
+    },
 
+    getClassC() {
 
+      return function (c) {
 
+        let _c2 = "";
 
+        if (this.grade.length) {
 
+          for (var i = 0; i < this.grade.length; i++) {
 
+            if (this.grade[i].id == c) {
 
+              _c2 = this.grade[i].name;
 
+              break;
 
+            }
 
+          }
 
+        }
 
+        return this.grade.length ? _c2 : "";
 
+      };
 
+    },
 
+    getListClassC() {
 
+      return function (list) {
 
+        let _c2 = [];
 
+
 
+        if (this.grade.length) {
 
+          for (var j = 0; j < list.length; j++) {
 
+            let c = list[j]
 
+            for (var i = 0; i < this.grade.length; i++) {
 
+              if (this.grade[i].id == c) {
 
+                _c2.push(this.grade[i].name);
 
+                break;
 
+              }
 
+            }
 
+          }
 
+        }
 
+        return this.grade.length ? _c2.join('、') : "";
 
+      };
 
+    },
 
+  },
 
+  watch: {
 
+    unitIndex(newValue, oldValue) {
 
+      if (this.isDelete == 2) {
 
+        this.isDelete = 1;
 
+        return;
 
+      }
 
+      if (this.cid != "") {
 
+        let _unitIndex = oldValue;
 
+        if (
 
+          JSON.stringify(this.unitJson2[_unitIndex]) ==
 
+          JSON.stringify(this.unitJson[_unitIndex])
 
+        ) {
 
+          this.$refs.rightboxR.scrollTop = 0;
 
+          return;
 
+        }
 
+        let cPan = 1;
 
+        for (
 
+          var j = 0;
 
+          j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
 
+          j++
 
+        ) {
 
+          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
 
+            j
 
+          ].proVisible = false;
 
+          this.unitJson[_unitIndex].chapterInfo[0].taskJson[
 
+            j
 
+          ].proVisible2 = false;
 
+          if (
 
+            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
 
+              .length > 1
 
+          ) {
 
+            for (
 
+              var z = 0;
 
+              z <
 
+              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].toolChoose
 
+                .length;
 
+              z++
 
+            ) {
 
+              if (
 
+                !this.unitJson[_unitIndex].chapterInfo[0].taskJson[j]
 
+                  .toolChoose[z].tool.length
 
+              ) {
 
+                this.$message.error("请把工具添加完整");
 
+                cPan = 2;
 
+                break;
 
+              }
 
+            }
 
+          }
 
+          if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
 
+            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
 
+              this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
 
+                (ele) => {
 
+                  return ele.value != "";
 
+                }
 
+              );
 
+          }
 
+        }
 
+        if (cPan == 2) {
 
+          this.unitIndex = oldValue;
 
+          return;
 
+        }
 
+        for (var i = 0; i < this.unitJson.length; i++) {
 
+          if (this.addindex != i) {
 
+            delete this.unitJson[i].isUpdate;
 
+          }
 
+        }
 
+        this.$refs.rightboxR.scrollTop = 0;
 
+        this.addindex = -1;
 
+        let params = [
 
+          {
 
+            cid: this.cid,
 
+            chapters: JSON.stringify(this.unitJson),
 
+            uid: this.userid,
 
+            unitIndex: _unitIndex,
 
+          },
 
+        ];
 
+        this.ajax
 
+          .post(this.$store.state.api + "updateWorkNew4", params)
 
+          .then((res) => {
 
+            // this.$message({
 
+            //   message: "修改成功",
 
+            //   type: "success",
 
+            // });
 
+            // this.courseId = this.cid;
 
+          })
 
+          .catch((err) => {
 
+            this.$message.error("网络不佳");
 
+            console.error(err);
 
+          });
 
+      }
 
+    },
 
+    steps(newValue) {
 
+      if (newValue == 4) {
 
+        if(this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840'){
 
+          top.U.UF.F.closeWindow(top.$("#openCourseUpdate"))
 
+        }
 
+        this.goTo(
 
+          "/course?userid=" +
 
+          this.userid +
 
+          "&oid=" +
 
+          this.oid +
 
+          "&org=" +
 
+          this.org +
 
+          "&role=" +
 
+          this.role
 
+        );
 
+      }
 
+    },
 
+  },
 
+  methods: {
 
+    openAI() {
 
+      top.postMessage({ tools: "64" }, "*");
 
+    },
 
+    setMan() {
 
+      // let teacherJuri = this.teacherJuri2;
 
+      this.ManAarray = [];
 
+      let _user = JSON.parse(JSON.stringify(this.checkboxList3));
 
+      if (_user.indexOf(this.userid) == -1) {
 
+        _user.push(this.userid);
 
+      }
 
+      if (_user.indexOf(this.courseUserid) == -1) {
 
+        _user.push(this.courseUserid);
 
+      }
 
+      let params = [{
 
+        uid: _user.join(","),
 
+      }];
 
+      this.ajax
 
+        .post(this.$store.state.api + "getAllUserByIdP", params)
 
+        .then((res) => {
 
+          let teacherJuri = res.data[0];
 
+          this.ManAarray = teacherJuri;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    previewImg(url) {
 
+      this.$hevueImgPreview(url);
 
+    },
 
+    btnDisplay(bool) {
 
+      this.isBtnDisplay = bool
 
+    },
 
+    scrollChange() {
 
+      this.rightBoxHeight = $(".rightBox")[0].scrollHeight;
 
+      // document.querySelector('.course_left').scrollHeight
 
+      // document.querySelector('.stepsBottom2').scrollHeight
 
+
 
+      let stepsBottom2 = $(".stepsBottom2")[0].clientHeight;
 
+      // let client = $(".course_left")[0].clientHeight - stepsBottom2
 
+      let client = $(".course_left")[0].clientHeight - stepsBottom2;
 
+      let maxheight = $('.whiteBg')[0].offsetHeight + $('.whiteBg')[1].offsetHeight + 120
 
+      let top = $(".rightBox")[0].scrollTop - maxheight;
 
+      // if (top < client) {
 
+      //   $('.stepsBottom2')[0].style.position = 'absolute'
 
+      //   $('.stepsBottom2')[0].style.top = 0 + 'px'
 
+      //   // $('.stepsBottom2')[0].style.top = client + 'px'
 
+      // } else
 
+      if (top > 0) {
 
+        let top = $(".rightBox")[0].offsetTop;
 
+        $(".stepsBottom2")[0].style.position = "fixed";
 
+        $(".stepsBottom2")[0].style.top = top + "px";
 
+        this.heightPx = $(".rightBox")[0].offsetHeight - 40 + 'px'
 
+        // $('.stepsBottom2')[0].style.top = top + 'px'
 
+      } else {
 
+        $(".stepsBottom2")[0].style.position = "absolute";
 
+        $(".stepsBottom2")[0].style.top = "0px";
 
+        this.heightPx = $(".basic_box2")[0].offsetHeight - 50 + 'px'
 
+      }
 
+
 
+      const clientHeight = $(".rightBox")[0].clientHeight;
 
+      const scrollTop = $(".rightBox")[0].scrollTop;
 
+      const scrollHeight = $(".rightBox")[0].scrollHeight;
 
+      if ((clientHeight + scrollTop > (scrollHeight - 10)) && (top > 0)) {
 
+        this.heightPx = $(".rightBox")[0].offsetHeight - 130 + 'px'
 
+      }
 
+    },
 
+    addHw(e) {
 
+      var el = e.currentTarget;
 
+      el.getElementsByTagName("input")[0].click();
 
+    },
 
+    change(val) {
 
+      if (this.dialogVisible1) {
 
+        this.tdetail = val
 
+      } else if (this.dialogVisible6) {
 
+        this.AttText.text = val
 
+      } else if (this.dialogVisible2) {
 
+        this.cTemplate = val
 
+      } else if (this.dialogVisibleTable) {
 
+        this.tableJson.text = val
 
+      }
 
+      this.$forceUpdate();
 
+      console.log(val);
 
+    },
 
+    change2(val) {
 
+      console.log(val);
 
+      this.$forceUpdate();
 
+    },
 
+    handleClose(done) {
 
+      done();
 
+    },
 
+    closePan(tool) {
 
+      if (tool == 15) {
 
+        if (JSON.stringify(this.answerQ) == JSON.stringify(this.answerQ2)) {
 
+          this.dialogVisible8 = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 4) {
 
+        if (JSON.stringify(this.askJson) == JSON.stringify(this.askJson2)) {
 
+          this.dialogVisible5 = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 45) {
 
+        if (JSON.stringify(this.testJson) == JSON.stringify(this.testJson2)) {
 
+          this.dialogVisibleChoice = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 41) {
 
+        if (JSON.stringify(this.selectJson) == JSON.stringify(this.selectJson2)) {
 
+          this.dialogVisibleSelect = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      } else if (tool == 47) {
 
+        if (JSON.stringify(this.sentenceList) == JSON.stringify(this.sentenceList2)) {
 
+          this.dialogVisibleSentence = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      }else if (tool == 69){
 
+        if (JSON.stringify(this.englishList) == JSON.stringify(this.englishList)) {
 
+          this.englishDialogVisible = false
 
+        } else {
 
+          this.closeConfirm(tool);
 
+        }
 
+      }
 
+    },
 
+    closeConfirm(tool) {
 
+      this
 
+        .$confirm("是否保存已编辑内容？", "提示", {
 
+          confirmButtonText: "保存",
 
+          cancelButtonText: "不保存",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          if (tool == 15) {
 
+            this.addAnswer();
 
+          } else if (tool == 4) {
 
+            this.addAsk();
 
+          } else if (tool == 45) {
 
+            this.addTest();
 
+          } else if (tool == 41) {
 
+            this.addSelectAnswer();
 
+          } else if (tool == 47) {
 
+            this.addSentenceTool();
 
+          }else if(tool == 69){
 
+            this.addEnglish();
 
+          }
 
+        })
 
+        .catch(() => {
 
+          if (tool == 15) {
 
+            this.dialogVisible8 = false;
 
+          } else if (tool == 4) {
 
+            this.dialogVisible5 = false;
 
+          } else if (tool == 45) {
 
+            this.dialogVisibleChoice = false;
 
+          } else if (tool == 41) {
 
+            this.dialogVisibleSelect = false;
 
+          } else if (tool == 47) {
 
+            this.dialogVisibleSentence = false;
 
+          } else if (tool == 69) {
 
+            this.englishDialogVisible = false;
 
+          }
 
+        });
 
+    },
 
+    addEnglish(){
 
+      this.englishList.engTitle = this.$refs['engJson'].engList.engTitle;
 
+      this.englishList.englishText = this.$refs['engJson'].engList.englishText;
 
+      this.englishList.textJson = this.$refs['engJson'].engList.textJson;
 
+      if(this.englishList.engTitle == "" || this.englishList.englishText == ""){
 
+        this.$message.error("请将内容填写完整!");
 
+        return;
 
+      }
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].toolChoose[this.toolIndex].englishList = this.englishList;
 
+      this.englishList = {};
 
+      this.englishDialogVisible = false;
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 69
 
+      ) {
 
+        this.addTools(69, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    imgChange2(i, j) {
 
+      var _tmp = this.testJson.testJson[i].checkList[j];
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    imgChange3(i) {
 
+      var _tmp = this.testJson.testJson[i];
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    imgChange1(file, fileList, type, itemTaskIndex) {
 
+      if (type == 1) {
 
+        var _tmp = this.cover;
 
+      } else if (
 
+        type == 2 ||
 
+        type == 3 ||
 
+        type == 6 ||
 
+        type == 7 ||
 
+        type == 8
 
+      ) {
 
+        var _tmp =
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .chapterData;
 
+      } else if (type == 4) {
 
+        var _tmp = this.unitJson[this.unitIndex].chapterInfo[0].fileList1;
 
+      } else {
 
+        var _tmp =
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .homeworkList;
 
+      }
 
+      this.noneBtnImg = _tmp.length >= 1;
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    guid() {
 
+      var _num,
 
+        i,
 
+        _guid = "";
 
+      for (i = 0; i < 32; i++) {
 
+        _guid += Math.floor(Math.random() * 16).toString(16); //随机0  - 16 的数字 转变为16进制的字符串
 
+        _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
 
+        if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
 
+          //会使guid中间加 "-"   形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
 
+          _guid += "-";
 
+        }
 
+      }
 
+      return _guid;
 
+    },
 
+    lastSteps() {
 
+      this
 
+        .$confirm("是否保存已编辑内容？", "提示", {
 
+          confirmButtonText: "保存",
 
+          cancelButtonText: "不保存",
 
+          distinguishCancelAndClose: true,   
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          if (this.cid == "" || this.cid == undefined) {
 
+            if (this.courseName == "") {
 
+              this.$message.error("请补充填写课程名称");
 
+              return;
 
+            } else {
 
+              this.addWork();
 
+            }
 
+          } else {
 
+            if (this.courseName == "") {
 
+              this.$message.error("请补充填写课程名称");
 
+              return;
 
+            } else {
 
+              if (this.userid != this.courseUserid && this.role != "1") {
 
+                this.updateWork2();
 
+              } else {
 
+                this.updateWork();
 
+              }
 
+            }
 
+          }
 
+        })
 
+        .catch((v) => {
 
+          console.log(v)
 
+          if(v == "cancel"){
 
+              this.goTo(
 
+              "/course?userid=" +
 
+              this.userid +
 
+              "&oid=" +
 
+              this.oid +
 
+              "&org=" +
 
+              this.org +
 
+              "&role=" +
 
+              this.role
 
+            );
 
+          }
 
+        });
 
+    },
 
+    nextSteps() {
 
+      if (this.cid == "" || this.cid == undefined) {
 
+        if (this.courseName == "") {
 
+          this.$message.error("请补充填写课程名称");
 
+          return;
 
+        } else {
 
+          this.addWork();
 
+        }
 
+      } else {
 
+        if (this.courseName == "") {
 
+          this.$message.error("请补充填写课程名称");
 
+          return;
 
+        } else {
 
+          if (this.userid != this.courseUserid && this.role != "1") {
 
+            this.updateWork2();
 
+          } else {
 
+            this.updateWork();
 
+          }
 
+        }
 
+      }
 
+      this.$refs.stepBox.scrollTop = 0;
 
+    },
 
+    unitSet(i) {
 
+      this.unitIndex = i;
 
+      // this.$refs.rightboxR.scrollTop = 0;
 
+    },
 
+    time() {
 
+      if (!this.now) {
 
+        this.now = new Date().getTime();
 
+        return true;
 
+      } else {
 
+        let time = new Date().getTime();
 
+        if (time - this.now > 3000) {
 
+          this.now = time;
 
+          return true;
 
+        } else {
 
+          return false;
 
+        }
 
+      }
 
+    },
 
+    deleteUnit(i) {
 
+      var _this = this;
 
+      if (_this.time()) {
 
+        _this
 
+          .$confirm("确定删除此单元吗?", "提示", {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          })
 
+          .then(() => {
 
+            _this.isDelete = 2;
 
+            // _this.unitIndex = _this.unitIndex - 1;
 
+            _this.deleteWork(_this.unitJson[i].chapterInfo[0].chapterid);
 
+            // _this.$message.success("删除成功");
 
+          })
 
+          .catch(() => {
 
+            return;
 
+          });
 
+      }
 
+    },
 
+    deleteWork(chapid) {
 
+      let params = [
 
+        {
 
+          cid: this.cid,
 
+          chapters: JSON.stringify(this.unitJson),
 
+          uid: this.userid,
 
+          chapid: chapid,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "deleteWork", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "删除成功",
 
+            type: "success",
 
+          });
 
+          this.unitJson.splice(this.unitIndex, 1);
 
+          this.unitIndex = this.unitIndex - 1;
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    deleteTool(itemTaskIndex, i) {
 
+      var _this = this;
 
+      if (_this.time()) {
 
+        _this
 
+          .$confirm("确定删除此工具吗?", "提示", {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          })
 
+          .then(() => {
 
+            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].toolChoose.splice(i, 1);
 
+            _this.$message.success("删除成功");
 
+          })
 
+          .catch(() => {
 
+            return;
 
+          });
 
+      }
 
+    },
 
+    deleteSentence(i) {
 
+      var _this = this;
 
+      _this
 
+        .$confirm("确定删除此题目吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.sentenceList.splice(i, 1);
 
+          _this.$message.success("删除成功");
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    deleteS(s, i, j) {
 
+      this.sentenceList[i].addSentence.splice(j, 1);
 
+      if (this.sentenceList[i].rightAnswer.indexOf(s) != -1) {
 
+        var a = this.sentenceList[i].rightAnswer.indexOf(s);
 
+        this.sentenceList[i].rightAnswer.splice(a, 1);
 
+      }
 
+    },
 
+    openT() {
 
+      top.postMessage({ tools: "25" }, "*");
 
+    },
 
+    deleteTask(i) {
 
+      var _this = this;
 
+      //((_this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.length - 1) == i) ? "确定删除此任务吗?" : "切换任务顺序将删除所有工具的提交成果，是否继续此操作？"
 
+      _this
 
+        .$confirm("确定删除此任务吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          if (i == 0) {
 
+            _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+              i + 1
 
+            ].chapterData = JSON.parse(
 
+              JSON.stringify(
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[i]
 
+                  .chapterData
 
+              )
 
+            );
 
+          }
 
+          _this.$forceUpdate();
 
+          _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson.splice(i, 1);
 
+          _this.$message.success("删除成功");
 
+
 
+          // this.$nextTick(() => {
 
+          //   $('.stepsBottom2')[0].style.transition = 'unset'
 
+          //   setTimeout(() => {
 
+          //     let stepsBottom2 = $(".stepsBottom2")[0].clientHeight
 
+          //     let client = $(".basic_box2")[0].clientHeight - stepsBottom2 - 100
 
+          //     let top = $('.stepsBottom2')[0].offsetTop - 20
 
+          //     if (top > client) {
 
+          //       $('.stepsBottom2')[0].style.top = client + 'px'
 
+          //     }
 
+          //     $('.stepsBottom2')[0].style.transition = 'all .5s'
 
+          //     this.$forceUpdate()
 
+          //   }, 500)
 
+          // })
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    handlePictureCardPreview(file) {
 
+      this.dialogImageUrl = file.url;
 
+    },
 
+    clean(i, c) {
 
+      this.unitJson[this.unitIndex].chapterInfo[i].fileList1.splice(c, 1);
 
+    },
 
+    handle_remove1(file, fileList, type) {
 
+      var _tmp = this.cover;
 
+      // for (var i = 0, len = _tmp.length; i < len; i++) {
 
+      //   if (_tmp[i].uid == file.uid) {
 
+      //     _tmp.splice(i, 1);
 
+      //     break;
 
+      //   }
 
+      //   this.cover = _tmp;
 
+      // }
 
+      this.cover = [];
 
+      this.noneBtnImg = this.cover.length >= 1;
 
+      this.isSysPic = false;
 
+      this.isSysPic2 = false;
 
+      this.$forceUpdate();
 
+    },
 
+    addImg(e) {
 
+      var el = e.currentTarget;
 
+      el.getElementsByTagName("input")[0].click();
 
+      e.target.value = "";
 
+    },
 
+    handleDrop(event) {
 
+      event.preventDefault(); // 阻止默认的浏览器下载行为
 
+      const files = event.dataTransfer.files;
 
+      if (files.length) {
 
+        this.beforeUpload2({target:{files}}, this.unitIndex, 13, 0);
 
+      }
 
+    },
 
+    addChaptersTools(i) {
 
+      this.chapTools = [
 
+        {
 
+          tools: [],
 
+          toolDetail: "",
 
+        },
 
+      ];
 
+      this.chapCount = i;
 
+      this.dialogVisible4 = true;
 
+    },
 
+    isNoFinsh() {
 
+      this.$message.warning("功能正在开发中");
 
+    },
 
+    addAttText(i) {
 
+      this.AttText = {
 
+        title: "",
 
+        text: "",
 
+      };
 
+      this.taskCount = i;
 
+      this.AttTextType = 0;
 
+      this.$forceUpdate();
 
+      this.dialogVisible6 = true;
 
+      setTimeout(() => {
 
+        this.$refs['fuInput'].focus();
 
+      }, 100);
 
+    },
 
+    openLine(i) {
 
+      this.line = "";
 
+      this.lineCount = i;
 
+      this.lineType = 0;
 
+      this.$forceUpdate();
 
+      this.dialogVisible7 = true;
 
+    },
 
+    pasteLine(i) {
 
+      navigator.clipboard
 
+        .readText()
 
+        .then((v) => {
 
+          console.log("获取剪贴板成功：", v);
 
+          const html = v;
 
+          const regex = /src="(.*?)"/g;
 
+          const match = regex.exec(html);
 
+          if (match && match[1]) {
 
+            console.log(match[1]);
 
+            this.$message.success("粘贴成功");
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              i
 
+            ].chapterData.push({
 
+              name: "链接",
 
+              title: "嵌入代码",
 
+              url: match[1],
 
+              type: 8,
 
+            });
 
+          } else {
 
+            // console.log("未找到包含 src 属性的 iframe");
 
+            this.$message.error("系统没有找到粘贴对象，请首先复制可用于粘贴的链接。");
 
+          }
 
+        })
 
+        .catch((v) => {
 
+          console.log("获取剪贴板失败: ", v);
 
+        });
 
+    },
 
+    openSource(i) {
 
+      this.lineCount = i;
 
+      this.sourceData = {};
 
+      this.dialogVisibleSource = true;
 
+      this.updateSourcePan = false;
 
+    },
 
+    addSource() {
 
+      if (!Object.keys(this.sourceData).length) {
 
+        this.$message.error("请选择要上传的资源");
 
+        return;
 
+      }
 
+      let keys = Object.keys(this.sourceData);
 
+      for (var i = 0; i < keys.length; i++) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          this.lineCount
 
+        ].chapterData.push({
 
+          name: "链接",
 
+          title: this.sourceData[keys[i]].name,
 
+          url: this.sourceData[keys[i]].url,
 
+          type: 14,
 
+          id: keys[i]
 
+        });
 
+      }
 
+      this.$forceUpdate();
 
+      this.dialogVisibleSource = false;
 
+    },
 
+    updateSource() {
 
+      if (!Object.keys(this.sourceData).length) {
 
+        this.$message.error("请选择要上传的资源");
 
+        return;
 
+      }
 
+      let keys = Object.keys(this.sourceData);
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].url = this.sourceData[keys[0]].url;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].title = this.sourceData[keys[0]].name;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].id = keys[0];
 
+      this.updateSourcePan = false;
 
+      this.$forceUpdate();
 
+      this.dialogVisibleSource = false;
 
+    },
 
+    deleteM(i, j) {
 
+      this.testJson.testJson[i].timuList.splice(j, 1);
 
+    },
 
+    beforeUploadTiMu(event, i) {
 
+      const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            loading.close();
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              if (_this.testJson.testJson[i].timuList) {
 
+                _this.testJson.testJson[i].timuList.push({
 
+                  src: data.Location,
 
+                });
 
+              } else {
 
+                _this.testJson.testJson[i].timuList = [];
 
+                _this.testJson.testJson[i].timuList.push({
 
+                  src: data.Location,
 
+                });
 
+              }
 
+              _this.imgChange3(i);
 
+              _this.$forceUpdate();
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUploadTi(event, i, j) {
 
+      const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            loading.close();
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.testJson.testJson[i].checkList[j] = {};
 
+              _this.testJson.testJson[i].checkList[j].src = data.Location;
 
+              _this.testJson.testJson[i].checkList[j].imgType = 1;
 
+              _this.imgChange2(i, j);
 
+              _this.$forceUpdate();
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUpload1(event, type) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.cover = [{
 
+                name: file.name,
 
+                url: data.Location,
 
+                uid: file.uid,
 
+              }];
 
+              _this.imgChange1(null, null, 1, null);
 
+              _this.choosePicVisible = false;
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    beforeUploadSelect(event, type) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            if (err) {
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              _this.selectJson.url = data.Location;
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    chooseSysPic(p) {
 
+      this.cover = []
 
+      setTimeout(() => {
 
+        this.cover[0] = {
 
+          name: "系统图片.png",
 
+          url: p,
 
+        };
 
+        this.imgChange1(null, null, 1, null);
 
+        this.$forceUpdate();
 
+      }, 0);
 
+      this.isSysPic = true;
 
+      this.isSysPic2 = false;
 
+      this.sysPicVisible = false;
 
+      this.$forceUpdate();
 
+    },
 
+    chooseSysPic2(p) {
 
+      this.cover = []
 
+      setTimeout(() => {
 
+        this.cover[0] = {
 
+          name: "网络图片.png",
 
+          url: p,
 
+        };
 
+        this.imgChange1(null, null, 1, null);
 
+        this.$forceUpdate();
 
+      }, 0);
 
+      this.isSysPic2 = true;
 
+      this.isSysPic = false;
 
+      this.sysPicVisible2 = false;
 
+      this.$forceUpdate();
 
+    },
 
+    beforeUpload(data) {
 
+      this.$refs.upload1.uploadFiles;
 
+      this.uploadLoading1 = true;
 
+      var file = data.file;
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+          })
 
+          .send(function (err, data) {
 
+            _this.uploadLoading1 = false;
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              //上传成功处理
 
+              _this.unitJson[_this.unitIndex].chapterInfo[0].fileList1.push({
 
+                name: file.name,
 
+                url: data.Location,
 
+                uid: file.uid,
 
+              });
 
+              _this.imgChange();
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    onExceed() {
 
+      this.$message.error("课程封面仅支持上传一张，请删除后再进行上传");
 
+    },
 
+    beforeUpload2(event, unitIndex, type, itemTaskIndex) {
 
+      let file = "";
 
+      let cfindex2 = 0;
 
+      for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
 
+
 
+        // const loading = this.openLoading();
 
+        file = event.target.files[cfindex];
 
+        let fileName = file.name
 
+        let fileUid = file.uid
 
+        var credentials = {
 
+          accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+          secretAccessKey: "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",
 
+        }; //秘钥形式的登录上传
 
+        window.AWS.config.update(credentials);
 
+        window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+        var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+        var _this = this;
 
+        if (type == 3) {
 
+          var b = [
 
+            "DOC",
 
+            "DOCX",
 
+            "DOCM",
 
+            "DOTM",
 
+            "DOTX",
 
+            "PPTX",
 
+            "PPSX",
 
+            "PPT",
 
+            "PPS",
 
+            "PPTM",
 
+            "POTM",
 
+            "PPAM",
 
+            "POTX",
 
+            "PPSM",
 
+            "XLSX",
 
+            "XLS",
 
+          ];
 
+          if (
 
+            b.indexOf(
 
+              fileName
 
+                .split(".")
 
+              [fileName.split(".").length - 1].toLocaleUpperCase()
 
+            ) != -1
 
+          ) {
 
+            if (file.size / 1024 / 1024 > 80) {
 
+              this.$message.error("上传文件大于80兆,请重新选择文件！");
 
+              this.inputShow = true;
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              // loading.close();
 
+              return;
 
+            }
 
+          } else if (
 
+            fileName
 
+              .split(".")
 
+            [fileName.split(".").length - 1].toLocaleUpperCase() != "PDF"
 
+          ) {
 
+            if (file.size / 1024 / 1024 > 80) {
 
+              this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
 
+              this.inputShow = true;
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              // loading.close();
 
+              return;
 
+            }
 
+          }
 
+        }
 
+        this.inputShow = false;
 
+        // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        //   itemTaskIndex
 
+        // ].progress = 0;
 
+        _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].proVisible = true;
 
+        _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].isFinishSize = 0;
 
+        _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].isAllSize = event.target.files.length;
 
+        // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        //   itemTaskIndex
 
+        // ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
 
+        _this.$forceUpdate();
 
+        if (file) {
 
+          var params = {
 
+            Key:
 
+            fileName.split(".")[0] +
 
+              new Date().getTime() +
 
+              "." +
 
+              fileName.split(".")[fileName.split(".").length - 1],
 
+            ContentType: file.type,
 
+            Body: file,
 
+            "Access-Control-Allow-Credentials": "*",
 
+            ACL: "public-read",
 
+          }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+          var options = {
 
+            partSize: 2048 * 1024 * 1024,
 
+            queueSize: 2,
 
+            leavePartsOnError: true,
 
+          };
 
+          bucket
 
+            .upload(params, options)
 
+            .on("httpUploadProgress", function (evt) {
 
+              //这里可以写进度条
 
+              // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+              // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              //   itemTaskIndex
 
+              // ].progress = parseInt((evt.loaded / evt.total) * 100);
 
+              // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              //   itemTaskIndex
 
+              // ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
 
+              // _this.$forceUpdate();
 
+            })
 
+            .send(function (err, data) {
 
+              // loading.close();
 
+              cfindex2++
 
+              // loading.close();
 
+              // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              //   itemTaskIndex
 
+              // ].progress = 100;
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].isFinishSize = cfindex2
 
+                // _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                //   itemTaskIndex
 
+                // ].isAllSize;
 
+              _this.$forceUpdate();
 
+              setTimeout(() => {
 
+                if (
 
+                  cfindex2 == event.target.files.length ||
 
+                  cfindex2 > event.target.files.length
 
+                ) {
 
+                  _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                    itemTaskIndex
 
+                  ].proVisible = false;
 
+                }
 
+                _this.$forceUpdate();
 
+              }, 1000);
 
+              _this.inputShow = true;
 
+              if (err) {
 
+                // var a = _this.$refs.upload1.uploadFiles;
 
+                // a.splice(a.length - 1, a.length);
 
+                _this.$message.error("上传失败");
 
+              } else {
 
+                if (type == 13) {
 
+                  let _type = 2;
 
+                  var imgA = [
 
+                    "png",
 
+                    "jpg",
 
+                    "jpeg",
 
+                    "bmp",
 
+                    "gif",
 
+                    "webp",
 
+                    "psd",
 
+                    "svg",
 
+                    "tiff",
 
+                  ];
 
+                  var fileA = [
 
+                    "PDF",
 
+                    "DOC",
 
+                    "DOCX",
 
+                    "DOCM",
 
+                    "DOTM",
 
+                    "DOTX",
 
+                    "PPTX",
 
+                    "PPSX",
 
+                    "PPT",
 
+                    "PPS",
 
+                    "PPTM",
 
+                    "POTM",
 
+                    "PPAM",
 
+                    "POTX",
 
+                    "PPSM",
 
+                    "XLSX",
 
+                    "XLS",
 
+                  ];
 
+                  var videoA = [
 
+                    "AVI",
 
+                    "NAVI",
 
+                    "MPEG",
 
+                    "ASF",
 
+                    "MOV",
 
+                    "WMV",
 
+                    "3GP",
 
+                    "RM",
 
+                    "RMVB",
 
+                    "FLV",
 
+                    "F4V",
 
+                    "H.264",
 
+                    "H.265",
 
+                    "REAL VIDEO",
 
+                    "MKV",
 
+                    "WebM",
 
+                    "HDDVD",
 
+                    "MP4",
 
+                    "MPG",
 
+                    "M4V",
 
+                    "MGV",
 
+                    "OGV",
 
+                    "QTM",
 
+                    "STR",
 
+                    "AMC",
 
+                    "DVX",
 
+                    "EVO",
 
+                    "DAT",
 
+                    "OGG",
 
+                    "OGM",
 
+                  ];
 
+                  if (
 
+                    fileA.indexOf(
 
+                      data.Location.split(".")[
 
+                        data.Location.split(".").length - 1
 
+                      ].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _type = 3;
 
+                  } else if (
 
+                    videoA.indexOf(
 
+                      data.Location.split(".")[
 
+                        data.Location.split(".").length - 1
 
+                      ].toLocaleUpperCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _type = 2;
 
+                  } else if (
 
+                    imgA.indexOf(
 
+                      data.Location.split(".")[
 
+                        data.Location.split(".").length - 1
 
+                      ].toLocaleLowerCase()
 
+                    ) != -1
 
+                  ) {
 
+                    _type = 13;
 
+                  } else {
 
+                    _type = 12;
 
+                  }
 
+                  _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                    itemTaskIndex
 
+                  ].chapterData.push({
 
+                    name: fileName,
 
+                    url: data.Location,
 
+                    uid: fileUid,
 
+                    type: _type,
 
+                  });
 
+                  _this.imgChange1(null, null, _type, itemTaskIndex);
 
+                } else if (type == 2 || type == 3 || type == 12) {
 
+                  _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                    itemTaskIndex
 
+                  ].chapterData.push({
 
+                    name: fileName,
 
+                    url: data.Location,
 
+                    uid: fileUid,
 
+                    type: type,
 
+                  });
 
+                  _this.imgChange1(null, null, type, itemTaskIndex);
 
+                } else if (type == 4) {
 
+                  _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                    itemTaskIndex
 
+                  ].fileList1.push({
 
+                    name: fileName,
 
+                    url: data.Location,
 
+                    uid: fileUid,
 
+                  });
 
+                  _this.imgChange1(null, null, type, itemTaskIndex);
 
+                } else if (type == 5) {
 
+                  _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                    itemTaskIndex
 
+                  ].homeworkList.push({
 
+                    name: fileName,
 
+                    url: data.Location,
 
+                    uid: fileUid,
 
+                  });
 
+                  _this.imgChange1(null, null, type, itemTaskIndex);
 
+                }
 
+                console.log(data.Location);
 
+              }
 
+            });
 
+        }
 
+      }
 
+    },
 
+    beforeUpload3(event, unitIndex, type, itemTaskIndex, string) {
 
+      // const loading = this.openLoading();
 
+      var file = event.target.files[0];
 
+      var credentials = {
 
+        accessKeyId: "AKIATLPEDU37QV5CHLMH",
 
+        secretAccessKey: "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",
 
+      }; //秘钥形式的登录上传
 
+      window.AWS.config.update(credentials);
 
+      window.AWS.config.region = "cn-northwest-1"; //设置区域
 
+
 
+      var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+      var _this = this;
 
+      if (type == 3) {
 
+        var b = [
 
+          "DOC",
 
+          "DOCX",
 
+          "DOCM",
 
+          "DOTM",
 
+          "DOTX",
 
+          "PPTX",
 
+          "PPSX",
 
+          "PPT",
 
+          "PPS",
 
+          "PPTM",
 
+          "POTM",
 
+          "PPAM",
 
+          "POTX",
 
+          "PPSM",
 
+        ];
 
+        if (
 
+          b.indexOf(
 
+            file.name
 
+              .split(".")
 
+            [file.name.split(".").length - 1].toLocaleUpperCase()
 
+          ) != -1
 
+        ) {
 
+          if (file.size / 1024 / 1024 > 80) {
 
+            this.$message.error("上传文件大于80兆,请重新选择文件！");
 
+            this.inputShow = true;
 
+            // var a = _this.$refs.upload1.uploadFiles;
 
+            // a.splice(a.length - 1, a.length);
 
+            // loading.close();
 
+            return;
 
+          }
 
+        } else if (
 
+          file.name
 
+            .split(".")
 
+          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
 
+        ) {
 
+          if (file.size / 1024 / 1024 > 80) {
 
+            this.$message.error("添加成上传文件大于80兆,请重新选择文件！");
 
+            this.inputShow = true;
 
+            // var a = _this.$refs.upload1.uploadFiles;
 
+            // a.splice(a.length - 1, a.length);
 
+            // loading.close();
 
+            return;
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = false;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].progress = 0;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].proVisible = true;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].isFinishSize = 0;
 
+      _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].isAllSize = (file.size / 1024 / 1024).toFixed(2);
 
+      _this.$forceUpdate();
 
+      if (file) {
 
+        var params = {
 
+          Key:
 
+            file.name.split(".")[0] +
 
+            new Date().getTime() +
 
+            "." +
 
+            file.name.split(".")[file.name.split(".").length - 1],
 
+          ContentType: file.type,
 
+          Body: file,
 
+          "Access-Control-Allow-Credentials": "*",
 
+          ACL: "public-read",
 
+        }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置
 
+        var options = {
 
+          partSize: 2048 * 1024 * 1024,
 
+          queueSize: 2,
 
+          leavePartsOnError: true,
 
+        };
 
+        bucket
 
+          .upload(params, options)
 
+          .on("httpUploadProgress", function (evt) {
 
+            //这里可以写进度条
 
+            // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].progress = parseInt((evt.loaded / evt.total) * 100);
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
 
+            _this.$forceUpdate();
 
+          })
 
+          .send(function (err, data) {
 
+            // loading.close();
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].progress = 100;
 
+            _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+              itemTaskIndex
 
+            ].isFinishSize =
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].isAllSize;
 
+            _this.$forceUpdate();
 
+            setTimeout(() => {
 
+              _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].proVisible = false;
 
+              _this.$forceUpdate();
 
+            }, 1000);
 
+            _this.inputShow = true;
 
+            if (err) {
 
+              // var a = _this.$refs.upload1.uploadFiles;
 
+              // a.splice(a.length - 1, a.length);
 
+              _this.$message.error("上传失败");
 
+            } else {
 
+              if (type == 2 || type == 3) {
 
+                _this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].chapterData.push({
 
+                  name: file.name,
 
+                  // name: string+''+(_this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  //   itemTaskIndex
 
+                  // ].chapterData.length+1),
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                  type: type,
 
+                  text: string,
 
+                  // text: string + '' + (_this.unitJson[unitIndex].chapterInfo[0].taskJson[
 
+                  //   itemTaskIndex
 
+                  // ].chapterData.length + 1),
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              } else if (type == 4) {
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].fileList1.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              } else if (type == 5) {
 
+                _this.unitJson[_this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].homeworkList.push({
 
+                  name: file.name,
 
+                  url: data.Location,
 
+                  uid: file.uid,
 
+                });
 
+                _this.imgChange1(null, null, type, itemTaskIndex);
 
+              }
 
+              console.log(data.Location);
 
+            }
 
+          });
 
+      }
 
+    },
 
+    addunit() {
 
+      this.unitJson.push({
 
+        dyName: "", //单元标题
 
+        isUpdate: 1,
 
+        easy: this.unitJson[this.unitJson.length - 1].easy ? 1 : 0,
 
+        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: [],
 
+          },
 
+        ],
 
+      });
 
+      this.addindex = this.unitJson.length - 1;
 
+
 
+      setTimeout(() => {
 
+        this.unitIndex = this.unitJson.length - 1;
 
+        this.unitSet(this.unitIndex);
 
+      }, 0);
 
+    },
 
+    addToolFun(itemTaskIndex) {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].toolChoose.push({
 
+        tool: [],
 
+        toolDetail: "",
 
+        toolType: 0,
 
+        askCount: 1,
 
+        askTitle: "",
 
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+      });
 
+    },
 
+    addTaskBorder() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson.push({
 
+        task: "",
 
+        taskDetail: "",
 
+        chapterData: [],
 
+        toolChoose: [
 
+          {
 
+            tool: [],
 
+            toolDetail: "",
 
+            toolType: 0,
 
+            askCount: 1,
 
+            askTitle: "",
 
+            askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+          },
 
+        ],
 
+        toolText: "",
 
+        isShowTools: false,
 
+        askCount: 1,
 
+        isFold: 1,
 
+        askTitle: "",
 
+        askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
 
+        checkJson: [{ checkCount: [], checkPerent: [] }],
 
+        homeworkList: [],
 
+      });
 
+    },
 
+    add(e, i) {
 
+      var el = e.currentTarget;
 
+      el.getElementsByTagName("input")[0].click();
 
+    },
 
+    fold(i, e, type) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold == 0) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 1;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold = 0;
 
+      }
 
+      console.log(e);
 
+    },
 
+    fold2(i) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = false;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFold2 = true;
 
+      }
 
+      setTimeout(() => {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail += '*0*%*'
 
+        setTimeout(() => {
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].taskDetail.replaceAll('*0*%*', '')
 
+        }, 0);
 
+      }, 0);
 
+      this.$forceUpdate();
 
+    },
 
+    foldC(i) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter = false;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].isFoldchapter = true;
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    fold3(i, ti) {
 
+      if (this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3) {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3 = false;
 
+      } else {
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[i].toolChoose[ti].isFold3 = true;
 
+      }
 
+      this.$forceUpdate();
 
+    },
 
+    deleteHomeworkBox(unitIndex, index, i) {
 
+      this.unitJson[unitIndex].chapterInfo[index].taskJson[
 
+        this.taskCount
 
+      ].homeworkList.splice(i, 1);
 
+    },
 
+    getStudent() {
 
+      let params = {
 
+        oid: this.oid,
 
+        cu: "",
 
+        cn: this.searchPeople,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectStudentAdd", params)
 
+        .then((res) => {
 
+          this.studentJuri = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          this.isLoading = false;
 
+          console.error(err);
 
+        });
 
+    },
 
+    getTeacher() {
 
+      let params = {
 
+        oid:
 
+          this.org && this.org != "undefined" && this.org != "null"
 
+            ? this.org
 
+            : this.oid,
 
+        cu: "",
 
+        cn: this.searchTN,
 
+      };
 
+      this.ajax
 
+        .get(
 
+          this.$store.state.api +
 
+          (this.org && this.org != "undefined" && this.org != "null"
 
+            ? "selectTeacherAddOrg"
 
+            : "selectTeacherAdd"),
 
+          params
 
+        )
 
+        .then((res) => {
 
+          let teacherJuri = res.data[0];
 
+          for (var i = 0; i < teacherJuri.length; i++) {
 
+            if (teacherJuri[i].userid == this.userid) {
 
+              teacherJuri.splice(i, 1);
 
+              break;
 
+            }
 
+          }
 
+          this.teacherJuri = teacherJuri;
 
+        })
 
+        .catch((err) => {
 
+          console.error(err);
 
+        });
 
+    },
 
+    searchStudent() {
 
+      this.getStudent();
 
+    },
 
+    selectGrage() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectGrageBySchool", params)
 
+        .then((res) => {
 
+          this.gradeList = res.data[0];
 
+        })
 
+        .catch((err) => {
 
+          this.isLoading = false;
 
+          console.error(err);
 
+        });
 
+    },
 
+    //获取班级列表
 
+    getClass() {
 
+      let params = {
 
+        oid: this.oid,
 
+        gid: this.gradeId,
 
+        cn: this.classSearch,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "selectClassBySchoolSearch2", params)
 
+        .then((res) => {
 
+          if (!this.grade.length) {
 
+            this.grade = res.data[0];
 
+          }
 
+          this.grade2 = res.data[0];
 
+          this.classJuri = res.data[0];
 
+          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;
 
+        })
 
+        .catch((err) => {
 
+          this.isLoading = false;
 
+          console.error(err);
 
+        });
 
+    },
 
+    CourseType2Change(val) {
 
+      this.pTypeCheck = [];
 
+      for (var i = 0; i < this.CourseType2.length; i++) {
 
+        let typeA = this.CourseType2[i];
 
+        if (val.indexOf(typeA.name) != -1) {
 
+          this.pTypeCheck.push(...typeA.id);
 
+        }
 
+      }
 
+    },
 
+    getChapterData(e, i, j, ic, type) {
 
+      e.stopPropagation();
 
+      this.updataC = true;
 
+      this.icc = ic;
 
+      if ((type == 2 || type == 3) && e.target.tagName !== "INPUT") {
 
+        console.log("还不能下载图片喔");
 
+      }
 
+    },
 
+    deleteChapterData(e, i, j, ic, taskI) {
 
+      e.stopPropagation();
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定删除此项?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitJson[i].chapterInfo[j].taskJson[taskI].chapterData.splice(ic, 1);
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    updataVideoT(e, i, j, ic) {
 
+      // e.stopPropagation();
 
+      // this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[
 
+      //   ic
 
+      //   ].name = JSON.parse(JSON.stringify(e.target.value));
 
+      this.line = this.unitJson[i].chapterInfo[0].taskJson[0].chapterData[
 
+        ic
 
+      ].name;
 
+      this.taskCount = j;
 
+      this.lineCount = ic;
 
+      this.dialogVisibleupdataVideoT = true;
 
+      this.$forceUpdate();
 
+    },
 
+    updataVideoC() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].chapterData[this.lineCount].name = JSON.parse(JSON.stringify(this.line));
 
+      this.dialogVisibleupdataVideoT = false;
 
+      this.$forceUpdate();
 
+    },
 
+    upCd(e, i, j, taskCount, ic) {
 
+      e.stopPropagation();
 
+      if (ic == 0) {
 
+        return;
 
+      }
 
+      var a =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic - 1] =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
 
+      this.$forceUpdate();
 
+    },
 
+    downCd(e, i, j, taskCount, ic) {
 
+      e.stopPropagation();
 
+      if (
 
+        ic ==
 
+        this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData.length -
 
+        1
 
+      ) {
 
+        return;
 
+      }
 
+      var a =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic + 1] =
 
+        JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic]));
 
+      this.unitJson[i].chapterInfo[0].taskJson[taskCount].chapterData[ic] = a;
 
+      this.$forceUpdate();
 
+    },
 
+    async upTool(e, i, j, tooli){
 
+      e.stopPropagation();
 
+      if (tooli == 0) {
 
+        return;
 
+      }
 
+      let count1 = await this.getWorksCount(3, i, j, tooli - 1)
 
+      let count2 = await this.getWorksCount(3, i, j, tooli)
 
+      if(count1 > 0 || count2 > 0){
 
+        this.$confirm(
 
+          "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
 
+          "提示",
 
+          {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          }
 
+        )
 
+          .then(() => {
 
+            var a =
 
+            JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
 
+              JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
 
+            this.$forceUpdate()
 
+          })
 
+          .catch(() => {
 
+            return;
 
+          });
 
+        }else{
 
+          var a =
 
+            JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli - 1] =
 
+              JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
 
+            this.$forceUpdate()
 
+        }
 
+    },
 
+    async downTool(e, i, j, tooli){
 
+      e.stopPropagation();
 
+      if ( tooli ==
 
+        this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length -
 
+        1) {
 
+        return;
 
+      }
 
+      let count1 = await this.getWorksCount(3, i, j, tooli + 1)
 
+      let count2 = await this.getWorksCount(3, i, j, tooli)
 
+      if(count1 > 0 || count2 > 0){
 
+        this.$confirm(
 
+          "切换工具顺序将删除此工具的提交成果，是否继续此操作?",
 
+          "提示",
 
+          {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          }
 
+        )
 
+          .then(() => {
 
+            var a =
 
+            JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
 
+              JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
 
+            this.$forceUpdate()
 
+          })
 
+          .catch(() => {
 
+            return;
 
+          });
 
+        }else{
 
+          var a =
 
+            JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli + 1] =
 
+              JSON.parse(JSON.stringify(this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli]));
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[tooli] = a;
 
+            this.$forceUpdate()
 
+        }
 
+    },
 
+    addWork() {
 
+      let cPan = 1;
 
+      for (var i = 0; i < this.unitJson.length; i++) {
 
+        for (
 
+          var j = 0;
 
+          j < this.unitJson[i].chapterInfo[0].taskJson.length;
 
+          j++
 
+        ) {
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
 
+
 
+          if (
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
 
+          ) {
 
+            for (
 
+              var z = 0;
 
+              z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
 
+              z++
 
+            ) {
 
+              if (
 
+                !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
 
+                  .length
 
+              ) {
 
+                this.$message.error("请把工具添加完整");
 
+                cPan = 2;
 
+                break;
 
+              }
 
+            }
 
+          }
 
+
 
+          if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
 
+              i
 
+            ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
 
+              return ele.value != "";
 
+            });
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = true;
 
+
 
+      if (cPan == 2) {
 
+        return;
 
+      }
 
+      for (var i = 0; i < this.unitJson.length; i++) {
 
+        delete this.unitJson[i].isUpdate;
 
+      }
 
+      let params = [
 
+        {
 
+          uid: this.userid,
 
+          title: this.courseName,
 
+          brief: this.courseText,
 
+          cover:
 
+            this.cover.length > 0
 
+              ? JSON.stringify(this.cover)
 
+              : JSON.stringify([
 
+                {
 
+                  name: "noBanner.jpg",
 
+                  url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
 
+                  uid: 1656409780264,
 
+                  status: "success",
 
+                },
 
+              ]),
 
+          evaId: this.evalua,
 
+          astudent:
 
+            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
 
+          see: this.isTeacherSee == true ? 1 : 0,
 
+          chapters: JSON.stringify(this.unitJson),
 
+          template: this.cTemplate != "undefined" ? this.cTemplate : "",
 
+          courseType: JSON.stringify(this.courseTypeId),
 
+          ateacher:
 
+            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
 
+          inviteCode: JSON.stringify(this.inviteCode),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "addWorkNew2T", params)
 
+        .then((res) => {
 
+          console.log(this.steps);
 
+          // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
 
+          this.$message({
 
+            message: "新增成功",
 
+            type: "success",
 
+          });
 
+          // }
 
+          this.number = res.data.ordernumber;
 
+          this.courseId = res.data.courseId;
 
+          this.cid = res.data.courseId;
 
+          this.courseUserid = this.userid;
 
+          this.islogin = true;
 
+          this.steps = 4;
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    goCourse() {
 
+      top.postMessage({ cid: this.courseId, type: "1" }, "*");
 
+    },
 
+    updateWork2() {
 
+      let _unitIndex = this.unitIndex;
 
+      let cPan = 1;
 
+      for (
 
+        var j = 0;
 
+        j < this.unitJson[_unitIndex].chapterInfo[0].taskJson.length;
 
+        j++
 
+      ) {
 
+        this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].proVisible = false;
 
+        this.unitJson[_unitIndex].chapterInfo[0].taskJson[
 
+          j
 
+        ].proVisible2 = false;
 
+        if (this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList) {
 
+          this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList =
 
+            this.unitJson[_unitIndex].chapterInfo[0].taskJson[j].eList.filter(
 
+              (ele) => {
 
+                return ele.value != "";
 
+              }
 
+            );
 
+        }
 
+      }
 
+      this.inputShow = true;
 
+      if (cPan == 2) {
 
+        return;
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.cid,
 
+          chapters: JSON.stringify(this.unitJson),
 
+          uid: this.userid,
 
+          unitIndex: _unitIndex,
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateWorkNew4", params)
 
+        .then((res) => {
 
+          this.$message({
 
+            message: "修改成功",
 
+            type: "success",
 
+          });
 
+          this.courseId = this.cid;
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    updateWork() {
 
+      let cPan = 1;
 
+      for (var i = 0; i < this.unitJson.length; i++) {
 
+        for (
 
+          var j = 0;
 
+          j < this.unitJson[i].chapterInfo[0].taskJson.length;
 
+          j++
 
+        ) {
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible = false;
 
+          this.unitJson[i].chapterInfo[0].taskJson[j].proVisible2 = false;
 
+
 
+          if (
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length > 1
 
+          ) {
 
+            for (
 
+              var z = 0;
 
+              z < this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose.length;
 
+              z++
 
+            ) {
 
+              if (
 
+                !this.unitJson[i].chapterInfo[0].taskJson[j].toolChoose[z].tool
 
+                  .length
 
+              ) {
 
+                this.$message.error("请把工具添加完整");
 
+                cPan = 2;
 
+                break;
 
+              }
 
+            }
 
+          }
 
+
 
+          if (this.unitJson[i].chapterInfo[0].taskJson[j].eList) {
 
+            this.unitJson[i].chapterInfo[0].taskJson[j].eList = this.unitJson[
 
+              i
 
+            ].chapterInfo[0].taskJson[j].eList.filter((ele) => {
 
+              return ele.value != "";
 
+            });
 
+          }
 
+        }
 
+      }
 
+      this.inputShow = true;
 
+      if (cPan == 2) {
 
+        return;
 
+      }
 
+      for (var i = 0; i < this.unitJson.length; i++) {
 
+        delete this.unitJson[i].isUpdate;
 
+      }
 
+      let params = [
 
+        {
 
+          cid: this.cid,
 
+          title: this.courseName,
 
+          brief: this.courseText,
 
+          cover:
 
+            this.cover.length > 0
 
+              ? JSON.stringify(this.cover)
 
+              : JSON.stringify([
 
+                {
 
+                  name: "noBanner.jpg",
 
+                  url: "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/wu1676621845022.png",
 
+                  uid: 1656409780264,
 
+                  status: "success",
 
+                },
 
+              ]),
 
+          evaId: this.evalua,
 
+          astudent:
 
+            this.checkboxList2.length > 0 ? this.checkboxList2.join(",") : "",
 
+          see: this.isTeacherSee == true ? 1 : 0,
 
+          chapters: JSON.stringify(this.unitJson),
 
+          template: this.myWord != "undefined" ? this.myWord : [],
 
+          uid: this.userid,
 
+          courseType: JSON.stringify(this.courseTypeId),
 
+          ateacher:
 
+            this.checkboxList3.length > 0 ? this.checkboxList3.join(",") : "",
 
+          inviteCode: JSON.stringify(this.inviteCode),
 
+        },
 
+      ];
 
+      this.ajax
 
+        .post(this.$store.state.api + "updateWorkNew2", params)
 
+        .then((res) => {
 
+          // if (this.steps != 1 && this.steps != 2 && this.steps != 3) {
 
+          if (this.cidType == 1) {
 
+            this.$message({
 
+              message: "修改成功",
 
+              type: "success",
 
+            });
 
+          } else {
 
+            this.$message({
 
+              message: "新增成功",
 
+              type: "success",
 
+            });
 
+          }
 
+          // }
 
+          this.number = this.nbOrder;
 
+          this.courseId = this.cid;
 
+          this.steps = 4;
 
+        })
 
+        .catch((err) => {
 
+          this.$message.error("网络不佳");
 
+          console.error(err);
 
+        });
 
+    },
 
+    guid() {
 
+      var _num,
 
+        i,
 
+        _guid = "";
 
+      for (i = 0; i < 32; i++) {
 
+        _guid += Math.floor(Math.random() * 16).toString(16); //随机0  - 16 的数字 转变为16进制的字符串
 
+        _num = Math.floor((i - 7) / 4); //计算 (i-7)除4
 
+        if (_num > -1 && _num < 4 && i == 7 + 4 * _num) {
 
+          //会使guid中间加 "-"   形式为xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
 
+          _guid += "-";
 
+        }
 
+      }
 
+      return _guid;
 
+    },
 
+    insertWord() {
 
+      this.dialogVisible1 = true;
 
+      this.updateBoolean2 = false;
 
+      this.tTitle = "";
 
+      this.tdetail = "";
 
+    },
 
+    addWord() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].fileList1.push({
 
+        name: this.tTitle,
 
+        content: this.tdetail,
 
+        uid: this.guid(),
 
+      });
 
+      this.dialogVisible1 = false;
 
+    },
 
+    upWord() { },
 
+    selectWord(uid, i, c) {
 
+      this.dialogVisible1 = true;
 
+      this.updateBoolean2 = true;
 
+      if (
 
+        uid == this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].uid
 
+      ) {
 
+        this.tTitle =
 
+          this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].name;
 
+        this.tdetail =
 
+          this.unitJson[this.unitIndex].chapterInfo[i].fileList1[c].content;
 
+      }
 
+    },
 
+    isAddPP() {
 
+      if (this.checkboxList.length > 0) {
 
+        this.$message({
 
+          message: "添加成功",
 
+          type: "success",
 
+        });
 
+        this.dialogVisible3 = false;
 
+      } else {
 
+        this.$message({
 
+          message: "请添加课程成员",
 
+          type: "error",
 
+        });
 
+      }
 
+    },
 
+    isAddClass() {
 
+      this.dialogVisibleClass = false;
 
+    },
 
+    isAddPPTeacher() {
 
+      this.dialogVisibleMember = false;
 
+      this.setMan();
 
+    },
 
+    getTemplate() {
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseTemplateT", "")
 
+        .then((res) => {
 
+          this.templateArray = res.data[0];
 
+          this.getTemplateOid();
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => { });
 
+    },
 
+    getTemplateOid() {
 
+      let params = {
 
+        oid: this.oid,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
 
+        .then((res) => {
 
+          if (res.data[0].length) {
 
+            this.templateArray = [...res.data[0], ...this.templateArray];
 
+          }
 
+          this.getTemplateOrg();
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => { });
 
+    },
 
+    getTemplateOrg() {
 
+      let params = {
 
+        oid: this.org,
 
+      };
 
+      this.ajax
 
+        .get(this.$store.state.api + "getCourseTemplateTByOid", params)
 
+        .then((res) => {
 
+          if (res.data[0].length) {
 
+            this.templateArray = [...res.data[0], ...this.templateArray];
 
+          }
 
+          this.$forceUpdate();
 
+        })
 
+        .catch((err) => { });
 
+    },
 
+    clearChoose() {
 
+      this.clearArray.splice(this.templateC.id, 1);
 
+      this.dialogVisible2 = false;
 
+    },
 
+    clearAttText() {
 
+      this.AttText = {
 
+        title: "",
 
+        text: "",
 
+      };
 
+      this.dialogVisible6 = false;
 
+    },
 
+    clearLine() {
 
+      this.line = "";
 
+      this.dialogVisible7 = false;
 
+    },
 
+    checkTemplate(res) {
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择此模板吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitJson = JSON.parse(res.chapters);
 
+          _this.steps++;
 
+          setTimeout(() => {
 
+            this.checkEva(this.checkId);
 
+          }, 1000);
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    checkTemplate1(w) {
 
+      this.steps++;
 
+    },
 
+    checkTemplate2() {
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择空模板吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitIndex = 0;
 
+          _this.unitJson = [
 
+            {
 
+              dyName: "", //单元标题
 
+              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: [],
 
+                },
 
+              ],
 
+            },
 
+          ];
 
+          this.steps++;
 
+          this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    checkTemplate3() {
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择简易模式吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitIndex = 0;
 
+          _this.unitJson = [
 
+            {
 
+              dyName: "", //单元标题
 
+              easy: 1,
 
+              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: [],
 
+                },
 
+              ],
 
+            },
 
+          ];
 
+          this.steps++;
 
+          this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    checkTemplate4() {
 
+      let _this = this;
 
+      _this
 
+        .$confirm("确定选择未来小学课程设计吗?", "提示", {
 
+          confirmButtonText: "确定",
 
+          cancelButtonText: "取消",
 
+          type: "warning",
 
+        })
 
+        .then(() => {
 
+          _this.unitIndex = 0;
 
+          _this.unitJson = JSON.parse(JSON.stringify(weilaiData));
 
+          this.steps++;
 
+          this.updateWork();
 
+        })
 
+        .catch(() => {
 
+          return;
 
+        });
 
+    },
 
+    wordNext() {
 
+      this.dialogVisible2 = false;
 
+    },
 
+    isAddOrUpdateAttText() {
 
+      if (this.AttTextType == 0) {
 
+        this.addAttTextMessage();
 
+      } else {
 
+        this.updateAttText();
 
+      }
 
+    },
 
+    isAddOrUpdateLine() {
 
+      if (!this.lineTitle) {
 
+        this.$message.error("请填写链接标题");
 
+        return;
 
+      }
 
+      if (this.lineType == 0) {
 
+        this.addLine();
 
+      } else {
 
+        this.updateLine();
 
+      }
 
+    },
 
+    addAttTextMessage() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData.push({
 
+        name: this.AttText.title,
 
+        url: this.AttText.text,
 
+        type: 6,
 
+      });
 
+      this.imgChange1(null, null, 6, this.taskCount);
 
+      this.dialogVisible6 = false;
 
+    },
 
+    selectAttText(itemTaskIndex, i) {
 
+      this.AttText.title =
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].chapterData[i].name;
 
+      this.AttText.text =
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].chapterData[i].url;
 
+      this.taskCount = itemTaskIndex;
 
+      this.AttTextIndex = i;
 
+      this.AttTextType = 1;
 
+      this.dialogVisible6 = true;
 
+    },
 
+    updateAttText() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.AttTextIndex].name = this.AttText.title;
 
+
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.AttTextIndex].url = this.AttText.text;
 
+      this.dialogVisible6 = false;
 
+    },
 
+    addLine() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.lineCount
 
+      ].chapterData.push({
 
+        name: "链接",
 
+        title: this.lineTitle,
 
+        url: this.line,
 
+        type: 8,
 
+      });
 
+      this.imgChange1(null, null, 8, this.lineCount);
 
+      this.dialogVisible7 = false;
 
+    },
 
+    selectLine(itemTaskIndex, i) {
 
+      this.line =
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].chapterData[i].url;
 
+      this.lineTitle = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        itemTaskIndex
 
+      ].chapterData[i].title
 
+        ? this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+          .chapterData[i].title
 
+        : "";
 
+      this.taskCount = itemTaskIndex;
 
+      this.lineCount = i;
 
+      this.lineType = 1;
 
+      this.dialogVisible7 = true;
 
+    },
 
+    openUpdateSource(itemTaskIndex, i) {
 
+      this.sourceData = {}
 
+      let source = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex].chapterData[i]
 
+      this.sourceData[source.id] = {}
 
+      this.sourceData[source.id].name = source.title
 
+      this.sourceData[source.id].url = source.url
 
+      this.dialogVisibleSource = true;
 
+      this.updateSourcePan = true;
 
+      this.taskCount = itemTaskIndex;
 
+      this.lineCount = i;
 
+    },
 
+    updateLine() {
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].url = this.line;
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        this.taskCount
 
+      ].chapterData[this.lineCount].title = this.lineTitle;
 
+      this.dialogVisible7 = false;
 
+    },
 
+    addPP() {
 
+      this.dialogVisible3 = true;
 
+    },
 
+    goTo(path) {
 
+      this.$router.push(path);
 
+    },
 
+    openTools(itemTaskIndex, i, toolIndex) {
 
+      this.toolIndex = toolIndex;
 
+      this.taskCount = itemTaskIndex;
 
+      if (i == 4) {
 
+        if (toolIndex == null) {
 
+          var a =
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+              .chapterData;
 
+          for (var i = 0; i < a.length; i++) {
 
+            if (a[i].url == 4 && a[i].askJson.askTitle != "") {
 
+              this.askJson =
 
+                this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                  itemTaskIndex
 
+                ].chapterData[i].askJson;
 
+            }
 
+          }
 
+        } else {
 
+          this.askJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex]
 
+            )
 
+          );
 
+        }
 
+        this.askJson2 = JSON.parse(JSON.stringify(this.askJson))
 
+        this.dialogVisible5 = true;
 
+      } else if (i == 45) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].testJson
 
+        ) {
 
+          this.testJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].testJson
 
+            )
 
+          );
 
+        } else {
 
+          var testJson = {
 
+            testCount: 1,
 
+            testTitle: "",
 
+            testJson: [
 
+              {
 
+                teststitle: "",
 
+                testItem: 1,
 
+                checkList: [],
 
+                timuList: [],
 
+                answer: [],
 
+                type: "1",
 
+              },
 
+            ],
 
+          };
 
+          this.testJson = testJson;
 
+        }
 
+        this.testJson2 = JSON.parse(JSON.stringify(this.testJson));
 
+        this.dialogVisibleChoice = true;
 
+      } else if (i == 47) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].sentenceList
 
+        ) {
 
+          this.sentenceList = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].sentenceList
 
+            )
 
+          );
 
+        } else {
 
+          var sentenceList = [
 
+            { sentenceTitle: "", addSentence: [], rightAnswer: [] },
 
+          ];
 
+          this.sentenceList = sentenceList;
 
+        }
 
+        this.sentenceList2 = JSON.parse(JSON.stringify(this.sentenceList));
 
+        this.dialogVisibleSentence = true;
 
+      } else if (i == 48) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].tableJson
 
+        ) {
 
+          this.tableJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].tableJson
 
+            )
 
+          );
 
+        } else {
 
+          var tableJson = { text: "" };
 
+          this.tableJson = tableJson;
 
+        }
 
+        this.dialogVisibleTable = true;
 
+      } else if (i == 52) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].wordJson
 
+        ) {
 
+          this.wordJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].wordJson
 
+            )
 
+          );
 
+        } else {
 
+          var wordJson = { text: "" };
 
+          this.wordJson = wordJson;
 
+        }
 
+        this.dialogVisibleWord = true;
 
+        //   else if (i == 50) {
 
+        //   if (
 
+        //     this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+        //       .toolChoose[toolIndex].uploadJson
 
+        //   ) {
 
+        //     this.uploadJson = JSON.parse(
 
+        //       JSON.stringify(
 
+        //         this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+        //           itemTaskIndex
 
+        //         ].toolChoose[toolIndex].uploadJson
 
+        //       )
 
+        //     );
 
+        //   } else {
 
+        //     var uploadJson = [];
 
+        //     this.uploadJson = uploadJson;
 
+        //   }
 
+        //   this.dialogVisibleMoreUpload = true;
 
+        // }
 
+      } else if (i == 10) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].preTime
 
+        ) {
 
+          this.preTime = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].preTime
 
+            )
 
+          );
 
+        } else {
 
+          var preTime = 0;
 
+          this.preTime = preTime;
 
+        }
 
+        this.dialogVisiblePreTime = true;
 
+      } else if (i == 49) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].groupJson
 
+        ) {
 
+          this.groupJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].groupJson
 
+            )
 
+          );
 
+        } else {
 
+          var groupJson = {
 
+            group: [{ name: "第1组" }],
 
+            number: undefined,
 
+            islock: 1,
 
+          };
 
+          this.groupJson = groupJson;
 
+        }
 
+        this.dialogVisibleGroup = true;
 
+      } else if (i == 62) {
 
+        if (
 
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].videoJson
 
+        ) {
 
+          this.videoJson = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].videoJson
 
+            )
 
+          );
 
+        } else {
 
+          var videoJson = {
 
+            video: "",
 
+            setting: [],
 
+          };
 
+          this.videoJson = videoJson;
 
+        }
 
+        this.dialogVisibleVideo = true;
 
+      } else if (i == 15) {
 
+        this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].answerQ
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].answerQ
 
+            )
 
+          )
 
+          : "";
 
+        this.answerQ2 = JSON.parse(JSON.stringify(this.answerQ))
 
+        this.dialogVisible8 = true;
 
+      } else if (i == 40) {
 
+        this.rateJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].rateJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].rateJson
 
+            )
 
+          )
 
+          : [{ detail: "", score: 5, value: "" }]; //{detail:"",score:5,value:""}
 
+        this.selectSteps = 1;
 
+        this.dialogVisibleRate = true;
 
+      } else if (i == 42) {
 
+        this.answerQ = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].answerQ
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].answerQ
 
+            )
 
+          )
 
+          : "";
 
+        this.dialogVisibleMp3 = true;
 
+      } else if (i == 41) {
 
+        this.selectJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].selectJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].selectJson
 
+            )
 
+          )
 
+          : { url: "", select: [], answer: [] };
 
+        this.selectSteps = 1;
 
+        this.selectJson2 = JSON.parse(JSON.stringify(this.selectJson))
 
+        this.dialogVisibleSelect = true;
 
+      } else if (i == 3) {
 
+        if (!this.cid) {
 
+          this.$message.error(
 
+            "极简模式添加时不能添加模板，请添加课程后再修改添加模板"
 
+          );
 
+          return;
 
+        }
 
+        top.postMessage(
 
+          {
 
+            tools: "3y",
 
+            cid: this.cid,
 
+            stage: this.unitIndex,
 
+            task: itemTaskIndex,
 
+            tool: toolIndex,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (i == 1) {
 
+        if (!this.cid) {
 
+          this.$message.error(
 
+            "极简模式添加时不能添加模板，请添加课程后再修改添加模板"
 
+          );
 
+          return;
 
+        }
 
+        top.postMessage(
 
+          {
 
+            tools: "1y",
 
+            cid: this.cid,
 
+            stage: this.unitIndex,
 
+            task: itemTaskIndex,
 
+            tool: toolIndex,
 
+          },
 
+          "*"
 
+        );
 
+      } else if (i == 57) {
 
+        if (!this.cid) {
 
+          this.$message.error(
 
+            "极简模式添加时不能添加模板，请添加课程后再修改添加模板"
 
+          );
 
+          return;
 
+        }
 
+        top.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;
 
+      }else if(i == 70){
 
+        this.englishVoiceJson = {};
 
+        this.englishVoiceJson = this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+          itemTaskIndex
 
+        ].toolChoose[toolIndex].englishVoiceJson
 
+          ? JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+                itemTaskIndex
 
+              ].toolChoose[toolIndex].englishVoiceJson
 
+            )
 
+          )
 
+          : { 
+            title:'',
 
+            detail:'',
 
+            array:[]
 
+           };
 
+        this.$forceUpdate();
 
+        this.EnglishVoiceDialog = true;
 
+      }
 
+    },
 
+    setEnglishVoiceJson(val){
 
+      this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount].toolChoose[this.toolIndex].englishVoiceJson = JSON.parse(JSON.stringify(val))
 
+      this.$forceUpdate();
 
+      if (
 
+        this.unitJson[this.unitIndex].chapterInfo[0].taskJson[this.taskCount]
 
+          .toolChoose[this.toolIndex].tool != 70
 
+      ) {
 
+        this.addTools(70, this.taskCount, this.toolIndex);
 
+      }
 
+    },
 
+    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 == 70){
 
+        if (
 
+          !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
 
+            .toolChoose[toolIndex].englishVoiceJson
 
+        ) {
 
+          this.openTools(itemTaskIndex, 70, 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)
 
+      this.$forceUpdate();
 
+    },
 
+    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++) {
 
+              let 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(stageJson) {
 
+      let stageData = [];
 
+      if(stageJson){
 
+        stageData = stageJson
 
+      }else{
 
+        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;
 
+        }
 
+        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;
 
+      if(stageJson){
 
+        _this.unitIndex = 0;
 
+        _this.unitJson = stage;
 
+        _this.updateWork();
 
+      }else{
 
+        _this
 
+          .$confirm("确定选择智能粘贴模式吗?", "提示", {
 
+            confirmButtonText: "确定",
 
+            cancelButtonText: "取消",
 
+            type: "warning",
 
+          })
 
+          .then(() => {
 
+            _this.unitIndex = 0;
 
+            _this.unitJson = stage;
 
+            _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) {
 
+        if(this.oid == '4c686762-1d0a-11ed-8c78-005056b86db5'){
 
+          this.isTeacherSee = true;
 
+        }
 
+        console.log("这是新增课程");
 
+        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 + 1].offsetTop +
 
+          document.querySelectorAll(".taskBorder")[i + 1].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]
 
+            )
 
+          );
 
+          let b = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index]
 
+            )
 
+          );
 
+          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;
 
+          if (index - 1 == 0) {
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index - 1
 
+            ].chapterData = a.chapterData;
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index
 
+            ].chapterData = b.chapterData;
 
+          }
 
+        }
 
+      } 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]
 
+            )
 
+          );
 
+          let b = JSON.parse(
 
+            JSON.stringify(
 
+              this.unitJson[this.unitIndex].chapterInfo[0].taskJson[index]
 
+            )
 
+          );
 
+          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;
 
+
 
+          if (index == 0) {
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index + 1
 
+            ].chapterData = a.chapterData;
 
+            this.unitJson[this.unitIndex].chapterInfo[0].taskJson[
 
+              index
 
+            ].chapterData = b.chapterData;
 
+          }
 
+        }
 
+      }
 
+      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.newIndex = "";
 
+      this.typeIndex = "";
 
+      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.typeIndex = "";
 
+        this.newIndex = "";
 
+        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];
 
+            let chapterData = []
 
+            if (this.oldIndex == 0) {
 
+              chapterData = newItems[this.oldIndex].chapterData
 
+              newItems[this.oldIndex].chapterData = []
 
+            }else if(this.newIndex == 0){
 
+              chapterData = newItems[this.newIndex].chapterData
 
+              newItems[this.oldIndex].chapterData = []
 
+            }
 
+            // 删除老的节点
 
+            newItems.splice(this.oldIndex, 1);
 
+            // 在列表中目标位置增加新的节点
 
+            newItems.splice(this.newIndex, 0, this.oldData);
 
+            if (this.oldIndex == 0 || this.newIndex == 0) {
 
+              newItems[0].chapterData = chapterData
 
+            }
 
+            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];
 
+            let chapterData = []
 
+            if (this.oldIndex == 0) {
 
+              chapterData = newItems[this.oldIndex].chapterData
 
+              newItems[this.oldIndex].chapterData = []
 
+            }else if(this.newIndex == 0){
 
+              chapterData = newItems[this.newIndex].chapterData
 
+              newItems[this.oldIndex].chapterData = []
 
+            }
 
+            // 删除老的节点
 
+            newItems.splice(this.oldIndex, 1);
 
+            // 在列表中目标位置增加新的节点
 
+            newItems.splice(this.newIndex, 0, this.oldData);
 
+            if (this.oldIndex == 0 || this.newIndex == 0) {
 
+              newItems[0].chapterData = chapterData
 
+            }
 
+            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();
 
+    });
 
+
 
+    let _this = this
 
+    window.pasteStage = function(json){
 
+      _this.pasteStage(json)
 
+    }
 
+  },
 
+};
 
+</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: 100%;
 
+  display: flex;
 
+  overflow: hidden;
 
+  flex-direction: column;
 
+}
 
+
 
+.leftBar{
 
+  width: 290px;
 
+  height: calc(100% - 50px);
 
+  overflow: auto;
 
+  border-radius: 5px;
 
+  margin: 25px auto;
 
+  box-sizing: border-box;
 
+  margin-right: 10px;
 
+}
 
+
 
+.leftBar2{
 
+  width: 400px;
 
+  min-width: 400px;
 
+  height: calc(100% - 50px);
 
+  overflow: auto;
 
+  border-radius: 5px;
 
+  margin: 25px auto;
 
+  box-sizing: border-box;
 
+  margin-right: 10px;
 
+  background: #fff;
 
+  padding: 5px;
 
+  border-radius: 5px;
 
+}
 
+
 
+
 
+.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: .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: .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: 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>.noCTool {
 
+  display: block;
 
+  opacity: 0.5;
 
+}
 
+
 
+.isToolChoose {
 
+  border: 2px solid #438aff !important;
 
+  box-shadow: 0 0 2px 0px #438aff;
 
+  opacity: 1 !important;
 
+}
 
+
 
+.isCTool,
 
+.noCTool {
 
+  width: 30px;
 
+  height: 30px;
 
+  position: absolute;
 
+  top: -4px;
 
+  right: -4px;
 
+}
 
+
 
+.noCTool {
 
+  display: none;
 
+}
 
+
 
+.isCTool>img,
 
+.noCTool>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: #fff;
 
+  padding: 20px 20px 0;
 
+  overflow: hidden;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.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 5px 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;
 
+  min-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%);
 
+  padding: 10px 0;
 
+  margin: 0 auto;
 
+}
 
+
 
+.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: 20px 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,
 
+.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 .2s cubic-bezier(.645, .045, .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;
 
+  min-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;
 
+}
 
+
 
+
 
+.text_panel >>> .text{
 
+  height: 400px;
 
+}
 
+
 
+.close_btn{
 
+  position: absolute;
 
+  top: 40px;
 
+  right: 10px;
 
+  box-shadow: 0 0 4px 2px #00000033;
 
+  border-radius: 70px 0 0 70px;
 
+  display: flex;
 
+  align-items: center;
 
+  padding-left: 5px;
 
+  padding: 10px 7px 10px 12px;
 
+  background: #fff;
 
+  cursor: pointer;
 
+}
 
+
 
+.close_btn > img {
 
+  width: 15px;
 
+  transition: 0.3s;
 
+  transform: rotate(0deg);
 
+}
 
+
 
+.close_btn_voice > img{
 
+  transform: rotate(180deg);
 
+}
 
+
 
+.resizable {
 
+  position: relative;
 
+  min-width: 350px; /* 最小宽度 */
 
+  max-width: 50%; /* 最大宽度 */
 
+}
 
+
 
+.resizer {
 
+  width: 12.8px;
 
+  height: 28.8px;
 
+  /* background: #ccc; */
 
+  position: absolute;
 
+  top: 50%;
 
+  left: 0;
 
+  cursor: ew-resize;
 
+  transform: translateY(-50%);
 
+  /* border-radius: 43px; */
 
+  background-image: url(../../../assets/icon/course/course_slide.png);
 
+  background-size: 100% 100%;
 
+}
 
+
 
+</style>

部分文件因文件數量過多而無法顯示