no message

src/components/car/orderPreview.vue

@@ -108,10 +108,12 @@ export default {
     price: {
       handler(n, o) {
         this.p = n;
+        console.log(n,'-----')
         this.chosenObj.startDate = n.startDate;
         this.calcMoney()
       },
       deep: true,
+      immediate: true
     },
     CarTypeList: {
       handler(n, o) {

src/components/trip/orderPreview.vue

@@ -273,6 +273,7 @@ export default {
         this.calcMoney()
       },
       deep: true,
+      immediate: true,
     },
   },
   data() {

src/pages/detailsCar.vue

@@ -277,15 +277,19 @@
             <template v-if="currentPrice && currentPrice.startDate">
               <order-preview
                 class="q-pa-md"
+                :configId="msg.configId"
+                :Month="currentYM.str"
+                :CarTypeList="dataList.CarTypeList"
                 :price="currentPrice"
                 @reset="resetHandler"
+                @getPriceList="getPriceList"
               ></order-preview>
             </template>
           </div>
           <!--方案选择区 -->
-          <div class="text-h6 q-pt-lg" v-if="$q.platform.is.mobile">
+          <!-- <div class="text-h6 q-pt-lg" v-if="$q.platform.is.mobile">
             所選方案詳情
-          </div>
+          </div> -->
           <div
             class="bg-white rounded-borders q-mt-md"
             v-if="priceList && priceList.length > 0"
@@ -385,7 +389,9 @@
       <div
         :class="{ 'col-8': $q.platform.is.desktop, col: $q.platform.is.mobile }"
       >
-        <div id="product">产品介绍</div>
+        <div id="product" :class="{
+          'q-px-md': $q.screen.width < 1220 && $q.platform.is.mobile,
+        }">產品介紹</div>
         <div
           class="q-mt-md q-pb-xl"
           ref="diyContext"