no message

src/components/orderCommon/order-form2.vue

 <style scoped>
+  .coupon-form{
+    border-radius: 24px;
+    background: #d1d1d1;
+    overflow: hidden;
+    display: flex;
+    text-align: center;
+  }
+  .coupon-left{
+    flex-grow: 1;
+    background: #EE727D;
+    color: #fff;
+    padding: 10px 10px;
+    font-size: 14px;
+  }
+  .coupon-left p:first-child{
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .coupon-right{
+    width: 150px;
+    flex-shrink: 0;
+    padding: 10px 10px;
+    font-size: 14px;
+  }
+  .coupon-right span{
+    color: #000;
+  }
+  .coupon-right p:first-child{
+    font-size: 18px;
+    font-weight: bold;
+  }
   .commonOrderForm {
     position: fixed;
     left: 0;
@@ -89,7 +120,7 @@
         <el-col :span="4" v-if="pagesTitle != '当地游产品'">
           <!-- 参团类型 -->
           <el-form-item :label="$t('fnc.ctleixing')" prop="GroupType">
-            <el-select v-model="addMsg.GroupType" @change="changeGroupType(addMsg.GroupType)" filterable
+            <el-select v-model="addMsg.GroupType" @change="changeGroupType(addMsg.GroupType),GetAutoCouponOrder()" filterable
               :placeholder="$t('pub.pleaseSel')">
               <el-option v-for="item in joinTypeList" :label="item.Name" :value="item.Id" :key="item.Id">
               </el-option>
@@ -122,7 +153,7 @@
           <!--同行Id-->
           <el-form-item :label="$t('salesModule.CustomerStore')" prop="CustomerId">
             <el-select v-model="addMsg.CustomerId" filterable :placeholder="$t('pub.pleaseSel')"
-              @change="changeCustomer">
+              @change="changeCustomer(),GetAutoCouponOrder()">
               <el-option v-for="(item, index) in customerList" :label="item.customerName + '-' + item.contact"
                 :value="item.customerId" :key="index">
               </el-option>
@@ -263,6 +294,29 @@
             </p>
           </el-form-item>
         </el-col>
+        <el-col :span="4" v-if="couponData">
+          <div class="coupon-form">
+            <div class="coupon-left">
+              <p>
+                {{couponData.Denomination}}
+                <span style="font-size: 16px;font-weight: bold;">元</span>
+              </p>
+              <p>
+                <span>满</span>
+                {{couponData.UseCondition}}
+                <span style="font-size: 16px;font-weight: bold;">元</span>
+                <span>可用</span>
+              </p>
+            </div>
+            <div class="coupon-right">
+              <p>{{couponData.CouponsName}}</p>
+              <p>
+                <template v-if="couponData.CouponsType==1">抵用券</template>
+                <template v-if="couponData.CouponsType==2">折扣券</template>
+              </p>
+            </div>
+          </div>
+        </el-col>
       </el-row>
       <div style="width: 100%; border-top: 1px dashed #ccc; margin-bottom: 25px"></div>
       <el-row :gutter="20">
@@ -284,7 +338,7 @@
                 getNumber();
                 getHouseNo();
                 getTotalPrice();
-              " @change="getNumGuest"></el-input>
+              " @change="getNumGuest(),GetAutoCouponOrder()"></el-input>
           </el-form-item>
         </el-col>
         <template v-if="pagesTitle == '跟团游产品'">
@@ -361,7 +415,7 @@
                   getHouseNo();
                   getTotalPrice();
                   autoRemarks('OldPeopleNum', '老人人数');
-                "></el-input>
+                " @change="GetAutoCouponOrder()"></el-input>
             </el-form-item>
           </el-col>
         </template>
@@ -911,9 +965,44 @@
         countryList: [], //国籍
         priceObj: {}, //团期价格信息
         crmOrderObj: null,
+        couponData: null,
       };
     },
     methods: {
+      // 大人>=2优惠
+      GetAutoCouponOrder(){
+        this.couponData = null
+        let ChirdNum = Number(this.addMsg.ChirdNum);
+        if (this.addMsg.GroupType == 4) {
+          ChirdNum = 0;
+        }
+        this.addMsg.GuestNum =
+          Number(this.addMsg.ManNum) +
+          ChirdNum +
+          Number(this.addMsg.OldPeopleNum) +
+          Number(this.addMsg.BabyNum) +
+          Number(this.addMsg.AirticketNum);
+        let OrderGuest = this.addMsg.GuestNum-Number(this.addMsg.BabyNum)
+        if(OrderGuest>=2&&(this.addMsg.GroupType==1||this.addMsg.GroupType==2)&&this.addMsg.CustomerId>0){
+          let msg = {
+            TCID:this.productObj.TCID,
+            CustomerId:this.addMsg.CustomerId,
+            OrderId:0,
+            StratDate:this.productObj.StartCityTime,
+            OrderGuest:OrderGuest,
+            lineId:this.priceObj.LineID
+          }
+          this.apipost(
+            "coupon_post_GetAutoCouponOrder", msg,
+            (res) => {
+              if (res.data.resultCode == 1) {
+                this.couponData = res.data.data
+              }
+            }
+          );
+        }
+
+      },
       Transformation(val, type, index) {
         let text = this.pinyin(val, {
           style: this.pinyin.STYLE_NORMAL,
@@ -1957,6 +2046,7 @@
           Number(this.addMsg.OldPeopleNum) +
           Number(this.addMsg.BabyNum) +
           Number(this.addMsg.AirticketNum);
+
         this.addMsg.IsChildrenTour = this.priceObj.IsSupportChildren;
         this.addMsg.IsBirdDiscount = this.priceObj.IsBirdDiscount;
         let url;
@@ -2265,6 +2355,7 @@
         handler(oldValue, newVal) {
           this.clearMsg();
           //this.getTravelPirceInfo();
+          console.log(oldValue,'----------')
           this.addMsg.DepartureCityId = oldValue.StartCityID;
           this.addMsg.ReturnArriveCityId = oldValue.ReturnArriveCityId;
           this.addMsg.GoCityTime = this.starTime = oldValue.StartCityTime;