Skip to content

M
million
Commit eb449d0c authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 1fd59047
Hide whitespace changes
Inline Side-by-side
Showing with 136 additions and 64 deletions
src/components/searchdata/list.vue
View file @ eb449d0c
<template>
<!-- 模式二 -->
<div class="wl-section-block search-content">
<div class="search-filter-aside">
<div class="search-header">
篩選項目
<span class="clear-filter">清除所有篩選</span>
</div>
<div class="search-body">
<div class="search-type">
<div class="search-title">
價格
<span class="clear-filter">清除篩選</span>
</div>
<div style="width:100%;height:57px;">
</div>
<div class="range-text">
<div class="min">50,900</div>
<div class="max">50,900</div>
</div>
</div>
<div class="search-type">
<div class="search-title">
天數
<span class="clear-filter">清除篩選</span>
</div>
<q-checkbox right-label v-model="dayNum" label="11天" />
</div>
<div class="search-type">
<div class="search-title">
出發機場
<span class="clear-filter">清除篩選</span>
</div>
</div>
<div class="search-type">
<div class="search-title">
主要航班
<span class="clear-filter">清除篩選</span>
</div>
<q-checkbox right-label v-model="flight" label="長榮" />
</div>
<div class="search-type">
<div class="search-title">
主要航班
<span class="clear-filter">清除篩選</span>
</div>
<div class="q-gutter-sm">
<q-checkbox v-model="StartWeek" v-for="(item,index) in weekList" val="teal" :label="item.label" :key="index"
color="teal" />
</div>
</div>
</div>
</div>
<div class="group-result-list">
<div class="group-statis-block">
<div class="group-share"></div>
......@@ -98,7 +47,7 @@
</div>
</div>
</div>
</div>
</template>
<script>
export default {
......
src/pages/Search.vue
View file @ eb449d0c
......@@ -644,8 +644,63 @@
<searchBlock :DataList="DataList" :PageCount="PageCount"></searchBlock>
</template>
<template v-else>
<!--列表-->
<searchList :DataList="DataList" :PageCount="PageCount"></searchList>
<div class="wl-section-block search-content">
<div class="search-filter-aside">
<div class="search-header">
篩選項目
<span class="clear-filter">清除所有篩選</span>
</div>
<div class="search-body">
<div class="search-type">
<div class="search-title">
價格
<span class="clear-filter">清除篩選</span>
</div>
<div style="width:100%;height:57px;">
</div>
<div class="range-text">
<div class="min">50,900</div>
<div class="max">50,900</div>
</div>
</div>
<div class="search-type">
<div class="search-title">
天數
<span class="clear-filter">清除篩選</span>
</div>
<q-checkbox right-label v-model="dayNum" v-for="(item,index) in dayArray" :label="item.text"
:key="index" :val="item.id" />
</div>
<div class="search-type">
<div class="search-title">
出發機場
<span class="clear-filter">清除篩選</span>
</div>
</div>
<div class="search-type">
<div class="search-title">
主要航班
<span class="clear-filter">清除篩選</span>
</div>
<q-checkbox right-label v-model="flight" label="長榮" />
</div>
<div class="search-type">
<div class="search-title">
主要航班
<span class="clear-filter">清除篩選</span>
</div>
<div class="q-gutter-sm">
<q-checkbox v-model="WeekDay" v-for="(item,index) in weekList" :val="item.value" :label="item.label"
:key="index" color="teal" />
</div>
</div>
</div>
</div>
<!--列表-->
<searchList :DataList="DataList" :PageCount="PageCount"></searchList>
</div>
</template>
<!-- 手机端 -->
......@@ -673,7 +728,8 @@
<div class="full_listDiv">
<div class="full_title">天數</div>
<div class="q-gutter-sm">
<q-checkbox right-label v-model="dayNum" label="11天" />
<q-checkbox right-label v-model="dayNum" v-for="(item,index) in dayArray" :label="item.text" :key="index"
:val="item.id" />
</div>
</div>
<div class="full_listDiv">
......@@ -685,13 +741,13 @@
<div class="full_listDiv">
<div class="full_title">出發星期</div>
<div class="q-gutter-sm">
<q-checkbox v-model="StartWeek" v-for="(item,index) in weekList" val="teal" :label="item.label" :key="index"
color="teal" />
<q-checkbox v-model="WeekDay" v-for="(item,index) in weekList" :val="item.value" :label="item.label"
:key="index" color="teal" />
</div>
</div>
<div class="full_btndiv">
<q-btn color="white" style="width:49%" text-color="black" label="清除" />
<q-btn color="primary" style="width:49%" label="套用222" v-close-popup @click="goSearchHandler" />
<q-btn color="primary" style="width:49%" label="套用" v-close-popup @click="goSearchHandler" />
</div>
</q-card>
</q-dialog>
......@@ -757,10 +813,8 @@
</div>
</div>
</popup>
</div>
</template>
<script>
import popup from "../components/props/index";
import searchBlock from "../components/searchdata/block";
......@@ -774,9 +828,66 @@
data() {
return {
sortNum: 1, //排序
dayNum: ['11天'],
dayNum: [], //天数
WeekDay: [],
//天数数组
dayArray: [{
id: 1,
min: 1,
max: 1,
text: '1天'
},
{
id: 2,
min: 2,
max: 2,
text: '2天'
},
{
id: 3,
min: 3,
max: 3,
text: '3天'
},
{
id: 4,
min: 4,
max: 4,
text: '4天'
},
{
id: 5,
min: 5,
max: 5,
text: '5天'
},
{
id: 6,
min: 6,
max: 6,
text: '6天'
},
{
id: 7,
min: 7,
max: 8,
text: '7-8天'
},
{
id: 8,
min: 9,
max: 10,
text: '9-10天'
},
{
id: 9,
min: 10,
max: null,
text: '10天以上'
}
],
flight: ['长荣'],
StartWeek: ['星期一'],
showSplitPannel: false,
fullHeight: false,
//地区样式
......@@ -821,6 +932,9 @@
value: 7
}],
weekList: [{
label: '星期日',
value: 0
}, {
label: '星期一',
value: 1
}, {
......@@ -829,6 +943,15 @@
}, {
label: '星期三',
value: 3
}, {
label: '星期四',
value: 4
}, {
label: '星期五',
value: 5
}, {
label: '星期六',
value: 6
}],
showPopup: false,
tab: "dest",
......@@ -979,7 +1102,7 @@
endDate: this.qMsg.endDate,
orderByDate: this.sortNum == 4 ? 1 : (this.sortNum == 5 ? 2 : 0),
orderByPrice: this.sortNum == 2 ? 1 : (this.sortNum == 3 ? 2 : 0),
orderByDay:this.sortNum == 6 ? 1 : (this.sortNum == 7 ? 2 : 0),
orderByDay: this.sortNum == 6 ? 1 : (this.sortNum == 7 ? 2 : 0),
priceOrderByField: 4,
companyId: 0,
orderBySales: 0,
......
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