Skip to content

S
SuperMan
Commit 82659754 authored by qiaoyajun's avatar qiaoyajun
Browse files
Options

修改团队收入确认单

parent 0eda85d2
Hide whitespace changes
Inline Side-by-side
Showing with 254 additions and 234 deletions
src/components/TravelManager/TravelList/priceIncomeConfirmInfo.vue
View file @ 82659754
<style> <style>
.priceIncomeTable{ .priceIncomeTable {
width:1200px; width: 1200px;
border-collapse:collapse; border-collapse: collapse;
font-size:14px; font-size: 14px;
} }
.priceIncomeTable td{
border: 1px solid #dcdfe6; .priceIncomeTable td {
height:34px; border: 1px solid #dcdfe6;
background-color: #fff; height: 34px;
text-align: center; background-color: #fff;
} text-align: center;
.priceComtd{ }
background: #e6e6e6!important;
} .priceComtd {
.princeOrderSpan{ background: #e6e6e6 !important;
margin-right:10px; }
display: inline-block;
} .princeOrderSpan {
.PriceRemark{ margin-right: 10px;
width:100%; display: inline-block;
min-height: 100px; }
padding:10px;
font-size: 14px; .PriceRemark {
background-color: #fff; width: 100%;
} min-height: 100px;
.leftRemarkTitle{ padding: 10px;
float:left; font-size: 14px;
width:5%; background-color: #fff;
text-align: right; }
}
.rightRemarkContent{ .leftRemarkTitle {
float:left; float: left;
width:95%; width: 5%;
} text-align: right;
.priceContent{ }
width:830px;
padding:15px; .rightRemarkContent {
background-color: #fff; float: left;
min-height:500px; width: 95%;
} }
.pri_title{
font-size: 18px; .priceContent {
text-align: center; width: 830px;
margin-bottom:20px; padding: 15px;
} background-color: #fff;
.priceContent table td,.priceContent table th{ min-height: 500px;
height:34px; }
padding:10px;
} .pri_title {
.priceContent .pri_EmpName{ font-size: 18px;
float:left; text-align: center;
margin-left:20px; margin-bottom: 20px;
} }
.priceContent .pri_DateTime{
float:right; .priceContent table td, .priceContent table th {
margin-right: 20px; height: 34px;
} padding: 10px;
.leftDepart{ }
display:inline-block;
width:60%; .priceContent .pri_EmpName {
height:35px; float: left;
} margin-left: 20px;
.rightDepart{ }
width:39%;
height:35px; .priceContent .pri_DateTime {
display: inline-block; float: right;
} margin-right: 20px;
.comTextAlign{ }
text-align: left;
padding:10px 30px!important; .leftDepart {
} display: inline-block;
width: 60%;
height: 35px;
}
.rightDepart {
width: 39%;
height: 35px;
display: inline-block;
}
.comTextAlign {
text-align: left;
padding: 10px 30px !important;
}
</style> </style>
<template> <template>
<div class="priceContent"> <div class="priceContent">
<p class="pri_title">团队收入确认单</p> <p class="pri_title">团队收入确认单</p>
<div class="clearfix"> <div class="clearfix">
<div class="leftDepart"> <div class="leftDepart">
<span>部门：</span> <span>部门：</span>
<span>微图科技有限公司</span> <span>{{confirmInfo.DepartmentName}}</span>
</div> </div>
<div class="rightDepart"> <!--<div class="rightDepart">-->
<span>单号：</span> <!--<span>单号：</span>-->
<span>123456</span> <!--<span>123456</span>-->
</div> <!--</div>-->
</div>
<table border="1" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
<tr>
<td>团号</td>
<td>团队编号</td>
<td>人数</td>
<td colspan="5"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>领队</td>
<td colspan="5"></td>
</tr>
<tr>
<td>团队收入合计</td>
<td colspan="7"></td>
</tr>
<tr>
<td colspan="8" class="comTextAlign">交易明细</td>
</tr>
<tr>
<td>同行名称</td>
<td>应收金额</td>
<td>实收金额</td>
<td>优惠金额</td>
<td>手续费</td>
<td>退款</td>
<td>未收</td>
<td>在途</td>
</tr>
<tr>
<td>
<div>青衣江门店</div>
<div>1388888888</div>
</td>
<td>3000</td>
<td>2000</td>
<td>500</td>
<td>500</td>
<td>50</td>
<td>0</td>
<td>1000</td>
</tr>
<tr>
<td colspan="8" class="comTextAlign">平台款项</td>
</tr>
<tr>
<td>平台名称</td>
<td>应收金额</td>
<td>实收金额</td>
<td>优惠金额</td>
<td>手续费</td>
<td>退款</td>
<td>在途</td>
<td>未收</td>
</tr>
<tr>
<td>和平国旅</td>
<td>3000</td>
<td>29000</td>
<td>100</td>
<td>200</td>
<td>200</td>
<td>1100</td>
<td>0</td>
</tr>
<tr>
<td>其中</td>
<td>直客收入</td>
<td colspan="6"></td>
</tr>
<tr>
<td></td>
<td>同行交客收入</td>
<td colspan="6"></td>
</tr>
<tr>
<td></td>
<td>平台收入</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="8" class="comTextAlign">
备注：
</td>
</tr>
</table>
<!-- <table border="1" bordercolor="#c94052" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
<tr>
<th>部门</th>
<th>{{dataList.DepartmentName}}</th>
<th>单号</th>
<th width="200">{{dataList.Id}}</th>
</tr>
<tr>
<th>团号</th>
<th>团队编号</th>
<th>人数</th>
<th>领队</th>
</tr>
<tr>
<td>{{dataList.TCNUM}}</td>
<td>{{dataList.TCID}}</td>
<td>{{dataList.PeopleNum}}</td>
<td>{{dataList.LeaderName}}</td>
</tr>
<tr>
<td>团费收入合计</td>
<td colspan="3">{{dataList.TotalIncome}}</td>
</tr>
<tr>
<td rowspan="3">其中</td>
<td>直客收入</td>
<td colspan="2">{{dataList.DirectGuestIncome}}</td>
</tr>
<tr>
<td>同行交客收入</td>
<td colspan="2">{{dataList.PlatformGuestIncome}}</td>
</tr>
<tr>
<td>平台收入</td>
<td colspan="2">{{dataList.PlatformIncome}}</td>
</tr>
<tr>
<td colspan="4">
<span class="pri_EmpName">
操作人：{{dataList.EmpName}}
</span>
<span class="pri_DateTime">
操作时间：{{dataList.DateTimeStr}}
</span>
</td>
</tr>
</table> -->
</div> </div>
<table border="1" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
<tr>
<td>团号</td>
<td>团队编号</td>
<td>人数</td>
<td colspan="5">{{confirmInfo.PeopleNum}}</td>
</tr>
<tr>
<td>{{confirmInfo.TCID}}</td>
<td>{{confirmInfo.TCNUM}}</td>
<td>领队</td>
<td colspan="5">{{confirmInfo.LeaderName}}</td>
</tr>
<tr>
<td>团队收入合计</td>
<td colspan="7">{{confirmInfo.TotalIncome}}</td>
</tr>
<tr>
<td colspan="8" class="comTextAlign">交易明细</td>
</tr>
<tr>
<td>同行名称</td>
<td>应收金额</td>
<td>实收金额</td>
<td>优惠金额</td>
<td>手续费</td>
<td>退款</td>
<td>在途</td>
<td>未收</td>
</tr>
<tr v-for="item in confirmInfo.TradeTravelOrderList">
<td>
<div>{{item.ContactName}}</div>
<div>{{item.ContactMobile}}</div>
</td>
<td>{{item.PreferPrice}}</td>
<td>{{item.Income}}</td>
<td>{{item.DiscountMoney}}</td>
<td>{{item.PlatformTax}}</td>
<td>{{item.Refund}}</td>
<td>{{item.ZaiTuMoney}}</td>
<td>{{item.OutstandingAmount}}</td>
<tr>
<td colspan="8" class="comTextAlign">平台款项</td>
</tr>
<tr>
<td>平台名称</td>
<td>应收金额</td>
<td>实收金额</td>
<td>优惠金额</td>
<td>手续费</td>
<td>退款</td>
<td>在途</td>
<td>未收</td>
</tr>
<tr v-for="item in confirmInfo.PlatformTravelOrderList">
<td>{{item.BrandName}}</td>
<td>{{item.PreferPrice}}</td>
<td>{{item.Income}}</td>
<td>{{item.DiscountMoney}}</td>
<td>{{item.PlatformTax}}</td>
<td>{{item.Refund}}</td>
<td>{{item.ZaiTuMoney}}</td>
<td>{{item.OutstandingAmount}}</td>
</tr>
<tr>
<td>其中</td>
<td>直客收入</td>
<td colspan="6">{{confirmInfo.DirectGuestIncome}}</td>
</tr>
<tr>
<td></td>
<td>同行交客收入</td>
<td colspan="6">{{confirmInfo.PlatformGuestIncome}}</td>
</tr>
<tr>
<td></td>
<td>平台收入</td>
<td colspan="6">{{confirmInfo.PlatformIncome}}</td>
</tr>
<tr>
<td colspan="8">
<span class="pri_EmpName">
操作人：{{confirmInfo.EmpName}}
</span>
<span class="pri_DateTime">
操作时间：{{confirmInfo.DateTimeStr}}
</span>
</td>
</tr>
</table>
<!-- <table border="1" bordercolor="#c94052" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
<tr>
<th>部门</th>
<th>{{dataList.DepartmentName}}</th>
<th>单号</th>
<th width="200">{{dataList.Id}}</th>
</tr>
<tr>
<th>团号</th>
<th>团队编号</th>
<th>人数</th>
<th>领队</th>
</tr>
<tr>
<td>{{dataList.TCNUM}}</td>
<td>{{dataList.TCID}}</td>
<td>{{dataList.PeopleNum}}</td>
<td>{{dataList.LeaderName}}</td>
</tr>
<tr>
<td>团费收入合计</td>
<td colspan="3">{{dataList.TotalIncome}}</td>
</tr>
<tr>
<td rowspan="3">其中</td>
<td>直客收入</td>
<td colspan="2">{{dataList.DirectGuestIncome}}</td>
</tr>
<tr>
<td>同行交客收入</td>
<td colspan="2">{{dataList.PlatformGuestIncome}}</td>
</tr>
<tr>
<td>平台收入</td>
<td colspan="2">{{dataList.PlatformIncome}}</td>
</tr>
<tr>
<td colspan="4">
<span class="pri_EmpName">
操作人：{{dataList.EmpName}}
</span>
<span class="pri_DateTime">
操作时间：{{dataList.DateTimeStr}}
</span>
</td>
</tr>
</table> -->
</div>
</template> </template>
<script> <script>
export default { export default {
data() { data () {
return { return {
loading:false, loading: false,
msg: { msg: {
tcid:'' tcid: ''
}, },
dataList:[], confirmInfo: {},
}; }
}, },
methods: { methods: {
getList() { getList () {
//获取数据 //获取数据
this.loading=true; this.loading = true
this.apipost( this.apipost(
"travel_post_GetPriceIncomeConfirmInfo", 'travel_post_GetPriceIncomeConfirmInfo',
this.msg, this.msg,
res => { res => {
this.loading=false; this.loading = false
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
this.dataList = res.data.data; this.confirmInfo = res.data.data
console.log(this.confirmInfo)
} else { } else {
this.Error(res.data.message); this.Error(res.data.message)
} }
}, },
err => {} err => {
); }
)
}, },
}, },
mounted() { mounted () {
this.msg.tcid = this.$route.query.TCID; this.msg.tcid = this.$route.query.TCID
this.getList(); this.getList()
} }
}; }
</script> </script>
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