首页课题变为可增加

src/views/adultInput.vue

@@ -43,18 +43,40 @@
                 alt=""
               />
             </div>
-            <div class="addoption" @click="addDetail(index)">添加</div>
-            <div class="Big-Book-top" style="margin: 10px 0">
-              <span>课题</span>
-              <el-input
-                v-model="item.classTopic"
-                style="width: 80%"
-                type="textarea"
-                autosize
-                placeholder="请输入课题"
-                @blur="onBlur(item, 'classTopic')"
-              />
+            <div class="addoption" @click="addDetail(index)">添加分句</div>
+            <div v-for="(kt, ktIndex) in item.classTopic" :key="'kt' + ktIndex">
+              <div class="Big-Book-top" style="margin: 10px 0">
+                <span>课题</span>
+                <el-input
+                  v-model="kt.con"
+                  style="width: 80%"
+                  type="textarea"
+                  autosize
+                  placeholder="请输入课题"
+                  @blur="onBlur(kt, 'con')"
+                />
+                <img
+                  @click="deleteClassTopic(index, ktIndex)"
+                  class="close"
+                  src="../assets/adult/del-close.png"
+                  alt=""
+                />
+              </div>
+              <div class="Big-Book-top" style="margin: 10px 0">
+                <span>拼音</span>
+                <el-input
+                  v-model="kt.pinyin"
+                  style="width: 80%"
+                  type="textarea"
+                  autosize
+                  placeholder="请输入拼音"
+                  @blur="onBlur(kt, 'pinyin')"
+                />
+              </div>
             </div>
+
+            <div class="addoption" @click="addClassTopic(index)">添加课题</div>
+
             <div class="createTable">
               <el-input
                 v-model="row"
@@ -466,8 +488,8 @@
                     <template
                       v-if="
                         topicIitem.type == 'record_control_mini' ||
-                        topicIitem.type == 'record_control_normal'||
-                        topicIitem.type == 'record_control_pro'||
+                        topicIitem.type == 'record_control_normal' ||
+                        topicIitem.type == 'record_control_pro' ||
                         topicIitem.type == 'record_control_promax'
                       "
                     >
@@ -718,7 +740,12 @@ export default {
               wordsList: [],
             },
           ], //目录分词
-          classTopic: "", //课题
+          classTopic: [
+            {
+              con: "",
+              pinyin: "",
+            },
+          ], //课题
           cur_fn_data: [],
         },
       ], // 总的数据列表
@@ -736,7 +763,12 @@ export default {
               wordsList: [],
             },
           ], //目录分词
-          classTopic: "", //课题
+          classTopic: [
+            {
+              con: "",
+              pinyin: "",
+            },
+          ], //课题
           cur_fn_data: [],
         },
       ], // 总的数据列表
@@ -818,6 +850,22 @@ export default {
       }
       this.question_list[index].detailList.splice(fcindex, 1);
     },
+    // 增加课题
+    addClassTopic(index) {
+      let obj = {
+        con: "",
+        pinyin: "",
+      };
+      this.question_list[index].classTopic.push(obj);
+    },
+    // 删除课题
+    deleteClassTopic(index, ktindex) {
+      if (this.question_list[index].classTopic.length <= 1) {
+        this.$message.warning("至少要保留一一个");
+        return;
+      }
+      this.question_list[index].classTopic.splice(ktindex, 1);
+    },
     // 随意插入模板获取位置
     changeSite(x, y) {
       this.bgControlX = x;
@@ -947,7 +995,12 @@ export default {
               wordsList: [],
             },
           ], //目录分词
-          classTopic: "", //课题
+          classTopic: [
+            {
+              con: "",
+              pinyin: "",
+            },
+          ], //课题
         };
         this.question_list.push(obj);
       }