修改

src/components/sale/editOrder-form.vue

+<style>
+  .editOrderDrawerTop {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    justify-content: space-between;
+    background-color: #f0f5fb;
+    padding: 5px 10px;
+    align-items: center;
+  }
+</style>
+
 <!--订单操作-->
 <template>
   <q-dialog v-model="IsShowEditOrder" maximized full-height seamless position="right">
     <q-card style="margin-top:61px;width:500px" class="no-border-radius classinfo_Dialog">
-      <div class="drawerTop">
-        <div style="display:flex;align-items:center;margin:20px 0 0 10px;">
+      <div class="editOrderDrawerTop">
+        <div style="display:flex;align-items:center;margin-left:10px;">
           <span class="drawer_Span">{{OrderMsg.OrderId>0?"修改订单":"立即下单"}}</span>
         </div>
       </div>
@@ -12,10 +24,10 @@
           @input="countPrice" class="col-12" label="人数" :rules="[val => !!val || '请填写人数']"
           :disable="modityOrderType==2" />
         <template v-if="isChaBan==1">
-          <q-select standout="bg-primary text-white" option-value="CourseId" option-label="CourseName"
-            v-model="OrderMsg.CourseId" :options="CourseList" emit-value map-options class="q-pb-lg" label="选择课程"
+          <q-select filled option-value="CourseId" option-label="CourseName" ref="CourseId"
+            v-model="OrderMsg.CourseId" :options="CourseList" emit-value map-options class="q-pb-lg" :rules="[val => !!val || '请选择课程']" label="选择课程"
             @input="changePrice" />
-          <q-input filled stack-label :dense="false" v-model="OrderMsg.StartClassHours" @blur="countPrice"
+          <q-input filled stack-label :dense="false" v-model="OrderMsg.StartClassHours" ref="StartClassHours" @blur="countPrice"
             class="col-12" label="起始课时" :rules="[val => !!val || '请填起始课时']" />
         </template>
         <template v-if="modityOrderType==1">
@@ -131,7 +143,7 @@
           OrderNature: 1, //订单性质
           OldPreferPrice: 0, //原实际应收
           IsChaBan: 0, //是否插班报入(1-是)
-          CourseId: 0, //课程编号
+          CourseId: '', //课程编号
           StartClassHours: 0, //已上课时
         },
         IsShowUpPrice: false, //是否显示高于定价
@@ -232,7 +244,7 @@
           this.OrderMsg.OrderNature = 0;
           this.OrderMsg.OldPreferPrice = 0;
           this.OrderMsg.GuestNum = 1;
-          this.OrderMsg.CourseId = 0;
+          this.OrderMsg.CourseId = '';
           this.OrderMsg.StartClassHours = 0;
           this.OrderMsg.IsChaBan = this.isChaBan;
           this.OrderMsg.OrderType = this.orderType;
@@ -321,6 +333,13 @@
             this.OrderMsg.PreferPrice = (this.OrderMsg.GuestNum * this.OrderMsg.Unit_Price) - this.OrderMsg.LessPrice;
           }
         }
+        if(this.isChaBan==1){
+          this.$refs.CourseId.validate();
+          this.$refs.StartClassHours.validate();
+          if(this.$refs.CourseId.hasError||this.$refs.StartClassHours.hasError){
+              return;
+          }
+        }
         setClassOrder(this.OrderMsg).then(res => {
           if (res.Code == 1) {
             this.$q.notify({

src/components/sale/orderlist.vue

@@ -709,7 +709,7 @@
     </div>
     <!--修改课程订单-->
     <editorder-form v-if="isShowEditOrderForm" :save-obj="orderObj" :orderType="orderObj.OrderType"
-      @close="closeOrderSaveForm" @success="refreshOrder" :modityOrderType="newModityOrderType">
+      @close="closeOrderSaveForm" @success="refreshOrder" :isChaBan="isChaBan" :modityOrderType="newModityOrderType">
     </editorder-form>
 
     <!--修改留学就业订单-->
@@ -862,6 +862,7 @@
         isShowReward: false, // 是否可以修改额外金额
         isEditOrder: false, //是否有【总经理】修改订单但权限
         newModityOrderType: 0,
+        isChaBan: 0, //是否插班(0-正常报入，1-插班报入)
       }
     },
     created() {
@@ -1098,7 +1099,8 @@
         } else { //留学就业订单
           this.isShowStudyOrderForm = true;
         }
-
+        this.isChaBan = item.IsChaBan;
+        console.log(item,'item');
       },
       //刷新页面
       refreshOrder() {