可以添加多个老师

src/views/work/work/workForm.vue

@@ -25,8 +25,11 @@
       <el-form-item label="作品名称" prop="workName">
         <el-input v-model="formData.workName" placeholder="请输入作品名称"/>
       </el-form-item>
-      <el-form-item label="指导教师" prop="teacher">
-        <el-input v-model="formData.teacher" placeholder="请输入指导教师"/>
+      <el-form-item label="指导教师">
+        <el-input v-model="teacherdata.teacher1"  style="width: 120px; margin-right: 40px;"/>
+        <el-input v-model="teacherdata.teacher2"  style="width: 120px; margin-right: 40px;"/>
+        <el-input v-model="teacherdata.teacher3"  style="width: 120px; "/>
+<!--        <el-input v-model="formData.teacher" placeholder="请输入指导教师"/>-->
       </el-form-item>
 
       <el-form-item label="作品" prop="workUrl">
@@ -204,6 +207,11 @@ const formData = ref({
   sizeAndDuration: undefined,
   manuscriptAndMaterial: undefined
 })
+const teacherdata = reactive({
+  teacher1: undefined,
+  teacher2:undefined,
+  teacher3: undefined,
+})
 const formRules = {
 
     format: [
@@ -291,8 +299,22 @@ const open = async (type: string, id?: number) => {
       data.value = handleTree(datas, 'id', 'parentId')
       ljxzq(data.value, cId)
       console.log(types.value)
-
-
+      // 根据,遍历出老师来
+      // alert(formData.value.teacher.split(",").length-1)
+      if ((formData.value.teacher.split(",").length-1)===0){
+        teacherdata.teacher1=formData.value.teacher
+      }else {
+        const data= formData.value.teacher.split(",")
+        if (data.length===2){
+          teacherdata.teacher1=data[0]
+          teacherdata.teacher2=data[1]
+        }
+        if (data.length===3){
+          teacherdata.teacher1=data[0]
+          teacherdata.teacher2=data[1]
+          teacherdata.teacher3=data[2]
+        }
+      }
       try {
         file.value.urls = formData.value.workUrl;
         let workUrl = formData.value.workUrl;
@@ -371,6 +393,34 @@ const submitForm = async () => {
     if (file.value.manuscriptAndMaterial != undefined) {
       formData.value.manuscriptAndMaterial = file.value.manuscriptAndMaterial
     }
+    //循环拼接多个老师
+    formData.value.teacher=""
+    if (teacherdata.teacher1===""){
+      teacherdata.teacher1=undefined
+    }
+    if (teacherdata.teacher2===""){
+      teacherdata.teacher2=undefined
+    }
+    if (teacherdata.teacher3===""){
+      teacherdata.teacher3=undefined
+    }
+    if(teacherdata.teacher1 !=undefined){
+      formData.value.teacher=teacherdata.teacher1
+    }
+    if(teacherdata.teacher2 !=undefined){
+      if(teacherdata.teacher1 ==undefined) {
+        formData.value.teacher = teacherdata.teacher2
+      }else {
+        formData.value.teacher = formData.value.teacher + "," + teacherdata.teacher2
+      }
+    }
+    if(teacherdata.teacher3 !=undefined ){
+      if(teacherdata.teacher1 ==undefined && teacherdata.teacher2 ==undefined) {
+        formData.value.teacher = teacherdata.teacher3
+      }else {
+        formData.value.teacher = formData.value.teacher + "," + teacherdata.teacher3
+      }
+    }
     const data = formData.value as unknown as workVO
     // 拼接子表的数据
     data.participants = participantFormRef.value.getData()
@@ -394,6 +444,9 @@ const submitForm = async () => {
 
 /** 重置表单 */
 const resetForm = () => {
+  teacherdata.teacher1=undefined
+  teacherdata.teacher2=undefined
+  teacherdata.teacher3=undefined
   formData.value = {
     workId: undefined,
     categoryId: undefined,