页面修改

src/components/schedul/appoint-form.vue

@@ -13,7 +13,7 @@
   }
 
   .time-select {
-    z-index: 9999!important;
+    z-index: 9999 !important;
   }
 
 </style>
@@ -47,23 +47,22 @@
         </div>
         <q-input v-model="addMsg.content" class="q-pb-lg" filled type="textarea" placeholder="主讲内容" />
         <div style="display:flex;align-items:center;">
-          <q-select filled stack-label option-value="TId" style="width:90%" option-label="TeacherName" v-model="addMsg.teacher"
-            ref="Teacher_Id" :options="TeacherList" label="教师团队" :dense="false" class="col-6 q-pb-lg" emit-value
-            map-options multiple />
+          <q-select filled stack-label option-value="TId" style="width:90%" option-label="TeacherName"
+            v-model="addMsg.teacher" ref="Teacher_Id" :options="TeacherList" label="教师团队" :dense="false"
+            class="col-6 q-pb-lg" emit-value map-options multiple />
           <div style="margin:-20px 0 0 9px" @click="isShowTeacher=true">选择</div>
         </div>
         <q-select filled stack-label option-value="RoomId" option-label="RoomName" v-model="addMsg.ClassRoomId"
-          ref="ClassRoomId" :options="ClassRoomList" 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="addMsg.customer"
-          ref="customer" :options="customerList" label="客户" :dense="false" class="col-6 q-pb-lg"
-          emit-value map-options />
+          ref="ClassRoomId" :options="ClassRoomList" 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="addMsg.customer" ref="customer"
+          :options="customerList" label="客户" :dense="false" class="col-6 q-pb-lg" emit-value map-options />
         <q-input v-model="addMsg.remark" class="q-pb-lg" filled type="textarea" placeholder="备注" />
       </div>
       <q-card-actions align="right" class="bg-white">
         <q-btn label="取消" flat color="grey-10" size="sm" style="font-weight:400 !important" @click="closeAppointForm" />
-        <q-btn label="保存" color="accent q-px-md" size="sm" style="font-weight:400 !important" :loading="saveAppointLoading"
-          @click="saveAppointForm" />
+        <q-btn label="保存" color="accent q-px-md" size="sm" style="font-weight:400 !important"
+          :loading="saveAppointLoading" @click="saveAppointForm" />
       </q-card-actions>
     </q-card>
     <div class="dialog-out-close" @click="closeAppointForm"
@@ -82,7 +81,10 @@
   import auditionForm from '../schedul/audition-form'
   export default {
     props: {
-
+      saveObj: {
+        type: Object,
+        default: null
+      }
     },
     components: {
       auditionForm
@@ -92,25 +94,26 @@
         persistent: true,
         loading: false,
         addMsg: {
-          date: '', //日期
-          time: '', //时间
-          content: '', //主讲内容
-          teacher: '', //教师
-          ClassRoomId: '', //教室
-          customer: '', //客户
-          remark: '' //备注
+          Id: 0, //编号
+          Visitor_Id: 0, //访客编号
+          ReserveClassId: 0, //选中的班级编号
+          ClassDate: "", //预约日期
+          ClassTime: "", //预约时间
+          TeacherId: 0, //教师编号
+          ClassRoomId: 0, //教室编号
+          ClassContent: "", //主讲内容
         },
         TeacherList: [], //教师
         ClassRoomList: [], //教室
-        customerList:[{
-          Name:'张三',
-          Id:1
-        },{
-          Name:'李四',
-          Id:2
+        customerList: [{
+          Name: '张三',
+          Id: 1
+        }, {
+          Name: '李四',
+          Id: 2
         }],
-        saveAppointLoading:false,
-        isShowTeacher:false, //显示选择框
+        saveAppointLoading: false,
+        isShowTeacher: false, //显示选择框
       }
     },
     created() {
@@ -125,8 +128,8 @@
         this.persistent = false;
         this.$emit('close');
       },
-      closeAuditForm(){
-        this.isShowTeacher=false;
+      closeAuditForm() {
+        this.isShowTeacher = false;
       },
       //获取教师下拉
       GetTeacherList() {
@@ -150,7 +153,7 @@
         })
       },
       //保存
-      saveAppointForm(){
+      saveAppointForm() {
 
       }
     }