修改

src/components/label_other/diy-form.vue

+<style>
+  .mydiy-form .q-mb-lg{
+    margin-bottom:0;
+  }
+</style>
 <template>
-  <div class="q-mt-lg">
+  <div class="mydiy-form q-mt-lg">
     <div class="form1 section-block">
       <h2 class="block-title q-mb-lg">專人服務</h2>
-      <q-form  class="q-gutter-md">
-        <div class="row q-gutter-xl desktop-only q-mb-lg q-pl-md">
+      <q-form  class="q-gutter-md" ref="myform">
+        <div class="row q-gutter-xl desktop-only q-mb-lg q-pl-md" v-if="!$q.screen.xs">
           <q-input filled v-model="params.Name" label="如何稱呼您" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的稱呼']" />
           <q-input filled v-model="params.Mobile" label="聯絡電話" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的聯絡電話哦']" />
         </div>
-        <div class="row mobile-only q-mb-lg">
+        <div class="row mobile-only q-mb-lg" v-if="$q.screen.xs">
           <q-input filled v-model="params.Name" label="如何稱呼您" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的稱呼']" />
         </div>
-        <div class="row mobile-only q-mb-lg">
+        <div class="row mobile-only q-mb-lg" v-if="$q.screen.xs">
           <q-input filled v-model="params.Mobile" label="聯絡電話" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的聯絡電話哦']" />
         </div>
         <div class="row q-mb-lg">
-          <q-input filled v-model="params.EMail" label="聯絡E-Mail" type="email" class="col" lazy-rules
+          <q-input filled v-model="params.EMail" label="聯絡E-Mail" class="col" lazy-rules
             :rules="[ val => val && val.length > 0 || '請填寫您的聯絡E-Mail哦']" />
         </div>
         <div class="row q-mb-lg">
@@ -71,6 +76,7 @@
                     icon: "cloud_done",
                     message: "提交成功"
                   });
+                  this.$refs.myform.resetValidation();
                 }
               },
               err => {}

src/components/trip/style2.vue

@@ -114,7 +114,7 @@
             </template>
           </li>
           <li style="margin-top:30px;">
-            <q-btn style="width:115px;" type="a" label="立即预定" color="primary" />
+            <q-btn style="width:115px;" type="a" label="立即预定" color="primary" @click="buyNow()" />
           </li>
         </ul>
       </div>
@@ -135,7 +135,9 @@
       this.imgCover = JSON.parse(this.dataList.imgCover);
     },
     methods: {
-
+      buyNow(){
+        this.$emit('showDialog')
+      }
     },
   };
 

src/components/trip/tripcalendar.vue

@@ -352,7 +352,7 @@
               </div>
             </div>
             <div class="trip_BtnDiv">
-              <q-btn style="width:100%;" type="a" label="立即预定" color="primary" />
+              <q-btn style="width:100%;" type="a" label="立即预定" color="primary" @click="buyNow()"/>
             </div>
           </div>
         </div>
@@ -400,6 +400,9 @@
 
     },
     methods: {
+      buyNow(){
+        this.$emit('showDialog')
+      },
       //点击日期
       clickDay(subItem) {
         if (this.monthList && this.monthList.length > 0) {

src/pages/details.vue

@@ -84,6 +84,21 @@
     justify-content: center;
     background: rgba(0, 0, 0, 0.5);
   }
+  .text-h6Detail {
+    text-align: center;
+    padding: 0 20px;
+    font-size: 18px;
+    color: #333;
+    font-weight: 700;
+    position: relative;
+  }
+  .text-h6Detail i {
+    position: absolute;
+    right:20px;
+    top:20px;
+    cursor: pointer;
+    font-size:23px;
+  }
 
 </style>
 <template>
@@ -96,14 +111,14 @@
       <!-- 顶部大图 -->
       <headStyle1 :dataList="dataList" v-if="TripConfig.TripConfig.IsShowBgImg==1"></headStyle1>
       <!-- 行程介绍 -->
-      <headStyle2 :dataList="dataList" id="tour_intro" ref="tour_intro"></headStyle2>
+      <headStyle2 :dataList="dataList" id="tour_intro" ref="tour_intro" @showDialog="showDialog"></headStyle2>
       <template v-for="(item,index) in TripConfig.TripConfig.SortList">
         <!-- 行程資訊 -->
         <!-- TripListStyle 1月历 2列表 -->
         <tripList v-if="item.Id=='TripList'&&TripConfig.TripConfig.TripListStyle==2" :key="index+100"
           :plugData="dataList.priceList"></tripList>
         <tripcalendar v-if="item.Id=='TripList'&&TripConfig.TripConfig.TripListStyle==1" :key="index+200"
-          :dateData="dataList.priceList" :priceInfo="dataList.currentPriceInfo"></tripcalendar>
+          :dateData="dataList.priceList" :priceInfo="dataList.currentPriceInfo" @showDialog="showDialog"></tripcalendar>
         <!-- 每日行程 -->
         <!-- TripDayStyle 1竖起排 2横起 -->
 
@@ -131,6 +146,19 @@
         <a class="scroll-link" :class="{'active':clickIndex==5}" @click="clickIndex=5,goNavList('note')">注意事項</a>
       </div>
     </div>
+    <q-dialog v-model="isShowDialog">
+      <q-card style="width:100%">
+        <div class="text-h6Detail">
+          <i class="iconfont iconbaseline-close-px" @click="isShowDialog=false"></i>
+        </div>
+        <q-separator />
+        <div style="max-height: 600px;padding:20px 30px 30px 30px" class="scroll">
+          <diyForm :TCID="msg.tcid"></diyForm>
+        </div>
+        <q-separator />
+      </q-card>
+    </q-dialog>
+
   </q-page>
 </template>
 <script>
@@ -169,7 +197,8 @@
         TripConfig: {},
         isShowNav: false,
         clickIndex: 1,
-        isLoading: false
+        isLoading: false,
+        isShowDialog:false
       };
     },
     components: {
@@ -199,6 +228,9 @@
       window.addEventListener('scroll', this.menu)
     },
     methods: {
+      showDialog(){
+        this.isShowDialog=true;
+      },
       getData() {
         this.isLoading = true;
         this.apipost('b2b_get_GetB2BTravelInfoV1', this.msg, r => {