<style>
.AnnualRanking{
}
.AnnualRanking .fon12{
font-size: 12px;
}
.AnnualRanking .year{
text-align: center;
padding:10px 0;
margin-top: 50px;
background: #fff;
}
.AnnualRanking .dataList{
margin-bottom: 30px;
}
.AnnualRanking .dataList .el-table td, .el-table th{
padding:3px 0;
}
.AnnualRanking .Header li em{
font-size: 14px;
}
.AnnualRanking .TableRed{
background: #E95252;
/* color:#fff; */
}
.AnnualRanking .Tableyellow{
background: yellow;
}
.AnnualRanking .el-table{
font-size:12px;
color:#000000;
}
.AnnualRanking .el-table thead{
color:#000000;
}
</style>
<template>
<div class="AnnualRanking">
<div class="Header">
<li style="margin:10px 0;display:inline-block">
<em>{{$t('objFill.nianfen')}}：</em>
<!-- <el-date-picker size="small"
v-model="msg.Year" value-format="yyyy"
type="year"
:placeholder="$t('objFill.xuanzhenian')"> -->
<YearLimit :clearable="false" :dateTime="msg.Year" @change="(Date)=>{msg.Year=Date}"></YearLimit>
</el-date-picker>
</li>
<li style="margin:10px 0;display:inline-block">
<em>{{$t('objFill.v101.FinancialModule.paixulx')}}：</em>
<el-select v-model="msg.SortType" :placeholder="$t('pub.pleaseSel')">
<el-option key="1" :label="$t('objFill.v101.FinancialModule.paiming')" :value="1"></el-option>
<el-option key="2" :label="$t('objFill.v101.FinancialModule.shuzhi')" :value="2"></el-option>
</el-select>
</li>
<button class="normalBtn" @click="GetList">{{$t('pub.searchBtn')}}</button>
<button class="hollowFixedBtn" @click="Export">{{$t('visa.v_daochu')}}</button>
<li style="display:inline-block;margin-left:10px;float:right;margin-top:10px">
<em>{{$t('system.query_type')}}：</em>
<el-select @change="SelectType" v-model="type" :placeholder="$t('pub.pleaseSel')">
<el-option key="0" :label="$t('advmanager.v_all')" :value="0"></el-option>
<el-option key="1" :label="$t('objFill.xiaosoue')" :value="1"></el-option>
<el-option key="2" :label="$t('objFill.maoli')" :value="2"></el-option>
<el-option key="9" :label="$t('objFill.maolilv')" :value="9"></el-option>
<el-option key="3" :label="$t('objFill.v101.administrative.yongjin')" :value="3"></el-option>
<el-option key="4" :label="$t('objFill.v101.FinancialModule.shoukeshul')" :value="4"></el-option>
<el-option key="5" :label="$t('objFill.v101.FinancialModule.lianyunsr')" :value="5"></el-option>
<el-option key="6" :label="$t('ground.ribenxian')" :value="6"></el-option>
<el-option key="7" :label="$t('objFill.v101.FinancialModule.jinlirun')" :value="7"></el-option>
<el-option key="8" :label="$t('objFill.v101.FinancialModule.jipiaofj')" :value="8"></el-option>
</el-select>
</li>
</div>
<div class="dataList" v-loading="AALloading">
<!-- 销售额排名 -->
<div v-show="type==0 || type==1">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianxsepm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="SaleMoneyList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 毛利排名 -->
<div v-show="type==0 || type==2">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianmaolpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="MaoLiList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 毛利率排名 -->
<div v-show="type==0 || type==9">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianpjmllpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="MaoLiLvList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.January}}</span>
<span v-if="maolitype==2">{{scope.row.January}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.February}}</span>
<span v-if="maolitype==2">{{scope.row.February}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.March}}</span>
<span v-if="maolitype==2">{{scope.row.March}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.FirstQuarter}}</span>
<span v-if="maolitype==2">{{scope.row.FirstQuarter}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.April}}</span>
<span v-if="maolitype==2">{{scope.row.April}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.May}}</span>
<span v-if="maolitype==2">{{scope.row.May}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.June}}</span>
<span v-if="maolitype==2">{{scope.row.June}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.SecondQuarter}}</span>
<span v-if="maolitype==2">{{scope.row.SecondQuarter}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.HalfReport}}</span>
<span v-if="maolitype==2">{{scope.row.HalfReport}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.July}}</span>
<span v-if="maolitype==2">{{scope.row.July}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.August}}</span>
<span v-if="maolitype==2">{{scope.row.August}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.September}}</span>
<span v-if="maolitype==2">{{scope.row.September}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.ThirdQuarter}}</span>
<span v-if="maolitype==2">{{scope.row.ThirdQuarter}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.October}}</span>
<span v-if="maolitype==2">{{scope.row.October}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.November}}</span>
<span v-if="maolitype==2">{{scope.row.November}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.December}}</span>
<span v-if="maolitype==2">{{scope.row.December}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.FourthQuarter}}</span>
<span v-if="maolitype==2">{{scope.row.FourthQuarter}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.LastHalfReport}}</span>
<span v-if="maolitype==2">{{scope.row.LastHalfReport}}%</span>
</template>
</el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120">
<template slot-scope="scope">
<span v-if="maolitype==1">{{scope.row.Total}}</span>
<span v-if="maolitype==2">{{scope.row.Total}}%</span>
</template>
</el-table-column>
</el-table>
</div>
<!-- 净利润 ProfitsList -->
<div v-show="type==0 || type==7">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianjlrpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="ProfitsList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 佣金列表排名 -->
<div v-show="type==0 || type==3">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianyjsrlbpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="CommissionList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 收客数量排名 GuestList-->
<div v-show="type==0 || type==4">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianskslpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="GuestList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 联运收入 UnionList -->
<div v-show="type==0 || type==5">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.niannysrpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="UnionList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 日本線平均賣價排名 AvgMoneyList -->
<div v-show="type==0 || type==6">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianrbxpjmjpm')}}</div>
<el-table border
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="AvgMoneyList"
style="width: 100%">
<el-table-column fixed sortable prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 机票罚金 ProfitsList -->
<div v-show="type==0 || type==8">
<div class="year">{{msg.Year}}{{$t('objFill.v101.FinancialModule.nianjpfjpm')}}</div>
<el-table border
@cell-click="TicketCellClick"
:cell-class-name="CellName"
:header-cell-class-name="HeaderName"
:data="AirPenalty"
style="width: 100%">
<el-table-column fixed prop="BranchName" :label="$t('admin.admin_company')" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" :label="$t('objFill.yuefens')[0]" min-width="100"></el-table-column>
<el-table-column sortable prop="February" :label="$t('objFill.yuefens')[1]" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" :label="$t('objFill.yuefens')[2]" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[0]" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" :label="$t('objFill.yuefens')[3]" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" :label="$t('objFill.yuefens')[4]" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" :label="$t('objFill.yuefens')[5]" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[1]" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[2]" min-width="120"></el-table-column>
<el-table-column sortable prop="July" :label="$t('objFill.yuefens')[6]" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" :label="$t('objFill.yuefens')[7]" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" :label="$t('objFill.yuefens')[8]" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[3]" min-width="120"></el-table-column>
<el-table-column sortable prop="October" :label="$t('objFill.yuefens')[9]" min-width="100"></el-table-column>
<el-table-column sortable prop="November" :label="$t('objFill.yuefens')[10]" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" :label="$t('objFill.yuefens')[11]" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" :label="$t('objFill.v101.FinancialModule.jidupingjun')[4]" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" :label="$t('objFill.v101.FinancialModule.jidupingjun')[5]" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" :label="$t('objFill.v101.FinancialModule.jidupingjun')[6]" min-width="120"> </el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import moment from "moment"
import YearLimit from '../../public/YearLimit.vue';
export default {
name: 'AnnualRanking',
components: {YearLimit},
data (){
return{
type:0,
msg:{
EmployeeId:0,
SortType:2,
Year:moment().format("YYYY"),
},
tableData:[],
AALloading:false,
SaleMoneyList:[],
MaoLiList:[],
MaoLiLvList:[],
CommissionList:[],
GuestList:[],
UnionList:[],
AvgMoneyList:[],
ProfitsList:[],
AirPenalty:[],
maolitype:2,
}
},
created(){
let userInfo = this.getLocalStorage();
this.msg.EmployeeId = userInfo.EmployeeId;
},
mounted(){
this.GetList();
},
methods:{
// 机票罚金跳转
TicketCellClick(row, column, cell){
let year=this.msg.Year;
let month=0;
let BranchId=0;
let CostIds=53;
let IsFormEasyReport=2;
if(column.property=="BranchName" || column.property=="FirstQuarter" || column.property=="SecondQuarter" || column.property=="HalfReport" || column.property=="ThirdQuarter" || column.property=="FourthQuarter" || column.property=="LastHalfReport"|| column.property=="Total"){
return;
}
if(column.property=="January"){
month=1;
BranchId=row.BranchId;
}
if(column.property=="February"){
month=2;
BranchId=row.BranchId;
}
if(column.property=="March"){
month=3;
BranchId=row.BranchId;
}
if(column.property=="March"){
month=3;
BranchId=row.BranchId;
}
if(column.property=="April"){
month=4;
BranchId=row.BranchId;
}
if(column.property=="May"){
month=5;
BranchId=row.BranchId;
}
if(column.property=="June"){
month=6;
BranchId=row.BranchId;
}
if(column.property=="July"){
month=7;
BranchId=row.BranchId;
}
if(column.property=="August"){
month=8;
BranchId=row.BranchId;
}
if(column.property=="September"){
month=9;
BranchId=row.BranchId;
}
if(column.property=="October"){
month=10;
BranchId=row.BranchId;
}
if(column.property=="November"){
month=11;
BranchId=row.BranchId;
}
if(column.property=="December"){
month=12;
BranchId=row.BranchId;
}
this.$router.push({
path: "/JumpReport",
query: {
year:year,
month:month,
BranchId:BranchId,
CostIds:CostIds,
IsFormEasyReport:IsFormEasyReport,
blank: "y"
}
});
},
HeaderName({row, column}){
if(column.property=="Total" || column.property=="HalfReport" || column.property=="LastHalfReport"){
return "TableRed"
}
if(column.property=="BranchName" || column.property=="FirstQuarter" || column.property=="SecondQuarter" || column.property=="ThirdQuarter" || column.property=="FourthQuarter"){
return "Tableyellow"
}
},
CellName({row, column, rowIndex, columnIndex}){
if(column.property=="Total" || column.property=="HalfReport" || column.property=="LastHalfReport"){
return "TableRed"
}
if(column.property=="BranchName" || column.property=="FirstQuarter" || column.property=="SecondQuarter" || column.property=="ThirdQuarter" || column.property=="FourthQuarter"){
return "Tableyellow"
}
},
Export(){
let msg = JSON.parse(JSON.stringify(this.msg));
this.GetLocalFile(
"financestatistics_post_OutToExcelGetCompanySaleRankList",
msg,
this.$t('objFill.v101.FinancialModule.niandupmtj')+".xls"
);
},
SelectType(val){
this.type=val;
},
GetList(){
this.AALloading=true;
if(this.msg.SortType==1){
this.maolitype=1;
}
if(this.msg.SortType==2){
this.maolitype=2;
}
this.apipost('financestatistics_post_GetCompanySaleRankList', this.msg, res=>{
this.AALloading = false
if (res.data.resultCode == 1) {
this.SaleMoneyList=res.data.data.SaleMoneyList;
this.MaoLiList=res.data.data.MaoLiList;
this.MaoLiLvList=res.data.data.MaoLiLvList;
this.CommissionList=res.data.data.CommissionList;
this.GuestList=res.data.data.GuestList;
this.UnionList=res.data.data.UnionList;
this.AvgMoneyList=res.data.data.AvgMoneyList;
this.ProfitsList=res.data.data.ProfitsList;
this.AirPenalty=res.data.data.AirPenalty;
} else {
this.$message.error(res.data.message)
}
})
}
}
}
</script>