Skip to content

A
Athena
Commit 215acca5 authored by huangyuanyuan's avatar huangyuanyuan
Browse files
Options

修改跟团游跳转

parent 9b0e7199
Hide whitespace changes
Inline Side-by-side
Showing with 504 additions and 503 deletions
src/components/DependentTravel/IndependentList.vue
View file @ 215acca5
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
<img :src='compressImg(item.imgCover[0].Url, "filt", 245, "")' alt="" :onerror="errorImg"> <img :src='compressImg(item.imgCover[0].Url, "filt", 245, "")' alt="" :onerror="errorImg">
</el-col> </el-col>
<el-col class="div_2" :span="14" style="font-size:12px"> <el-col class="div_2" :span="14" style="font-size:12px">
<p @click="goUrl('detail',item.id,item.tcid)" class="visa_title" style="font-size:16px;color:#000000"> <p @click="goUrl('detailTwo',item.id,item.tcid)" class="visa_title" style="font-size:16px;color:#000000">
{{item.lineName}}+{{item.ltName}}+{{item.productRecommend}} {{item.lineName}}+{{item.ltName}}+{{item.productRecommend}}
</p> </p>
<p v-if="item.priceTags"><span v-for="(tag,index) in item.priceTags" :key="index+100" class=tag>{{tag}}</span></p> <p v-if="item.priceTags"><span v-for="(tag,index) in item.priceTags" :key="index+100" class=tag>{{tag}}</span></p>
...@@ -140,7 +140,7 @@ ...@@ -140,7 +140,7 @@
￥<span style="font-weight:700">{{(isLogin!=1 ? item.b2CPrice : item.b2BPrice) | NoDesnum}}</span><span style="font-size:12px">起</span> ￥<span style="font-weight:700">{{(isLogin!=1 ? item.b2CPrice : item.b2BPrice) | NoDesnum}}</span><span style="font-size:12px">起</span>
</el-col> </el-col>
<el-col :span="3" style="text-align:right"> <el-col :span="3" style="text-align:right">
<el-button @click="goUrl('detail',item.id,item.tcid)" size="small" style="border:1px solid #FF6633;color:#FF6633;">立即预定</el-button> <el-button @click="goUrl('detailTwo',item.id,item.tcid)" size="small" style="border:1px solid #FF6633;color:#FF6633;">立即预定</el-button>
</el-col> </el-col>
</el-row> </el-row>
<el-pagination style="margin:15px;text-align:right" <el-pagination style="margin:15px;text-align:right"
......
src/components/GroupTour/block/list.vue
View file @ 215acca5
...@@ -299,7 +299,7 @@ ...@@ -299,7 +299,7 @@
<div class="box b2"> <div class="box b2">
<!-- <p>这里是广告占位，讲述图片内容的详细讲解，位置有限，显示不完整的地方就用...</p> --> <!-- <p>这里是广告占位，讲述图片内容的详细讲解，位置有限，显示不完整的地方就用...</p> -->
<div class="bottom"> <div class="bottom">
<router-link style="color:#ffffff;text-decoration: none;" :to="{ path: '/search',query:{'keywords':'','lineId':dataList.name} }">查看详情</router-link> <router-link style="color:#ffffff;text-decoration: none;" :to="{ path: '/search',query:{'keywords':'','lineName':dataList.name,'lineId':dataList.id} }">查看详情</router-link>
</div> </div>
</div> </div>
</div> </div>
...@@ -312,7 +312,7 @@ ...@@ -312,7 +312,7 @@
<el-tab-pane :label="lineItem.name" :name="`${lineItem.id}_${index}`"></el-tab-pane> <el-tab-pane :label="lineItem.name" :name="`${lineItem.id}_${index}`"></el-tab-pane>
</template> </template>
</el-tabs> </el-tabs>
<div class="more"><router-link style="color:#888888;text-decoration: none;" :to="{ path: '/search',query:{'keywords':'','lineId':dataList.name} }">更多特惠>></router-link></div> <div class="more"><router-link style="color:#888888;text-decoration: none;" :to="{ path: '/search',query:{'keywords':'','lineName':dataList.name,'lineId':dataList.id} }">更多特惠>></router-link></div>
</el-row> </el-row>
<el-row class="right_bottom" :gutter="20"> <el-row class="right_bottom" :gutter="20">
<template v-if="dataList.pageData && dataList.pageData.length > 0"> <template v-if="dataList.pageData && dataList.pageData.length > 0">
...@@ -412,11 +412,7 @@ export default { ...@@ -412,11 +412,7 @@ export default {
} }
}, },
methods: { methods: {
GoMore(path,dataList){
console.log(dataList)
return;
this.$router.push({ path })
},
goUrl(id, obj){ goUrl(id, obj){
let path = 'detailTwo' let path = 'detailTwo'
path=`${path}/${encodeURIComponent(id)}/${obj.tcid}`; path=`${path}/${encodeURIComponent(id)}/${obj.tcid}`;
...@@ -442,7 +438,7 @@ export default { ...@@ -442,7 +438,7 @@ export default {
} }
}, },
mounted(){ mounted(){
console.log("dataList",this.dataList)
}, },
created () { created () {
this.MsgBus.$on('reloadList', this.reloaditem) this.MsgBus.$on('reloadList', this.reloaditem)
......
src/components/GroupTour/index.vue
View file @ 215acca5
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
<!-- </router-link> --> <!-- </router-link> -->
</el-carousel-item> </el-carousel-item>
<el-carousel-item> <el-carousel-item>
<router-link :to="{ path: '/search',query:{'keywords':'','lineId':'出境日本线'}}"> <router-link :to="{ path: '/search',query:{'keywords':'','lineName':'出境日本线','lineId':'14'}}">
<img src='../../assets/img/groupTour/01.jpg'> <img src='../../assets/img/groupTour/01.jpg'>
</router-link> </router-link>
</el-carousel-item> </el-carousel-item>
...@@ -83,17 +83,17 @@ ...@@ -83,17 +83,17 @@
</router-link> </router-link>
</el-carousel-item> </el-carousel-item>
<el-carousel-item> <el-carousel-item>
<router-link :to="{ path: '/search',query:{'keywords':'','lineId':'出境韩国线'}}"> <router-link :to="{ path: '/search',query:{'keywords':'','lineName':'出境韩国线','lineId':'5'}}">
<img src='../../assets/img/groupTour/03.jpg'> <img src='../../assets/img/groupTour/03.jpg'>
</router-link> </router-link>
</el-carousel-item> </el-carousel-item>
<el-carousel-item> <el-carousel-item>
<router-link :to="{ path: '/search',query:{'keywords':'','lineId':'出境东南亚线'}}"> <router-link :to="{ path: '/search',query:{'keywords':'','lineName':'出境东南亚线','lineId':'1'}}">
<img src='../../assets/img/groupTour/04.jpg'> <img src='../../assets/img/groupTour/04.jpg'>
</router-link> </router-link>
</el-carousel-item> </el-carousel-item>
<el-carousel-item> <el-carousel-item>
<router-link :to="{ path: '/search',query:{'keywords':'','lineId':'出境中南半岛线'}}"> <router-link :to="{ path: '/search',query:{'keywords':'','lineName':'出境中南半岛线','lineId':'9'}}">
<img src='../../assets/img/groupTour/05.jpg'> <img src='../../assets/img/groupTour/05.jpg'>
</router-link> </router-link>
</el-carousel-item> </el-carousel-item>
...@@ -187,7 +187,7 @@ export default { ...@@ -187,7 +187,7 @@ export default {
// 系列 // 系列
GoLine(item,line){ GoLine(item,line){
this.$router.push({ path:'/search', this.$router.push({ path:'/search',
query:{keywords:"",lineId:item.lineName,lineteamId:line.ltName} }) query:{keywords:"",lineId:item.lineId,lineName:item.lineName,lineteamId:line.lineteamId,lineteamName:line.ltName} })
}, },
// 景点 // 景点
TagGourl(path,item,num){ TagGourl(path,item,num){
...@@ -200,7 +200,6 @@ export default { ...@@ -200,7 +200,6 @@ export default {
this.lineLoad=true; this.lineLoad=true;
this.apiJavaPost('/api/b2b/group/getHomeLineSort',msg,res=>{ this.apiJavaPost('/api/b2b/group/getHomeLineSort',msg,res=>{
this.lineLoad=false; this.lineLoad=false;
console.log(res)
if(res.data.resultCode==1){ if(res.data.resultCode==1){
this.lineList=res.data.data; this.lineList=res.data.data;
......
src/components/mall/detailTwo.vue
View file @ 215acca5
...@@ -80,8 +80,8 @@ ...@@ -80,8 +80,8 @@
<el-col :span='12'> <el-col :span='12'>
<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/heel',query:{} }">跟团游</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/heel',query:{} }">跟团游</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/search',query:{'keywords':'','lineId':dataList.lineName} }">{{dataList.lineName}}</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/search',query:{'keywords':'','lineId':dataList.lineId,'lineName':dataList.lineName} }">{{dataList.lineName}}</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/search',query:{'keywords':'','lineId':dataList.lineName,'lineteamId':dataList.ltName} }">{{dataList.ltName}}</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/search',query:{'keywords':'','lineId':dataList.lineId,'lineName':dataList.lineName,'lineteamId':dataList.lineteamId,'lineteamName':dataList.ltName} }">{{dataList.ltName}}</el-breadcrumb-item>
<el-breadcrumb-item>{{dataList.title}}</el-breadcrumb-item> <el-breadcrumb-item>{{dataList.title}}</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
</el-col> </el-col>
...@@ -949,6 +949,7 @@ export default { ...@@ -949,6 +949,7 @@ export default {
this.clickDate = data.currentPriceInfo && data.currentPriceInfo.startDate ? data.currentPriceInfo.startDate : ''; this.clickDate = data.currentPriceInfo && data.currentPriceInfo.startDate ? data.currentPriceInfo.startDate : '';
this.FlightList = data.currentPriceInfo && data.currentPriceInfo.priceFlight ? data.currentPriceInfo.priceFlight : ''; this.FlightList = data.currentPriceInfo && data.currentPriceInfo.priceFlight ? data.currentPriceInfo.priceFlight : '';
this.dataList = data; this.dataList = data;
console.log("this.dataList ",this.dataList )
this.toDayObj = data.currentPriceInfo; this.toDayObj = data.currentPriceInfo;
this.imgCover = JSON.parse(this.dataList.imgCover); this.imgCover = JSON.parse(this.dataList.imgCover);
this.showType = this.feature.featureType; this.showType = this.feature.featureType;
......
src/components/mall/search.vue
View file @ 215acca5
<style> <style>
@import '../../assets/mall/search.css'; @import '../../assets/mall/search.css';
</style> </style>
<template> <template>
<div class="search-page-box"> <div class="search-page-box">
<el-row > <el-row >
<el-col :span="20" :offset="2" class="topic"> <el-col :span="20" :offset="2" class="topic">
<el-col :span='12'> <el-col :span='12'>
<div class="chosend-box"> <div class="chosend-box">
你的选择： 你的选择：
<el-tag closable hit size='medium' v-for='(item,index) in searchItem' :key="index" v-if='item!==""&&item!=="0"' @close='handleClose(index)'>{{item}}</el-tag> <el-tag closable hit size='medium' v-for='(item,index) in searchItem' :key="index" v-if='item!==""&&item!=="0"' @close='handleClose(index)'>{{item}}</el-tag>
</div> </div>
</el-col> </el-col>
<el-col :span='12'> <el-col :span='12'>
<div class="second-s-box"> <div class="second-s-box">
<el-col :span="4"> <el-col :span="4">
<el-select v-model="type" placeholder="请选择" size="mini" > <el-select v-model="type" placeholder="请选择" size="mini" >
<el-option label="跟团游" value="1"></el-option> <el-option label="跟团游" value="1"></el-option>
</el-select> </el-select>
</el-col> </el-col>
<el-col :span="16"> <el-col :span="16">
<input type="text" class="search-input" v-model="keywords" max-length="50" @keyup.enter="loadTeamDataInit" /> <input type="text" class="search-input" v-model="keywords" max-length="50" @keyup.enter="loadTeamDataInit" />
</el-col> </el-col>
<el-col :span="4"> <el-col :span="4">
<el-button type="danger" size="medium" @click="loadTeamDataInit"> <el-button type="danger" size="medium" @click="loadTeamDataInit">
<i class="el-icon-search"></i> <i class="el-icon-search"></i>
</el-button> </el-button>
</el-col> </el-col>
</div> </div>
</el-col> </el-col>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="20" :offset="2"> <el-col :span="20" :offset="2">
<div class="searchitem"> <div class="searchitem">
<div class="itme" v-if="(searchItem[0]==='' || searchItem[0]==='0') && lines.length>0"> <div class="itme" v-if="(searchItem[0]==='' || searchItem[0]==='0') && lines.length>0">
<el-col :span="3" class="item-title"> <el-col :span="3" class="item-title">
线路 线路
</el-col> </el-col>
<el-col :span="21" class="items"> <el-col :span="21" class="items">
<el-tabs v-model="searchItem[0]" @tab-click="changeXilie"> <el-tabs v-model="searchItem[0]" @tab-click="changeXilie">
<el-tab-pane v-for='item in lines' :key="item.id" :label="item.name" :name="item.name"></el-tab-pane> <el-tab-pane v-for='item in lines' :key="item.id" :label="item.name" :name="item.name"></el-tab-pane>
</el-tabs> </el-tabs>
</el-col> </el-col>
</div> </div>
<div class="itme" v-if="(searchItem[1]==='' || searchItem[1]==='0')&&xilies.length>0"> <div class="itme" v-if="(searchItem[1]==='' || searchItem[1]==='0')&&xilies.length>0">
<el-col :span="3" class="item-title"> <el-col :span="3" class="item-title">
系列 系列
</el-col> </el-col>
<el-col :span="21" class="items"> <el-col :span="21" class="items">
<el-tabs v-model="searchItem[1]" @tab-click='loadTeamDataInit'> <el-tabs v-model="searchItem[1]" @tab-click='loadTeamDataInit'>
<el-tab-pane v-for='item in xilies' :key="item.id" :label="item.name" :name="item.name"></el-tab-pane> <el-tab-pane v-for='item in xilies' :key="item.id" :label="item.name" :name="item.name"></el-tab-pane>
</el-tabs> </el-tabs>
</el-col> </el-col>
</div> </div>
<div class="itme" v-if="(searchItem[2]==='' || searchItem[2]==='0') && (searchItem[5]==='' || searchItem[5]==='0')"> <div class="itme" v-if="(searchItem[2]==='' || searchItem[2]==='0') && (searchItem[5]==='' || searchItem[5]==='0')">
<el-col :span="3" class="item-title"> <el-col :span="3" class="item-title">
出发日期 出发日期
</el-col> </el-col>
<el-col :span="6" class="items"> <el-col :span="6" class="items">
<el-tabs v-model="searchItem[2]" @tab-click='loadTeamDataInit'> <el-tabs v-model="searchItem[2]" @tab-click='loadTeamDataInit'>
<el-tab-pane v-for='(item,index) in dates' :key="index" :label="item" :name="item"></el-tab-pane> <el-tab-pane v-for='(item,index) in dates' :key="index" :label="item" :name="item"></el-tab-pane>
</el-tabs> </el-tabs>
</el-col> </el-col>
<el-col :span="15"> <el-col :span="15">
<el-date-picker size="mini" value-format='yy-MM-dd' v-model="multData" type="daterange" range-separator="至" start-placeholder="最早出发" end-placeholder="最晚出发" @change='multDataChange'> <el-date-picker size="mini" value-format='yy-MM-dd' v-model="multData" type="daterange" range-separator="至" start-placeholder="最早出发" end-placeholder="最晚出发" @change='multDataChange'>
</el-date-picker> </el-date-picker>
</el-col> </el-col>
</div> </div>
<div class="itme" v-if="searchItem[3]==='' || searchItem[3]==='0'"> <div class="itme" v-if="searchItem[3]==='' || searchItem[3]==='0'">
<el-col :span="3" class="item-title"> <el-col :span="3" class="item-title">
出发城市 出发城市
</el-col> </el-col>
<el-col :span="21" class="items"> <el-col :span="21" class="items">
<el-tabs v-model="searchItem[3]" @tab-click='loadTeamDataInit'> <el-tabs v-model="searchItem[3]" @tab-click='loadTeamDataInit'>
<el-tab-pane v-for='item in startCitys' :key="item.id" :label="item.startCityName" :name="item.startCityName"></el-tab-pane> <el-tab-pane v-for='item in startCitys' :key="item.id" :label="item.startCityName" :name="item.startCityName"></el-tab-pane>
</el-tabs> </el-tabs>
</el-col> </el-col>
</div> </div>
<div class="itme" v-if="searchItem[4]==='' || searchItem[4]==='0'"> <div class="itme" v-if="searchItem[4]==='' || searchItem[4]==='0'">
<el-col :span="3" class="item-title"> <el-col :span="3" class="item-title">
行程天数 行程天数
</el-col> </el-col>
<el-col :span="21" class="items"> <el-col :span="21" class="items">
<el-tabs v-model="searchItem[4]" @tab-click='loadTeamDataInit'> <el-tabs v-model="searchItem[4]" @tab-click='loadTeamDataInit'>
<el-tab-pane v-for='(item,index) in dayCount' :key="index" :label="item.format" :name="item.format"></el-tab-pane> <el-tab-pane v-for='(item,index) in dayCount' :key="index" :label="item.format" :name="item.format"></el-tab-pane>
</el-tabs> </el-tabs>
</el-col> </el-col>
</div> </div>
</div> </div>
<div class="orderbyitem"> <div class="orderbyitem">
<el-button-group class="orderby-group"> <el-button-group class="orderby-group">
<el-button size='mini' :type="orderindex==0?'danger':''" @click="changeOrderType(0)">综合</el-button> <el-button size='mini' :type="orderindex==0?'danger':''" @click="changeOrderType(0)">综合</el-button>
<el-button size='mini' :type="orderindex==1?'danger':''" @click="changeOrderType(1)">团期 <i :class="ordertype==0||orderindex!=1?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button> <el-button size='mini' :type="orderindex==1?'danger':''" @click="changeOrderType(1)">团期 <i :class="ordertype==0||orderindex!=1?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button>
<el-button size='mini' :type="orderindex==2?'danger':''" @click="changeOrderType(2)">价格 <i :class="ordertype==0||orderindex!=2?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button> <el-button size='mini' :type="orderindex==2?'danger':''" @click="changeOrderType(2)">价格 <i :class="ordertype==0||orderindex!=2?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button>
<el-button size='mini' :type="orderindex==3?'danger':''" @click="changeOrderType(3)">销量 <i :class="ordertype==0||orderindex!=3?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button> <el-button size='mini' :type="orderindex==3?'danger':''" @click="changeOrderType(3)">销量 <i :class="ordertype==0||orderindex!=3?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button>
<el-button size='mini' :type="orderindex==4?'danger':''" @click="changeOrderType(4)">评论数 <i :class="ordertype==0||orderindex!=4?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button> <el-button size='mini' :type="orderindex==4?'danger':''" @click="changeOrderType(4)">评论数 <i :class="ordertype==0||orderindex!=4?'el-icon-arrow-down':'el-icon-arrow-up'"></i></el-button>
</el-button-group> </el-button-group>
<div class="pirce"> <div class="pirce">
<span>价格区间</span> <span>价格区间</span>
<el-input size="mini" v-model="minPrice" @keyup.native="proving" @keyup.enter='loadTeamDataInit' maxlength='6'></el-input> <el-input size="mini" v-model="minPrice" @keyup.native="proving" @keyup.enter='loadTeamDataInit' maxlength='6'></el-input>
<strong>~</strong> <strong>~</strong>
<el-input size="mini" v-model="maxPrice" @keyup.native="proving" @keyup.enter='loadTeamDataInit' maxlength='6'></el-input> <el-input size="mini" v-model="maxPrice" @keyup.native="proving" @keyup.enter='loadTeamDataInit' maxlength='6'></el-input>
<el-button size='mini' @click="loadTeamDataInit">确认</el-button> <el-button size='mini' @click="loadTeamDataInit">确认</el-button>
</div> </div>
</div> </div>
<!-- 列表 --> <!-- 列表 -->
<div class="teams" v-loading='isLoading'> <div class="teams" v-loading='isLoading'>
<div class="teams-item" v-for="(item,index) in teamDatas" @mouseover='hoverIndex=index' @mouseout="hoverIndex=-1"> <div class="teams-item" v-for="(item,index) in teamDatas" @mouseover='hoverIndex=index' @mouseout="hoverIndex=-1">
<div class="picbox"> <div class="picbox">
<div class="daynum">{{item.dayNum}}天</div> <div class="daynum">{{item.dayNum}}天</div>
<el-carousel :interval="3000" :autoplay='hoverIndex==index' arrow="never" height="148" :style="{'background':'#ddd'}" v-if='item.imgCover!=""'> <el-carousel :interval="3000" :autoplay='hoverIndex==index' arrow="never" height="148" :style="{'background':'#ddd'}" v-if='item.imgCover!=""'>
<el-carousel-item v-for="(img,imgIndex) in JSON.parse(item.imgCover)" :key="imgIndex" v-if='img.Url!=""'> <el-carousel-item v-for="(img,imgIndex) in JSON.parse(item.imgCover)" :key="imgIndex" v-if='img.Url!=""'>
<img v-lazy='compressImg(img.Url, "filt", 200, 148)' @click="goUrl('detail',item.id,item.tcid)"> <img v-lazy='compressImg(img.Url, "filt", 200, 148)' @click="goUrl('detail',item.id,item.tcid)">
<!-- <img v-lazy='`${img.Url}?x-oss-process=image/resize,m_fill,h_148,w_200`' @click="goUrl('detail',item.id,item.tcid)"> --> <!-- <img v-lazy='`${img.Url}?x-oss-process=image/resize,m_fill,h_148,w_200`' @click="goUrl('detail',item.id,item.tcid)"> -->
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<img v-else style="height:100%;width:100%" src='../../assets/img/banner@3x.png' /> <img v-else style="height:100%;width:100%" src='../../assets/img/banner@3x.png' />
</div> </div>
<div class="contentbox"> <div class="contentbox">
<div class="title" @click="goUrl('detail',item.id,item.tcid)">{{item.title}}</div> <div class="title" @click="goUrl('detail',item.id,item.tcid)">{{item.title}}</div>
<div class="item-info"> <div class="item-info">
<span> <span>
<i class="iconfont icon-bb-chufadi"></i>出发地：{{item.startCityName?item.startCityName:'成都'}} <i class="iconfont icon-bb-chufadi"></i>出发地：{{item.startCityName?item.startCityName:'成都'}}
</span> </span>
<span> <span>
<i class="iconfont icon-bb-tuanqi"></i>最近团期：{{item.startDate}} <i class="iconfont icon-bb-tuanqi"></i>最近团期：{{item.startDate}}
</span> </span>
<span> <span>
<i class="iconfont icon-bb-yuwei"></i>余位：{{item.surplus>10?"充足":`仅于${item.surplus}席`}} <i class="iconfont icon-bb-yuwei"></i>余位：{{item.surplus>10?"充足":`仅于${item.surplus}席`}}
</span> </span>
<!-- <span class="down"> <!-- <span class="down">
<i class="iconfont icon-bb-xiazai"></i>下载行程 <i class="iconfont icon-bb-xiazai"></i>下载行程
</span> --> </span> -->
</div> </div>
<div class="item-tag"> <div class="item-tag">
<el-tag type="danger">{{item.ltName}}</el-tag> <el-tag type="danger">{{item.ltName}}</el-tag>
<!-- <el-tag type="success">早鸟立减</el-tag> --> <!-- <el-tag type="success">早鸟立减</el-tag> -->
</div> </div>
<div class="item-info"> <div class="item-info">
<span> <span>
<i class="iconfont icon-bb-rili"></i> <i class="iconfont icon-bb-rili"></i>
<div style="display:inline" v-for="(t,i) in item.dateArr" :key="i">{{t}} </div> <div style="display:inline" v-for="(t,i) in item.dateArr" :key="i">{{t}} </div>
</span> </span>
</div> </div>
</div> </div>
<div class="operabox"> <div class="operabox">
<div class="huodong" :style="{'visibility':`${item.discountPrice>0?'visible':'hidden'}`}"> <div class="huodong" :style="{'visibility':`${item.discountPrice>0?'visible':'hidden'}`}">
<span>早鸟优惠</span> <span>早鸟优惠</span>
<span>立减{{item.discountPrice}}</span> <span>立减{{item.discountPrice}}</span>
</div> </div>
<div class="price"> <div class="price">
￥{{isLogin!==1?item.b2CPrice:item.b2BPrice}}<span>起</span> ￥{{isLogin!==1?item.b2CPrice:item.b2BPrice}}<span>起</span>
</div> </div>
<el-button size='mini' @click="goUrl('detail',item.id,item.tcid)">立即预订</el-button> <el-button size='mini' @click="goUrl('detail',item.id,item.tcid)">立即预订</el-button>
</div> </div>
</div> </div>
<div class="item-pager" v-if='teamDatas.length>0'> <div class="item-pager" v-if='teamDatas.length>0'>
<el-pagination <el-pagination
background background
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
:total="totalCount" :total="totalCount"
:page-size='pageSize' :page-size='pageSize'
@current-change='handleCurrentChange'> @current-change='handleCurrentChange'>
</el-pagination> </el-pagination>
</div> </div>
<div class="empty-data" v-else> <div class="empty-data" v-else>
<i class="iconfont icon-kong"></i> <i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了 很抱歉，你想要的信息我们真的找不到了
</div> </div>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
import moment from 'moment' import moment from 'moment'
export default { export default {
data () { data () {
return { return {
type:'1', type:'1',
lineChosen:'', lineChosen:'',
searchItem:[], searchItem:[],
keywords:'', keywords:'',
lines:[], lines:[],
xilies:[], xilies:[],
dates:[], dates:[],
multData:[], multData:[],
dayCount:[], dayCount:[],
startCitys:[], startCitys:[],
minPrice:'', minPrice:'',
maxPrice:'', maxPrice:'',
orderindex:1, orderindex:1,
ordertype:0, ordertype:0,
hoverIndex:-1, hoverIndex:-1,
pageSize:20, pageSize:20,
pageIndex:1, pageIndex:1,
teamDatas:[], teamDatas:[],
totalCount:0, totalCount:0,
isLoading:false, isLoading:false,
isLogin:1, isLogin:1,
cityId:262, cityId:262,
companyId:0, companyId:0,
} lineId:0,
}, lineTeamId:0,
created(){ }
this.getAction(8); },
this.cityId=localStorage.cityId; created(){
this.companyId=parseInt(localStorage.site); this.getAction(8);
}, this.cityId=localStorage.cityId;
mounted () { this.companyId=parseInt(localStorage.site);
this.isLogin=this.$store.state.isLogin; },
this.companyId=parseInt(localStorage.site) mounted () {
this.searchItem.push('') this.isLogin=this.$store.state.isLogin;
this.searchItem.push('') this.companyId=parseInt(localStorage.site)
this.searchItem.push('') this.searchItem.push('')
this.searchItem.push('') this.searchItem.push('')
this.searchItem.push('') this.searchItem.push('')
this.searchItem.push('') this.searchItem.push('')
this.keywords=decodeURIComponent(this.$route.query.keywords) this.searchItem.push('')
this.loadRecoItems() this.searchItem.push('')
this.loadDates() this.keywords=decodeURIComponent(this.$route.query.keywords)
this.loadDayCount() this.loadRecoItems()
}, this.loadDates()
props:['changeCity'], this.loadDayCount()
watch:{ },
changeCity: { props:['changeCity'],
handler: function(val, oldVal) { watch:{
if(val){ changeCity: {
this.cityId=localStorage.cityId; handler: function(val, oldVal) {
this.companyId=parseInt(localStorage.site); if(val){
this.loadTeamData(); this.cityId=localStorage.cityId;
this.loadRecoItems(); this.companyId=parseInt(localStorage.site);
} this.loadTeamData();
}, this.loadRecoItems();
deep: true }
}, },
}, deep: true
methods: { },
goUrl(path,id,tcid){ },
// detailTwo methods: {
path = 'detailTwo' goUrl(path,id,tcid){
path=`${path}/${encodeURIComponent(id)}/`+tcid // detailTwo
this.$router.push({ path }) path = 'detailTwo'
}, path=`${path}/${encodeURIComponent(id)}/`+tcid
proving(){ this.$router.push({ path })
this.minPrice=this.minPrice.replace(/[^\.\d]/g,'') },
this.minPrice=this.minPrice.replace('.','') proving(){
this.minPrice=this.minPrice.replace(/[^\.\d]/g,'')
this.maxPrice=this.maxPrice.replace(/[^\.\d]/g,'') this.minPrice=this.minPrice.replace('.','')
this.maxPrice=this.maxPrice.replace('.','')
}, this.maxPrice=this.maxPrice.replace(/[^\.\d]/g,'')
this.maxPrice=this.maxPrice.replace('.','')
handleCurrentChange(val) { },
this.isLoading=true
this.pageIndex=parseInt(val) handleCurrentChange(val) {
this.loadTeamData() this.isLoading=true
}, this.pageIndex=parseInt(val)
loadTeamData(){ this.loadTeamData()
// if(this.keywords=='') { },
// this.Info('请输入搜索关键字') loadTeamData(){
// return // if(this.keywords=='') {
// } // this.Info('请输入搜索关键字')
let lineId=0,lineTeamId=0,minTripDay=-1,maxTripDay=-1,minPrice=-1,maxPrice=-1,startDate='',endDate='',startCityId=0 // return
let search0=""; // }
let search1=""; let minTripDay=-1,maxTripDay=-1,minPrice=-1,maxPrice=-1,startDate='',endDate='',startCityId=0
if(this.searchItem[0]!='' && this.searchItem[0]!='0') { let search0="";
this.lines.forEach(x=>{ let search1="";
if(x.name==this.searchItem[0]){ if(this.searchItem[0]!='' && this.searchItem[0]!='0') {
lineId=x.id; this.lines.forEach(x=>{
search0=x.name; if(x.name==this.searchItem[0]){
} lineId=x.id;
}) search0=x.name;
this.searchItem[0]=search0; }
} })
if(this.searchItem[1]!='' && this.searchItem[1]!='0') { this.searchItem[0]=search0;
this.xilies.forEach(x=>{ }
if(x.name==this.searchItem[1]){ if(this.searchItem[1]!='' && this.searchItem[1]!='0') {
lineTeamId=x.id; this.xilies.forEach(x=>{
search1=x.name; if(x.name==this.searchItem[1]){
} lineTeamId=x.id;
}) search1=x.name;
this.searchItem[1]=search1; }
} })
if(this.searchItem[4]!='' && this.searchItem[4]!='0'){ this.searchItem[1]=search1;
this.dayCount.forEach(x=>{ }
if(x.format==this.searchItem[4]){ if(this.searchItem[4]!='' && this.searchItem[4]!='0'){
minTripDay=x.min this.dayCount.forEach(x=>{
maxTripDay=x.max if(x.format==this.searchItem[4]){
} minTripDay=x.min
}) maxTripDay=x.max
} }
if(this.searchItem[2]!='' && this.searchItem[2]!='0') { })
let i=this.dates.indexOf(this.searchItem[2]) }
let m=new Date().getMonth()+1 if(this.searchItem[2]!='' && this.searchItem[2]!='0') {
let y=new Date().getFullYear() let i=this.dates.indexOf(this.searchItem[2])
m+=i let m=new Date().getMonth()+1
if(m>12){ let y=new Date().getFullYear()
m=m-12 m+=i
y+=1 if(m>12){
} m=m-12
startDate=`${y}-${m>9?m:'0'+m}-01` y+=1
endDate=`${y}-${m>9?m:'0'+m}-${new Date(y,m,0).getDate()}` }
} else if(this.searchItem[5]!='' && this.searchItem[5]!='0') { startDate=`${y}-${m>9?m:'0'+m}-01`
startDate=`20${multData[0]}` endDate=`${y}-${m>9?m:'0'+m}-${new Date(y,m,0).getDate()}`
endDate=`20${multData[1]}` } else if(this.searchItem[5]!='' && this.searchItem[5]!='0') {
} startDate=`20${multData[0]}`
if(this.minPrice!=''){ endDate=`20${multData[1]}`
minPrice=parseFloat(this.minPrice) }
} if(this.minPrice!=''){
if(this.maxPrice!=''){ minPrice=parseFloat(this.minPrice)
maxPrice=parseFloat(this.maxPrice) }
if(minPrice>maxPrice){ if(this.maxPrice!=''){
this.Error('价格区间的最低价格不能低于最大价格') maxPrice=parseFloat(this.maxPrice)
this.isLoading=false if(minPrice>maxPrice){
return false this.Error('价格区间的最低价格不能低于最大价格')
} this.isLoading=false
} return false
}
if(this.searchItem[3]!='' && this.searchItem[3]!='0') { }
this.startCitys.forEach(x=>{
if(x.startCityName==this.searchItem[3]){ if(this.searchItem[3]!='' && this.searchItem[3]!='0') {
startCityId=x.id this.startCitys.forEach(x=>{
} if(x.startCityName==this.searchItem[3]){
}) startCityId=x.id
} }
//startCitys })
// { }
// "id":1, //startCitys
// "name":"同业会员价" // {
// }, // "id":1,
// { // "name":"同业会员价"
// "id":2, // },
// "name":"同业价格" // {
// }, // "id":2,
// { // "name":"同业价格"
// "id":3, // },
// "name":"直客会员价" // {
// }, // "id":3,
// { // "name":"直客会员价"
// "id":4, // },
// "name":"直客价格" // {
// } // "id":4,
let msg={ // "name":"直客价格"
pageIndex:this.pageIndex, // }
pageSize:this.pageSize, let msg={
searchKey:this.keywords, pageIndex:this.pageIndex,
cityId:this.cityId, pageSize:this.pageSize,
lineId, searchKey:this.keywords,
lineTeamId, cityId:this.cityId,
minTripDay, lineId:this.lineId,
maxTripDay, lineTeamId:this.lineTeamId,
minPrice, minTripDay,
maxPrice, maxTripDay,
startDate, minPrice,
endDate, maxPrice,
orderByDate:this.orderindex==1?(this.ordertype==0?2:1):0, startDate,
orderByPrice:this.orderindex==2?(this.ordertype==0?2:1):0, endDate,
priceOrderByField:4, orderByDate:this.orderindex==1?(this.ordertype==0?2:1):0,
companyId:this.companyId, orderByPrice:this.orderindex==2?(this.ordertype==0?2:1):0,
orderBySales:this.orderindex==3?(this.ordertype==0?2:1):0, priceOrderByField:4,
startCityId companyId:this.companyId,
} orderBySales:this.orderindex==3?(this.ordertype==0?2:1):0,
this.isLogin=this.$store.state.isLogin; startCityId
if(this.isLogin==1){ }
msg.priceOrderByField=2; this.isLogin=this.$store.state.isLogin;
}else{ if(this.isLogin==1){
msg.priceOrderByField=4; msg.priceOrderByField=2;
} }else{
let cmd='b2b_get_GetB2BTravelPageList' msg.priceOrderByField=4;
this.apipost(cmd,msg,r=>{ }
let cmd='b2b_get_GetB2BTravelPageList'
this.teamDatas=r.data.data.pageData this.apipost(cmd,msg,r=>{
this.totalCount=r.data.data.pageCount
this.isLoading=false this.teamDatas=r.data.data.pageData
this.teamDatas.forEach(x=>{ this.totalCount=r.data.data.pageCount
x.dateArr=[] this.isLoading=false
x.startDates.split(',').forEach(y=>{ this.teamDatas.forEach(x=>{
x.dateArr.push(moment(y).format('MM-DD')) x.dateArr=[]
}) x.startDates.split(',').forEach(y=>{
}) x.dateArr.push(moment(y).format('MM-DD'))
},null) })
}, })
changeOrderType(i){ },null)
if(this.orderindex==i){ },
this.ordertype=this.ordertype==0?1:0 changeOrderType(i){
}else{ if(this.orderindex==i){
this.orderindex=i this.ordertype=this.ordertype==0?1:0
this.ordertype=0 }else{
} this.orderindex=i
this.loadTeamDataInit() this.ordertype=0
}, }
loadDayCount(){ this.loadTeamDataInit()
this.dayCount.push({min:1,max:1,format:'1天'}) },
this.dayCount.push({min:2,max:2,format:'2天'}) loadDayCount(){
this.dayCount.push({min:3,max:3,format:'3天'}) this.dayCount.push({min:1,max:1,format:'1天'})
this.dayCount.push({min:4,max:4,format:'4天'}) this.dayCount.push({min:2,max:2,format:'2天'})
this.dayCount.push({min:5,max:5,format:'5天'}) this.dayCount.push({min:3,max:3,format:'3天'})
this.dayCount.push({min:6,max:6,format:'6天'}) this.dayCount.push({min:4,max:4,format:'4天'})
this.dayCount.push({min:7,max:8,format:'7-8天'}) this.dayCount.push({min:5,max:5,format:'5天'})
this.dayCount.push({min:9,max:10,format:'9-10天'}) this.dayCount.push({min:6,max:6,format:'6天'})
this.dayCount.push({min:10,max:null,format:'10天以上'}) this.dayCount.push({min:7,max:8,format:'7-8天'})
}, this.dayCount.push({min:9,max:10,format:'9-10天'})
multDataChange(){ this.dayCount.push({min:10,max:null,format:'10天以上'})
let t='' },
if(this.multData.length==2){ multDataChange(){
this.multData.forEach((x,index)=>{ let t=''
t+=x if(this.multData.length==2){
t+=index>0?'':'至' this.multData.forEach((x,index)=>{
}) t+=x
this.$set(this.searchItem,5,t) t+=index>0?'':'至'
this.loadTeamDataInit() })
}else{ this.$set(this.searchItem,5,t)
this.$set(this.searchItem,5,t) this.loadTeamDataInit()
} }else{
}, this.$set(this.searchItem,5,t)
loadDates(){ }
let d=new Date().getMonth() },
for(let i=0;i<3;i++){ loadDates(){
d++ let d=new Date().getMonth()
d=d>12?d-12:d for(let i=0;i<3;i++){
this.dates.push(`${d}月`) d++
} d=d>12?d-12:d
}, this.dates.push(`${d}月`)
changeXilie(tab, event){ }
this.xilies=[] },
if(this.searchItem[0]===''||this.searchItem[0]==='0'){ changeXilie(tab, event){
this.xilies=[]
this.$set(this.searchItem,1,'') if(this.searchItem[0]===''||this.searchItem[0]==='0'){
}else{
this.loadTeamDataInit() this.$set(this.searchItem,1,'')
this.lines.forEach(x=>{ }else{
if(this.searchItem[0]===x.name){ this.loadTeamDataInit()
this.xilies=x.lineTeam this.lines.forEach(x=>{
} if(this.searchItem[0]===x.name){
}) this.xilies=x.lineTeam
}
} })
},
loadTeamDataInit(){ }
this.isLoading=true },
this.pageIndex=1 loadTeamDataInit(){
this.loadTeamData() this.isLoading=true
}, this.pageIndex=1
// 系列 this.loadTeamData()
loadRecoItems(){ },
if(this.companyId!=-1){ // 系列
this.apipost('b2b_get_GetGroupSearchItem',{'companyId':this.companyId,cityId:this.cityId},r=>{ loadRecoItems(){
this.lines=r.data.data.line if(this.companyId!=-1){
// console.log("this.lines",this.lines) this.apipost('b2b_get_GetGroupSearchItem',{'companyId':this.companyId,cityId:this.cityId},r=>{
this.lines=r.data.data.line
if(this.$route.query.lineId&&this.$route.query.lineteamId){ console.log("this.lines",this.lines)
this.searchItem[0]=this.$route.query.lineId if(this.$route.query.lineId&&this.$route.query.lineteamId){
this.searchItem[1]=this.$route.query.lineteamId this.lineId=this.$route.query.lineId;
this.loadTeamDataInit() this.lineteamId=this.$route.query.lineteamId;
this.changeXilie() this.searchItem[0]=this.$route.query.lineName
}else if(this.$route.query.lineId){ this.searchItem[1]=this.$route.query.lineteamName
this.searchItem[0]=this.$route.query.lineId this.loadTeamDataInit()
this.changeXilie() this.changeXilie()
}else if(this.$route.query.startCityId){ }else if(this.$route.query.lineId){
this.searchItem[3]=this.$route.query.startCityId; this.lineId=this.$route.query.lineId;
this.loadTeamDataInit() this.searchItem[0]=this.$route.query.lineName
this.changeXilie()
} }else if(this.$route.query.startCityId){
else{ this.searchItem[3]=this.$route.query.startCityId;
this.loadTeamDataInit() this.loadTeamDataInit()
}
this.startCitys=r.data.data.startCity }
},null) else{
} this.loadTeamDataInit()
}, }
handleClose(i) { this.startCitys=r.data.data.startCity
this.$set(this.searchItem,i,'') },null)
if(i==0){ }
this.xilies=[] },
this.$set(this.searchItem,1,'') handleClose(i) {
}else if(i==5){ this.$set(this.searchItem,i,'')
this.multData=[] if(i==0){
} this.xilies=[]
this.loadTeamDataInit() this.$set(this.searchItem,1,'')
} }else if(i==5){
} this.multData=[]
} }
</script> this.loadTeamDataInit()
}
}
}
</script>
src/components/trade/order/index.vue
View file @ 215acca5
...@@ -488,6 +488,7 @@ export default { ...@@ -488,6 +488,7 @@ export default {
PredictRoomNum:fcnt, PredictRoomNum:fcnt,
BigRoomNum:this.chosenObj.dcf, BigRoomNum:this.chosenObj.dcf,
TripleRoomNum:this.chosenObj.srf, TripleRoomNum:this.chosenObj.srf,
TradeDate:moment().format('YYYY-MM-DD'), TradeDate:moment().format('YYYY-MM-DD'),
CostType:0, CostType:0,
MinOrderPrice:0, MinOrderPrice: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