修改

src/App.vue

@@ -266,7 +266,7 @@ button.bg-accent:active{
     content: ' ';
 }*/
 .left-menu-box a.q-item.q-link{
-    margin:0 16px;
+    margin:0 13px;
     min-height: 32px !important;
     border-radius: 4px !important;
 }

src/components/studyAbroad/studyAbroad-form.vue

@@ -9,13 +9,13 @@
         <div class="row wrap">
           <q-input filled stack-label maxlength="30" :dense="false" v-model="objOption.Name" ref="Name"
             class="col-6 q-pr-lg q-pb-lg" label="项目名称" :rules="[val => !!val || '项目名称']" />
-          <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.SupplierId" ref="Type"
-            :options="supplierList" label="供应商" :dense="false" class="col-6 q-pb-lg" emit-value map-options />
+          <q-select filled stack-label option-value="Id" option-label="Name" v-model="objOption.SupplierId" ref="SupplierId"
+            :options="supplierList" label="供应商" :dense="false" :rules="[val => !!val || '请选择供应商']" class="col-6 q-pb-lg" emit-value map-options />
         </div>
         <div class="row wrap">
           <div class="col-6">
             <q-select filled stack-label option-value="SId" option-label="SName" v-model="objOption.School_Id"
-              ref="School_Id" :options="SchoolList" label="所属校区" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value
+              ref="School_Id" :options="SchoolList" label="所属校区" :rules="[val => !!val || '请选择所属校区']" :dense="false" class="col-6 q-pr-lg q-pb-lg" emit-value
               map-options />
             <div class="col-6">
               <a v-if="objOption.SupplierContract&&isHaveViewContractAction"
@@ -185,19 +185,24 @@
         //   })
         //   return;
         // }
-        this.saveLoading = true;
-        saveStudyAbroad(this.objOption).then(res => {
-          this.saveLoading = false
-          this.$q.notify({
-            icon: 'iconfont icon-chenggong',
-            color: 'accent',
-            timeout: 2000,
-            message: '数据保存成功！',
-            position: 'top'
+        this.$refs.Name.validate();
+        this.$refs.SupplierId.validate();
+        this.$refs.School_Id.validate();
+        if (!this.$refs.Name.hasError&&!this.$refs.SupplierId.hasError&&!this.$refs.School_Id.hasError) {
+          this.saveLoading = true;
+          saveStudyAbroad(this.objOption).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();
-        })
+        }
       },
       //获取下拉框数据
       getStudyAbroadList() {

src/layouts/MainLayout.vue

@@ -45,7 +45,7 @@
               <template v-for="(x,i) in secondNavs">
                 <q-item :to="x.MenuUrl" clickable v-ripple :active="currentPath==x.MenuUrl" v-if="x.SubList.length==0"
                   :key="i">
-                  <q-item-section avatar>
+                  <q-item-section avatar style="min-width:30px;">
                     <q-icon :name="x.MenuIcon" size="20px" />
                   </q-item-section>
                   <q-item-section>{{x.MenuName}}</q-item-section>
@@ -53,7 +53,7 @@
                 <q-expansion-item  v-else :label="x.MenuName">
                   <q-item :to="y.MenuUrl" clickable v-ripple :active="currentPath==y.MenuUrl"
                     v-for="(y, yi) in x.SubList" :key="yi">
-                    <q-item-section avatar style="padding-right:0;min-width:40px;">
+                    <q-item-section avatar style="padding-right:0;min-width:30px;">
                       <q-icon :name="y.MenuIcon" size="20px" />
                     </q-item-section>
                     <q-item-section>{{y.MenuName}}</q-item-section>