Commit 40f4c2a8 authored by 黄奎's avatar 黄奎

页面修改

parent e35df71a
<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">
...@@ -13,12 +14,9 @@ ...@@ -13,12 +14,9 @@
<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'
:value='item.AirLineId'
:key='item.AirLineId'>
</el-option> </el-option>
</el-select> </el-select>
</span> </span>
...@@ -27,9 +25,7 @@ ...@@ -27,9 +25,7 @@
<span> <span>
<em>航班号</em> <em>航班号</em>
<el-select filterable v-model='msg.FlightNo'> <el-select filterable v-model='msg.FlightNo'>
<el-option v-for='item in AirportNameList' <el-option v-for='item in AirportNameList' :label='item.Flight_number' :value='item.Flight_number'
:label='item.Flight_number'
:value='item.Flight_number'
:key='item.Flight_number'> :key='item.Flight_number'>
</el-option> </el-option>
</el-select> </el-select>
...@@ -46,7 +42,7 @@ ...@@ -46,7 +42,7 @@
</span> </span>
</li> </li>
<li> <li>
<input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList(1)"/> <input type="button" class="hollowFixedBtn" value="查询" @click="resetPageIndex(),getList(1)" />
</li> </li>
</ul> </ul>
</div> </div>
...@@ -62,22 +58,17 @@ ...@@ -62,22 +58,17 @@
<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>航空公司</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 v-for="(item,index) in DataList.list" :key="index">
<td>{{item.ID}}</td> <td>{{item.ID}}</td>
<td class="_hover"> <td class="_hover">
<el-popover <el-popover placement="bottom" width="220" trigger="click">
placement="bottom"
width="220"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"> <table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr> <tr>
<th width="70"></th> <th width="70"></th>
...@@ -100,10 +91,7 @@ ...@@ -100,10 +91,7 @@
</el-popover> </el-popover>
</td> </td>
<td class="_hover"> <td class="_hover">
<el-popover <el-popover placement="bottom" width="220" trigger="click">
placement="bottom"
width="220"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"> <table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr> <tr>
<th width="70"></th> <th width="70"></th>
...@@ -126,10 +114,7 @@ ...@@ -126,10 +114,7 @@
</el-popover> </el-popover>
</td> </td>
<td class="_hover"> <td class="_hover">
<el-popover <el-popover placement="bottom" width="220" trigger="click">
placement="bottom"
width="220"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"> <table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr> <tr>
<th width="70"></th> <th width="70"></th>
...@@ -151,42 +136,10 @@ ...@@ -151,42 +136,10 @@
<span slot="reference">¥{{item.TotalCost}}</span> <span slot="reference">¥{{item.TotalCost}}</span>
</el-popover> </el-popover>
</td> </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.ClientName}}</td>
<td>{{item.TravelTime}}</td> <td>{{item.TravelTime}}</td>
<td colspan="3" class="_hover"> <td colspan="3" class="_hover">
<el-popover <el-popover placement="bottom" width="450" trigger="click">
placement="bottom"
width="450"
trigger="click">
<table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0"> <table class="add_table singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
<tr> <tr>
<th>航空公司</th> <th>航空公司</th>
...@@ -199,28 +152,19 @@ ...@@ -199,28 +152,19 @@
<td>{{i.Leg}}</td> <td>{{i.Leg}}</td>
</tr> </tr>
</table> </table>
<span slot="reference">{{item.FlightList[0].AirlineName+' — '+item.FlightList[0].FlightNo+' — '+item.FlightList[0].Leg}}</span> <span
slot="reference">{{item.FlightList[0].AirlineName+' — '+item.FlightList[0].FlightNo+' — '+item.FlightList[0].Leg}}</span>
</el-popover> </el-popover>
</td> </td>
<td>{{item.EmName}}</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"> <div class="noData" v-show="noData">
{{$t('system.content_noData')}} {{$t('system.content_noData')}}
</div> </div>
<div> <div>
<el-pagination <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
background layout="total,prev, pager, next, jumper" :page-size=msg.pageSize :total=total>
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
layout="total,prev, pager, next, jumper"
:page-size=msg.pageSize
:total=total>
</el-pagination> </el-pagination>
</div> </div>
</div> </div>
...@@ -228,56 +172,58 @@ ...@@ -228,56 +172,58 @@
</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,
OrderResource: 9
}, r => {
if (r.data.resultCode == 1) {
let data = r.data.data; let data = r.data.data;
let PayInfoS=[], let PayInfoS = [],
PayInfoZ=[]; PayInfoZ = [];
data.forEach(x => { data.forEach(x => {
if(x.Type==1){ if (x.Type == 1) {
PayInfoS.push(x) PayInfoS.push(x)
}else{ } else {
PayInfoZ.push(x) PayInfoZ.push(x)
} }
}); });
...@@ -285,105 +231,110 @@ export default { ...@@ -285,105 +231,110 @@ export default {
this.PayInfoS = PayInfoS; this.PayInfoS = PayInfoS;
this.PayInfoLding = false; this.PayInfoLding = false;
} }
},null); }, null);
}, },
goUrl(obj,t){ goUrl(obj, t) {
let orderObj = { let orderObj = {
OrderID:obj.ID, OrderID: obj.ID,
OrderSource:9, OrderSource: 9,
Obj: {}, Obj: {},
SourceID:obj.ParentId, SourceID: obj.ParentId,
TCIDList: [] TCIDList: []
} }
this.$router.push( this.$router.push({
{
name: 'ChoiceAddFinancialDocuments', name: 'ChoiceAddFinancialDocuments',
query:{ query: {
'Type':t, 'Type': t,
'TCIDList':[], 'TCIDList': [],
'path':'TicketingModule', 'path': 'TicketingModule',
'Cmd':'Domestic_Ticket_post_UpdateFrID', 'Cmd': 'Domestic_Ticket_post_UpdateFrID',
'companyID':null, 'companyID': null,
'blank':'y', 'blank': 'y',
'orderObj':JSON.stringify(orderObj) 'orderObj': JSON.stringify(orderObj)
}
} }
); });
}, },
goFinanceUrl(id){ goFinanceUrl(id) {
this.$router.push({name: 'FinancialDocumentsDetail',query:{'id':id}}); this.$router.push({
name: 'FinancialDocumentsDetail',
query: {
'id': id
}
});
}, },
getList(t){ //获取列表 getList(t) { //获取列表
if(this.msg.OrderID==''){ if (this.msg.OrderID == '') {
this.msg.OrderID=0; this.msg.OrderID = 0;
} }
if(this.msg.AirlineId==''){ if (this.msg.AirlineId == '') {
this.msg.AirlineId=0; this.msg.AirlineId = 0;
} }
this.loading = true this.loading = true
this.apipost('Domestic_Ticket_post_GetPageList',this.msg,res=>{ this.apipost('Domestic_Ticket_post_GetPageList', this.msg, res => {
if(res.data.resultCode==1){ if (res.data.resultCode == 1) {
this.total = res.data.data.count; this.total = res.data.data.count;
let data = res.data.data.pageData; let data = res.data.data.pageData;
if(this.total>0){ if (this.total > 0) {
this.noData =false; this.noData = false;
}else{ } else {
this.noData =true; this.noData = true;
} }
this.DataList = data this.DataList = data
this.loading = false; this.loading = false;
if(!t){ if (!t) {
this.msg.OrderID=''; this.msg.OrderID = '';
this.msg.AirlineId=''; this.msg.AirlineId = '';
}else{ } else {
if(this.msg.OrderID==0){ if (this.msg.OrderID == 0) {
this.msg.OrderID=''; this.msg.OrderID = '';
} }
if(this.msg.AirlineId==0){ if (this.msg.AirlineId == 0) {
this.msg.AirlineId=''; this.msg.AirlineId = '';
} }
} }
}else{ } else {
this.$message.error(res.data.message) this.$message.error(res.data.message)
this.loading = false; this.loading = false;
if(!t){ if (!t) {
this.msg.OrderID=''; this.msg.OrderID = '';
this.msg.AirlineId=''; this.msg.AirlineId = '';
}else{ } else {
if(this.msg.OrderID==0){ if (this.msg.OrderID == 0) {
this.msg.OrderID=''; this.msg.OrderID = '';
} }
if(this.msg.AirlineId==0){ if (this.msg.AirlineId == 0) {
this.msg.AirlineId=''; this.msg.AirlineId = '';
} }
} }
} }
},err=>{}) }, err => {})
}, },
flight_post_GetAirportNameList(id){ flight_post_GetAirportNameList(id) {
this.msg.FlightNo=''; this.msg.FlightNo = '';
this.AirportNameList=[] this.AirportNameList = []
if(!id) return if (!id) return
this.apipost('flight_post_GetAirportNameList',{airlineID:id},r=>{ this.apipost('flight_post_GetAirportNameList', {
if(r.data.resultCode==1){ airlineID: id
this.msg.FlightNo=''; }, r => {
if (r.data.resultCode == 1) {
this.msg.FlightNo = '';
this.AirportNameList = r.data.data; this.AirportNameList = r.data.data;
} }
},null) }, null)
}, },
getAirlineList() {//获取航空公司* getAirlineList() { //获取航空公司*
this.apipost("airline_post_GetList",{},res => { this.apipost("airline_post_GetList", {}, res => {
this.airlineList = res.data.data; this.airlineList = res.data.data;
},err => {}); }, err => {});
}, },
resetPageIndex() {//查询初始化页码 resetPageIndex() { //查询初始化页码
this.msg.pageIndex = 1; this.msg.pageIndex = 1;
this.currentPage = 1 this.currentPage = 1
}, },
handleCurrentChange(val) {//翻页功能按钮 handleCurrentChange(val) { //翻页功能按钮
this.msg.pageIndex = val; this.msg.pageIndex = val;
this.getList(); 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