修改

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,19 +95,22 @@
       },
       //保存供应商
       saveInfo() {
-        this.saveLoading = true;
-        saveSupplier(this.addMsg).then(res => {
-          this.saveLoading = false
-          this.$q.notify({
-            icon: 'iconfont icon-chenggong',
-            color: 'accent',
-            timeout: 2000,
-            message: '数据保存成功！',
-            position: 'top'
+        this.$refs.Name.validate();
+        if (!this.$refs.Name.hasError) {
+          this.saveLoading = true;
+          saveSupplier(this.addMsg).then(res => {
+            this.saveLoading = false
+            this.$q.notify({
+              icon: 'iconfont icon-chenggong',
+              color: 'accent',
+              timeout: 2000,
+              message: '数据保存成功！',
+              position: 'top'
+            })
+            this.$emit("success");
+            this.closeSaveForm();
           })
-          this.$emit("success");
-          this.closeSaveForm();
-        })
+        }
       }
     }
   }