<style>
.m_TicketingModule{
    border: 1px solid #DDDDDD;
    border-bottom: none;
}
.m_TicketingModule ._tit{
    padding-left: 10px;
    font-size: 14px;
    color: #000;
    padding: 8px 15px;
    background-color: white;
    display: flex;
    justify-content: space-between;
}
.m_TicketingModule ._text{
    border-left: 3px solid #e95252;
    padding-left: 10px;
}
.m_TicketingModule ._tit ._btn{
    font-size: 12px;
    color: #333333;
    cursor: pointer;
}
.m_TicketingModule ._tit ._btn:hover{
    color: #E95252;
}
.m_TicketingModule ._tit ._btn .iconfont{
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
}
.m_TicketingModule ._rotate{
    transform:rotate(180deg);
}
.m_TicketingModule .singeRowTable{
    color:#333333
}
.m_TicketingModule ._padding_20_15{
    padding: 20px 15px;
    background-color: white;
}
</style>
<template>
    <div class="m_TicketingModule">
        <div class="_tit">
            <span class="_text">国内票务订单信息</span>
            <div>
                <span class="_btn" v-if="tableShow" @click="tableShow=false">收起 <i class="iconfont icon-gengduo _rotate"></i> </span>
                <span class="_btn" v-else @click="tableShow=true">展开 <i class="iconfont icon-gengduo"></i> </span>
            </div>
        </div>
        <div v-show="tableShow" class="_padding_20_15">
            <table class="singeRowTable" style="border:1px solid #E6E6E6;" cellspacing="0" cellpadding="0">
                <tr>
                    <th width='200px'>期数/订单号</th>
                    <th>人数</th>
                    <th>总价</th>
                    <th>成本</th>
                    <th>利润</th>
                    <th>客户名称</th>
                    <th width='200px'>行程时间</th>
                    <!-- <th>航段</th> -->
                </tr>
                <tr v-for="(item,index) in dataList" :key="index">
                    <td>{{item.Term}}-{{item.OrderID}}</td>
                    <td>{{item.Number}}人</td>
                    <td>¥{{item.TotalPrice}}</td>
                    <td>¥{{item.TotalCost}}</td>
                    <td>￥{{item.Profit}}</td>
                    <td>{{item.ClientName}}</td>
                    <td>{{item.TravelTime}}</td>
                    <!-- <td>{{dataList.Leg}}</td> -->
                </tr>
            </table>
        </div>
    </div>
</template>

<script>
export default {
    props:["FrID","id"],
    data(){
        return{
            tableShow:false,
            dataList:[],
        }
    },watch:{
        
    },created(){
         
    },mounted(){
        // let FrID = this.$route.query.FrID;
        this.getDate(this.FrID);
    },methods:{
        getDate(FrID){
            let msg = {
                FrID:FrID,
            }
            this.apipost('Domestic_Ticket_post_GetByBillAndIDList',msg,r=>{
                if(r.data.resultCode==1){
                    let data = r.data.data;
                    this.dataList = data;
                }
            },null)
        }
    }
}
</script>
