Skip to content

A
Athena
Commit 2f067831 authored by 华国豪's avatar 华国豪 🙄
Browse files
Options

绑定首页数据

parent 7eaedfcf
Hide whitespace changes
Inline Side-by-side
Showing with 98 additions and 120 deletions
src/components/FreeTravel/FreeHome.vue
View file @ 2f067831
...@@ -290,6 +290,8 @@ ...@@ -290,6 +290,8 @@
} }
.content-item-box-item .img-box{ .content-item-box-item .img-box{
position: relative; position: relative;
height: 183px;
background-color: #e0e0e0
} }
.content-item-box-item .img-box img{ .content-item-box-item .img-box img{
width: 100%; width: 100%;
...@@ -319,7 +321,7 @@ ...@@ -319,7 +321,7 @@
left: 10px; left: 10px;
bottom: 20px; bottom: 20px;
} }
.content-item-box-item .img-box .tag span{ .content-item-box-item .img-box .tag>span{
padding: 8px; padding: 8px;
background:rgba(0,0,0, .4); background:rgba(0,0,0, .4);
border-radius:4px; border-radius:4px;
...@@ -637,100 +639,19 @@ ...@@ -637,100 +639,19 @@
<div v-show="inputActive" class="inputActive" @click.stop> <div v-show="inputActive" class="inputActive" @click.stop>
<el-row> <el-row>
<el-col :span="6"> <el-col :span="6">
<div class="city-tag active __cp"> <div class="city-tag __cp" v-for="(item, index) in CCList" @click="CCListActive = index" :class="{'active': CCListActive == index}" :key="index">
<p>东亚</p> <p>{{item.name}}</p>
<div class="f12 text2">
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
</div>
<div class="triangle-up"></div>
</div>
<div class="city-tag __cp">
<p class="f16">北美</p>
<div class="f12 text2">
<span>成都</span>
<span>四川阿坝</span>
<span>好好还会</span>
<span>上课抵抗力</span>
</div>
<div class="triangle-up"></div>
</div>
<div class="city-tag __cp">
<p class="f16">中东非</p>
<div class="f12 text2"> <div class="f12 text2">
<span>菲律宾啊</span> <span v-for="(s, sIndex) in item.cities" :key="sIndex">{{s.name}}</span>
<span>日本掉啊</span>
<span>嗷嗷待食多</span>
<span>阿斯达是的</span>
<span>市发改委</span>
</div>
<div class="triangle-up"></div>
</div>
<div class="city-tag __cp">
<p class="f16">西伯利亚</p>
<div class="f12 text2">
<span>小从v四碗饭</span>
<span>阿萨德群二</span>
<span>哒哒</span>
<span>阿斯达是的</span>
<span>阿萨德</span>
</div> </div>
<div class="triangle-up"></div> <div class="triangle-up"></div>
</div> </div>
</el-col> </el-col>
<el-col :span="18"> <el-col :span="18">
<div class="city-list"> <div class="city-list">
<span class="PingFangR">成都&成都</span> <span class="PingFangR">{{CCList[CCListActive].name}}</span>
<p>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
<span>成都</span>
</p>
</div>
<div class="city-list">
<span class="PingFangR">河南</span>
<p> <p>
<span>郑州</span> <span v-for="(item, index) in CCList[CCListActive].cities" :key="index">{{item.name}}</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
<span>郑州</span>
</p>
</div>
<div class="city-list">
<span class="PingFangR">重庆</span>
<p>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
<span>合川</span>
</p> </p>
</div> </div>
</el-col> </el-col>
...@@ -815,12 +736,12 @@ ...@@ -815,12 +736,12 @@
<p class="content-item-tit">餐食就在这里解决吧~</p> <p class="content-item-tit">餐食就在这里解决吧~</p>
<div class="content-item-box"> <div class="content-item-box">
<div class="content-item-box-hover"> <div class="content-item-box-hover">
<div class="content-item-box-item" v-for="(item, index) in list1" @click="goDetails(item)"> <div class="content-item-box-item" v-for="(item, index) in list1" @click="goDetails(item)" v-if="index < 4">
<div class="img-box"> <div class="img-box">
<div class="price price3"> <div class="price price3">
<p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p> <p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p>
</div> </div>
<img src="../../assets/img/country1.png" alt=""> <img :src="KkdayDomain+item.prod_img_url" alt="">
<div class="tag"> <div class="tag">
<span><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span> <span><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span>
</div> </div>
...@@ -886,12 +807,12 @@ ...@@ -886,12 +807,12 @@
<p class="content-item-tit">放轻松，甩手一日游~</p> <p class="content-item-tit">放轻松，甩手一日游~</p>
<div class="content-item-box"> <div class="content-item-box">
<div class="content-item-box-hover"> <div class="content-item-box-hover">
<div class="content-item-box-item" v-for="(item, index) in list2" @click="goDetails(item)"> <div class="content-item-box-item" v-for="(item, index) in list2" @click="goDetails(item)" v-if="index < 4">
<div class="img-box"> <div class="img-box">
<div class="price price2"> <div class="price price2">
<p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p> <p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p>
</div> </div>
<img src="../../assets/img/country1.png" alt=""> <img :src="KkdayDomain+item.prod_img_url" alt="">
<div class="tag"> <div class="tag">
<span><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span> <span><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span>
</div> </div>
...@@ -913,12 +834,12 @@ ...@@ -913,12 +834,12 @@
<p class="content-item-tit">车程快慢，你来定~</p> <p class="content-item-tit">车程快慢，你来定~</p>
<div class="content-item-box"> <div class="content-item-box">
<div class="content-item-box-hover"> <div class="content-item-box-hover">
<div class="content-item-box-item" v-for="(item, index) in list3" @click="goDetails(item)"> <div class="content-item-box-item" v-for="(item, index) in list3" @click="goDetails(item)" v-if="index < 4">
<div class="img-box"> <div class="img-box">
<div class="price"> <div class="price">
<p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p> <p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p>
</div> </div>
<img src="../../assets/img/country1.png" alt=""> <img :src="KkdayDomain+item.prod_img_url" alt="">
<div class="tag"> <div class="tag">
<span class="PingFangR"><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span> <span class="PingFangR"><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span>
</div> </div>
...@@ -940,12 +861,12 @@ ...@@ -940,12 +861,12 @@
<p class="content-item-tit">游玩门票，看过来~</p> <p class="content-item-tit">游玩门票，看过来~</p>
<div class="content-item-box"> <div class="content-item-box">
<div class="content-item-box-hover"> <div class="content-item-box-hover">
<div class="content-item-box-item" v-for="(item, index) in menPiaoList" @click="goDetails(item)"> <div class="content-item-box-item" v-for="(item, index) in menPiaoList" @click="goDetails(item)" v-if="index < 4">
<div class="img-box"> <div class="img-box">
<div class="price price4"> <div class="price price4">
<p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p> <p class="now-p">￥<strong>{{item.b2c_price}}</strong>/人</p>
</div> </div>
<img src="../../assets/img/country1.png" alt=""> <img :src="KkdayDomain+item.prod_img_url" alt="">
<div class="tag"> <div class="tag">
<span class="PingFangR"><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span> <span class="PingFangR"><i class="iconfont icon-mudedi"></i> <span class="PingFangR">{{item.countries[0].name + '-' + item.countries[0].cities[0].name}}</span> </span>
</div> </div>
...@@ -1036,6 +957,7 @@ export default { ...@@ -1036,6 +957,7 @@ export default {
list2: [], list2: [],
list3: [], list3: [],
topCityActive: 0, topCityActive: 0,
CCListActive: 0,
topCityList: [{ topCityList: [{
name: '东京', name: '东京',
src: "http://imgfile.oytour.com/New/Upload/Cloud/2019-08/20190821052335633.jpg", src: "http://imgfile.oytour.com/New/Upload/Cloud/2019-08/20190821052335633.jpg",
...@@ -1056,16 +978,37 @@ export default { ...@@ -1056,16 +978,37 @@ export default {
name: '曼谷', name: '曼谷',
src: "http://imgfile.oytour.com/New/Upload/Cloud/2019-08/20190821052335631.jpg", src: "http://imgfile.oytour.com/New/Upload/Cloud/2019-08/20190821052335631.jpg",
id: 4, id: 4,
}] }],
KkdayDomain: "",
CCList: [],
} }
}, },
mounted() { mounted() {
this.scrollobj=document.getElementsByClassName('el-scrollbar__wrap')[0]; this.scrollobj=document.getElementsByClassName('el-scrollbar__wrap')[0];
this.scrollobj.addEventListener('scroll', this.handleScroll); this.scrollobj.addEventListener('scroll', this.handleScroll);
this.getDataList() this.getDataList()
this.getDataCanList()
this.getTaocanList() this.getTaocanList()
this.getCCList()
}, },
methods: { methods: {
//获取国家 城市
getCCList(){
//http://efficient.oytour.com/api/kkday/searchCity
this.apiJavaPost(
"/api/kkday/searchCity",
{},
res => {
if (res.data.resultCode === 1) {
let data = res.data.data.countries
this.CCList = data
} else {
this.Error(res.data.message);
}
},
null
);
},
goDetails(obj){ goDetails(obj){
this.$router.push({ this.$router.push({
name: "FreeDetail", name: "FreeDetail",
...@@ -1077,32 +1020,45 @@ export default { ...@@ -1077,32 +1020,45 @@ export default {
goList(){ goList(){
this.$router.push({ name: "FreeList" }); this.$router.push({ name: "FreeList" });
}, },
getDataCanList(){
this.apiJavaPost(
"/api/kkday/commodityList",
{
"locale": "zh-cn",
"state":"TW" ,
"cat_main_keys": [
"TAG_3"
],
"cat_sub_keys": [
"TAG_3_2"
],
},
res => {
if (res.data.resultCode === 1) {
let data = res.data.data.prods,list1 = [];
this.list1 = data;
} else {
this.Error(res.data.message);
}
},
null
);
},
getDataList(){ getDataList(){
// http://efficient.oytour.com/api/kkday/commodityList // http://efficient.oytour.com/api/kkday/commodityList
this.apiJavaPost( this.apiJavaPost(
"/api/kkday/commodityList", "/api/kkday/commodityList",
{ {
"cat_sub_keys":["TAG_1_3"], "locale": "zh-cn",
"cat_main_keys":["TAG_1"], "state":"TW" ,
"page_size":"8", "cat_sub_keys": [
"date_from":"20180101", "TAG_1_3"
"date_to":"20191231", ],
"guide_langs":["English"],
"price_from":"0",
"price_to":"1000",
"keywords":"ski",
"sort":"PAESC",
"start":"0",
"durations":["24,48"],
"stats":["price"],
"locale":"zh-cn",
"voucher_type":"01",
"state":"tw"
}, },
res => { res => {
if (res.data.resultCode === 1) { if (res.data.resultCode === 1) {
let data = res.data.data.prods,menPiaoList = [], list1 = [], list2 = [], list3 = []; let data = res.data.data.prods,menPiaoList = [], list1 = [], list2 = [], list3 = [];
console.log(data) this.KkdayDomain = res.data.data.KkdayDomain;
// M01 一日遊 // M01 一日遊
// M02 多日遊 // M02 多日遊
// M03 機場接送 // M03 機場接送
...@@ -1111,25 +1067,25 @@ export default { ...@@ -1111,25 +1067,25 @@ export default {
// M06 半日遊 // M06 半日遊
// M07 私人導遊 // M07 私人導遊
// M08 點對點接送 // M08 點對點接送
data.map(x=>{ data.map((x, index)=>{
if (x.countries[0].name.indexOf('台灣') !== -1 || x.countries[0].name.indexOf('香港') !== -1 || x.countries[0].name.indexOf('澳門') !== -1 || x.countries[0].name.indexOf('澳门') !== -1){ if (x.countries[0].name.indexOf('台灣') !== -1 || x.countries[0].name.indexOf('香港') !== -1 || x.countries[0].name.indexOf('澳門') !== -1 || x.countries[0].name.indexOf('澳门') !== -1){
x.countries[0].name = `中国-${x.countries[0].name}` x.countries[0].name = `中国-${x.countries[0].name}`
} }
if (x.prod_type == 'M05') { // M05 票券 if (x.prod_type == 'M05') { // M05 票券
menPiaoList.push(x) menPiaoList.push(x)
} else if (x.prod_type == 'M06') { } else if (x.prod_type == 'M02') {
// list1.push(x) // list1.push(x)
} else if (x.prod_type == 'M01' || x.prod_type == 'M02') { // M01 一日遊 M06 半日遊 } else if (x.prod_type == 'M01' || x.prod_type == 'M06') { // M01 一日遊 M06 半日遊
list2.push(x) list2.push(x)
} else if (x.prod_type == 'M04' || x.prod_type == 'M08' || x.prod_type == 'M03') { // M04 司機/交通 M03 機場接送 M08 點對點接送 } else if (x.prod_type == 'M04' || x.prod_type == 'M08' || x.prod_type == 'M03') { // M04 司機/交通 M03 機場接送 M08 點對點接送
list3.push(x) list3.push(x)
} }
}) })
this.list1 = list1;
this.list2 = list2; this.list2 = list2;
this.list3 = list2; this.list3 = list3;
this.dataList = data this.dataList = data
this.menPiaoList = menPiaoList this.menPiaoList = menPiaoList
this.getTaoCan()
this.$forceUpdate() this.$forceUpdate()
} else { } else {
this.Error(res.data.message); this.Error(res.data.message);
......
src/components/FreeTravel/FreeList.vue
View file @ 2f067831
...@@ -727,7 +727,29 @@ export default { ...@@ -727,7 +727,29 @@ export default {
}, },
methods: { methods: {
// 获取列表
getTaocanList(){
//http://efficient.oytour.com/api/kkday/commodityList
this.apiJavaPost(
"/api/kkday/commodityList",
{
"locale": "zh-cn",
"state":"TW" ,
"cat_sub_keys": [
"TAG_1_3"
]
},
res => {
if (res.data.resultCode === 1) {
let data = res.data.data.prods
console.log(data)
} else {
this.Error(res.data.message);
}
},
null
);
},
} }
} }
</script> </script>
\ No newline at end of file
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