Commit f81c0b15 authored by 黄奎's avatar 黄奎

页面修改

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