<style>
 @import url('../../assets/css/domestic/TicketingModule.css');
</style>
<template>
    <div v-if="dataList.length < 1">

    </div>
    <div v-else>
        <div class="m_TicketingModule" v-if="type !== 7">
            <div class="_tit">
                <span class="_text">{{$t('objFill.guaizhangcdlb')}}</span>
                <div>
                    <span class="_btn" v-if="tableShow" @click="tableShow=false">{{$t('fnc.shouqi')}} <i class="iconfont icon-gengduo _rotate"></i> </span>
                    <span class="_btn" v-else @click="tableShow=true">{{$t('fnc.zhankai')}} <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>{{$t('salesModule.CostType')}}</th>
                        <th>{{$t('visa.v_tuanhao')}}</th>
                        <th>{{$t('hotel.hotel_Order')}}</th>
                        <th>{{$t('objFill.shouzhitype')}}</th>
                        <th>{{$t('objFill.amountoffset')}}</th>
                        <th>{{$t('objFill.duixiangmc')}}</th>
                        <th>{{$t('pub.pubRemark')}}</th>
                        <th>{{$t('objFill.zhidantime')}}</th>
                        <th>{{$t('fnc.zhidanren')}}</th>
                    </tr>
                    <tr v-for="(item, index) in dataList" :key="index">
                        <td>{{item.CostTypeName}}</td>
                        <td>{{item.TCNUM}}</td>
                        <td>{{item.FrID}}</td>
                        <td>{{item.HangingAccountsTypeStr}}</td>
                        <td>{{item.fmrMoney}}</td>
                        <td>{{item.RemitterName}}</td>
                        <td>{{item.Remark}}</td>
                        <td>{{item.CreateDateStr}}</td>
                        <td>{{item.createByStr}}</td>
                    </tr>
                </table>
            </div>
        </div>
        <div v-else class="m_TicketingModule" >
            <div class="_tit">
                <span class="_text">{{$t('objFill.guaizhangcdlb')}}</span>
                <div>
                    <span class="_btn" v-if="tableShow" @click="tableShow=false">{{$t('fnc.shouqi')}} <i class="iconfont icon-gengduo _rotate"></i> </span>
                    <span class="_btn" v-else @click="tableShow=true">{{$t('fnc.zhankai')}} <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>{{$t('hotel.hotel_Order')}}</th>
                        <th>{{$t('salesModule.CostType')}}</th>
                        <th>{{$t('objFill.shouzhitype')}}</th>
                        <th>{{$t('fnc.jine')}}</th>
                        <th>{{$t('pub.pubRemark')}}</th>
                        <th>{{$t('objFill.zhidantime')}}</th>
                        <th>{{$t('fnc.zhidanren')}}</th>
                    </tr>
                    <tr v-for="(item, index) in dataList" :key="index">
                        <td>{{item.FrID}}</td>
                        <td>
                            <span v-for="(t, index) in item.DetailList">{{t.CostTypeName}} <span v-if="index!==item.DetailList.length-1">,</span> </span>
                        </td>
                        <td>{{item.Type === 1 ? $t('fnc.w_shou') : $t('fnc.w_zhi')}}</td>
                        <td>{{item.Money}}</td>
                        <td>{{item.Remark}}</td>
                        <td>{{item.CreateDateStr}}</td>
                        <td>{{item.createByStr}}</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    props:["dataList", 'type'],
    data(){
        return{
            tableShow:false,
        }
    },watch:{

    },created(){

    },mounted(){
    },methods:{
    }
}
</script>
