Skip to content

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

机票订单

parent 86abd42d
Hide whitespace changes
Inline Side-by-side
Showing with 2104 additions and 1273 deletions
package-lock.json
View file @ 41149810
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ 41149810
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
"vuex": "^3.0.1" "vuex": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "^3.0.4", "@vue/cli-plugin-babel": "^3.4.1",
"@vue/cli-plugin-pwa": "^3.0.4", "@vue/cli-plugin-pwa": "^3.0.4",
"@vue/cli-service": "^3.0.4", "@vue/cli-service": "^3.0.4",
"stylus": "^0.54.5", "stylus": "^0.54.5",
......
src/components/Ticket/AirlineTicketOrder.vue
View file @ 41149810
<template> <template>
<div class="AirlineTicketOrder"> <div class="AirlineTicketOrder">
<el-row> <el-form class="form" ref="form" :model="form" label-width="100px">
<el-col :span="20" :offset="2">
<el-form ref="form" :model="form" label-width="100px">
<el-form-item label="订单状态 | "> <el-form-item label="订单号">
<el-select v-model="form.status" filterable size="mini"> <el-input size="small" v-model="form.id" placeholder="请输入订单号"></el-input>
<el-option label="全部" :value=0></el-option>
<el-option label="正常" :value=1></el-option>
<el-option label="取消" :value=2></el-option>
<el-option label="待付款" :value=3></el-option>
</el-select>
</el-form-item>
<el-form-item label="订单号 | ">
<el-select v-model="form.status" filterable size="mini">
<el-option label="全部" :value=0></el-option>
<el-option label="正常" :value=1></el-option>
<el-option label="取消" :value=2></el-option>
<el-option label="待付款" :value=3></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="开始时间 | "> <el-form-item label="开始时间">
<el-date-picker value-format="yyyy-MM-dd" size="mini" type="date" placeholder="下单开始时间" v-model="form.startTime"></el-date-picker> <el-date-picker size="small"
</el-form-item> v-model="form.time"
<el-form-item label="结束时间 | "> value-format="yyyy-MM-dd"
<el-date-picker value-format="yyyy-MM-dd" size="mini" type="date" placeholder="下单开始时间" v-model="form.endTime"></el-date-picker> type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" size="mini">查询</el-button> <el-button @click="List" style="background:#EE4454;color:#fff" size="mini">查询</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-row>
<el-table <el-col :span="20" :offset="2">
v-loading="loading" <div class="changestatus">
:data="tableData" <span :class="{'span_active':form.status==0}" @click="ChangeStatus(0)">全部订单</span>
stripe <span :class="{'span_active':form.status==3}" @click="ChangeStatus(3)">待付款</span>
style="width: 100%"> <span :class="{'span_active':form.status==1}" @click="ChangeStatus(1)">正常</span>
<el-table-column <span :class="{'span_active':form.status==2}" @click="ChangeStatus(2)">取消</span>
</div>
<el-table :header-cell-style="getRowClass"
v-loading="loading"
:data="tableData"
stripe
style="width: 100%;box-sizing:border-box">
<el-table-column
prop="id" prop="id"
label="订单ID"> label="订单ID">
</el-table-column>
<el-table-column
label="机票信息">
<template slot-scope="scope">
<p>
<span v-if="scope.row.airModel.ticketType==2" class="ticket_num">往</span>
<span>{{scope.row.airModel.goStartCityName}}-{{scope.row.airModel.goEndCityName}}</span>
<!-- -->
</p>
<p v-if="scope.row.airModel.ticketType==2">
<span class="ticket_num">返</span>
<span>{{scope.row.airModel.backStartCityName}}-{{scope.row.airModel.backEndCityName}}</span>
<!-- -->
</p>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="contactName" label="旅客">
label="联系人姓名"> <template slot-scope="scope">
<el-tooltip class="item" effect="dark" placement="bottom-start">
<span slot="content" v-for="(guest,index) in scope.row.guestList" :key="guest.name">{{guest.name}}<span v-if="index<scope.row.guestList.length-1">、</span></span>
<p>
<span v-for="(guest,index) in scope.row.guestList" :key="guest.name" >
<span v-if="index<3">{{guest.name}}<span v-if="index<scope.row.guestList.length-1">、</span> </span></span>
<span v-if="scope.row.guestList.length>2">等<span style="text-decoration:underline">{{scope.row.guestList.length}}人</span></span>
</p>
</el-tooltip>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="contactMobile" label="行程有效期">
label="联系人电话"> <template slot-scope="scope">
<p>
{{scope.row.airModel.goFlightTime}} {{scope.row.airModel.goStartHouseTime}}
</p>
</template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="status" prop="preferPrice"
label="订单状态"> label="实付金额">
</el-table-column>
<el-table-column
prop="refund"
label="退款金额">
</el-table-column>
<el-table-column
label="状态">
<template slot-scope="scope">
<p style="cursor:pointer">
<span v-if="scope.row.status==2">取消</span>
<span style="color:#EE4454" v-if="scope.row.status==3">待付款</span>
<span v-if="scope.row.status==1">正常</span>
</p>
<p @click="OrderDes(scope.row)" style="color:#DDDDDD;cursor:pointer">订单详情</p>
</template>
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button v-show="scope.row.status==3" <!-- <el-button v-show="scope.row.status==3"
size="mini" size="mini"
type="primary" type="primary"
@click="handleEdit(scope.$index, scope.row)">修改订单</el-button> @click="handleEdit(scope.$index, scope.row)">修改订单</el-button> -->
<el-button v-show="scope.row.status==3" <el-button v-show="scope.row.status==3"
size="mini" size="mini" style="border:1px solid #EE4454;color:#EE4454"
type="danger"
@click="handlePay(scope.$index, scope.row)">去付款</el-button> @click="handlePay(scope.$index, scope.row)">去付款</el-button>
<el-button v-show="scope.row.status==1 && scope.row.refundStatus==1"
size="mini" @click="TuiKuan(scope.$index, scope.row)" type="primary">退款</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
...@@ -89,6 +133,7 @@ export default { ...@@ -89,6 +133,7 @@ export default {
data () { data () {
return { return {
form:{ form:{
id:'',
status:0, status:0,
startTime:'', startTime:'',
endTime:'', endTime:'',
...@@ -108,6 +153,43 @@ export default { ...@@ -108,6 +153,43 @@ export default {
this.List(); this.List();
}, },
methods: { methods: {
// 退款
TuiKuan(index,row){
this.$confirm('是否确认退款?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
this.apiJavaPost('/api/dmc/airticket/SetB2BAirtickOrderApplyForRefund',{AirOrderId:row.id},res=>{
// console.log(res);
if(res.data.resultCode==1){
this.$message.success("请求成功！")
}
},null)
})
},
OrderDes(item){
this.$router.push({
path: `/OrderDetails/${item.id}`
})
},
getRowClass({ row, column, rowIndex, columnIndex }) {
if (rowIndex == 0) {
return 'background:#dddddd'
} else {
return ''
}
},
ChangeStatus(num){
this.form.status=num;
this.List();
},
handlePay(index,row){ handlePay(index,row){
// console.log("row",row) // console.log("row",row)
this.$router.push({ this.$router.push({
...@@ -126,6 +208,11 @@ export default { ...@@ -126,6 +208,11 @@ export default {
}, },
List(){ List(){
this.loading=true; this.loading=true;
// console.log(this.form)
if(this.form.time){
this.form.startTime=this.form.time[0];
this.form.endTime=this.form.time[1];
}
this.apiJavaPost('/api/dmc/airticket/GetB2BAirtickOrderPageList',this.form,res=>{ this.apiJavaPost('/api/dmc/airticket/GetB2BAirtickOrderPageList',this.form,res=>{
// console.log(res); // console.log(res);
this.loading=false; this.loading=false;
...@@ -142,6 +229,42 @@ export default { ...@@ -142,6 +229,42 @@ export default {
</script> </script>
<style> <style>
.AirlineTicketOrder .el-table__header{
background: #DDDDDD;
}
.AirlineTicketOrder .ticket_num{
padding:6px 8px;
border-radius: 50%;
background: #EE4454;
color: #fff;
margin-right:6px;
}
.AirlineTicketOrder .changestatus{
padding: 20px 5px;
box-sizing: border-box;
}
.AirlineTicketOrder .changestatus .span_active{
border:1px solid #EE4454;
color: #EE4454;
}
.AirlineTicketOrder .changestatus span{
display: inline-block;
width:97px;
height:36px;
line-height: 36px;
text-align: center;
margin:0 6px;
background:rgba(255,255,255,1);
border:1px solid #DDDDDD;
cursor: pointer;
}
.AirlineTicketOrder .form{
margin-bottom: 10px;
padding:15px 8%;
box-shadow:0px 4px 8px 0px rgba(107,107,107,0.18);
background: #fff;
}
.AirlineTicketOrder .el-pagination .btn-next{ .AirlineTicketOrder .el-pagination .btn-next{
height:28px; height:28px;
......
src/components/Ticket/Choose.vue
View file @ 41149810
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<el-col :span="5"> <el-col :span="5">
<div class="city" style="margin-bottom:15px"> <div class="city" style="margin-bottom:15px">
<span>出发地 | </span> <span>出发地 | </span>
<el-select style="width:75%" v-model="choose_info.departure_city" filterable placeholder="请选择"> <el-select style="width:70%" v-model="choose_info.departure_city" filterable placeholder="请选择">
<el-option :value=0 label="不限"></el-option> <el-option :value=0 label="不限"></el-option>
<el-option <el-option
v-for="item in cfd" v-for="item in cfd"
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
<div class="city"> <div class="city">
<span>目的地 | </span> <span>目的地 | </span>
<el-select style="width:75%" v-model="choose_info.arrival_city" filterable placeholder="请选择"> <el-select style="width:70%" v-model="choose_info.arrival_city" filterable placeholder="请选择">
<el-option :value=0 label="不限"></el-option> <el-option :value=0 label="不限"></el-option>
<el-option <el-option
v-for="item in cfd" v-for="item in cfd"
......
src/components/Ticket/FillItinerary.vue
View file @ 41149810
...@@ -139,6 +139,13 @@ ...@@ -139,6 +139,13 @@
<el-button @click="ConfirmedPersonNum" size="mini" style="background:#EE4454;color:#fff">确认</el-button> <el-button @click="ConfirmedPersonNum" size="mini" style="background:#EE4454;color:#fff">确认</el-button>
<el-button size="mini" style="background:#EE4454;color:#fff">取消</el-button> <el-button size="mini" style="background:#EE4454;color:#fff">取消</el-button>
</div> </div>
<div style="position:absolute;right:5px">
<span>专员：</span>
<el-select size="small" v-model="personNum.enterID" filterable placeholder="请选择专员">
<el-option v-for="(item,key) in SellInfoList" :key="key" :label="item.EmName" :value="item.EmployeeId"></el-option>
</el-select>
</div>
</div> </div>
<el-form :model="personNum" ref="personNum" label-width="100px" class="demo-ruleForm"> <el-form :model="personNum" ref="personNum" label-width="100px" class="demo-ruleForm">
...@@ -249,11 +256,13 @@ export default { ...@@ -249,11 +256,13 @@ export default {
userInfo:this.getLocalStorage(), userInfo:this.getLocalStorage(),
customer:{}, customer:{},
countroylist:[], countroylist:[],
SellInfoList:[],
} }
}, },
mounted () { mounted () {
this.GetDes(); this.GetDes();
this.GetCountroy() this.GetCountroy()
this.SellInfo();
}, },
methods: { methods: {
// 国籍 // 国籍
...@@ -273,7 +282,7 @@ export default { ...@@ -273,7 +282,7 @@ export default {
//获取订单详情 //获取订单详情
GetDes(){ GetDes(){
this.apiJavaPost('/api/dmc/airticket/getB2BAirticketInfo',{AirTicketId:this.AirTicketId},res=>{ this.apiJavaPost('/api/dmc/airticket/getB2BAirticketInfo',{AirTicketId:this.AirTicketId},res=>{
console.log("订单",res) // console.log("订单",res)
this.getlistSigel=res.data.data; this.getlistSigel=res.data.data;
this.getlistSigel.synum=this.getlistSigel.airTicketScatterNum-this.getlistSigel.useScatterNum; this.getlistSigel.synum=this.getlistSigel.airTicketScatterNum-this.getlistSigel.useScatterNum;
...@@ -398,6 +407,22 @@ export default { ...@@ -398,6 +407,22 @@ export default {
}); });
}, },
// 服务专员
SellInfo(){
this.apipost(
"sell_get_GetCustomerToSellInfo", {},
res => {
console.log(res)
if (res.data.resultCode == 1) {
this.SellInfoList = res.data.data;
this.personNum.enterID=this.SellInfoList[0].EmployeeId;
}
},
err => {
}
);
},
} }
} }
...@@ -561,6 +586,7 @@ font-size: 14px; ...@@ -561,6 +586,7 @@ font-size: 14px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
font-size: 14px; font-size: 14px;
position: relative;
} }
.ticket_list .time{ .ticket_list .time{
color: #333333; color: #333333;
......
src/components/Ticket/OrderDetails.vue 0 → 100644
View file @ 41149810
<template>
<div class="OrderDetails">
<!-- <div class="baner_top">
<el-row :gutter="20">
<el-col :span="24" :offset="2">
</el-col>
</el-row>
</div> -->
<el-row :gutter="20" style="background:#f5f5f5">
<el-col :span="18" :offset="3">
<!-- 订单详情 -->
<div class="ticket_list">
<el-col :span="9" style="position:relative">
<div class="bz">去程</div>
<div class="padd">
<p style="font-size:16px;color:#333333;padding-top:10px">{{getlistSigel.goFlightTime}}
{{getlistSigel.goStartCityName}} - {{getlistSigel.goEndCityName}}
</p>
<p style="font-size:12px;color:#666666">
<img style="width:18px;height:18px;margin:0 5px" :src="getlistSigel.airlineUrl" alt="">
<span>{{getlistSigel.airlineName}}</span>
<span>{{getlistSigel.alCode}} </span>
</p>
<div class="xcxq">
<el-col :span="8" style="text-align:right">
<p class="time">{{getlistSigel.goStartHouseTime}}</p>
<p>{{getlistSigel.goStartAirPlace}}</p>
</el-col>
<el-col :span="8" style="text-align:center">
<p>
{{getlistSigel.goTotalTime}}
</p>
<p class="line"></p>
<p v-if="getlistSigel.goTransfer">{{getlistSigel.goTransfer}}转机</p>
</el-col>
<el-col :span="8" style="text-align:left">
<p class="time">{{getlistSigel.goEndHouseTime}}</p>
<p>{{getlistSigel.goEndAirPlace}}</p>
</el-col>
</div>
</div>
</el-col>
<el-col v-if="getlistSigel.ticketType==2" :span="9" style="border-right:1px dashed #AAAAAA;position:relative">
<div class="bz">返程</div>
<div class="padd">
<p style="font-size:16px;color:#333333;padding-top:10px">{{getlistSigel.backFlightTime}}
{{getlistSigel.backStartCityName}} - {{getlistSigel.backEndCityName}}
</p>
<p style="font-size:12px;color:#666666">
<img style="width:18px;height:18px;margin:0 5px" :src="getlistSigel.airlineUrl" alt="">
<span>{{getlistSigel.airlineName}}</span>
<span>{{getlistSigel.alCode}} </span>
</p>
<div class="xcxq">
<el-col :span="8" style="text-align:right">
<p class="time">{{getlistSigel.backStartHouseTime}}</p>
<p>{{getlistSigel.goStartAirPlace}}</p>
</el-col>
<el-col :span="8" style="text-align:center">
<p>
{{getlistSigel.backTotalTime}}
</p>
<p class="line"></p>
<p v-if="getlistSigel.goTransfer">{{getlistSigel.backTransfer}}转机</p>
</el-col>
<el-col :span="8" style="text-align:left">
<p class="time">{{getlistSigel.backEndHouseTime}}</p>
<p>{{getlistSigel.backEndAirPlace}}</p>
</el-col>
</div>
</div>
</el-col>
<el-col class="w31" :span="6">
<p style="padding-top:20px">
<span>订单金额</span>
<span style="float:right;color:#FF680B;font-size:20px">￥{{personNum.preferPrice}}</span>
</p>
<P style="font-size:12px;margin-top:12px">
成人票：
<span style="float:right;">{{getlistSigel.scatterB2BPrice }} x {{personNum.manNum}}</span>
</P>
<P style="font-size:12px;">
儿童票：
<span style="float:right;">{{getlistSigel.scatterB2BPrice }} x {{personNum.chirdNum}}</span>
</P>
<P style="font-size:12px;">
老人票：
<span style="float:right;">{{getlistSigel.scatterB2BPrice }} x {{personNum.oldPeopleNum}}</span>
</P>
</el-col>
</div>
<!-- 填写订单 -->
<div class="tx_order" style="margin-top:20px">
<div class="tx">
<div style="margin-top:4px">
乘机人信息
</div>
<div style="position:absolute;right:5px;top:3px">
<el-button @click="disabled=false" style="margin-right:10px" v-if="personNum.status==3" class="status_3" size="mini" >修改信息</el-button>
<span>服务专员：</span>
<el-select :disabled="disabled" size="mini" v-model="personNum.enterID" filterable placeholder="请选择专员">
<el-option v-for="(item,key) in SellInfoList" :key="key" :label="item.EmName" :value="item.EmployeeId"></el-option>
</el-select>
</div>
</div>
<el-form :model="personNum" ref="personNum" label-width="100px" class="demo-ruleForm">
<div class="tx_list" style="margin:10px 0" v-for="(item,index) in personNum.guestList" :key="index">
<el-col :span="4">
<div class="index">
<p>第<span style="font-weight:700">{{index+1}}</span>位</p>
<!-- //1 成年 2小孩 3婴儿 4老人 -->
<p style="background:#49C0A1;color:#fff">
<span v-if="item.ageType=='1'">成年</span>
<span v-if="item.ageType=='2'">小孩</span>
<span v-if="item.ageType=='3'">婴儿</span>
<span v-if="item.ageType=='4'">老人</span>
</p>
</div>
</el-col>
<el-col :span="20">
<el-form-item label="乘机人" :prop="'guestList.'+index+'.name'" :rules="[{required: true, message: '姓名不能为空', trigger: 'blur'}]">
<el-input :disabled="disabled" size="mini" v-model="item.name"></el-input>
</el-form-item>
<el-form-item label="护照信息" :prop="'guestList.'+index+'.passportNo'" :rules="[{ required: true, message: '请输入护照信息', trigger: 'blur' }]">
<el-input :disabled="disabled" size="mini" v-model="item.passportNo"></el-input>
</el-form-item>
<el-form-item label="出生日期" :prop="'guestList.'+index+'.birthday'" :rules="[{ type: 'string', required: true, message: '请选择日期', trigger: 'change' }]">
<el-date-picker :disabled="disabled" size="mini" value-format="yyyy-MM-dd" type="date" placeholder="选择日期" v-model="item.birthday" style="width: 100%;"></el-date-picker>
</el-form-item>
<el-form-item label="性别" :prop="'guestList.'+index+'.sex'" :rules="[{ required: true, message: '请选择性别', trigger: 'change' }]">
<el-radio-group :disabled="disabled" v-model="item.sex">
<el-radio :label=1 :value=1>男</el-radio>
<el-radio :label=2 :value=2>女</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="国籍">
<el-select :disabled="disabled" size="mini" v-model="item.nationality" filterable placeholder="请选择国籍">
<el-option v-for="(item,key) in countroylist" :key="key" :label="item.Name" :value="item.ID"></el-option>
</el-select>
</el-form-item>
<el-form-item label="手机号" :prop="'guestList.'+index+'.mobilePhone'" :rules="[{required: true, message: '电话号码不能为空', trigger: 'blur'}]">
<el-input :disabled="disabled" size="mini" v-model="item.mobilePhone"></el-input>
</el-form-item>
</el-col>
</div>
</el-form>
</div>
<!-- 联系人 -->
<div class="lxr_info" style="margin-top:20px;background:#fff;">
<p class="lxr">联系人信息</p>
<el-form style="width:90%" :model="personNum" ref="personNum" label-width="100px" class="demo-ruleForm">
<el-form-item label="联系人" prop="contactName" :rules="{ required: true, message: '请输入联系人姓名', trigger: 'blur' }">
<el-input :disabled="disabled" size="mini" v-model="personNum.contactName"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="contactMobile" :rules="{ required: true, message: '请输入联系电话', trigger: 'blur' }">
<el-input :disabled="disabled" size="mini" v-model="personNum.contactMobile"></el-input>
</el-form-item>
<el-form-item label="邮箱" prop="contactEmail" :rules="[{ required: true, message: '请输入邮箱地址', trigger: 'blur' },{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }]">
<el-input :disabled="disabled" size="mini" v-model="personNum.contactEmail"></el-input>
</el-form-item>
<el-form-item style="width:99%" label="备注">
<el-input :disabled="disabled" size="mini" v-model="personNum.remarks"></el-input>
</el-form-item>
</el-form>
</div>
</el-col>
</el-row>
<div style="margin:15px auto;text-align:center">
<el-button @click="submitForm('personNum')" v-if="personNum.status==3" class="status_3" size="small">确认付款</el-button>
</div>
<!-- 提交订单 -->
<!-- <div class='tjorder'> -->
<!-- <div style="width:80%;margin:0 auto;color:#cccccc;position:relative">
<p style="font-size:14px;padding:4px 50px;text-align:right;">条款和限制<span style="color:#49C0A1">《网上购票须知》</span> </p>
<p class="total" style="margin-top:12px">
<span>总价</span>
<span style="font-size:20px;font-weight:400;color:rgba(255,255,255,1);margin:0 15px;">￥{{personNum.preferPrice}}</span>
<span @click="submitForm('personNum')" style="cursor: pointer;;height:32px;background:rgba(238,68,84,1);border-radius:4px;color:#fff;padding:4px 15px">同意以上协议条款，提交订单</span>
</p>
</div> -->
<!-- </div> -->
</div>
</template>
<script>
import moment from 'moment'
export default {
components: {
},
data () {
return {
disabled:true,
personnums:true,
personNum:{
manNum:0,
chirdNum:0,
babyNum:0,
oldPeopleNum:0,
guestList:[],
preferPrice:0,//应收总金额,
contactMobile:'',
contactEmail:'',
contactName:'',
},
AirOrderId:this.$route.params.id,
ruleForm:{},
getlistSigel:{},
flightList:[],
userInfo:this.getLocalStorage(),
customer:{},
countroylist:[],
SellInfoList:[],
}
},
mounted () {
this.GetDes();
this.GetCountroy()
this.GetTicketDes();
this.SellInfo();
},
methods: {
// 国籍
GetCountroy(){
this.apipost(
"b2b_get_GetCountryForSMAirTick", {},
res => {
// console.log(res)
if (res.data.resultCode == 1) {
this.countroylist = res.data.data;
}
},
err => {
}
);
},
//获取订单详情
GetDes(){
this.apiJavaPost('/api/dmc/airticket/getB2BAirticketInfo',{AirOrderId:this.AirOrderId},res=>{
// console.log("机票详情",res)
this.getlistSigel=res.data.data;
this.getlistSigel.synum=this.getlistSigel.airTicketScatterNum-this.getlistSigel.useScatterNum;
},null)
},
//获取机票订单详情
GetTicketDes(){
this.apiJavaPost('/api/dmc/airticket/GetB2BAirtickOrderInfo',{AirOrderId:this.AirOrderId},res=>{
this.personNum=res.data.data;
console.log("获取机票订单详情",this.personNum)
},null)
},
submitForm(addMsg) {
console.log("this.personNum",this.personNum);
this.$refs[addMsg].validate((valid) => {
if(valid) {
this.personNum.customerId=this.userInfo.accountId;
this.apiJavaPost('/api/dmc/airticket/SetB2BAirticketOrder',this.personNum,res=>{
if(res.data.resultCode==1){
this.$message.success(res.data.message);
this.personNum={};
this.$router.push({ path: `/ticket/Pay/${res.data.data}`})
}else{
this.$message.error(res.data.message)
}
console.log("下单",res);
},null)
} else {
return false;
}
});
},
// 服务专员
SellInfo(){
this.apipost(
"sell_get_GetCustomerToSellInfo", {},
res => {
console.log(res)
if (res.data.resultCode == 1) {
this.SellInfoList = res.data.data;
this.personNum.enterID=this.SellInfoList[0].EmployeeId;
}
},
err => {
}
);
},
}
}
</script>
<style>
.OrderDetails .el-radio__input.is-disabled+span.el-radio__label{
color:#606266;
}
.OrderDetails .el-input.is-disabled .el-input__inner{
border:none;
background-color:#fff;
}
.OrderDetails .el-input.is-disabled .el-input__icon{
display: none;
}
.OrderDetails .status_3{
background:#EE4454;color:#fff;border-radius:4px;border:none;
}
.ticket_list .padd{
padding-left:25px;
box-sizing: border-box;
}
.ticket_list .el-col-9{
padding-left:0!important;
padding-right:15px;
padding-bottom:15px;
box-sizing: border-box;
}
.w31 p{
margin:6px 0;
}
.ticket_list .yu{
float:right;
background: rgb(255, 104, 11);
color: #fff;
display: inline-block;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
border-radius: 50%;
}
.tjorder p{
margin: 0;
}
.total{
position: absolute;
right: 0;
}
.tjorder{
height:80px;
background:rgba(51,51,51,1);
margin: 20px 0;
}
.lxr_info .el-form-item{
display: inline-block;
width:33%;
margin-bottom: 5px;
}
.lxr{
height:36px;
background:rgba(221,221,221,1);
line-height: 36px;
padding:0 6px;
font-size: 14px;
}
.person_num>span{
display: inline-block;
width:100px;
text-align: center;
height: 36px;
line-height: 36px;
}
.el-form-item__error{
top:80%;
}
.tx_list:nth-last-child(1){
border:none;
}
.tx_list{
padding:10px 0;
overflow: auto;
border-bottom:1px dashed #AAAAAA;
}
.tx_order .index p{
margin:0;
padding:4px 0;
}
.tx_order .index{
margin-top:10px;
width:59px;
font-size: 12px;
text-align:center;
background:rgba(255,255,255,1);
border:1px solid rgba(73,192,161,1);
}
.tx_order .el-form-item{
display: inline-block;
width:30%;
margin-bottom: 5px;
}
.tx_order .tx .number{
display: inline-block;
background: #fff;
margin:0 6px;
padding:6px;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
}
.tx_order{
margin:15px 0;
background:#fff;
}
.tx_order .tx{
padding:6px;
box-sizing: border-box;
background:rgba(221,221,221,1);
display: flex;
justify-content: flex-start;
font-size: 14px;
position: relative;
}
.ticket_list .time{
color: #333333;
}
.bz{
position: absolute;
width:20px;
font-size: 12px;
text-align: center;
color: #fff;
background:rgba(73,192,161,1);
}
.ticket_list .line{
width: 100%;
height: 1px;
background:rgba(153,153,153,1);
}
.xcxq p{
margin: 0;
margin: 6px 0;
}
.xcxq{
position: relative;
background:rgba(245,245,245,1);
overflow: auto;
font-size: 12px;
margin-top:20px;
}
.ticket_list{
background: #fff;
display: flex;
justify-content: space-between;
box-shadow:0px 4px 8px 0px rgba(107,107,107,0.18);
margin-top: 15px;
/* padding: 15px; */
box-sizing: border-box;
}
.baner_top{
width:100%;
background: #fff;
height: 50px;
box-shadow:0px 1px 0px 0px rgba(238,238,238,1);
}
</style>
src/components/Ticket/Pay.vue
View file @ 41149810
...@@ -226,11 +226,9 @@ export default { ...@@ -226,11 +226,9 @@ export default {
clearInterval(this.timer); clearInterval(this.timer);
let numall =parseInt(this.Commoditydetails.timeMillisecond / 1000); let numall =parseInt(this.Commoditydetails.timeMillisecond / 1000);
// let numall =10;
this.timer = setInterval(() => { this.timer = setInterval(() => {
numall--; numall--;
if (numall <= 0) { if (numall <= 0) {
console.log(111);
clearInterval(this.timer); clearInterval(this.timer);
this.order_exit='2'; this.order_exit='2';
this.order_exit_info="订单支付超时，请重新下单！" this.order_exit_info="订单支付超时，请重新下单！"
......
src/components/Ticket/TicketHome.vue
View file @ 41149810
...@@ -226,7 +226,7 @@ export default { ...@@ -226,7 +226,7 @@ export default {
.list_content p{ .list_content p{
padding:4px 0; padding:4px 0;
} }
p{ .list_content p{
margin:0; margin:0;
} }
.list_content .time{ .list_content .time{
...@@ -350,7 +350,7 @@ p{ ...@@ -350,7 +350,7 @@ p{
height:175px; height:175px;
padding:10px; padding:10px;
bottom: -10px; bottom: -10px;
left: 16%; left: 18%;
border-radius: 4px; border-radius: 4px;
box-sizing: border-box; box-sizing: border-box;
} }
......
src/components/Ticket/TicketList.vue
View file @ 41149810
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
<div> <div>
<div class="city" style="width:220px;display:inline-block;"> <div class="city" style="width:220px;display:inline-block;">
<span>舱位选择 | </span> <span>舱位选择 | </span>
<el-select style="width:68%" v-model="choose_info.freightSpace" placeholder="请选择"> <el-select style="width:65%" v-model="choose_info.freightSpace" placeholder="请选择">
<el-option :value="zero" label="不限"></el-option> <el-option :value="zero" label="不限"></el-option>
<el-option <el-option
v-for="item in cawei" v-for="item in cawei"
...@@ -802,9 +802,14 @@ li{ ...@@ -802,9 +802,14 @@ li{
border-right:1px solid #dddddd; border-right:1px solid #dddddd;
} }
.li p{ .li p{
padding: 6px 0; margin:0;
padding:0;
} }
.second p{
margin:0;
padding:0;
}
.date_list>div{ .date_list>div{
text-align: center; text-align: center;
...@@ -846,10 +851,6 @@ li{ ...@@ -846,10 +851,6 @@ li{
font-weight:400; font-weight:400;
color:rgba(51,51,51,1); color:rgba(51,51,51,1);
} }
p{
margin: 0;
padding: 0;
}
.list{ .list{
padding:10px 6px; padding:10px 6px;
box-sizing: border-box; box-sizing: border-box;
......
src/plugins/index.js
View file @ 41149810
...@@ -13,8 +13,9 @@ export default { ...@@ -13,8 +13,9 @@ 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.16:8083"//主域名
let domainUrl = "https://reborn.oytour.com"; //刘东主域名 // let domainUrl = "https://reborn.oytour.com"; //刘东主域名
// let domainUrl = "https://reborn.oytour.com";
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"
......
src/router.js
View file @ 41149810
...@@ -133,7 +133,16 @@ export default new Router({ ...@@ -133,7 +133,16 @@ export default new Router({
meta: { meta: {
title: "发票信息" title: "发票信息"
} }
} },
{
path: "/AirlineTicketOrder",
name: "AirlineTicketOrder",
component: resolve =>
require(["@/components/Ticket/AirlineTicketOrder"], resolve),
meta: {
title: "机票订单"
}
},
] ]
}, },
...@@ -173,24 +182,26 @@ export default new Router({ ...@@ -173,24 +182,26 @@ export default new Router({
title: "支付" title: "支付"
} }
}, },
{ {
path: "/AirlineTicketOrder", path: "/EditTicketOrder/:id",
name: "AirlineTicketOrder", name: "EditTicketOrder",
component: resolve => component: resolve =>
require(["@/components/Ticket/AirlineTicketOrder"], resolve), require(["@/components/Ticket/EditTicketOrder"], resolve),
meta: { meta: {
title: "机票订单" title: "修改机票订单"
} }
}, },
{ {
path: "/EditTicketOrder/:id", path: "/OrderDetails/:id",
name: "EditTicketOrder", name: "OrderDetails",
component: resolve => component: resolve =>
require(["@/components/Ticket/EditTicketOrder"], resolve), require(["@/components/Ticket/OrderDetails"], resolve),
meta: { meta: {
title: "修改机票订单" 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