Skip to content

A
Athena
Commit 527f87d5 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

update

parent d43ff937
Hide whitespace changes
Inline Side-by-side
Showing with 92 additions and 40 deletions
src/App.vue
View file @ 527f87d5
......@@ -101,7 +101,7 @@ export default {
<style>
@import './assets/global/font.css';
@import '//at.alicdn.com/t/font_863923_vy92y4agl2.css';
@import '//at.alicdn.com/t/font_863923_gfxa4q9jlne.css';
@import './assets/global/global.css';
@import './assets/css/common.css';
body,html{
......
src/components/FreeTravel/FreeDetail.vue
View file @ 527f87d5
<template>
<div class="commonF FreeDetail" v-if="loading">
<div v-loading="detailLoading" class="commonF FreeDetail" v-if="loading">
<div class="w1200">
<div class="bannerImg" :style="{background:'url(' + ActiveSrc + ') no-repeat bottom left/100% auto'}">
<div @click="BigImgShow" class="bannerImg" :style="{background:'url(' + ActiveSrc + ') no-repeat center left/100% auto'}">
<!-- <img style="width:100%;" :src="ActiveSrc" :onerror="defaultImg" alt=""> -->
<ul class="banImgList basefix">
<ul v-if="dataDetail.img_list" class="banImgList basefix">
<li @mouseover="LiHover(item,index)" :class="LiactiveIndex==index?'Liactive':''" v-if="index<6" v-for="(item,index) in dataDetail.img_list" :key="index">
<img :src="item.img_url" alt="">
</li>
</ul>
</div>
<div class="Content basefix" style="margin-top:20px;margin-bottom:50px">
<div class="Content basefix" style="margin-top:20px;margin-bottom:50px">
<div class="left" style="width:795px;margin-right:47px">
<p class="pfR">{{rePlace(dataDetail.prod_name)}}</p>
<p class="f14 c99" style="margin:15px 0">{{dataDetail.introduction}}</p>
<p v-if="dataDetail.prod_name" class="pfR">{{rePlace(dataDetail.prod_name)}}</p>
<p v-if="dataDetail.introduction" class="f14 c99" style="margin:15px 0">{{rePlace(dataDetail.introduction)}}</p>
<el-row class="titleEl f14">
<el-col :span="6">
......@@ -21,7 +21,8 @@
</el-col>
<el-col :span="6">
<img src="../../assets/img/free/yy.png" alt="">
<span v-for="(item, index) in dataDetail.guide_lang_list">{{item.lang_name}} <span v-if="index != dataDetail.guide_lang_list.length -1 ">/</span> </span>
<span v-for="(item, index) in dataDetail.guide_lang_list">{{item.lang_name}}
<span v-if="index != dataDetail.guide_lang_list.length -1 ">/</span> </span>
</el-col>
<el-col :span="6">
<img src="../../assets/img/free/yxq.png" alt="">
......@@ -42,7 +43,7 @@
<span class="f18 pfR">方案选择</span>
</div>
<div style="padding-left:20px">
<p class="f12" style="margin-top:20px">请选择预计前往{{dataDetail.prod_name}}日期</p>
<p v-if="dataDetail.prod_name" class="f12" style="margin-top:20px">请选择预计前往{{rePlace(dataDetail.prod_name)}}日期</p>
<!-- -->
<el-popover popper-class="calendarPopover" v-model="visible"
placement="bottom-start"
......@@ -71,11 +72,14 @@
</span>
</div>
</el-popover>
<p v-show="mealType.pkgs.length>0" class="f14 pfR">套餐列表</p>
<div style="margin-top:16px" class="typeList">
<span :class="mealTypeindex==index?'mealactive':''" @click="getmealTypeItem(item,index)" v-for="(item,index) in mealType.pkgs" :key="index+100">{{item.pkg_name}}</span>
<div v-if="mealType.pkgs">
<p v-show="mealType.pkgs.length>0" class="f14 pfR">套餐列表</p>
<div style="margin-top:16px" class="typeList">
<span :class="mealTypeindex==index?'mealactive':''" @click="getmealTypeItem(item,index)" v-for="(item,index) in mealType.pkgs" :key="index+100">{{item.pkg_name}}</span>
</div>
</div>
<div v-show="mealTypeindex!=-1">
<p style="margin:15px 0" class="f14 pfR">年龄范围</p>
<el-row style="margin-bottom:10px">
......@@ -117,25 +121,30 @@
<div style="margin-bottom:20px;line-height:2">
{{dataDetail.prod_desc}}
</div>
<p class="f14 pfR" style="color:#000000;margin-bottom:15px" v-if="dataDetail.tour_list.length>0">行程列表</p>
<div v-for="(item,index) in dataDetail.tour_list" :key="index+100">
<p>第{{item.tour_day}}天</p>
<p style="padding:8px 0">说明{{item.tour_desc}}</p>
<div>
<img v-if="item.photo_url&&item.photo_url!=''" style="width:100%;height: auto;display:block" :src="ConcatImg(item.photo_url)" alt="">
<div v-if="dataDetail.tour_list&&dataDetail.tour_list.length>0">
<p class="f14 pfR" style="color:#000000;margin-bottom:15px">行程列表</p>
<div v-for="(item,index) in dataDetail.tour_list" :key="index+100">
<p>第{{item.tour_day}}天</p>
<p v-if="item.tour_desc" style="padding:8px 0">说明{{rePlace(item.tour_desc)}}</p>
<div>
<img v-if="item.photo_url&&item.photo_url!=''" style="width:100%;height: auto;display:block" :src="ConcatImg(item.photo_url)" alt="">
</div>
</div>
</div>
<p class="f14 pfR" style="color:#000000;margin-bottom:15px" v-if="dataDetail.meal_list.length>0">餐食列表</p>
<div v-for="(item,index) in dataDetail.meal_list" :key="index+100">
<p>行程第{{item.tour_day}}天提供餐食</p>
<p style="padding:8px 0">
<span>早餐：{{item.is_breakfast}}</span>
<span>午餐：{{item.is_lunch}}</span>
<span>晚餐：{{item.is_dinner}}</span>
</p>
<div v-if="dataDetail.meal_list&&dataDetail.meal_list.length>0">
<p class="f14 pfR" style="color:#000000;margin-bottom:15px" >餐食列表</p>
<div v-for="(item,index) in dataDetail.meal_list" :key="index+100">
<p>行程第{{item.tour_day}}天提供餐食</p>
<p style="padding:8px 0">
<span>早餐：{{item.is_breakfast}}</span>
<span>午餐：{{item.is_lunch}}</span>
<span>晚餐：{{item.is_dinner}}</span>
</p>
</div>
</div>
</div>
</div>
......@@ -163,7 +172,7 @@
</ul>
</div>
<div class="commomStyle">
<div v-if="dataDetail.remind_list&&dataDetail.remind_list.length>0" class="commomStyle">
<div class="titleDiv">
<span class="redSpan"></span>
<span class="f18 pfR">注意事项</span>
......@@ -180,11 +189,11 @@
<span class="cee f26 pfR">¥ {{msgObj.MySelfTotalPrice}}</span>
<!-- <span class="c66 f12">/起</span> -->
</div>
<p style="padding-left:20px;margin-top:20px">
<p v-if="dataDetail.prod_comment_info" style="padding-left:20px;margin-top:20px">
<img style="width:12px;height:14px" src="../../assets/img/free/huo.png" alt="">
<span class="f14 pfR" style="color:#111111;margin-left:8px">{{dataDetail.prod_comment_info.sales_qty}}+已订购</span>
</p>
<el-row style="margin:20px">
<el-row v-if="dataDetail.prod_comment_info" style="margin:20px">
<el-col :span="3">{{dataDetail.prod_comment_info.avg_scores}}</el-col>
<el-col :span="11"><el-rate
v-model="dataDetail.prod_comment_info.avg_scores"
......@@ -200,6 +209,20 @@
</div>
</div>
</div>
<!-- 放大 -->
<div @click="BigShow=false" class="BigImg" v-show="BigShow">
<div @click="BigShow=false" v-if="dataDetail.img_list" style="width:950px;position:relative">
<span class="iconfont icon-close_icon" style="position:absolute;right:-50px;top:-50px;font-size:50px;color:#fff;z-index:20000"></span>
<!-- <img @click.stop.prevent="CloseImg(1)" src="../../assets/img/free/cha.png" alt=""> -->
<el-carousel height="600px">
<el-carousel-item v-for="(item,index) in dataDetail.img_list" :key="index">
<div style="width:100%;height:100%" :style="{background:'url(' + item.img_url + ') no-repeat center left/100% auto'}"></div>
<!-- <img :src="item.img_url" alt=""> -->
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
</template>
<script>
......@@ -211,6 +234,8 @@ export default {
},
data () {
return {
BigShow:false,
detailLoading:true,
rightNav:false,
eventTypeindex:-1,
mealTypeindex:-1,
......@@ -221,7 +246,7 @@ export default {
classArray: [],
num:1,
dataDetail: {},
loading: false,
loading: true,
DomainUrl:"",
ActiveSrc:'',
defaultImg: 'this.src="' + require('assets/img/juan/error.png') + '"',
......@@ -268,6 +293,10 @@ export default {
},
methods: {
BigImgShow(){
this.BigShow=true;
},
handleScroll(){
// console.log("this.scrollobj",this.scrollobj.scrollTop)
this.scrollTop=this.scrollobj.scrollTop;
......@@ -280,7 +309,11 @@ export default {
},
rePlace(str){
return str.replace('KKday', '印象之旅');
if(str.indexOf('KKday')!=-1){
return str.replace('KKday', '印象之旅');
}else{
return str;
}
},
PriceChange(){
let that=this;
......@@ -441,6 +474,7 @@ export default {
this.creatCalendar(list)
},
getDetails(id){
this.detailLoading=true;
// http://efficient.oytour.com/api/kkday/QueryProduct
this.apiJavaPost(
"/api/kkday/QueryProduct",
......@@ -449,19 +483,22 @@ export default {
"locale":"zh-cn"
},
res => {
this.detailLoading=false;
if (res.data.data.result === "00") {
this.loading=true;
this.DomainUrl=res.data.data.KkdayDomain;
let data = res.data.data.prod
this.loading = true
this.dataDetail = data;
if(this.dataDetail.prod_comment_info.avg_scores){
this.dataDetail.prod_comment_info.avg_scores=Number(this.dataDetail.prod_comment_info.avg_scores);
}
if(this.dataDetail.img_list.length>0){
this.ActiveSrc=this.DomainUrl+this.dataDetail.img_list[0].img_url;
this.ActiveSrc=this.dataDetail.img_list[0].img_url;
}
} else {
this.loading=false;
this.Error(res.data.data.result_msg)
}
},
......@@ -549,6 +586,17 @@ export default {
<style>
@import '../../assets/css/common.css';
.FreeDetail .BigImg{
position: fixed;
z-index: 1000;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.FreeDetail .rightFixed{
position: fixed;
top: 0;
......
src/components/FreeTravel/OrderConfirmation.vue
View file @ 527f87d5
<template>
<div class="OrderCon commonF">
<div class="OrderCon commonF" style="padding-bottom:20px">
<div class="w1200">
<div class="Content basefix" style="margin-top:20px">
......@@ -157,10 +157,10 @@
</div>
</div>
</el-form>
<el-button :loading="BtnLoading" @click="PayBtn" class="OrderConBtn">
<!-- <el-button :loading="BtnLoading" @click="PayBtn" class="OrderConBtn">
下一步，支付
</el-button>
</el-button> -->
</div>
</div>
<div class="right" style="width:388px;box-sizing:border-box">
......@@ -170,7 +170,7 @@
</div>
<div style="padding:15px">
<el-row class="cee f22">
<el-col :span="10">{{rePlace(freeMsg.prod_name)}}</el-col>
<el-col :span="10"><span v-if="freeMsg.prod_name">{{rePlace(freeMsg.prod_name)}}</span></el-col>
<el-col :span="14" style="text-align:right">
<p class="cee f22 pfR" v-if="dataDetail.prod">
<span v-if="dataDetail.prod.policy_no=='1'">不扣手续费，退全额</span>
......@@ -299,7 +299,11 @@ export default {
},
methods: {
rePlace(str){
return str.replace('KKday', '印象之旅');
if(str.indexOf('KKday')!=-1){
return str.replace('KKday', '印象之旅');
}else{
return str;
}
},
GenderSelect(){
this.$forceUpdate()
......
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