<style>
    .priceIncomeTable{
        width:1200px;
        border-collapse:collapse;
        font-size:14px;
    }
    .priceIncomeTable td{
        border: 1px solid #dcdfe6;
        height:34px;
        background-color: #fff;
        text-align: center;
    }
    .priceComtd{
        background: #e6e6e6!important;
    }
    .princeOrderSpan{
        margin-right:10px;
        display: inline-block;
    }
    .PriceRemark{
        width:100%;
        min-height: 100px;
        padding:10px;
        font-size: 14px;
        background-color: #fff;
    }
    .leftRemarkTitle{
        float:left;
        width:5%;
        text-align: right;
    }
    .rightRemarkContent{
        float:left;
        width:95%;
    }
    .priceContent{
        width:830px;
        padding:15px;
        background-color: #fff;
        min-height:500px;
        /* color:#c94052; */
        color:#666;
    }
    .pri_title{
        font-size: 18px;
        text-align: center;
        margin-bottom:20px;
    }
    .priceContent table td,.priceContent table th{
        height:34px;
        padding:10px;
    }
    .priceContent .pri_EmpName{
        float:left ;
        margin-left:20px;
    }
    .priceContent .pri_DateTime{
        float:right;
        margin-right: 20px;
    }
  .priceIncomeTable {
    width: 1200px;
    border-collapse: collapse;
    font-size: 14px;
  }

  .priceIncomeTable td {
    border: 1px solid #dcdfe6;
    height: 34px;
    background-color: #fff;
    text-align: center;
  }

  .priceComtd {
    background: #e6e6e6 !important;
  }

  .princeOrderSpan {
    margin-right: 10px;
    display: inline-block;
  }

  .PriceRemark {
    width: 100%;
    min-height: 100px;
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
  }

  .leftRemarkTitle {
    float: left;
    width: 5%;
    text-align: right;
  }

  .rightRemarkContent {
    float: left;
    width: 95%;
  }

  .priceContent {
    width: 830px;
    padding: 15px;
    background-color: #fff;
    min-height: 500px;
  }

  .pri_title {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
  }

  .priceContent table td, .priceContent table th {
    height: 34px;
    padding: 10px;
    border:1px solid #c94052;
  }

  .priceContent .pri_EmpName {
    float: left;
    margin-left: 20px;
  }

  .priceContent .pri_DateTime {
    float: right;
    margin-right: 20px;
  }

  .leftDepart {
    display: inline-block;
    width: 60%;
    height: 35px;
  }

  .rightDepart {
    width: 39%;
    height: 35px;
    display: inline-block;
  }

  .comTextAlign {
    text-align: left;
    padding: 10px 30px !important;
    color:#c94052;
  }
  .PC_ComConfirmTR td,.PC_ComConfirm{
    color:#c94052;
  }
</style>

<template>
  <div class="priceContent">
    <p class="pri_title">{{$t('objFill.v101.tuandqrsrdan')}}</p>
    <div class="clearfix">
      <div class="leftDepart">
        <span>{{$t('admin.admin_Department')}}：</span>
        <span>{{confirmInfo.DepartmentName}}</span>
      </div>
      <!--<div class="rightDepart">-->
      <!--<span>{{$t('fnc.danhao')}}：</span>-->
      <!--<span>123456</span>-->
      <!--</div>-->
    </div>
    <table border="1" style="border-collapse: collapse;width:100%;font-size:14px;text-align:center;">
      <tr>
        <td class="PC_ComConfirm">{{$t('visa.v_tuanhao')}}</td>
        <td class="PC_ComConfirm">{{$t('scen.sc_temID')}}</td>
        <td class="PC_ComConfirm" colspan="2">{{$t('objFill.v101.xianluxilie')}}</td>
        <td class="PC_ComConfirm">{{$t('admin.admin_personNumber')}}</td>
        <td colspan="3">{{confirmInfo.PeopleNum}}</td>
      </tr>
      <tr>
        <td>{{confirmInfo.TCID}}</td>
        <td>{{confirmInfo.TCNUM}}</td>
        <td colspan="2">
          <div style="width:260px;text-align:left;">{{confirmInfo.LineName}}【{{confirmInfo.LtName}}】</div>
        </td>
        <td class="PC_ComConfirm">{{$t('leader.leader_Leader')}}</td>
        <td colspan="3">{{confirmInfo.LeaderName}}</td>
      </tr>
      <tr>
        <td class="PC_ComConfirm">{{$t('objFill.v101.tuandsrhej')}}</td>
        <td colspan="7">{{confirmInfo.TotalIncome}}</td>
      </tr>
      <tr>
        <td colspan="8" class="comTextAlign">{{$t('objFill.jiaoyimx')}}</td>
      </tr>
      <tr class="PC_ComConfirmTR">
        <td>{{$t('objFill.v101.Buying.tonghangmc')}}</td>
        <td>{{$t('fnc.ysjine')}}</td>
        <td>{{$t('objFill.shishoujine')}}</td>
        <td>{{$t('sm.youhuijine')}}</td>
        <td>{{$t('objFill.yuanbisxf')}}</td>
        <td>{{$t('fnc.tuikuan')}}</td>
        <td>{{$t('fnc.zaitu')}}</td>
        <td>{{$t('fnc.weishou')}}</td>
      </tr>
      <tr v-for="item in confirmInfo.TradeTravelOrderList">
        <td>
          <div>{{item.ContactName}}</div>
          <div style="display:none;">{{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">{{$t('objFill.v101.pingtkxian')}}</td>
      </tr>
      <tr class="PC_ComConfirmTR">
        <td>{{$t('objFill.v101.administrative.pingtaimincheng')}}</td>
        <td>{{$t('fnc.ysjine')}}</td>
        <td>{{$t('objFill.shishoujine')}}</td>
        <td>{{$t('sm.youhuijine')}}</td>
        <td>{{$t('objFill.yuanbisxf')}}</td>
        <td>{{$t('fnc.tuikuan')}}</td>
        <td>{{$t('fnc.zaitu')}}</td>
        <td>{{$t('fnc.weishou')}}</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 class="PC_ComConfirm">{{$t('objFill.v101.qizhong')}}</td>
        <td class="PC_ComConfirm">{{$t('fnc.fnc_zksr')}}</td>
        <td colspan="6">{{confirmInfo.DirectGuestIncome}}</td>
      </tr>
      <tr>
        <td></td>
        <td class="PC_ComConfirm">{{$t('fnc.fnc_thjksr')}}</td>
        <td colspan="6">{{confirmInfo.PlatformGuestIncome}}</td>
      </tr>
      <tr>
        <td></td>
        <td class="PC_ComConfirm">{{$t('fnc.fnc_plattev')}}</td>
        <td colspan="6">{{confirmInfo.PlatformIncome}}</td>
      </tr>
      <tr>
        <td colspan="8">
                <span class="pri_EmpName">
                    <span class="PC_ComConfirm">{{$t('admin.admin_czPerson')}}：</span>{{confirmInfo.EmpName}}
                </span>
          <span class="pri_DateTime">
                    <span class="PC_ComConfirm">{{$t('hotel.table_operattime')}}：</span>{{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>{{$t('admin.admin_Department')}}</th>
            <th>{{dataList.DepartmentName}}</th>
            <th>{{$t('fnc.danhao')}}</th>
            <th width="200">{{dataList.Id}}</th>
        </tr>
        <tr>
            <th>{{$t('visa.v_tuanhao')}}</th>
            <th>{{$t('scen.sc_temID')}}</th>
            <th>{{$t('admin.admin_personNumber')}}</th>
            <th>{{$t('leader.leader_Leader')}}</th>
        </tr>
        <tr>
            <td>{{dataList.TCNUM}}</td>
            <td>{{dataList.TCID}}</td>
            <td>{{dataList.PeopleNum}}</td>
            <td>{{dataList.LeaderName}}</td>
        </tr>
        <tr>
            <td>{{$t('fan.fnc_tfsrhj')}}</td>
            <td colspan="3">{{dataList.TotalIncome}}</td>
        </tr>
        <tr>
            <td rowspan="3">{{$t('objFill.v101.qizhong')}}</td>
            <td>{{$t('fnc.fnc_zksr')}}</td>
            <td colspan="2">{{dataList.DirectGuestIncome}}</td>
        </tr>
        <tr>
            <td>{{$t('fnc.fnc_thjksr')}}</td>
            <td colspan="2">{{dataList.PlatformGuestIncome}}</td>
        </tr>
        <tr>
            <td>{{$t('fnc.fnc_plattev')}}</td>
            <td colspan="2">{{dataList.PlatformIncome}}</td>
        </tr>
        <tr>
            <td colspan="4">
                <span class="pri_EmpName">
                    {{$t('admin.admin_czPerson')}}：{{dataList.EmpName}}
                </span>
                <span class="pri_DateTime">
                    {{$t('hotel.table_operattime')}}：{{dataList.DateTimeStr}}
                </span>
            </td>
        </tr>
    </table> -->
  </div>
</template>
<script>
  export default {
    data () {
      return {
        loading: false,
        msg: {
          tcid: ''
        },
        confirmInfo: {},
      }
    },
    methods: {
      getList () {
        //获取数据
        this.loading = true
        this.apipost(
          'travel_post_GetPriceIncomeConfirmInfo',
          this.msg,
          res => {
            this.loading = false
            if (res.data.resultCode == 1) {
              this.confirmInfo = res.data.data
            } else {
              this.Error(res.data.message)
            }
          },
          err => {
          }
        )
      },
    },
    mounted () {
      this.msg.tcid = this.$route.query.TCID
      this.getList()
    }
  }
</script>

