新需求实现

src/views/education/edit-entry.vue

@@ -26,21 +26,22 @@
             <span class="word-num">{{(formData.entryName).replace(/\s+/g,"").length}}/24</span>
           </el-col>
         </el-form-item>
-        <el-form-item label="发起机构：" prop="organizationName">
-          <el-col :span="13" v-for="(item, index) in formData.organizationNameNew" :key="index">
+        <!-- <el-form-item label="发起机构：" prop="organizationName"> -->
+        <el-form-item label="发起机构：">
+          <el-col :span="13" v-for="(item, index) in formData.organizationNameList" :key="index">
             <el-input
               size="small"
-              v-model="formData.organizationNameNew[index]"
+              v-model="formData.organizationNameList[index]"
               placeholder="请输入发起机构名称"
               style="width:70%;"
               :disabled="peopleLevel == 'L3'"
               @input="changeOrganizationName"
               @blur="blurName"
-              @focus="focusName"
+              @focus="focusName(index)"
             ></el-input>
-            <span class="word-num">{{(formData.organizationName).replace(/\s+/g,"").length}}/16</span>
-            <img class="edit-img" src="../../assets/image/plus.png" />
-            <img class="edit-img" src="../../assets/image/delete.png" />
+            <span class="word-num">{{(formData.organizationNameList[index]).replace(/\s+/g,"").length}}/16</span>
+            <img @click="plusOrg(index)" class="edit-img" src="../../assets/image/plus.png" />
+            <img @click="deleteOrg(index)" v-if="index >= 1" class="edit-img" src="../../assets/image/trash.png" />
           </el-col>
           <el-popover
             class="popover-content"
@@ -272,6 +273,10 @@ export default {
         callback();
       }
     };
+
+    let checkOrgNameList = (rule, value, callback) => {
+      
+    };
     return {
       curmbFirst: "教培项目",
       curmbSecond: "项目组件",
@@ -298,7 +303,7 @@ export default {
         attachmentMore1: {},
         attachmentMore2: {},
         organizationName: "",
-        organizationNameNew: ['22', '33', '44'],
+        organizationNameList: [''],
         project: []
       },
       optionsProject: [],
@@ -394,6 +399,12 @@ export default {
     commonUtil.resizeHeight();
   },
   methods: {
+    plusOrg(index) {
+      vm.formData.organizationNameList.splice(index + 1, 0, '');
+    },
+    deleteOrg(index) {
+      vm.formData.organizationNameList.splice(index, 1);
+    },
     initTitle() {
       if (vm.entryId == null) {
         vm.title = "新建入口";
@@ -568,7 +579,10 @@ export default {
       }
     },
     checkDefault() {
-      vm.formData.organizationName = vm.organizationContent;
+      // vm.formData.organizationNameList[0] = vm.organizationContent;
+      vm.formData.organizationNameList.splice(0, 1, vm.organizationContent);
+      // vm.formData.organizationNameList.push(vm.organizationContent);
+      // vm.formData.organizationName = vm.organizationContent;
       vm.visibleName = false;
     },
     blurName() {
@@ -578,8 +592,8 @@ export default {
         vm.submitForm("formData");
       }, 200);
     },
-    focusName() {
-      let textLength = vm.formData.organizationName.length;
+    focusName(index) {
+      let textLength = vm.formData.organizationNameList[index].length;
       if (textLength == 0) {
         vm.visibleName = true;
       } else {

src/views/education/edit-manager.vue

@@ -39,7 +39,8 @@
               <span class="word-num">{{(formData.projectName).replace(/\s+/g,"").length}}/24</span>
             </el-col>
           </el-form-item>
-          <el-form-item label="发起机构名称：" prop="organizationName">
+          <el-form-item label="发起机构名称：">
+          <!-- <el-form-item label="发起机构名称：" prop="organizationName"> -->
             <el-col :span="13" v-for="(item, index) in formData.organizationNameList" :key="index">
               <el-input
                 size="small"
@@ -52,8 +53,8 @@
                 @focus = "focusName(index)"
               ></el-input>
               <span class="word-num">{{(formData.organizationNameList[index]).replace(/\s+/g,"").length}}/16</span>
-              <img class="edit-img" src="../../assets/image/plus.png" />
-              <img class="edit-img" src="../../assets/image/delete.png" />
+              <img @click="plusOrg(index)" class="edit-img" src="../../assets/image/plus.png" />
+              <img @click="deleteOrg(index)" v-if="index >= 1" class="edit-img" src="../../assets/image/trash.png" />
             </el-col>
             <el-popover
               class="popover-content"
@@ -1059,7 +1060,7 @@ export default {
         attachmentMore2: {},
         scopeType: 0,
         organizationName: "",
-        organizationNameList: [],
+        organizationNameList: [''],
         sendOption: 1,
         receiveOption: 1,
         visibleFlag: 1,
@@ -1385,6 +1386,12 @@ export default {
     commonUtil.resizeHeight();
   },
   methods: {
+    plusOrg(index) {
+      vm.formData.organizationNameList.splice(index + 1, 0, '');
+    },
+    deleteOrg(index) {
+      vm.formData.organizationNameList.splice(index, 1);
+    },
     focusFun(ev, parm, index) {
       if (index != undefined) {
         if (parseInt(ev) < 0 || !this.checkIntFun(ev)) {
@@ -3817,8 +3824,10 @@ export default {
       }
     },
     checkDefault() {
-      // console.log('点击checkDefault')
-      vm.formData.organizationName = vm.organizationContent;
+      // vm.formData.organizationNameList[0] = vm.organizationContent;
+      vm.formData.organizationNameList.splice(0, 1, vm.organizationContent);
+      // vm.formData.organizationNameList.push(vm.organizationContent);
+      // vm.formData.organizationName = vm.organizationContent;
       vm.visibleName = false;
     },
     tagDrop() {