表单验证

src/components/icss/sonhospital/SonHospital.vue

@@ -48,7 +48,7 @@
                       class="is-request"
                       :prop="'hospitalRelationVOList.' + scope.$index + '.name'"
                       :rules="{
-                        required: true, trigger: 'blur'
+                        required: true,message:'请输入医院名称', trigger: 'blur'
                       }"
                     >
                       <el-input
@@ -69,7 +69,7 @@
                     <el-form-item
                       :prop="'hospitalRelationVOList.' + scope.$index + '.code'"
                       :rules="{
-                        required: true, trigger: 'blur'
+                        required: true,message:'请输入编码', trigger: 'blur'
                       }"
                     >
                       <el-input
@@ -175,7 +175,7 @@ export default {
                 duration: 1000
               });
               this.getHospitalRelation();
-              this.saveDisable = true
+              this.saveDisable = true;
             } else if (res.data.code === '20020009') {
               const data = res.data.data;
               this.dialogVisible = true;
@@ -360,13 +360,17 @@ export default {
   }
   /deep/.el-input__inner {
     height: 32px;
+    margin-bottom: 18px;
+  }
+  /deep/ .is-error .el-form-item__error{
+    top: 34px;
   }
   .operation {
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
-    & img{
+    & img {
       width: 16px;
       height: 16px;
     }
@@ -379,22 +383,22 @@ export default {
   justify-content: center;
   align-items: center;
   .add-border {
-  border: 1px #48c5d7 dashed;
-  width: 96%;
-  text-align: center;
-  line-height: 30px;
-  cursor: pointer;
-  img {
-    vertical-align: middle;
+    border: 1px #48c5d7 dashed;
+    width: 96%;
+    text-align: center;
+    line-height: 30px;
+    cursor: pointer;
+    img {
+      vertical-align: middle;
+    }
   }
 }
-}
 .diag-center {
   text-align: center;
   .diag-title {
     font-size: 16px;
     margin-bottom: 5px;
-    color: #FF545B;
+    color: #ff545b;
   }
   .title-warning {
     display: block;