Skip to content

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

门票详情等

parent 3162c12c
Expand all Show whitespace changes
Inline Side-by-side
Showing with 2055 additions and 262 deletions
src/App.vue
View file @ e6099954
......@@ -30,6 +30,7 @@ export default {
}
this.apipost('admin_get_GetGroupDomain',msg,r=>{
let g={}
console.log("r",r)
g.i=r.data.data.GroupId
g.n=r.data.data.GroupName
g.l=r.data.data.Logo
......@@ -59,7 +60,7 @@ export default {
<style>
@import './assets/global/font.css';
@import '//at.alicdn.com/t/font_863923_9v70nlynbdt.css';
@import '//at.alicdn.com/t/font_863923_mmwwh61s03g.css';
@import './assets/global/global.css';
body,html{
padding: 0px;
......
src/assets/css/localtourhome.css
View file @ e6099954
This diff is collapsed.
src/components/DependentTravel/CustomizedTourism.vue
View file @ e6099954
......@@ -147,7 +147,7 @@
</li>
<p style="margin-top:15px;font-size:12px;text-align:center;position:absolute;bottom:40px;right:60px">
<span @click="GetDes" :class="desshow?'desstatus':''" style="color:#666666;cursor:pointer">查看行程详情 <i class="iconfont icon-more"></i></span>
<span v-if="configId!=null" @click="GetDes" :class="desshow?'desstatus':''" style="color:#666666;cursor:pointer">查看行程详情 <i class="iconfont icon-more"></i></span>
</p>
</ul>
<!-- 查看详情 -->
......
src/components/LocalTour/AdmissionTicket.vue 0 → 100644
View file @ e6099954
<template>
<div class="AdmissionTicket OnedayList">
<div class="basefix">
<ul class="oneList">
<div v-for="(item,index) in dataList" :key="index+5000" style="margin-bottom:20px">
<li>
<div>
<img style="width:143px;height:106px;" :src="item.coverImgs[0]" alt="">
</div>
<div class="secondDiv">
<p style="font-size:16px;color:#2A5532">{{item.name}}</p>
<p style="margin-top:14px;" class="font12">
<i class="iconfont icon-bb-chufadi"></i>
<span>景点地址：{{item.address}}</span>
</p>
<p style="margin-top:14px;" class="font12">
<i class="iconfont icon-shijian-copy"></i>
<span>开放时间：{{item.openingHours}}</span>
</p>
</div>
<div class="threeDiv">
<p><span style="color:#FDAC11;font-size:22px">￥{{item.b2bPrice}}</span>起</p>
</div>
</li>
<ul class="ticketDiv">
<li v-for="ticket in item.ticketList" :key="ticket.id">
<span class="firsrSpan">
<span class="ticketdes">{{item.name}} {{ticket.ticketDesc}}门票></span>
<span class="peopleType">{{ticket.ticketName}}</span></span>
<span class="SecondSpan">
<span class="price">￥{{ticket.b2bPrice}}</span>
<!-- <span style="color:#999999;font-size:12px;margin-left:7px;text-decoration: line-through">原价:￥300</span> -->
</span>
<span class="ThreeSpan">
<span @click="GoUrl(item)" class="yd">预定</span>
</span>
</li>
</ul>
</div>
<div v-if="dataList.length==0" style="padding:15px 0;text-align:center">
<div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
</div>
</ul>
<ul class="hottour_ul">
<p class="pfR font14" style="margin-bottom:8px">热门景点</p>
<div class="hotsecn">
<span>日本-急乐园 </span>
<span>日本-急乐园 </span>
<span>日本-豪斯登堡主题乐园</span>
<span>韩国-首尔乱打秀</span>
<span>日本-豪斯登堡主题乐园</span>
</div>
</ul>
</div>
</div>
</template>
<script>
export default {
props:["ticketList"],
data () {
return {
dataList:[],
}
},
mounted() {
},
methods: {
GoUrl(item){
this.$router.push({ path:'/TicketDetails',
query:{idDes:encodeURIComponent(item.idDes)} })
},
},
watch:{
ticketList:{
handler:function(val,oldvalue){
this.dataList=val;
}
}
}
}
</script>
<style scoped>
/* .AdmissionTicket .basefix{
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
} */
.AdmissionTicket .ticketDiv li .ticketdes{
display: inline-block;
max-width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.AdmissionTicket .ticketDiv li .ThreeSpan .yd{
display: inline-block;
text-align: center;
line-height: 24px;
width:60px;
height:24px;
background:rgba(238,68,84,1);
color:#fff;
}
.AdmissionTicket .ticketDiv li .SecondSpan .price{
color: #FDAC11;
font-size: 14px;
font-family: "PingFangR";
}
.AdmissionTicket .ticketDiv li .firsrSpan .peopleType{
padding:1px 4px;
background:rgba(76,185,96,1);
display: inline-block;
text-align: center;
line-height: 20px;
color: #fff;
margin-left: 7px;
position: relative;
top: -15px;
}
.AdmissionTicket .ticketDiv li .ThreeSpan{
width:60px;
float: right;
}
.AdmissionTicket .ticketDiv li .SecondSpan{
width:180px;
position: relative;
top: -15px;
}
.AdmissionTicket .ticketDiv li .firsrSpan{
width:660px;
padding-left:20px;
color:#2A5532;
}
.AdmissionTicket .ticketDiv li>span{
display: inline-block;
box-sizing: border-box;
}
.AdmissionTicket .ticketDiv li{
background: #EDF8EF;
font-size: 12px;
padding-right: 19px;
height: 40px;
line-height: 40px;
border-bottom: 1px solid #D8E7DA;
}
.AdmissionTicket .hotsecn span{
display: inline-block;
padding:5px 14px;
color: #EE4454;
font-size: 12px;
margin-right: 10px;
margin-bottom:14px;
background:rgba(238,68,84,0.2);
}
.OnedayList .hottour_ul{
width: 228px;
float: right;
}
.OnedayList>ul{
float: left;
}
.OnedayList .pfR{
font-family: "PingFangR";
}
.OnedayList .threeDiv{
float: right!important;
text-align: right;
font-size:12px
}
.OnedayList .threeDiv .ckxq{
display: inline-block;
width:80px;
height:28px;
background:rgba(242,242,242,1);
text-align: center;
line-height: 28px;
}
.OnedayList .taglist span{
background:rgba(76,185,96,0.2);
color:#4E9F5D;
font-size: 12px;
margin-right:10px;
padding:4px 10px;
}
.OnedayList .oneList .font12{
font-size: 12px;
}
.OnedayList .oneList li .secondDiv{
margin-left:13px;
width: 535px;
}
.OnedayList .oneList li .secondDiv .iconfont{
color:#B5B5B5;
font-size: 12px;
}
.OnedayList .oneList div>li{
color:#333333;
height:127px;
border:1px solid rgba(229,229,229,1);
padding: 11px 28px 11px 11px;
box-sizing: border-box;
}
.OnedayList .oneList{
width:950px;
float: left;
}
.OnedayList .oneList li>div{
float: left;
}
/* .OnedayList .basefix:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
} */
</style>
src/components/LocalTour/Appointment.vue 0 → 100644
View file @ e6099954
<template>
<div class="Appointment commonF">
<div class="w1200">
<!-- first -->
<div class="FirstDiv">
<p>
<span class="colorTitle"></span>
<span class="pfR">日本东京迪士尼陆地乐园1日成人门票>(18-64岁)(必打印 指定日入园 赠高岛屋大礼包！)</span>
<span @click="show=!show" :class="show?'Rotate':''" class="font12" style="margin-left:10px;color:#666666;">预约须知
<i class="iconfont icon-more"></i>
</span>
</p>
<div v-show="show" style="width:740px;background:#f5f5f5;padding:15px 25px;box-sizing:border-box;margin:10px 0">
预订时间 最晚需在【出行前1天16:00(当地时间)】前购买
有效期 选择的使用日期当天有效。
预订时间 最晚需在【出行前1天16:00(当地时间)】前购买
有效期 选择的使用日期当天有效。
</div>
</div>
<div class="form">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item class="formline" label="使用日期">
<el-popover
placement="bottom-start"
width="400"
trigger="click">
<div class="calendarDiv">
456456
<!-- <v-calendar ref="child" v-for="(item,index) in classArray" :key="index" v-bind:dateData="classArray" :day ="tomonth" v-on:SelectChild="SelectChild">
</v-calendar> -->
</div>
<span class="calendarSpan" slot="reference">click 激活</span>
</el-popover>
</el-form-item>
<el-form-item label="购买数量">
<el-input-number size="small" v-model="form.num" :min="1" :max="10" label="描述文字"></el-input-number>
</el-form-item>
<div class="fg"></div>
<div style="padding:0 20px">
<p class="pfR" style="color:#000000;margin:30px 0">取票人/出行人信息</p>
<el-form-item class="formline" label="中文姓名">
<el-input size="small" v-model="form.name"></el-input>
</el-form-item>
<el-form-item class="formline" label="英文姓名">
<el-input size="small" v-model="form.name"></el-input>
</el-form-item>
<el-form-item class="formline" label="手机号">
<el-input size="small" v-model="form.name"></el-input>
</el-form-item>
<el-form-item class="formline" label="E-mail">
<el-input size="small" v-model="form.name"></el-input>
</el-form-item>
</div>
</el-form>
</div>
<!-- 优惠券使用 -->
<div class="Yhq">
<p class="pfR" style="color:#000000;padding-left:20px">优惠券使用</p>
<ul class="yhqUl">
<li class="sawtooth">
<span class="kdj">可叠加</span>
<p style="margin-top:10px">￥<span>100</span></p>
<p style="font-size:14px">满200使用</p>
<p style="font-size:12px;color:#4C58A4">
有效期：2019.03.30-2019.05.30
<input class="input" type="checkbox" value="1" name="" />
</p>
</li>
</ul>
<div style="border-bottom:1px dashed #E5E5E5"></div>
<div class="basefix" style="padding-right:20px">
<div style="text-align:right">
<div class="payMoney basefix">
<p style="font-size:12px;margin-top:20px">小计：<span>￥2500</span></p>
<p style="margin:7px 0">优惠：<span class="pfR">-￥2500</span></p>
<p class="pfR">实付款：<span style="color:#AAAAAA;font-size:24px">￥<span style="color:#E95252;font-size:24px">2500</span></span></p>
</div>
</div>
<div class="orderOk">
我已阅读并同意
<span style="color:#39B372">预订须知、旅游合同、特别预订提示、安全提示</span>
<span class="orderPay">确认订单</span>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
form:{},
show:false,
}
},
mounted() {
},
methods: {
}
}
</script>
<style scoped>
@import "../../assets/css/localtourhome.css";
</style>
src/components/LocalTour/LocalTourList.vue
View file @ e6099954
This diff is collapsed.
src/components/LocalTour/Localtourhome.vue
View file @ e6099954
This diff is collapsed.
src/components/LocalTour/OnedayList.vue 0 → 100644
View file @ e6099954
<template>
<div class="OnedayList">
<ul class="oneList">
<li v-for="item in dataList">
<div>
<img style="width:199px;height:148px;" :src="item.imgCover[0].url" alt="">
</div>
<div class="secondDiv">
<p style="font-size:16px;color:#2A5532">{{item.title}}</p>
<p class="taglist" style="margin-top:18px;">
<span>明日可订</span>
<span>明日可订</span>
</p>
<p style="margin-top:14px;" class="font12">
<i class="iconfont icon-bb-chufadi"></i>
<span>出发地：{{item.startCityName}}</span>
</p>
<p style="margin-top:14px;" class="font12 textHidden1">
<i class="iconfont icon-shijian-copy"></i>
<span>团期：
<span v-for="(start,index) in item.startDates" :key="index">{{start | MD}} </span>
</span>
</p>
</div>
<div class="threeDiv">
<p><span style="color:#FDAC11;font-size:22px">￥{{item.b2BPrice}}</span>起</p>
<p style="margin-top:80px"><span class="ckxq" @click="GetDes(item)">查看详情</span></p>
</div>
</li>
<div v-if="dataList.length==0" style="padding:15px 0;text-align:center">
<div class="empty-data"><i class="iconfont icon-kong"></i>
很抱歉，你想要的信息我们真的找不到了
</div>
</div>
</ul>
<ul class="hottour_ul">
<p class="pfR font14" style="margin-bottom:8px">历史浏览</p>
<li v-for="item in Historylist">
<img :src="item.imgCover[0].url" alt="">
<div class="hotcontent">
<span class="textHidden font12">{{item.title}}</span>
<p class="font12" style="color:#FDAC11;text-align:right;padding-top:4px;padding-right:6px">￥<span class="pfR font14">{{item.b2BPrice}}</span>起</p>
</div>
</li>
<img style="width:228px;height:100px;margin-top:25px" src="../../assets/img/localtour/guangg1.png" alt="">
</ul>
</div>
</template>
<script>
export default {
props:["onelist"],
data () {
return {
dataList:[],
Historylist:[],
}
},
mounted() {
let arr=[];
if(localStorage.HistoryBrowse && localStorage.HistoryBrowse!=undefined){
arr=JSON.parse(localStorage.HistoryBrowse);
}
this.Historylist=arr;
},
methods: {
GetDes(item){
if(this.Historylist.length>4 || this.Historylist.length==4){
this.Historylist.pop();
}
this.Historylist.forEach(his=>{
if(his.id==item.id){
this.Historylist.splice(his,1);
}
})
this.Historylist.unshift(item);
localStorage.HistoryBrowse=JSON.stringify(this.Historylist);
},
},
watch:{
onelist:{
handler:function(val,oldvalue){
this.dataList=val;
this.dataList.forEach(item=>{
if(item.startDates){
item.startDates= item.startDates.split(",")
}
})
}
}
}
}
</script>
<style scoped>
.OnedayList .textHidden{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.OnedayList .hotcontent{
padding-left: 79px;
box-sizing: border-box;
padding-top:12px;
}
.OnedayList{
overflow: auto;
}
.OnedayList .hottour_ul li img{
width:60px;
height:60px;
position: absolute;
top: 8px;
left: 10px;
}
.OnedayList .hottour_ul li{
position: relative;
margin-bottom:14px;
}
.OnedayList .hottour_ul{
width: 228px;
float: right;
}
.OnedayList>ul{
float: left;
}
.OnedayList .pfR{
font-family: "PingFangR";
}
.OnedayList .threeDiv{
float: right!important;
text-align: right;
font-size:12px
}
.OnedayList .threeDiv .ckxq{
display: inline-block;
width:80px;
height:28px;
background:rgba(242,242,242,1);
text-align: center;
line-height: 28px;
cursor: pointer;
}
.OnedayList .taglist span{
background:rgba(76,185,96,0.2);
color:#4E9F5D;
font-size: 12px;
margin-right:10px;
padding:4px 10px;
}
.OnedayList .oneList .font12{
font-size: 12px;
}
.OnedayList .oneList li .secondDiv{
margin-left:13px;
width: 535px;
}
.OnedayList .oneList li .secondDiv .iconfont{
color:#B5B5B5;
font-size: 12px;
}
.OnedayList .oneList li{
color:#333333;
height:170px;
border:1px solid rgba(229,229,229,1);
padding: 11px 28px 11px 11px;
box-sizing: border-box;
}
.OnedayList .oneList{
width:950px;
}
.OnedayList .oneList li>div{
float: left;
}
/* .OnedayList .basefix:after {
clear: both;
content: '.';
display: block;
height: 0;
overflow: hidden;
} */
</style>
src/components/LocalTour/TicketDetails.vue 0 → 100644
View file @ e6099954
This diff is collapsed.
src/main.js
View file @ e6099954
......@@ -118,6 +118,9 @@ Vue.filter("YMD", function (date) {
return moment(date).format("YYYY-MM-DD");
})
Vue.filter("MD", function (date) {
return moment(date).format("MM月DD日");
})
Vue.prototype.random_string = function (len) {
len = len || 32;
var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
......
src/router.js
View file @ e6099954
......@@ -398,6 +398,25 @@ export default new Router({
title: "当地游列表"
}
},
{
path: "/TicketDetails",
name: "TicketDetails",
component: resolve =>
require(["@/components/LocalTour/TicketDetails.vue"], resolve),
meta: {
title: "门票详情"
}
},
{
path: "/Appointment",
name: "Appointment",
component: resolve =>
require(["@/components/LocalTour/Appointment.vue"], resolve),
meta: {
title: "预约"
}
},
]
},
......
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