Skip to content

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

修改团队收入确认单

parent 0eda85d2
Show 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{
.priceIncomeTable td {
border: 1px solid #dcdfe6; border: 1px solid #dcdfe6;
height:34px; height: 34px;
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
} }
.priceComtd{
background: #e6e6e6!important; .priceComtd {
background: #e6e6e6 !important;
} }
.princeOrderSpan{
margin-right:10px; .princeOrderSpan {
margin-right: 10px;
display: inline-block; display: inline-block;
} }
.PriceRemark{
width:100%; .PriceRemark {
width: 100%;
min-height: 100px; min-height: 100px;
padding:10px; padding: 10px;
font-size: 14px; font-size: 14px;
background-color: #fff; background-color: #fff;
} }
.leftRemarkTitle{
float:left; .leftRemarkTitle {
width:5%; float: left;
width: 5%;
text-align: right; text-align: right;
} }
.rightRemarkContent{
float:left; .rightRemarkContent {
width:95%; float: left;
width: 95%;
} }
.priceContent{
width:830px; .priceContent {
padding:15px; width: 830px;
padding: 15px;
background-color: #fff; background-color: #fff;
min-height:500px; min-height: 500px;
} }
.pri_title{
.pri_title {
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
margin-bottom:20px; margin-bottom: 20px;
} }
.priceContent table td,.priceContent table th{
height:34px; .priceContent table td, .priceContent table th {
padding:10px; height: 34px;
padding: 10px;
} }
.priceContent .pri_EmpName{
float:left; .priceContent .pri_EmpName {
margin-left:20px; float: left;
margin-left: 20px;
} }
.priceContent .pri_DateTime{
float:right; .priceContent .pri_DateTime {
float: right;
margin-right: 20px; margin-right: 20px;
} }
.leftDepart{
display:inline-block; .leftDepart {
width:60%; display: inline-block;
height:35px; width: 60%;
height: 35px;
} }
.rightDepart{
width:39%; .rightDepart {
height:35px; width: 39%;
height: 35px;
display: inline-block; display: inline-block;
} }
.comTextAlign{
.comTextAlign {
text-align: left; text-align: left;
padding:10px 30px!important; padding: 10px 30px !important;
} }
</style> </style>
...@@ -78,29 +92,29 @@ ...@@ -78,29 +92,29 @@
<div class="clearfix"> <div class="clearfix">
<div class="leftDepart"> <div class="leftDepart">
<span>部门：</span> <span>部门：</span>
<span>微图科技有限公司</span> <span>{{confirmInfo.DepartmentName}}</span>
</div>
<div class="rightDepart">
<span>单号：</span>
<span>123456</span>
</div> </div>
<!--<div class="rightDepart">-->
<!--<span>单号：</span>-->
<!--<span>123456</span>-->
<!--</div>-->
</div> </div>
<table border="1" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;"> <table border="1" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
<tr> <tr>
<td>团号</td> <td>团号</td>
<td>团队编号</td> <td>团队编号</td>
<td>人数</td> <td>人数</td>
<td colspan="5"></td> <td colspan="5">{{confirmInfo.PeopleNum}}</td>
</tr> </tr>
<tr> <tr>
<td></td> <td>{{confirmInfo.TCID}}</td>
<td></td> <td>{{confirmInfo.TCNUM}}</td>
<td>领队</td> <td>领队</td>
<td colspan="5"></td> <td colspan="5">{{confirmInfo.LeaderName}}</td>
</tr> </tr>
<tr> <tr>
<td>团队收入合计</td> <td>团队收入合计</td>
<td colspan="7"></td> <td colspan="7">{{confirmInfo.TotalIncome}}</td>
</tr> </tr>
<tr> <tr>
<td colspan="8" class="comTextAlign">交易明细</td> <td colspan="8" class="comTextAlign">交易明细</td>
...@@ -112,22 +126,21 @@ ...@@ -112,22 +126,21 @@
<td>优惠金额</td> <td>优惠金额</td>
<td>手续费</td> <td>手续费</td>
<td>退款</td> <td>退款</td>
<td>未收</td>
<td>在途</td> <td>在途</td>
<td>未收</td>
</tr> </tr>
<tr> <tr v-for="item in confirmInfo.TradeTravelOrderList">
<td> <td>
<div>青衣江门店</div> <div>{{item.ContactName}}</div>
<div>1388888888</div> <div>{{item.ContactMobile}}</div>
</td> </td>
<td>3000</td> <td>{{item.PreferPrice}}</td>
<td>2000</td> <td>{{item.Income}}</td>
<td>500</td> <td>{{item.DiscountMoney}}</td>
<td>500</td> <td>{{item.PlatformTax}}</td>
<td>50</td> <td>{{item.Refund}}</td>
<td>0</td> <td>{{item.ZaiTuMoney}}</td>
<td>1000</td> <td>{{item.OutstandingAmount}}</td>
</tr>
<tr> <tr>
<td colspan="8" class="comTextAlign">平台款项</td> <td colspan="8" class="comTextAlign">平台款项</td>
</tr> </tr>
...@@ -141,34 +154,39 @@ ...@@ -141,34 +154,39 @@
<td>在途</td> <td>在途</td>
<td>未收</td> <td>未收</td>
</tr> </tr>
<tr> <tr v-for="item in confirmInfo.PlatformTravelOrderList">
<td>和平国旅</td> <td>{{item.BrandName}}</td>
<td>3000</td> <td>{{item.PreferPrice}}</td>
<td>29000</td> <td>{{item.Income}}</td>
<td>100</td> <td>{{item.DiscountMoney}}</td>
<td>200</td> <td>{{item.PlatformTax}}</td>
<td>200</td> <td>{{item.Refund}}</td>
<td>1100</td> <td>{{item.ZaiTuMoney}}</td>
<td>0</td> <td>{{item.OutstandingAmount}}</td>
</tr> </tr>
<tr> <tr>
<td>其中</td> <td>其中</td>
<td>直客收入</td> <td>直客收入</td>
<td colspan="6"></td> <td colspan="6">{{confirmInfo.DirectGuestIncome}}</td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td>同行交客收入</td> <td>同行交客收入</td>
<td colspan="6"></td> <td colspan="6">{{confirmInfo.PlatformGuestIncome}}</td>
</tr> </tr>
<tr> <tr>
<td></td> <td></td>
<td>平台收入</td> <td>平台收入</td>
<td colspan="6"></td> <td colspan="6">{{confirmInfo.PlatformIncome}}</td>
</tr> </tr>
<tr> <tr>
<td colspan="8" class="comTextAlign"> <td colspan="8">
备注： <span class="pri_EmpName">
操作人：{{confirmInfo.EmpName}}
</span>
<span class="pri_DateTime">
操作时间：{{confirmInfo.DateTimeStr}}
</span>
</td> </td>
</tr> </tr>
</table> </table>
...@@ -223,38 +241,40 @@ ...@@ -223,38 +241,40 @@
</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