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>
@import url('../../assets/css/domestic/OrderToday.css');
@import url('../../assets/css/domestic/OrderToday.css');
</style>
<template>
<div class="flexOne page_OrderToday page_OrderDetails">
<div class='query-box'>
<ul>
<li>
<div class="_qishu">
期数 {{Term}}
</div>
</li>
<li>
<span>
<em>航空公司</em>
<el-select filterable @change="flight_post_GetAirportNameList(msg.AirlineId)" v-model='msg.AirlineId' >
<el-option label='不限' value=''></el-option>
<el-option v-for='item in airlineList'
:label='item.AlName'
:value='item.AirLineId'
:key='item.AirLineId'>
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>航班号</em>
<el-select filterable v-model='msg.FlightNo'>
<el-option v-for='item in AirportNameList'
:label='item.Flight_number'
:value='item.Flight_number'
:key='item.Flight_number'>
</el-option>
</el-select>
</span>
</li>
<li>
<label>订单号</label>
<el-input v-model="msg.OrderID" class="w210"></el-input>
</li>
<li>
<span>
<em>客户名称</em>
<el-input v-model="msg.ClientName" class="w210"></el-input>
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList(1)"/>
</li>
</ul>
</div>
<div class="_content" v-loading='loading'>
<div class="_price">
<span>应收总金额：¥{{DataList.Money}}</span>
<span>总成本：¥{{DataList.Cost}}</span>
<span>总利润：¥{{DataList.Profit}}</span>
</div>
<table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<div class="flexOne page_OrderToday page_OrderDetails">
<div class='query-box'>
<ul>
<li>
<div class="_qishu">
期数 {{Term}}
</div>
</li>
<li>
<span>
<em>航空公司</em>
<el-select filterable @change="flight_post_GetAirportNameList(msg.AirlineId)" v-model='msg.AirlineId'>
<el-option label='不限' value=''></el-option>
<el-option v-for='item in airlineList' :label='item.AlName' :value='item.AirLineId' :key='item.AirLineId'>
</el-option>
</el-select>
</span>
</li>
<li>
<span>
<em>航班号</em>
<el-select filterable v-model='msg.FlightNo'>
<el-option v-for='item in AirportNameList' :label='item.Flight_number' :value='item.Flight_number'
:key='item.Flight_number'>
</el-option>
</el-select>
</span>
</li>
<li>
<label>订单号</label>
<el-input v-model="msg.OrderID" class="w210"></el-input>
</li>
<li>
<span>
<em>客户名称</em>
<el-input v-model="msg.ClientName" class="w210"></el-input>
</span>
</li>
<li>
<input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList(1)" />
</li>
</ul>
</div>
<div class="_content" v-loading='loading'>
<div class="_price">
<span>应收总金额：¥{{DataList.Money}}</span>
<span>总成本：¥{{DataList.Cost}}</span>
<span>总利润：¥{{DataList.Profit}}</span>
</div>
<table class="po_content singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr>
<th>编号</th>
<th>人数</th>
<th>应收金额</th>
<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>
<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 width="70"></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>
<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>
<td>成人</td>
<td>{{item.AdultPrice}}</td>
</tr>
<tr>
<td>儿童</td>
<td>{{item.ChirdPrice}}</td>
</tr>
<tr>
<td>婴儿</td>
<td>{{item.BabyPrice}}</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>
</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>{{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>
</template>
<script>
export default {
data(){
return{
Term:'',
DataList:[],
airlineList:[],
msg:{
pageIndex:1,
pageSize:15,
OrderID:'',
AirlineId:'',
FlightNo:'',
ClientName:'',
//Term:'',
ParentId:1,
ParentId:0,
},
AirportNameList:[],
total:0,
currentPage:1,
loading:true,
noData:false,
PayInfoS:null,
PayInfoZ:null,
PayInfoLding:true,
RB_Branch_Id:''
}
export default {
data() {
return {
Term: '',
DataList: [],
airlineList: [],
msg: {
pageIndex: 1,
pageSize: 15,
OrderID: '',
AirlineId: '',
FlightNo: '',
ClientName: '',
ParentId: 1,
ParentId: 0,
},
AirportNameList: [],
total: 0,
currentPage: 1,
loading: true,
noData: false,
PayInfoS: null,
PayInfoZ: null,
PayInfoLding: true,
RB_Branch_Id: ''
}
},
created(){
this.Term = this.$route.query.Term;
this.msg.ParentId=this.$route.query.ID;
created() {
this.Term = this.$route.query.Term;
this.msg.ParentId = this.$route.query.ID;
},
mounted(){
this.getList(this.id);
this.getAirlineList();
let userInfo = this.getLocalStorage();
this.RB_Branch_Id = userInfo.RB_Branch_id;
mounted() {
this.getList(this.id);
this.getAirlineList();
let userInfo = this.getLocalStorage();
this.RB_Branch_Id = userInfo.RB_Branch_id;
},
methods:{
getInfo(id){
this.PayInfoLding = true;
this.apipost('Financial_post_GetOrderFinanceList',{OrderId:id,OrderResource:9},r=>{
if(r.data.resultCode==1){
let data = r.data.data;
let PayInfoS=[],
PayInfoZ=[];
data.forEach(x => {
if(x.Type==1){
PayInfoS.push(x)
}else{
PayInfoZ.push(x)
}
});
this.PayInfoZ = PayInfoZ;
this.PayInfoS = PayInfoS;
this.PayInfoLding = false;
}
},null);
},
goUrl(obj,t){
let orderObj = {
OrderID:obj.ID,
OrderSource:9,
Obj: {},
SourceID:obj.ParentId,
TCIDList: []
methods: {
getInfo(id) {
this.PayInfoLding = true;
this.apipost('Financial_post_GetOrderFinanceList', {
OrderId: id,
OrderResource: 9
}, r => {
if (r.data.resultCode == 1) {
let data = r.data.data;
let PayInfoS = [],
PayInfoZ = [];
data.forEach(x => {
if (x.Type == 1) {
PayInfoS.push(x)
} else {
PayInfoZ.push(x)
}
});
this.PayInfoZ = PayInfoZ;
this.PayInfoS = PayInfoS;
this.PayInfoLding = false;
}
}, null);
},
goUrl(obj, t) {
let orderObj = {
OrderID: obj.ID,
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(
{
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;
this.DataList = data
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 = '';
}
}
if(this.msg.AirlineId==''){
this.msg.AirlineId=0;
} else {
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=>{
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.DataList = data
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='';
}
}
}else{
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='';
}
}
}
},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();
},
}
}, 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