表单验证1

src/components/knowledgeExtra/AddDiagBase.vue

@@ -23,6 +23,7 @@
                                        :data="group"
                                        :inx="i"
                                        :isLast="form.klDiagnoseTypeVO.length===1"
+                                       @setRules="setRules"
                                        @addDiag="addDiag"
                                        @delDiag="delDiag"></DiagBaseType>
                     </el-form-item>
@@ -127,7 +128,6 @@
                         });
                     })
                 }
-                console.log(this.rules)
             },
             formatGroupDatas(data){
                 let arr=[];
@@ -177,6 +177,7 @@
             addDiag(){
                 let temp = this.getInitData();
                 this.form.klDiagnoseTypeVO.push(temp);
+                this.setRules();
             },
             delDiag(i){
                 this.form.klDiagnoseTypeVO.splice(i,1);
@@ -248,6 +249,11 @@
         }
         .discDesc{
             margin-bottom: 20px;
+            .el-form-item__error{
+                top: auto;
+                white-space: nowrap;
+                background: #fff;
+            }
         }
         .disclButn{
             position: absolute;
@@ -255,6 +261,9 @@
             bottom: 10px;
         }
     }
+    .description .el-form-item__error{
+        top:auto;
+    }
     .add-new-form{
         .el-form-item__label{
             text-align: right;

src/components/knowledgeExtra/DiagBaseGroup.vue

@@ -21,6 +21,7 @@
                            :parInx="parInx"
                            :isLast="isLast&&data.klDiagnoseDetail.length===1"
                            :baseTypes="diagTypeList"
+                           @setRules="setRules"
                            @changeVal="handleInput"
                            @addRule="addRule"
                            @delRule="delRule"></DiagBaseItem>
@@ -53,6 +54,9 @@
             handleInput(val,i){
                 this.data[i]=val;
             },
+            setRules(){
+                this.$emit('setRules');
+            },
             addRule(){
                 let temp={
                     subDescription:'',
@@ -71,6 +75,7 @@
                     dataType:'',
                 };
                 this.data.klDiagnoseDetail.push(temp);
+                this.$emit("setRule");
             },
             delRule(i){
                 if(i===0&&this.data.klDiagnoseDetail.length===1){

src/components/knowledgeExtra/DiagBaseItem.vue

@@ -6,7 +6,7 @@
             <el-form-item label="基础依据名称：" :prop="ruleLine+ind+'.basDescription'">
                 <el-input v-model.trim = "groupData.basDescription"></el-input>
             </el-form-item>
-            <el-form-item label="基础依据类型：" prop="basType">
+            <el-form-item label="基础依据类型：" :prop="ruleLine+ind+'.basType'">
                 <el-select v-model="groupData.basType"
                            id="basTypeRef"
                            placeholder="请选择"
@@ -298,6 +298,7 @@
             },
             addRule(){
                 this.$emit("addRule");
+                this.$emit('setRules');
             },
             delRule(){
                 this.$emit("delRule",this.ind);

src/components/knowledgeExtra/DiagBaseType.vue

@@ -20,6 +20,7 @@
                    :inx="i"
                    :parInx="inx"
                    :isLast="isLast&&data.groupVO.length===1"
+                   @setRules="setRules"
                    @addGroup="addGroup"
                    @delGroup="delGroup"></DiagBaseGroup>
     <div class="group-oper">
@@ -56,6 +57,9 @@
                   this.getTypeList();
               },
               methods:{
+                  setRules(){
+                      this.$emit('setRules');
+                  },
                   getTypeList(){
                       const typeListData = JSON.parse(localStorage.getItem("zskDiagList"));
                       this.typeObj=util.formatObj(typeListData,'ruleType');
@@ -94,6 +98,7 @@
                           }]
                       };
                       this.data.groupVO.push(temp);
+                      this.$emit('setRules');
                   },
                   delGroup(){
                       this.data.groupVO.splice(this.inx,1);