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> <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-result-list">
<div class="group-statis-block"> <div class="group-statis-block">
<div class="group-share"></div> <div class="group-share"></div>
...@@ -98,7 +47,7 @@ ...@@ -98,7 +47,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
......
src/pages/Search.vue
View file @ eb449d0c
...@@ -644,8 +644,63 @@ ...@@ -644,8 +644,63 @@
<searchBlock :DataList="DataList" :PageCount="PageCount"></searchBlock> <searchBlock :DataList="DataList" :PageCount="PageCount"></searchBlock>
</template> </template>
<template v-else> <template v-else>
<!--列表--> <div class="wl-section-block search-content">
<searchList :DataList="DataList" :PageCount="PageCount"></searchList> <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> </template>
<!-- 手机端 --> <!-- 手机端 -->
...@@ -673,7 +728,8 @@ ...@@ -673,7 +728,8 @@
<div class="full_listDiv"> <div class="full_listDiv">
<div class="full_title">天數</div> <div class="full_title">天數</div>
<div class="q-gutter-sm"> <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> </div>
<div class="full_listDiv"> <div class="full_listDiv">
...@@ -685,13 +741,13 @@ ...@@ -685,13 +741,13 @@
<div class="full_listDiv"> <div class="full_listDiv">
<div class="full_title">出發星期</div> <div class="full_title">出發星期</div>
<div class="q-gutter-sm"> <div class="q-gutter-sm">
<q-checkbox v-model="StartWeek" v-for="(item,index) in weekList" val="teal" :label="item.label" :key="index" <q-checkbox v-model="WeekDay" v-for="(item,index) in weekList" :val="item.value" :label="item.label"
color="teal" /> :key="index" color="teal" />
</div> </div>
</div> </div>
<div class="full_btndiv"> <div class="full_btndiv">
<q-btn color="white" style="width:49%" text-color="black" label="清除" /> <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> </div>
</q-card> </q-card>
</q-dialog> </q-dialog>
...@@ -757,10 +813,8 @@ ...@@ -757,10 +813,8 @@
</div> </div>
</div> </div>
</popup> </popup>
</div> </div>
</template> </template>
<script> <script>
import popup from "../components/props/index"; import popup from "../components/props/index";
import searchBlock from "../components/searchdata/block"; import searchBlock from "../components/searchdata/block";
...@@ -774,9 +828,66 @@ ...@@ -774,9 +828,66 @@
data() { data() {
return { return {
sortNum: 1, //排序 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: ['长荣'], flight: ['长荣'],
StartWeek: ['星期一'],
showSplitPannel: false, showSplitPannel: false,
fullHeight: false, fullHeight: false,
//地区样式 //地区样式
...@@ -821,6 +932,9 @@ ...@@ -821,6 +932,9 @@
value: 7 value: 7
}], }],
weekList: [{ weekList: [{
label: '星期日',
value: 0
}, {
label: '星期一', label: '星期一',
value: 1 value: 1
}, { }, {
...@@ -829,6 +943,15 @@ ...@@ -829,6 +943,15 @@
}, { }, {
label: '星期三', label: '星期三',
value: 3 value: 3
}, {
label: '星期四',
value: 4
}, {
label: '星期五',
value: 5
}, {
label: '星期六',
value: 6
}], }],
showPopup: false, showPopup: false,
tab: "dest", tab: "dest",
...@@ -979,7 +1102,7 @@ ...@@ -979,7 +1102,7 @@
endDate: this.qMsg.endDate, endDate: this.qMsg.endDate,
orderByDate: this.sortNum == 4 ? 1 : (this.sortNum == 5 ? 2 : 0), orderByDate: this.sortNum == 4 ? 1 : (this.sortNum == 5 ? 2 : 0),
orderByPrice: this.sortNum == 2 ? 1 : (this.sortNum == 3 ? 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, priceOrderByField: 4,
companyId: 0, companyId: 0,
orderBySales: 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