no message

src/pages/stuMan/components/appointmentForm.vue

@@ -12,17 +12,21 @@
           <template v-slot:append>
             <q-icon name="event" class="cursor-pointer">
               <q-popup-proxy ref="qDateProxy1" transition-show="scale" transition-hide="scale">
-                <q-date v-model="postMsg.Date" @input="() => $refs.qDateProxy1.hide()" />
+                <q-date v-model="postMsg.Date" @input="() => $refs.qDateProxy1.hide()"
+               :rules="[val => !!val || '请选择预约日期']"
+                  />
               </q-popup-proxy>
             </q-icon>
           </template>
         </q-input>
-        <q-select filled stack-label option-value="Id" option-label="Name" v-model="postMsg.chooseTime" ref="Sort"
-          :options="TimeList" label="预约时段" :dense="false" emit-value map-options class="col-6 q-pr-lg q-pb-lg">
+        <q-select filled stack-label option-value="Id" option-label="Name" v-model="postMsg.chooseTime" 
+        ref="Sort" :options="TimeList" label="预约时段" :dense="false" emit-value map-options class="col-6 q-pr-lg q-pb-lg"
+          :rules="[val => !!val || '请选择预约时段']">
         </q-select>
 
         <q-select filled stack-label use-input option-value="StuId" option-label="StuName" v-model="postMsg.StuId"
           ref="StuId" :options="StuList" label="学员" :dense="false" emit-value map-options class="col-6 q-pr-lg q-pb-lg"
+          :rules="[val => !!val || '请选择学员']"
           @filter="filterStu">
         </q-select>
       </q-card-section>
@@ -129,7 +133,33 @@
 
       //保存预约信息
       saveAppointment() {
-
+        this.$refs.qDateProxy1.hide();
+        this.$refs.Sort.validate();
+        this.$refs.StuId.validate();
+        if (!this.postMsg.Date) {
+          this.$q.notify({
+            type: 'negative',
+            position: "top",
+            message: `请选择预约日期`
+          })
+          return;
+        }
+        if (!this.postMsg.chooseTime) {
+          this.$q.notify({
+            type: 'negative',
+            position: "top",
+            message: `请选择预约时段`
+          })
+          return;
+        }
+        if (!this.postMsg.StuId) {
+          this.$q.notify({
+            type: 'negative',
+            position: "top",
+            message: `请选择学员`
+          })
+          return;
+        }
         if (this.postMsg.chooseTime && this.postMsg.chooseTime > 0) {
           let chooseTime = this.TimeList.find(x => x.Id == this.postMsg.chooseTime);
           if (chooseTime) {