Skip to content

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

111

parent 7abed8b6
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 614 additions and 712 deletions
src/components/searchProductdata/kkday.vue
View file @ 349d07d1
This diff is collapsed.
src/components/searchProductdata/list.vue
View file @ 349d07d1
<template>
<!-- 列表 -->
<div class="group-result-list">
<div class="group-statis-block">
<div class="group-share" style="display:none;"></div>
<div class="group-statis-detail">
<span class="title" v-if="qMsg.searchKey">{{qMsg.searchKey}} :</span>
找到
<span class="num"> {{qMsg.TotalCount}} </span>個行程
<span class="pc">，目前在第<span style="color: #7f7f7f;"> {{qMsg.pageIndex}} </span>頁</span>
</div>
<div class="group-result-list">
<div class="group-statis-block">
<div class="group-share" style="display: none"></div>
<div class="group-statis-detail">
<span class="title" v-if="qMsg.searchKey">{{ qMsg.searchKey }} :</span>
找到
<span class="num"> {{ qMsg.TotalCount }} </span>個行程
<span class="pc"
>，目前在第<span style="color: #7f7f7f"> {{ qMsg.pageIndex }} </span>頁</span
>
</div>
<div>
<div class="group-box" v-for="(itemf,indexf) in DataList" :key="indexf">
<a class="group-cover" >
<template v-if="itemf.imgCover&&itemf.imgCover.length>0">
<img :src="itemf.imgCover[0].url" />
</template>
</a>
<div class="group-main">
<div class="group-info">
<div class="group-name" style="margin-bottom:5px;cursor:pointer" @click="GotoDetails(itemf)">
{{itemf.title}}
</div>
<div class="group-detail" @click="GotoDetails(itemf)">
<i class="iconfont iconaddress"></i>
<span>{{itemf.countryName}}</span>
</div>
<div class="group-detail" @click="GotoDetails(itemf)">
<i class="iconfont icontime"></i>
<span>{{itemf.dayNum}} 天</span>
</div>
<ul class="group-list">
<li>
<template v-if="itemf.PriceList&&itemf.PriceList.length>0">
<div v-for="(item,index) in itemf.priceList" :key="index" style="margin-right:5px;margin-bottom:7px;" @click="SwitchTCID(itemf,indexf,index)">
<a>{{item.StartDate}}</a>
</div>
</template>
</li>
</ul>
</div>
<div class="price-info" @click="GotoDetails(itemf)">
<div class="price-wrap">
<div class="price_Search">
<small class="price_unit">TWD$</small> {{itemf.b2BPrice}}
</div>
<a class="btn_warning" @click="GotoDetails(itemf)" style="cursor:pointer">更多出發日</a>
</div>
</div>
<div>
<div class="group-box" v-for="(itemf, indexf) in DataList" :key="indexf">
<a class="group-cover">
<template v-if="itemf.imgCover && itemf.imgCover.length > 0">
<img :src="itemf.imgCover[0].url" />
</template>
</a>
<div class="group-main">
<div class="group-info">
<div
class="group-name"
style="margin-bottom: 5px; cursor: pointer"
@click="GotoDetails(itemf)"
>
{{ itemf.title }}
</div>
<div class="group-detail" @click="GotoDetails(itemf)">
<i class="iconfont iconaddress"></i>
<span>{{ itemf.countryName }}</span>
</div>
<div class="group-detail" @click="GotoDetails(itemf)">
<i class="iconfont icontime"></i>
<span>{{ itemf.dayNum }} 天</span>
</div>
<ul class="group-list">
<li>
<template v-if="itemf.PriceList && itemf.PriceList.length > 0">
<div
v-for="(item, index) in itemf.priceList"
:key="index"
style="margin-right: 5px; margin-bottom: 7px"
@click="SwitchTCID(itemf, indexf, index)"
>
<a>{{ item.StartDate }}</a>
</div>
</div>
</div>
<div style="display:flex;justify-content: center;">
<q-pagination v-if="qMsg.PageCount>1" v-model="qMsg.pageIndex" :max="qMsg.PageCount" @input="gerOrderList()"
:direction-links="true">
</q-pagination>
</template>
</li>
</ul>
</div>
<div class="price-info" @click="GotoDetails(itemf)">
<div class="price-wrap">
<div class="price_Search">
<small class="price_unit">TWD$</small> {{ itemf.b2BPrice }}
</div>
<a class="btn_warning" @click="GotoDetails(itemf)" style="cursor: pointer"
>更多出發日</a
>
</div>
</div>
</div>
</div>
<div style="display: flex; justify-content: center">
<q-pagination
v-if="qMsg.PageCount > 1"
v-model="qMsg.pageIndex"
:max="qMsg.PageCount"
@input="gerOrderList()"
:direction-links="true"
>
</q-pagination>
</div>
</div>
</div>
</template>
<script>
export default {
props: ["DataList", "qMsg"],
data() {
return {
};
export default {
props: ["DataList", "qMsg"],
data() {
return {};
},
methods: {
GotoDetails(item) {
this.CommonJump(
"/details/" + encodeURIComponent(item.id) + "/" + item.configId,
{},
"blank"
);
},
//调用
gerOrderList() {
this.$emit("getPage");
},
methods: {
GotoDetails(item) {
this.CommonJump('/details/' + encodeURIComponent(item.id) + "/" + item.configId, {}, "blank");
},
//调用
gerOrderList(){
this.$emit('getPage')
},
SwitchTCID(obj,i,index) {
if(this.DataList&&this.DataList.length>0){
let nowobj= JSON.parse(JSON.stringify(obj));
console.log("nowobj",nowobj.startDateList);
SwitchTCID(obj, i, index) {
if (this.DataList && this.DataList.length > 0) {
let nowobj = JSON.parse(JSON.stringify(obj));
this.DataList[i] = {
...nowobj.priceList[index]
}
this.DataList[i].index=index;
this.DataList[i].startDateList=nowobj.startDateList;
this.DataList[i].priceList=nowobj.priceList;
...nowobj.priceList[index],
};
this.DataList[i].index = index;
this.DataList[i].startDateList = nowobj.startDateList;
this.DataList[i].priceList = nowobj.priceList;
this.$forceUpdate();
}
},
}
}
},
};
</script>
src/pages/detailsProduct.vue
View file @ 349d07d1
This diff is collapsed.
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