新增英语写作工具

src/common/tools.js

@@ -1,37 +1,38 @@
 export const tools = {
-  58: { name: "模拟驾驶" },
-  59: { name: "路径搜索" },
-  60: { name: "深度学习" },
-  10: { name: "倒计时" },
-  65: { name: "挑人" },
-  7: { name: "思维网格" },
-  1: { name: "电子白板" },
-  52: { name: "文档" },
-  3: { name: "思维导图" },
-  48: { name: "表格" },
-  49: { name: "学生分组" },
-  4: { name: "问卷调查" },
-  45: { name: "选择题" },
-  15: { name: "问答" },
-  16: { name: "作业提交" },
-  50: { name: "批量上传" },
-  41: { name: "选择匹配" },
-  47: { name: "排序" },
-  40: { name: "个人评价" },
-  18: { name: "训练平台" },
-  21: { name: "AIoT Blockly" },
-  23: { name: "AI Python" },
-  24: { name: "AI Blockly" },
-  32: { name: "源码编辑" },
-  57: { name: "CocoPi" },
-  63: { name: "海龟编程" },
-  28: { name: "翻译" },
-  31: { name: "数字画板" },
-  39: { name: "GeoGebra" },
-  66: { name: "公式编辑" },
-  67: { name: "分子结构" },
-  68: { name: "时间轴" },
-  25: { name: "目标管理" },
-  26: { name: "课程设计" },
-  62: { name: "交互视频" }
-};
+    58: { name: "模拟驾驶" },
+    59: { name: "路径搜索" },
+    60: { name: "深度学习" },
+    10: { name: "倒计时" },
+    65: { name: "挑人" },
+    7: { name: "思维网格" },
+    1: { name: "电子白板" },
+    52: { name: "文档" },
+    3: { name: "思维导图" },
+    48: { name: "表格" },
+    49: { name: "学生分组" },
+    4: { name: "问卷调查" },
+    45: { name: "选择题" },
+    15: { name: "问答" },
+    16: { name: "作业提交" },
+    50: { name: "批量上传" },
+    41: { name: "选择匹配" },
+    47: { name: "排序" },
+    40: { name: "个人评价" },
+    18: { name: "训练平台" },
+    21: { name: "AIoT Blockly" },
+    23: { name: "AI Python" },
+    24: { name: "AI Blockly" },
+    32: { name: "源码编辑" },
+    57: { name: "CocoPi" },
+    63: { name: "海龟编程" },
+    28: { name: "翻译" },
+    31: { name: "数字画板" },
+    39: { name: "GeoGebra" },
+    66: { name: "公式编辑" },
+    67: { name: "分子结构" },
+    68: { name: "时间轴" },
+    69: { name: "英语写作" },
+    25: { name: "目标管理" },
+    26: { name: "课程设计" },
+    62: { name: "交互视频" }
+};

src/components/pages/addCourse.vue

@@ -1345,6 +1345,23 @@
                                       </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/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(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">
                               <div class="whiteBIcon" @click="openTools(itemTaskIndex, 49, toolIndex)">
                                 <img src="../../assets/icon/fourthToolList/group.png" alt />
@@ -3623,6 +3640,14 @@
         <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">
+      <englishRight @setEngList="setEnglishList" :englishList="englishList"></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>
     <el-dialog title="切换阶段顺序" :visible.sync="dialogVisibleStageChange" :append-to-body="true" width="400px"
       :before-close="handleClose" class="dialog_diy dialog_diyStage">
@@ -3665,6 +3690,7 @@ 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 "./components/englishRight.vue";
 
 export default {
   components: {
@@ -3676,6 +3702,7 @@ export default {
     Table,
     sourceDialog,
     interVideo,
+    englishRight,
   },
   data() {
     return {
@@ -3740,6 +3767,7 @@ export default {
       dialogVisibleVideo: false,
       dialogVisibleStageChange: false,
       dialogVisibleupdataVideoT: false,
+      englishDialogVisible: false,
       isClickColor: 1,
       toolIndexType: "",
       publicTool: 0,
@@ -3903,6 +3931,7 @@ export default {
       oldIndex: 0,
       oldData: null,
       newIndex: "",
+      englishList:{},
     };
   },
   directives: {
@@ -4260,6 +4289,12 @@ export default {
         } 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) {
@@ -4280,6 +4315,8 @@ export default {
             this.addSelectAnswer();
           } else if (tool == 47) {
             this.addSentenceTool();
+          }else if(tool == 69){
+            this.addEnglish();
           }
         })
         .catch(() => {
@@ -4293,9 +4330,31 @@ export default {
             this.dialogVisibleSelect = false;
           } else if (tool == 47) {
             this.dialogVisibleSentence = false;
+          } else if (tool == 69) {
+            this.englishDialogVisible = false;
           }
         });
     },
+    addEnglish(){
+      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);
+      }
+    },
+    setEnglishList(engList){
+      this.englishList = engList;
+    },
     imgChange2(i, j) {
       var _tmp = this.testJson.testJson[i].checkList[j];
       this.noneBtnImg = _tmp.length >= 1;
@@ -6877,6 +6936,19 @@ export default {
           },
           "*"
         );
+      }else if(i == 69){
+        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.englishDialogVisible = true;
       }
     },
     chapAddTools(i) {
@@ -6990,6 +7062,18 @@ export default {
           return;
         }
       }
+
+      if(i == 69){
+        if (
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
+            .toolChoose[toolIndex].englishList.engTitle == "" ||
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
+            .toolChoose[toolIndex].englishList.englishText == ""
+        ) {
+          this.openTools(itemTaskIndex, 69, toolIndex);
+          return;
+        }
+      }
       // if (i == 48) {
       //   if (
       //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]

src/components/pages/components/englishRight.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="englishBox">
+    <div class="themeTitle">
+      <div>作文题目*</div>
+      <div>
+        <el-input
+          v-model="engList.engTitle"
+          placeholder="请填写作文题目"
+          @change="setEngList"
+        ></el-input>
+      </div>
+    </div>
+    <div class="themeText">
+      <div>作文要求*</div>
+      <div>
+        <editor-bar
+          placeholder="请填写作文要求"
+          v-model="engList.englishText"
+          @change="setEngList"
+        ></editor-bar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import EditorBar from "../../../components/tools/wangEnduit";
+export default {
+  components: {
+    EditorBar,
+  },
+  props: ["englishList"],
+  data() {
+    return {
+      engList: {
+        engTitle: "",
+        englishText: "",
+      },
+    };
+  },
+  methods: {
+    setEngList() {
+      this.$emit("setEnglish", this.engList);
+    },
+  },
+  created() {
+    this.engList = this.englishList;
+  },
+};
+</script>
+
+<style scoped>
+.englishBox {
+  width: 50%;
+  margin: 50px auto 0;
+}
+.themeTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.themeTitle > div:first-child {
+  min-width: 65px;
+  font-weight: bold;
+}
+.themeTitle > div:last-child {
+  width: calc(100% - 75px);
+  margin-left: 10px;
+}
+.themeText {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  margin-top: 20px;
+}
+.themeText > div:first-child {
+  min-width: 65px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+.themeText > div:last-child {
+  width: calc(100% - 75px);
+  margin-left: 10px;
+}
+.themeText > div:last-child >>> .text {
+  min-height: 400px !important;
+}
+</style>

src/components/pages/easy/addCourse.vue

@@ -655,6 +655,27 @@
                                     </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/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(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">
                                   <div
                                     class="whiteBIcon"
@@ -4539,6 +4560,14 @@
         <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">
+      <englishRight @setEngList="setEnglishList" :englishList="englishList"></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>
   </div>
 </template>
@@ -4556,6 +4585,7 @@ 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 "./commpont/englishRight.vue";
 
 export default {
   components: {
@@ -4567,6 +4597,7 @@ export default {
     Table,
     sourceDialog,
     interVideo,
+    englishRight,
   },
   data() {
     return {
@@ -4645,6 +4676,7 @@ export default {
       wordJson: { text: "" },
       dialogVisibleMoreUpload: false,
       dialogVisiblePreTime: false,
+      englishDialogVisible: false,
       uploadJson: [],
       classJuri: [],
       gradeList: [],
@@ -4679,6 +4711,7 @@ export default {
       testJson2: {},
       selectJson: {},
       selectJson2: {},
+      englishList:{},
       rateJson: [],
       unitJson2: [],
       unitJson: [
@@ -5116,6 +5149,12 @@ export default {
         } 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) {
@@ -5136,6 +5175,8 @@ export default {
             this.addSelectAnswer();
           } else if (tool == 47) {
             this.addSentenceTool();
+          }else if(tool == 69){
+            this.addEnglish();
           }
         })
         .catch(() => {
@@ -5149,9 +5190,31 @@ export default {
             this.dialogVisibleSelect = false;
           } else if (tool == 47) {
             this.dialogVisibleSentence = false;
+          } else if (tool == 69) {
+            this.englishDialogVisible = false;
           }
         });
     },
+    addEnglish(){
+      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);
+      }
+    },
+    setEnglishList(engList){
+      this.englishList = engList;
+    },
     imgChange2(i, j) {
       var _tmp = this.testJson.testJson[i].checkList[j];
       this.noneBtnImg = _tmp.length >= 1;
@@ -7534,6 +7597,19 @@ export default {
           },
           "*"
         );
+      }else if(i == 69){
+        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.englishDialogVisible = true;
       }
     },
     chapAddTools(i) {
@@ -7647,6 +7723,18 @@ export default {
           return;
         }
       }
+
+      if(i == 69){
+        if (
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
+            .toolChoose[toolIndex].englishList.engTitle == "" ||
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
+            .toolChoose[toolIndex].englishList.englishText == ""
+        ) {
+          this.openTools(itemTaskIndex, 69, toolIndex);
+          return;
+        }
+      }
       // if (i == 48) {
       //   if (
       //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]

src/components/pages/easy/commpont/englishRight.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="englishBox">
+    <div class="themeTitle">
+      <div>作文题目*</div>
+      <div>
+        <el-input
+          v-model="engList.engTitle"
+          placeholder="请填写作文题目"
+          @change="setEngList"
+        ></el-input>
+      </div>
+    </div>
+    <div class="themeText">
+      <div>作文要求*</div>
+      <div>
+        <editor-bar
+          placeholder="请填写作文要求"
+          v-model="engList.englishText"
+          @change="setEngList"
+        ></editor-bar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import EditorBar from "../../../../components/tools/wangEnduit";
+export default {
+  components: {
+    EditorBar,
+  },
+  props: ["englishList"],
+  data() {
+    return {
+      engList: {
+        engTitle: "",
+        englishText: "",
+      },
+    };
+  },
+  methods: {
+    setEngList() {
+      this.$emit("setEnglish", this.engList);
+    },
+  },
+  created() {
+    this.engList = this.englishList;
+  },
+};
+</script>
+
+<style scoped>
+.englishBox {
+  width: 50%;
+  margin: 50px auto 0;
+}
+.themeTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.themeTitle > div:first-child {
+  min-width: 65px;
+  font-weight: bold;
+}
+.themeTitle > div:last-child {
+  width: calc(100% - 75px);
+  margin-left: 10px;
+}
+.themeText {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  margin-top: 20px;
+}
+.themeText > div:first-child {
+  min-width: 65px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+.themeText > div:last-child {
+  width: calc(100% - 75px);
+  margin-left: 10px;
+}
+.themeText > div:last-child >>> .text {
+  min-height: 400px !important;
+}
+</style>

src/components/pages/task/addCourse.vue

@@ -663,6 +663,35 @@
                                     </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/ask.png" alt />
+                                    <div style="margin: 5px 0">英语写作</div>
+                                  </div>
+                                  <div class="isCTool" v-show="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">
                                   <div
                                     class="whiteBIcon"
@@ -4870,6 +4899,14 @@
         <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">
+      <englishRight @setEngList="setEnglishList" :englishList="englishList"></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>
   </div>
 </template>
@@ -4887,6 +4924,7 @@ 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 "./commpont/englishRight.vue";
 
 export default {
   components: {
@@ -4898,6 +4936,7 @@ export default {
     Table,
     sourceDialog,
     interVideo,
+    englishRight,
   },
   data() {
     return {
@@ -4960,6 +4999,7 @@ export default {
       dialogVisibleSource: false,
       dialogVisibleVideo: false,
       dialogVisibleupdataVideoT: false,
+      englishDialogVisible: false,
       isClickColor: 1,
       toolIndexType: "",
       publicTool: 0,
@@ -5122,6 +5162,7 @@ export default {
       oldIndex: 0,
       oldData: null,
       newIndex: "",
+      englishList:{},
     };
   },
   directives: {
@@ -5447,6 +5488,12 @@ export default {
         } 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) {
@@ -5467,6 +5514,8 @@ export default {
             this.addSelectAnswer();
           } else if (tool == 47) {
             this.addSentenceTool();
+          }else if(tool == 69){
+            this.addEnglish();
           }
         })
         .catch(() => {
@@ -5480,9 +5529,31 @@ export default {
             this.dialogVisibleSelect = false;
           } else if (tool == 47) {
             this.dialogVisibleSentence = false;
+          } else if (tool == 69) {
+            this.englishDialogVisible = false;
           }
         });
     },
+    addEnglish(){
+      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);
+      }
+    },
+    setEnglishList(engList){
+      this.englishList = engList;
+    },
     imgChange2(i, j) {
       var _tmp = this.testJson.testJson[i].checkList[j];
       this.noneBtnImg = _tmp.length >= 1;
@@ -7852,6 +7923,19 @@ export default {
           },
           "*"
         );
+      }else if(i == 69){
+        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.englishDialogVisible = true;
       }
     },
     chapAddTools(i) {
@@ -7965,6 +8049,18 @@ export default {
           return;
         }
       }
+
+      if(i == 69){
+        if (
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
+            .toolChoose[toolIndex].englishList.engTitle == "" ||
+          this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]
+            .toolChoose[toolIndex].englishList.englishText == ""
+        ) {
+          this.openTools(itemTaskIndex, 69, toolIndex);
+          return;
+        }
+      }
       // if (i == 48) {
       //   if (
       //     !this.unitJson[this.unitIndex].chapterInfo[0].taskJson[itemTaskIndex]

src/components/pages/task/commpont/englishRight.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="englishBox">
+    <div class="themeTitle">
+      <div>作文题目*</div>
+      <div>
+        <el-input
+          v-model="engList.engTitle"
+          placeholder="请填写作文题目"
+          @change="setEngList"
+        ></el-input>
+      </div>
+    </div>
+    <div class="themeText">
+      <div>作文要求*</div>
+      <div>
+        <editor-bar
+          placeholder="请填写作文要求"
+          v-model="engList.englishText"
+          @change="setEngList"
+        ></editor-bar>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import EditorBar from "../../../../components/tools/wangEnduit";
+export default {
+  components: {
+    EditorBar,
+  },
+  props: ["englishList"],
+  data() {
+    return {
+      engList: {
+        engTitle: "",
+        englishText: "",
+      },
+    };
+  },
+  methods: {
+    setEngList() {
+      this.$emit("setEnglish", this.engList);
+    },
+  },
+  created() {
+    this.engList = this.englishList;
+  },
+};
+</script>
+
+<style scoped>
+.englishBox {
+  width: 50%;
+  margin: 50px auto 0;
+}
+.themeTitle {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+}
+.themeTitle > div:first-child {
+  min-width: 65px;
+  font-weight: bold;
+}
+.themeTitle > div:last-child {
+  width: calc(100% - 75px);
+  margin-left: 10px;
+}
+.themeText {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  margin-top: 20px;
+}
+.themeText > div:first-child {
+  min-width: 65px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+.themeText > div:last-child {
+  width: calc(100% - 75px);
+  margin-left: 10px;
+}
+.themeText > div:last-child >>> .text {
+  min-height: 400px !important;
+}
+</style>