1

src/components/school/student/transfer-order.vue

-div<template>
+<template>
   <q-dialog
     v-model="persistent"
     persistent
@@ -115,14 +115,16 @@ div<template>
           </q-step>
           <q-step :name="2" title="确认" icon="settings" :done="step > 2">
             <orderForm
+                ref="orderForm"
               :save-obj="saveObj"
               :stuData="stuData"
               :isChaBan="isChaBan"
+              @success="$emit('close')"
             ></orderForm>
           </q-step>
         </q-stepper>
       </q-card-section>
-      <q-card-actions align="right" class="bg-white q-mx-md">
+      <q-card-actions align="right" class="bg-white q-mx-md ">
         <q-btn
           label="取消"
           flat
@@ -137,7 +139,7 @@ div<template>
           v-if="step > 1"
         />
         <q-btn @click="next" color="primary" label="下一步" v-if="step < 2" />
-        <!-- <q-btn label="保存" color="primary" @click="" v-if="step == 2" /> -->
+        <q-btn label="保存" color="primary" @click="saveOrderForm" v-if="step == 2" />
       </q-card-actions>
     </q-card>
   </q-dialog>
@@ -373,8 +375,16 @@ export default {
     resetSearch() {
       this.courseMsg.pageIndex = 1;
       this.getCourseList();
+    },
+    saveOrderForm(){
+        this.$refs.orderForm.saveOrderInfo()
     }
   }
 };
 </script>
-<style scoped></style>
+<style scoped>
+    /deep/.el-input__inner{
+        background-color: transparent;
+        border:none;
+    }
+</style>

src/components/school/student/transfer-order/order-form.vue

@@ -19,7 +19,8 @@
           }}</span>
         </div>
       </div> -->
-    <div class="row">
+    <div class="row q-mb-md">
+      <div class="col-10">
         <div v-for="(item, index) in stuData.StuList">
           <q-chip icon="person" class="primary"
             >{{ item.StuName }}
@@ -27,6 +28,10 @@
           </q-chip>
         </div>
       </div>
+      <div class="col-2">
+        <q-toggle v-model="isChaBan" :true-value="1"  :false-value='0' label="插班报入" />
+      </div>
+    </div>
     <div style="row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <q-input
@@ -69,7 +74,6 @@
             @input="calcPrice()"
             class="col-6"
             label="起始课时"
-            :rules="[val =>!!val&&val<0 || '请填起始课时']"
           />
           <q-input
             filled
@@ -335,17 +339,16 @@
           class="col-12"
           label="备注"
         />
-        <!-- ?? -->
       </div>
 
-      <div style="margin:30px 10px 70px 0;" class="flex justify-end">
+      <!-- <div style="margin:30px 10px 70px 0;" class="flex justify-end savebtn">
         <q-btn
           color="accent"
           class="q-mr-md"
           label="保存"
           @click="saveOrderInfo()"
         />
-      </div>
+      </div> -->
     </div>
 
     <div
@@ -398,6 +401,7 @@ export default {
   data() {
     return {
       IsShowEditOrder: true,
+      
       OrderMsg: {
         ClassId: 0, //班级编号
         GuestNum: 0, //人数
@@ -906,3 +910,10 @@ export default {
   }
 };
 </script>
+<style>
+.savebtn {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+</style>