页面修改

src/pages/Search.vue

@@ -542,17 +542,21 @@
       font-size: 28px;
     }
   }
+
   .SearchMain .q-field__control {
     height: 46px;
   }
-  .SearchMain .q-field__control{
-    min-height:46px!important;
+
+  .SearchMain .q-field__control {
+    min-height: 46px !important;
   }
-  .SearchMain .q-field__native{
-    min-height:46px;
+
+  .SearchMain .q-field__native {
+    min-height: 46px;
   }
-  .SearchMain .q-field__marginal{
-    height:46px;
+
+  .SearchMain .q-field__marginal {
+    height: 46px;
   }
 
 </style>
@@ -562,7 +566,7 @@
       <!-- 电脑端 -->
       <div class="row SearchContent" v-if="!$q.screen.xs">
         <div class="col-3">
-          <q-input filled id="search_key" v-model="searchKey" class="bg-grey-1" style="margin-right:10px;"
+          <q-input filled id="search_key" v-model="qMsg.searchKey" class="bg-grey-1" style="margin-right:10px;"
             :label="$t('search')" @focus="searchFocusHandler" @blur="searchBlurHandler" @keyup="searchChangeHandler" />
         </div>
         <div class="col-2">
@@ -570,7 +574,7 @@
             <template v-slot:append>
               <q-icon name="event" class="cursor-pointer">
                 <q-popup-proxy ref="qStartDateProxy" transition-show="scale" transition-hide="scale">
-                  <q-date v-model="qMsg.startDate"  @input="() => $refs.qStartDateProxy.hide()" />
+                  <q-date v-model="qMsg.startDate" @input="() => $refs.qStartDateProxy.hide()" />
                 </q-popup-proxy>
               </q-icon>
             </template>
@@ -578,11 +582,11 @@
         </div>
         <div class="Search_Zhi">至</div>
         <div class="col-2">
-          <q-input filled v-model="endDate" mask="date">
+          <q-input filled v-model="qMsg.endDate" mask="date">
             <template v-slot:append>
               <q-icon name="event" class="cursor-pointer">
                 <q-popup-proxy ref="qDateProxy" transition-show="scale" transition-hide="scale">
-                  <q-date v-model="endDate" @input="() => $refs.qDateProxy.hide()" />
+                  <q-date v-model="qMsg.endDate" @input="() => $refs.qDateProxy.hide()" />
                 </q-popup-proxy>
               </q-icon>
             </template>
@@ -594,8 +598,8 @@
         <div class="col-2" style="margin-left:10px;">
           <span style="margin-top:15px;display:inline-block;cursor:pointer;" @click="fullHeight = true">更多篩選條件</span>
         </div>
-        <div v-show="showSplitPannel" id="sb" style="z-index:999" transition-show="fade" elevated transition-hide="scale"
-          class="showbox row">
+        <div v-show="showSplitPannel" id="sb" style="z-index:999" transition-show="fade" elevated
+          transition-hide="scale" class="showbox row">
           <div style="width:180px;">
             <q-scroll-area :thumb-style="thumbStyle" :bar-style="barStyle" style="height: 100%;">
               <q-list>
@@ -798,8 +802,8 @@
         <div class="moreTiaojiao">更多篩選條件</div>
         <div class="full_listDiv" style="padding-bottom:0">
           <span>價格：</span>
-          <q-input class="full_price" v-model="price1" filled autogrow />
-          <q-input class="full_price" v-model="price2" filled autogrow />
+          <q-input class="full_price" v-model="qMsg.minPrice" filled autogrow />
+          <q-input class="full_price" v-model="qMsg.maxPrice" filled autogrow />
         </div>
         <div class="full_listDiv">
           <div class="full_title">天數</div>
@@ -853,7 +857,7 @@
             </div>
           </div>
           <div v-show="tab=='kw'" class="q-mb-md">
-            <q-input filled id="search_key" v-model="searchKey" class="bg-grey-1" :label="$t('search')" />
+            <q-input filled id="search_key" v-model="qMsg.searchKey" class="bg-grey-1" :label="$t('search')" />
           </div>
           <div class="q-mb-md row">
             <div class="col">
@@ -901,19 +905,13 @@
     },
     data() {
       return {
-        searchKey: '',
-        startDate: '',
-        endDate: '',
         priceSort: 1,
-
-        price1: '',
-        price2: '',
         dayNum: ['11天'],
         flight: ['长荣'],
         StartWeek: ['星期一'],
-
         showSplitPannel: false,
         fullHeight: false,
+        //地区样式
         thumbStyle: {
           right: "4px",
           borderRadius: "5px",
@@ -921,6 +919,7 @@
           width: "5px",
           opacity: 0.75
         },
+        //地区样式
         barStyle: {
           right: "2px",
           borderRadius: "9px",
@@ -928,9 +927,9 @@
           width: "9px",
           opacity: 0.2
         },
+        //地区数据
         areas: [],
         crtAreaIndex: 0,
-
         navs: [{
           label: '依推薦程度',
           value: 1
@@ -979,12 +978,12 @@
           companyId: 0,
           startDate: "", //开始日期
           endDate: "", //结束日期
-          lineId: 0,//线路编号
-          lineTeamId: 0,//系列编号
-          minPrice: -1,//最低价格
-          maxPrice: -1,//最高价格
-          minTripDay: -1,//最低行程条数
-          maxTripDay: -1,//最高行程天数
+          lineId: 0, //线路编号
+          lineTeamId: 0, //系列编号
+          minPrice: -1, //最低价格
+          maxPrice: -1, //最高价格
+          minTripDay: -1, //最低行程条数
+          maxTripDay: -1, //最高行程天数
           orderByDate: 0,
           orderByPrice: 0,
           orderBySales: 0,
@@ -993,7 +992,6 @@
           priceOrderByField: 4,
           searchKey: "",
           startCityId: 0,
-
         },
       };
     },
@@ -1022,7 +1020,7 @@
         );
       },
       searchFocusHandler() {
-        if (this.searchKey == "") {
+        if (this.qMsg.searchKey == "") {
           setTimeout(() => {
             this.showSplitPannel = true;
           }, 200);
@@ -1032,7 +1030,7 @@
 
       },
       searchChangeHandler() {
-        if (this.searchKey == "") {
+        if (this.qMsg.searchKey == "") {
           this.showSplitPannel = true;
         } else {
           this.showSplitPannel = false;
@@ -1046,24 +1044,22 @@
           this.showSplitPannel = false;
         }
       },
-
       chosenAreaHandler() {
-        this.searchKey = name;
+        this.qMsg.searchKey = name;
         this.showSplitPannel = false;
       },
       goSearchHandler() {
-        if (this.searchKey == "") {
-          this.$q.notify({
-            color: "negative",
-            textColor: "#FFF",
-            icon: "report_problem",
-            message: "尊敬的客人，請選擇一個目的地吧",
-            position: "top",
-            timeout: 3000
-          });
-        }
-      }
+        this.apipost(
+          "b2b_get_GetB2BTravelPageList", this.qMsg,
+          res => {
+            console.log("res", res.data);
+            if (res.data.resultCode == 1) {
 
+            }
+          },
+          err => {}
+        );
+      }
     }
   };