<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>年份：</em>
<el-date-picker size="small"
v-model="msg.Year" value-format="yyyy"
type="year"
placeholder="选择年">
</el-date-picker>
</li>
<li style="margin:10px 0;display:inline-block">
<em>排序类型：</em>
<el-select v-model="msg.SortType" :placeholder="$t('pub.pleaseSel')">
<el-option key="1" label="排名" :value="1"></el-option>
<el-option key="2" label="数值" :value="2"></el-option>
</el-select>
</li>
<button class="normalBtn" @click="GetList">{{$t('pub.searchBtn')}}</button>
<button class="hollowFixedBtn" @click="Export">导出</button>
<li style="display:inline-block;margin-left:10px;float:right;margin-top:10px">
<em>类型:</em>
<el-select @change="SelectType" v-model="type" :placeholder="$t('pub.pleaseSel')">
<el-option key="0" label="全部" :value="0"></el-option>
<el-option key="1" label="销售额" :value="1"></el-option>
<el-option key="2" label="毛利" :value="2"></el-option>
<el-option key="9" label="毛利率" :value="9"></el-option>
<el-option key="3" label="佣金" :value="3"></el-option>
<el-option key="4" label="收客数量" :value="4"></el-option>
<el-option key="5" label="联运收入" :value="5"></el-option>
<el-option key="6" label="日本线" :value="6"></el-option>
<el-option key="7" label="净利润" :value="7"></el-option>
<el-option key="8" label="机票罚金" :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}}年销售额排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 毛利排名 -->
<div v-show="type==0 || type==2">
<div class="year">{{msg.Year}}年毛利排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 毛利率排名 -->
<div v-show="type==0 || type==9">
<div class="year">{{msg.Year}}年平均毛利率排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" 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="二月" 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="三月" 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="第一季度平均" 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="四月" 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="五月" 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="六月" 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="第二季度平均" 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="上半年平均" 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="七月" 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="八月" 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="九月" 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="第三季度平均" 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="十月" 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="十一月" 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="十二月" 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="第四季度平均" 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="下半年平均" 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="全年平均" 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}}年净利润排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 佣金列表排名 -->
<div v-show="type==0 || type==3">
<div class="year">{{msg.Year}}年佣金收入列表排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 收客数量排名 GuestList-->
<div v-show="type==0 || type==4">
<div class="year">{{msg.Year}}年收客数量排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 联运收入 UnionList -->
<div v-show="type==0 || type==5">
<div class="year">{{msg.Year}}年联运收入排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 日本線平均賣價排名 AvgMoneyList -->
<div v-show="type==0 || type==6">
<div class="year">{{msg.Year}}年日本線平均賣價排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
<!-- 机票罚金 ProfitsList -->
<div v-show="type==0 || type==8">
<div class="year">{{msg.Year}}年机票罚金排名</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="公司名称" min-width="100"> </el-table-column>
<el-table-column sortable prop="January" label="一月" min-width="100"></el-table-column>
<el-table-column sortable prop="February" label="二月" min-width="100"> </el-table-column>
<el-table-column sortable prop="March" label="三月" min-width="100"> </el-table-column>
<el-table-column sortable prop="FirstQuarter" label="第一季度平均" min-width="120"> </el-table-column>
<el-table-column sortable prop="April" label="四月" min-width="100"> </el-table-column>
<el-table-column sortable prop="May" label="五月" min-width="100"> </el-table-column>
<el-table-column sortable prop="June" label="六月" min-width="100"></el-table-column>
<el-table-column sortable prop="SecondQuarter" label="第二季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="HalfReport" label="上半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="July" label="七月" min-width="100"> </el-table-column>
<el-table-column sortable prop="August" label="八月" min-width="100"> </el-table-column>
<el-table-column sortable prop="September" label="九月" min-width="100"> </el-table-column>
<el-table-column sortable prop="ThirdQuarter" label="第三季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="October" label="十月" min-width="100"></el-table-column>
<el-table-column sortable prop="November" label="十一月" min-width="100"> </el-table-column>
<el-table-column sortable prop="December" label="十二月" min-width="100"></el-table-column>
<el-table-column sortable prop="FourthQuarter" label="第四季度平均" min-width="120"></el-table-column>
<el-table-column sortable prop="LastHalfReport" label="下半年平均" min-width="120"></el-table-column>
<el-table-column sortable prop="Total" label="全年平均" min-width="120"> </el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import moment from "moment"
export default {
name: 'AnnualRanking',
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,
"年度排名统计.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>