修改

src/components/studyAbroad/supplier-form.vue

@@ -8,15 +8,15 @@
         <div class="text-caption q-mb-lg q-px-md text-grey-6">供应商信息</div>
         <div class="row wrap">
           <q-input filled stack-label maxlength="25" :dense="false" v-model="addMsg.Name" ref="Name"
-            class="col-6 q-pr-lg q-pb-lg" label="供应商名称" />
+            class="col-6 q-pr-lg q-pb-lg" label="供应商名称" :rules="[val => !!val || '请填写供应商名称']" />
           <q-input filled stack-label maxlength="25" :dense="false" v-model="addMsg.LinkMan" ref="LinkMan"
-            class="col-6 q-pr-lg q-pb-lg" label="联系人" />
+            class="col-6 q-pb-lg" label="联系人" />
           <q-input filled stack-label maxlength="25" :dense="false" v-model="addMsg.LinkTel" ref="LinkTel"
             class="col-6 q-pr-lg q-pb-lg" label="联系电话" />
           <q-input filled stack-label maxlength="100" :dense="false" v-model="addMsg.LinkAddress" ref="LinkAddress"
-            class="col-6 q-pr-lg q-pb-lg" label="地址" />
-          <q-input filled stack-label maxlength="200" :dense="false" v-model="addMsg.Remark" ref="Remark"
-            class="col-6 q-pr-lg q-pb-lg" label="备注" />
+            class="col-6 q-pb-lg" label="地址" />
+          <q-input filled stack-label :dense="false" maxlength="200" v-model="addMsg.Remark" type="textarea"
+            class="col-12" label="备注" />
         </div>
       </q-card-section>
       <q-separator />
@@ -95,6 +95,8 @@
       },
       //保存供应商
       saveInfo() {
+        this.$refs.Name.validate();
+        if (!this.$refs.Name.hasError) {
           this.saveLoading = true;
           saveSupplier(this.addMsg).then(res => {
             this.saveLoading = false
@@ -111,5 +113,6 @@
         }
       }
     }
+  }
 
 </script>