<style>
    .BusExportTitle{
        width:1000px;
        margin:0 auto;
        text-align: center;
        font-weight: bold;
        margin-top:10px;
        font-size:16px;
    }
    .Bus_Content{
        width:100%;
        height:auto;
        margin:auto;
        position: absolute;
    }
    .Bus_detailTable {
        width: 1000px;
        font-size: 12px;
        color: #333;
        margin: 10px auto;
        border-collapse: collapse;
        background-color: #fff;
        border: 1px solid #d1d1d1;
    }

    .Bus_detailTable td {
        border: 1px solid #d1d1d1;
        padding:0 10px;
        height:32px;
        font-size:16px;
    }

    .Bus_detailTable th {
        background-color: #fff;
        border: 1px solid #d1d1d1;
        font-size:16px;
        font-weight:bold;
        height:32px;
    }
    .txLeft{
        text-align: left;
    }
    .txRight{
        text-align: right;
    }
    .fontBold{
        font-weight:bold;
    }
    .totalTabal td{
        height:33px;
    }
</style>

<template>
    <div class="Bus_Content">
        <div class="BusExportTitle">
              {{Year}}年{{Month}}月公社车账  
        </div>
        <table class="Bus_detailTable">
            <thead>
                <tr>
                    <th>做账主体</th>
                    <th width="200">团号</th>
                    <th>单号</th>
                    <th>车配号</th>
                    <th style="width:20%">{{msg.CurrName}}</th>
                    <th style="width:20%">人民币</th>
                </tr>  
            </thead>
            <tbody v-for="item in dataList">
                <tr v-for="subItem in item.RBobj">
                    <td class="txLeft">{{subItem.BranchName}}</td>
                    <td class="txLeft">{{subItem.TCNUM}}</td>
                    <td class="txRight">{{subItem.FrID}}</td>
                    <td class="txRight">{{subItem.CarDistribution}}</td>
                    <td class="txRight">{{subItem.sMoney}}</td>
                    <td class="txRight">{{subItem.Money}}</td>
                </tr>
                <tr>
                    <td colspan="4" class="txRight">{{item.BranchName}}应付总金额：</td>
                    <td class="txRight">{{item.SumOMoney}}</td>
                    <td class="txRight">{{item.SumMoney}}</td>
                </tr>
                <tr style="height:12px">
                    <td colspan="6" style="background:#999; height:12px;"></td>
                </tr>
            </tbody>
        </table>
        <table class="Bus_detailTable totalTabal" style="border:0px;page-break-before:always;margin:0 auto;">
                <tr>
                    <td class="txRight" colspan="4">
                        <div style="width:275px;text-align:right;float:right;">{{Year}}年{{Month}}月应付公社车资：</div>
                    </td>
                    <td class="txRight fontBold" style="width:20%">{{TotalJan}}</td>
                    <td class="txRight fontBold" style="width:20%">{{TotalCn}}</td>
                </tr>
                <tr v-for="item in dataList">
                    <td class="txRight" colspan="4">{{item.BranchName}}应付总金额：</td>
                    <td class="txRight fontBold">{{item.SumOMoney}}</td>
                    <td class="txRight fontBold">{{item.SumMoney}}</td>
                </tr>
                <tr>
                    <td colspan="3" style="padding-top:30px;border:0px;">总经理：</td>
                    <td colspan="1" style="padding-top:30px;border:0px;width:25%">部门主管：</td>
                    <td colspan="1" style="padding-top:30px;border:0px;float:right">制表：</td>
                    <td style="padding-top:30px;border:0px;"></td>
                </tr>
                <tr>
                    <td colspan="6" style="padding-top:10px;border:0px;">
                        <div style="style=float:right;margin-right:30%;text-align:right;">制表日期：</div>
                    </td>
                </tr>
        </table>

        <table class="Bus_detailTable" v-for="item in dataList" style="margin: 5px auto;border:0px;page-break-before:always;">
            <tr>
                <th>做账主体</th>
                <th width="200">团号</th>
                <th>单号</th>
                <th>车配号</th>
                <th style="width:20%">{{msg.CurrName}}</th>
                <th style="width:20%">人民币</th>
            </tr>  
            <tr v-for="subItem in item.RBobj">
                <td class="txLeft">{{subItem.BranchName}}</td>
                <td class="txLeft">{{subItem.TCNUM}}</td>
                <td class="txRight">{{subItem.FrID}}</td>
                <td class="txRight">{{subItem.CarDistribution}}</td>
                <td class="txRight">{{subItem.sMoney}}</td>
                <td class="txRight">{{subItem.Money}}</td>
            </tr>
            <tr>
                 <td colspan="4" class="txRight">{{item.BranchName}}应付总金额：</td>
                 <td class="txRight">{{item.SumOMoney}}</td>
                 <td class="txRight">{{item.SumMoney}}</td>
            </tr>
        </table>
    </div>
</template>
<script>
  export default {
    data() {
      return {
          msg:{
            Month:'',
            MakeStartDate:'',
            MakeEndDate:'',
            CurrType:'',
            CurrName:'',
            ClientId:''
          },
          Year:'',
          Month:'',
          dataList:[],
          TotalJan:'',
          TotalCn:'',
      }
    },
    mounted() {
        this.msg.Month = this.$route.query.Month;
        this.msg.MakeStartDate = this.$route.query.MakeStartDate;
        this.msg.MakeEndDate = this.$route.query.MakeEndDate;
        this.msg.CurrType = this.$route.query.CurrType;
        this.msg.ClientId=this.$route.query.ClientId;
        this.Year = this.msg.Month.split('-')[0];
        this.Month = this.msg.Month.split('-')[1];


        this.getList();
    },
    methods: {
        getList(){
            this.apipost('bus_get_CarfareApportionExport',this.msg, res => {
                if(res.data.resultCode == 1) {
                    this.dataList = res.data.data.RObj;
                    this.msg.CurrName = res.data.data.CurrName;
                    this.TotalJan = res.data.data.TotalStatistics.TSumOMoney;
                    this.TotalCn = res.data.data.TotalStatistics.TSumMoney;
                }else{
                    this.Error(res.data.message);
                }
            }, err => {})
        }
    },
  }
</script>

