Skip to content

S
SuperMan
Commit 40f4c2a8 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent e35df71a
Hide whitespace changes
Inline Side-by-side
Showing with 323 additions and 372 deletions
src/components/DomesticModule/OrderDetails.vue
View file @ 40f4c2a8
<style> <style>
@import url('../../assets/css/domestic/OrderToday.css'); @import url('../../assets/css/domestic/OrderToday.css');
</style> </style>
<template> <template>
<div class="flexOne page_OrderToday page_OrderDetails"> <div class="flexOne page_OrderToday page_OrderDetails">
<div class='query-box'> <div class='query-box'>
<ul> <ul>
<li> <li>
<div class="_qishu"> <div class="_qishu">
期数 {{Term}} 期数 {{Term}}
</div> </div>
</li> </li>
<li> <li>
<span> <span>
<em>航空公司</em> <em>航空公司</em>
<el-select filterable @change="flight_post_GetAirportNameList(msg.AirlineId)" v-model='msg.AirlineId' > <el-select filterable @change="flight_post_GetAirportNameList(msg.AirlineId)" v-model='msg.AirlineId'>
<el-option label='不限' value=''></el-option> <el-option label='不限' value=''></el-option>
<el-option v-for='item in airlineList' <el-option v-for='item in airlineList' :label='item.AlName' :value='item.AirLineId' :key='item.AirLineId'>
:label='item.AlName' </el-option>
:value='item.AirLineId' </el-select>
:key='item.AirLineId'> </span>
</el-option> </li>
</el-select> <li>
</span> <span>
</li> <em>航班号</em>
<li> <el-select filterable v-model='msg.FlightNo'>
<span> <el-option v-for='item in AirportNameList' :label='item.Flight_number' :value='item.Flight_number'
<em>航班号</em> :key='item.Flight_number'>
<el-select filterable v-model='msg.FlightNo'> </el-option>
<el-option v-for='item in AirportNameList' </el-select>
:label='item.Flight_number' </span>
:value='item.Flight_number' </li>
:key='item.Flight_number'> <li>
</el-option> <label>订单号</label>
</el-select> <el-input v-model="msg.OrderID" class="w210"></el-input>
</span> </li>
</li> <li>
<li> <span>
<label>订单号</label> <em>客户名称</em>
<el-input v-model="msg.OrderID" class="w210"></el-input> <el-input v-model="msg.ClientName" class="w210"></el-input>
</li> </span>
<li> </li>
<span> <li>
<em>客户名称</em> <input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList(1)" />
<el-input v-model="msg.ClientName" class="w210"></el-input> </li>
</span> </ul>
</li> </div>
<li> <div class="_content" v-loading='loading'>
<input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList(1)"/> <div class="_price">
</li> <span>应收总金额：¥{{DataList.Money}}</span>
</ul> <span>总成本：¥{{DataList.Cost}}</span>
</div> <span>总利润：¥{{DataList.Profit}}</span>
<div class="_content" v-loading='loading'> </div>
<div class="_price"> <table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<span>应收总金额：¥{{DataList.Money}}</span> <tr>
<span>总成本：¥{{DataList.Cost}}</span> <th>编号</th>
<span>总利润：¥{{DataList.Profit}}</span> <th>人数</th>
</div> <th>应收金额</th>
<table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"> <th>成本</th>
<th>客户名称</th>
<th>行程时间</th>
<th>航空公司</th>
<th>航班</th>
<th>航段</th>
<th>操作人</th>
</tr>
<tr v-for="(item,index) in DataList.list" :key="index">
<td>{{item.ID}}</td>
<td class="_hover">
<el-popover placement="bottom" width="220" trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr>
<th width="70"></th>
<th>数量</th>
</tr>
<tr>
<td>成人</td>
<td>{{item.AdultNumber}}</td>
</tr>
<tr>
<td>儿童</td>
<td>{{item.ChirdNumber}}</td>
</tr>
<tr>
<td>婴儿</td>
<td>{{item.BabyNumber}}</td>
</tr>
</table>
<span slot="reference">{{item.Number}}人</span>
</el-popover>
</td>
<td class="_hover">
<el-popover placement="bottom" width="220" trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr> <tr>
<th>编号</th> <th width="70"></th>
<th>人数</th> <th>单价（含税）</th>
<th>应收金额</th>
<th>成本</th>
<!-- <th>实收</th> -->
<th>客户名称</th>
<th>行程时间</th>
<th>航空公司</th>
<th>航班</th>
<th>航段</th>
<th>操作人</th>
<!-- <th>操作</th> -->
</tr> </tr>
<tr v-for="(item,index) in DataList.list" :key="index"> <tr>
<td>{{item.ID}}</td> <td>成人</td>
<td class="_hover"> <td>{{item.AdultPrice}}</td>
<el-popover </tr>
placement="bottom" <tr>
width="220" <td>儿童</td>
trigger="click"> <td>{{item.ChirdPrice}}</td>
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"> </tr>
<tr> <tr>
<th width="70"></th> <td>婴儿</td>
<th>数量</th> <td>{{item.BabyPrice}}</td>
</tr>
<tr>
<td>成人</td>
<td>{{item.AdultNumber}}</td>
</tr>
<tr>
<td>儿童</td>
<td>{{item.ChirdNumber}}</td>
</tr>
<tr>
<td>婴儿</td>
<td>{{item.BabyNumber}}</td>
</tr>
</table>
<span slot="reference">{{item.Number}}人</span>
</el-popover>
</td>
<td class="_hover">
<el-popover
placement="bottom"
width="220"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr>
<th width="70"></th>
<th>单价（含税）</th>
</tr>
<tr>
<td>成人</td>
<td>{{item.AdultPrice}}</td>
</tr>
<tr>
<td>儿童</td>
<td>{{item.ChirdPrice}}</td>
</tr>
<tr>
<td>婴儿</td>
<td>{{item.BabyPrice}}</td>
</tr>
</table>
<span slot="reference">¥{{item.TotalPrice}}</span>
</el-popover>
</td>
<td class="_hover">
<el-popover
placement="bottom"
width="220"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr>
<th width="70"></th>
<th>成本单价</th>
</tr>
<tr>
<td>成人</td>
<td>{{item.AdultCost}}</td>
</tr>
<tr>
<td>儿童</td>
<td>{{item.ChirdCost}}</td>
</tr>
<tr>
<td>婴儿</td>
<td>{{item.BabyCost}}</td>
</tr>
</table>
<span slot="reference">¥{{item.TotalCost}}</span>
</el-popover>
</td>
<!-- <td class="_hover" >
<el-popover
placement="bottom"
width="300"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0" v-loading="PayInfoLding">
<tr>
<th>单据号</th>
<th>金额</th>
<th>类型</th>
<th>状态</th>
</tr>
<template v-if="PayInfoS&&PayInfoS.length>0">
<tr v-for="(son,sIndex) in PayInfoS" :key="sIndex">
<td @click="goFinanceUrl(son.FrID)" class="cursorpointer">{{son.FrID}}</td>
<td>{{son.PayMoney}}</td>
<td>{{son.TypeName}}</td>
<td>{{son.StatusName}}</td>
</tr>
</template>
<template v-else>
<tr>
<td colspan="4" class="text_alcen">暂无数据</td>
</tr>
</template>
</table>
<span :class="item.IncomeMoney>0?'_color_red':''" slot="reference" @click="getInfo(item.ID)">{{item.IncomeMoney}}</span>
</el-popover>
</td> -->
<td>{{item.ClientName}}</td>
<td>{{item.TravelTime}}</td>
<td colspan="3" class="_hover">
<el-popover
placement="bottom"
width="450"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr>
<th>航空公司</th>
<th>航班</th>
<th>航段</th>
</tr>
<tr v-for="(i,d) in item.FlightList">
<td>{{i.AirlineName}}</td>
<td>{{i.FlightNo}}</td>
<td>{{i.Leg}}</td>
</tr>
</table>
<span slot="reference">{{item.FlightList[0].AirlineName+' — '+item.FlightList[0].FlightNo+' — '+item.FlightList[0].Leg}}</span>
</el-popover>
</td>
<td>{{item.EmName}}</td>
<!-- <td>
<el-tooltip class="item" effect="dark" content="收款" placement="top">
<el-button type="primary" class="_bth_bg_bl" @click="goUrl(item,1)" circle>收</el-button>
</el-tooltip>
</td> -->
</tr> </tr>
</table> </table>
<div class="noData" v-show="noData"> <span slot="reference">¥{{item.TotalPrice}}</span>
{{$t('system.content_noData')}} </el-popover>
</div> </td>
<div> <td class="_hover">
<el-pagination <el-popover placement="bottom" width="220" trigger="click">
background <table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
@current-change="handleCurrentChange" <tr>
:current-page.sync="currentPage" <th width="70"></th>
layout="total,prev, pager, next, jumper" <th>成本单价</th>
:page-size=msg.pageSize </tr>
:total=total> <tr>
</el-pagination> <td>成人</td>
</div> <td>{{item.AdultCost}}</td>
</div> </tr>
<tr>
<td>儿童</td>
<td>{{item.ChirdCost}}</td>
</tr>
<tr>
<td>婴儿</td>
<td>{{item.BabyCost}}</td>
</tr>
</table>
<span slot="reference">¥{{item.TotalCost}}</span>
</el-popover>
</td>
<td>{{item.ClientName}}</td>
<td>{{item.TravelTime}}</td>
<td colspan="3" class="_hover">
<el-popover placement="bottom" width="450" trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr>
<th>航空公司</th>
<th>航班</th>
<th>航段</th>
</tr>
<tr v-for="(i,d) in item.FlightList">
<td>{{i.AirlineName}}</td>
<td>{{i.FlightNo}}</td>
<td>{{i.Leg}}</td>
</tr>
</table>
<span
slot="reference">{{item.FlightList[0].AirlineName+' — '+item.FlightList[0].FlightNo+' — '+item.FlightList[0].Leg}}</span>
</el-popover>
</td>
<td>{{item.EmName}}</td>
</tr>
</table>
<div class="noData" v-show="noData">
{{$t('system.content_noData')}}
</div>
<div>
<el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
</el-pagination>
</div>
</div> </div>
</div>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return{ return {
Term:'', Term: '',
DataList:[], DataList: [],
airlineList:[], airlineList: [],
msg:{ msg: {
pageIndex:1, pageIndex: 1,
pageSize:15, pageSize: 15,
OrderID:'', OrderID: '',
AirlineId:'', AirlineId: '',
FlightNo:'', FlightNo: '',
ClientName:'', ClientName: '',
//Term:'', ParentId: 1,
ParentId:1, ParentId: 0,
ParentId:0, },
}, AirportNameList: [],
AirportNameList:[], total: 0,
total:0, currentPage: 1,
currentPage:1, loading: true,
loading:true, noData: false,
noData:false, PayInfoS: null,
PayInfoS:null, PayInfoZ: null,
PayInfoZ:null, PayInfoLding: true,
PayInfoLding:true, RB_Branch_Id: ''
RB_Branch_Id:'' }
}
}, },
created(){ created() {
this.Term = this.$route.query.Term; this.Term = this.$route.query.Term;
this.msg.ParentId=this.$route.query.ID; this.msg.ParentId = this.$route.query.ID;
}, },
mounted(){ mounted() {
this.getList(this.id); this.getList(this.id);
this.getAirlineList(); this.getAirlineList();
let userInfo = this.getLocalStorage(); let userInfo = this.getLocalStorage();
this.RB_Branch_Id = userInfo.RB_Branch_id; this.RB_Branch_Id = userInfo.RB_Branch_id;
}, },
methods:{ methods: {
getInfo(id){ getInfo(id) {
this.PayInfoLding = true; this.PayInfoLding = true;
this.apipost('Financial_post_GetOrderFinanceList',{OrderId:id,OrderResource:9},r=>{ this.apipost('Financial_post_GetOrderFinanceList', {
if(r.data.resultCode==1){ OrderId: id,
let data = r.data.data; OrderResource: 9
let PayInfoS=[], }, r => {
PayInfoZ=[]; if (r.data.resultCode == 1) {
data.forEach(x => { let data = r.data.data;
if(x.Type==1){ let PayInfoS = [],
PayInfoS.push(x) PayInfoZ = [];
}else{ data.forEach(x => {
PayInfoZ.push(x) if (x.Type == 1) {
} PayInfoS.push(x)
}); } else {
this.PayInfoZ = PayInfoZ; PayInfoZ.push(x)
this.PayInfoS = PayInfoS; }
this.PayInfoLding = false; });
} this.PayInfoZ = PayInfoZ;
},null); this.PayInfoS = PayInfoS;
}, this.PayInfoLding = false;
goUrl(obj,t){ }
let orderObj = { }, null);
OrderID:obj.ID, },
OrderSource:9, goUrl(obj, t) {
Obj: {}, let orderObj = {
SourceID:obj.ParentId, OrderID: obj.ID,
TCIDList: [] OrderSource: 9,
Obj: {},
SourceID: obj.ParentId,
TCIDList: []
}
this.$router.push({
name: 'ChoiceAddFinancialDocuments',
query: {
'Type': t,
'TCIDList': [],
'path': 'TicketingModule',
'Cmd': 'Domestic_Ticket_post_UpdateFrID',
'companyID': null,
'blank': 'y',
'orderObj': JSON.stringify(orderObj)
}
});
},
goFinanceUrl(id) {
this.$router.push({
name: 'FinancialDocumentsDetail',
query: {
'id': id
}
});
},
getList(t) { //获取列表
if (this.msg.OrderID == '') {
this.msg.OrderID = 0;
}
if (this.msg.AirlineId == '') {
this.msg.AirlineId = 0;
}
this.loading = true
this.apipost('Domestic_Ticket_post_GetPageList', this.msg, res => {
if (res.data.resultCode == 1) {
this.total = res.data.data.count;
let data = res.data.data.pageData;
if (this.total > 0) {
this.noData = false;
} else {
this.noData = true;
} }
this.$router.push( this.DataList = data
{ this.loading = false;
name: 'ChoiceAddFinancialDocuments', if (!t) {
query:{ this.msg.OrderID = '';
'Type':t, this.msg.AirlineId = '';
'TCIDList':[], } else {
'path':'TicketingModule', if (this.msg.OrderID == 0) {
'Cmd':'Domestic_Ticket_post_UpdateFrID', this.msg.OrderID = '';
'companyID':null, }
'blank':'y', if (this.msg.AirlineId == 0) {
'orderObj':JSON.stringify(orderObj) this.msg.AirlineId = '';
} }
}
);
},
goFinanceUrl(id){
this.$router.push({name: 'FinancialDocumentsDetail',query:{'id':id}});
},
getList(t){ //获取列表
if(this.msg.OrderID==''){
this.msg.OrderID=0;
} }
if(this.msg.AirlineId==''){ } else {
this.msg.AirlineId=0; this.$message.error(res.data.message)
this.loading = false;
if (!t) {
this.msg.OrderID = '';
this.msg.AirlineId = '';
} else {
if (this.msg.OrderID == 0) {
this.msg.OrderID = '';
}
if (this.msg.AirlineId == 0) {
this.msg.AirlineId = '';
}
} }
this.loading = true }
this.apipost('Domestic_Ticket_post_GetPageList',this.msg,res=>{ }, err => {})
if(res.data.resultCode==1){ },
this.total = res.data.data.count; flight_post_GetAirportNameList(id) {
let data = res.data.data.pageData; this.msg.FlightNo = '';
if(this.total>0){ this.AirportNameList = []
this.noData =false; if (!id) return
}else{ this.apipost('flight_post_GetAirportNameList', {
this.noData =true; airlineID: id
} }, r => {
this.DataList = data if (r.data.resultCode == 1) {
this.loading = false; this.msg.FlightNo = '';
if(!t){ this.AirportNameList = r.data.data;
this.msg.OrderID=''; }
this.msg.AirlineId=''; }, null)
}else{ },
if(this.msg.OrderID==0){ getAirlineList() { //获取航空公司*
this.msg.OrderID=''; this.apipost("airline_post_GetList", {}, res => {
} this.airlineList = res.data.data;
if(this.msg.AirlineId==0){ }, err => {});
this.msg.AirlineId=''; },
} resetPageIndex() { //查询初始化页码
} this.msg.pageIndex = 1;
}else{ this.currentPage = 1
this.$message.error(res.data.message) },
this.loading = false; handleCurrentChange(val) { //翻页功能按钮
if(!t){ this.msg.pageIndex = val;
this.msg.OrderID=''; this.getList();
this.msg.AirlineId=''; },
}else{
if(this.msg.OrderID==0){
this.msg.OrderID='';
}
if(this.msg.AirlineId==0){
this.msg.AirlineId='';
}
}
}
},err=>{})
},
flight_post_GetAirportNameList(id){
this.msg.FlightNo='';
this.AirportNameList=[]
if(!id) return
this.apipost('flight_post_GetAirportNameList',{airlineID:id},r=>{
if(r.data.resultCode==1){
this.msg.FlightNo='';
this.AirportNameList = r.data.data;
}
},null)
},
getAirlineList() {//获取航空公司*
this.apipost("airline_post_GetList",{},res => {
this.airlineList = res.data.data;
},err => {});
},
resetPageIndex() {//查询初始化页码
this.msg.pageIndex = 1;
this.currentPage = 1
},
handleCurrentChange(val) {//翻页功能按钮
this.msg.pageIndex = val;
this.getList();
},
} }
} }
</script> </script>
\ No newline at end of file
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