Skip to content

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

机票

parent 40358612
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 933 additions and 4 deletions
src/assets/css/reset.css 0 → 100644
View file @ 23cc97ce
.el-radio__input.is-checked .el-radio__inner{
border-color: #EE4454;
background: #EE4454;
}
.el-radio__input.is-checked+.el-radio__label {
color: #EE4454;
}
.orange{
color:#FF6633;
}
\ No newline at end of file
src/assets/img/ticket/banner@2x.png 0 → 100644
View file @ 23cc97ce
This diff is collapsed.
src/components/Ticket/Choose.vue 0 → 100644
View file @ 23cc97ce
<template>
<div>
<el-row class="msg">
<div style="margin-bottom:10px">
<el-radio v-model="choose_info.ticketType" :label=1>单程</el-radio>
<el-radio v-model="choose_info.ticketType" :label=2>往返</el-radio>
</div>
<el-col :span="5">
<div class="city" style="margin-bottom:15px">
<span>出发地 | </span>
<el-input
placeholder="请输入内容"
v-model="input10"
clearable>
</el-input>
</div>
<div class="city">
<span>目的地 | </span>
<el-input
placeholder="请输入内容"
v-model="input10"
clearable>
</el-input>
</div>
</el-col>
<el-col :span="6">
<div class="city" style="margin-bottom:15px">
<span>出发 | </span>
<el-date-picker @change="changeStart"
v-model="choose_info.qFlightDateStart"
type="date"
placeholder="选择日期">
</el-date-picker>
<span>{{startweek}}</span>
</div>
<div class="city">
<span>归期 | </span>
<el-date-picker @change="changeEnd"
v-model="choose_info.qFlightDateEnd"
type="date"
placeholder="选择日期">
</el-date-picker>
<span>{{endweek}}</span>
</div>
</el-col>
<el-col :span="13">
<div style="margin-bottom:15px">
<div class="number">
<span>成人 | </span>
<el-input-number size="mini" v-model="num1" @change="handleChange" :min="0" :max="10" label="描述文字"></el-input-number>
</div>
<div class="number">
<span>儿童 | </span>
<el-input-number size="mini" v-model="num1" @change="handleChange" :min="0" :max="10" label="描述文字"></el-input-number>
</div>
<div class="number">
<span>婴儿 | </span>
<el-input-number size="mini" v-model="num1" @change="handleChange" :min="0" :max="10" label="描述文字"></el-input-number>
</div>
<el-button @click="Search" size="small">搜索</el-button>
</div>
<div>
<div class="city" style="width:200px;display:inline-block;margin-right:10px">
<span>舱位选择 | </span>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in cawei"
:key="item.id"
:label="item.title"
:value="item.id">
</el-option>
</el-select>
</div>
<div class="city" style="width:250px;display:inline-block">
<span>航空公司 | </span>
<el-select style="width:180px" filterable v-model="value" placeholder="请选择">
<el-option v-for="item in airlineList" :label="item.AlName" :value="item.AirLineId"
:key="item.AirLineId"></el-option>
</el-select>
</div>
</div>
</el-col>
</el-row>
</div>
</template>
<script>
import moment from 'moment'
export default {
components: {
},
data () {
return {
choose_info:{
pageIndex:1,
pageSize:10,
id:0,
qFlightDateStart:"",
qFlightDateEnd:"",
flight_number:"",
airLineID:0,
ticketType:1,
lineId:0,
isPayOrder:0,
departure_city:0,
arrival_city:0,
freightSpace:1
},
startweek:"",
endweek:"",
bannerHeight:"282px",
radio:"",
value10:"",
cawei:[
{title:"头等舱",id:1},
{title:"商务舱",id:2},
{title:"经济舱",id:3}
],
value1:"",
num1:"",
input10:"",
value:"",
airlineList:[],
}
},
mounted () {
},
created(){
this.initAirlines();
this.$emit("ChooseInfo",this.choose_info)
},
methods: {
// 航空公司下拉框
initAirlines() {
this.apipost(
"airline_post_GetList", {},
res => {
// console.log(res)
if (res.data.resultCode == 1) {
this.airlineList = res.data.data;
}
},
err => {
}
);
},
Weekday(num){
if(num==1){
return "周一"
}
if(num==2){
return "周二"
}
if(num==3){
return "周三"
}
if(num==4){
return "周四"
}
if(num==5){
return "周五"
}
if(num==6){
return "周六"
}
if(num==7){
return "周日"
}
},
changeStart(val){
let num=moment(val,'YYYY-MM-DD').format('E');
this.startweek=this.Weekday(num);
},
changeEnd(val){
let num=moment(val,'YYYY-MM-DD').format('E');
this.endweek=this.Weekday(num);
},
// moment("2018-10-29",'YYYY-MM-DD').format('E')
handleChange(){},
Search(){
this.$emit("ChooseInfo",this.choose_info)
}
}
}
</script>
<style>
.msg .el-select{
width: 130px;
height: 100%;
}
.el-select>.el-input{
width: 100%;
}
.msg .el-button{
width:77px;
height:32px;
background:rgba(238,68,84,1);
border-radius:4px;
color: #ffffff;
border: none;
}
.el-input-number .el-input{
width: 95px;
}
.msg .number{
width:140px;
height:34px;
background:rgba(255,255,255,1);
border:1px solid rgba(216,218,220,1);
border-radius:4px;
padding-left: 6px;
box-sizing: border-box;
display: inline-block;
margin-right: 20px;
}
.el-input-number{
width:95px;
height: 100%;
}
.msg{
color: #000000;
font-size: 12px;
margin-top: 15px;
}
.msg .city{
width:80%;
height:34px;
background:rgba(255,255,255,1);
border:1px solid rgba(216,218,220,1);
border-radius:4px;
padding-left: 6px;
box-sizing: border-box
}
.el-input{
width: 145px;
height: 100%;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus{
border-color: none;
}
.el-date-editor.el-input, .el-date-editor.el-input__inner{
width: 145px;
}
.el-input__inner{
border: none;
height: 100%;
}
</style>
\ No newline at end of file
src/components/Ticket/TicketHome.vue 0 → 100644
View file @ 23cc97ce
This diff is collapsed.
src/components/Ticket/TicketList.vue 0 → 100644
View file @ 23cc97ce
This diff is collapsed.
src/plugins/index.js
View file @ 23cc97ce
...@@ -13,8 +13,8 @@ export default { ...@@ -13,8 +13,8 @@ export default {
Vue.prototype.domainManager = function() { Vue.prototype.domainManager = function() {
// var domainUrl = "http://test_reborn.oytour.com";//主域名 // var domainUrl = "http://test_reborn.oytour.com";//主域名
// var domainUrl = "http://reborn.oytour.com"; //主域名 // var domainUrl = "http://reborn.oytour.com"; //主域名
var domainUrl = "http://192.168.2.214:8082"//主域名 // var domainUrl = "http://192.168.2.214:8082"//主域名
// let domainUrl = "http://192.168.2.16:8083"; //刘东主域名 let domainUrl = "http://192.168.2.16:8083"; //刘东主域名
if (this.isOnline()) { if (this.isOnline()) {
if(window.location.host.indexOf('viitto.com')!=-1) if(window.location.host.indexOf('viitto.com')!=-1)
domainUrl = "http://test.viitto.com" domainUrl = "http://test.viitto.com"
...@@ -139,7 +139,7 @@ export default { ...@@ -139,7 +139,7 @@ export default {
this.apiurl = apiurl; this.apiurl = apiurl;
var token = ""; var token = "";
var key = ""; var key = "";
let userInfo = JSON.parse(localStorage.userInfo) let userInfo = localStorage.userInfo ? JSON.parse(localStorage.userInfo) : ''
let uid = userInfo.accountId ? userInfo.accountId : 0 let uid = userInfo.accountId ? userInfo.accountId : 0
if (this.getLocalStorage() != null) { if (this.getLocalStorage() != null) {
token = this.getLocalStorage().token; token = this.getLocalStorage().token;
......
src/router.js
View file @ 23cc97ce
...@@ -122,7 +122,24 @@ export default new Router({ ...@@ -122,7 +122,24 @@ export default new Router({
meta: { meta: {
title: '发票信息' title: '发票信息'
} }
}] },
{
path: '/TicketHome',
name: 'TicketHome',
component: resolve => require(['@/components/Ticket/TicketHome'], resolve),
meta: {
title: '机票'
}
},
{
path: '/TicketList',
name: 'TicketList',
component: resolve => require(['@/components/Ticket/TicketList'], resolve),
meta: {
title: '机票列表'
}
}
]
} }
] ]
} }
......
src/views/index.vue
View file @ 23cc97ce
...@@ -67,6 +67,9 @@ export default { ...@@ -67,6 +67,9 @@ export default {
if(index=='2-1'){ if(index=='2-1'){
path='/heel' path='/heel'
} }
if(index=='3'){
path='/TicketList'
}
if (path != "") { if (path != "") {
this.$router.push({ path }); this.$router.push({ path });
......
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