Skip to content

S
SuperMan
Commit 26497caf authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 39dc5726
Hide whitespace changes
Inline Side-by-side
Showing with 143 additions and 306 deletions
src/components/LeaderManagement/leaderPerformance.vue
View file @ 26497caf
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
height: 230px; height: 230px;
border: 1px solid #E6E6E6; border: 1px solid #E6E6E6;
border-radius: 4px; border-radius: 4px;
margin:0 10px 10px 0; margin: 0 10px 10px 0;
background-color: #fff; background-color: #fff;
padding: 0 20px; padding: 0 20px;
} }
...@@ -116,11 +116,13 @@ ...@@ -116,11 +116,13 @@
width: 265px; width: 265px;
position: relative; position: relative;
text-align: center; text-align: center;
margin-right:90px; margin-right: 90px;
} }
.guidPerformance .championList:last-child{
margin-right:0; .guidPerformance .championList:last-child {
margin-right: 0;
} }
.guidPerformance .runnderUp { .guidPerformance .runnderUp {
width: 118px; width: 118px;
height: 118px; height: 118px;
...@@ -281,20 +283,35 @@ ...@@ -281,20 +283,35 @@
.guidPerformance ._btTitle:last-child { .guidPerformance ._btTitle:last-child {
border-bottom: 0; border-bottom: 0;
} }
.leaderTousuTable{
border:1px solid #E6E6E6; .leaderTousuTable {
float:left; border: 1px solid #E6E6E6;
width:226px; float: left;
margin-top:20px; width: 226px;
border-collapse:collapse; margin-top: 20px;
color:#666666; border-collapse: collapse;
} color: #666666;
.leaderTousuTable tr{background: #fff;text-align: center; height: 40px;} }
.leaderTousuTable tr:nth-child(2n+1){background:#fafafa; }
.leaderTousuTable tr td{font-size: 14px;border: 1px solid #E5E5E5;} .leaderTousuTable tr {
.leaderHeadTd td{ background: #fff;
background-color: #f1f1f1; text-align: center;
} height: 40px;
}
.leaderTousuTable tr:nth-child(2n+1) {
background: #fafafa;
}
.leaderTousuTable tr td {
font-size: 14px;
border: 1px solid #E5E5E5;
}
.leaderHeadTd td {
background-color: #f1f1f1;
}
</style> </style>
<template> <template>
<div class='flexOne guidPerformance'> <div class='flexOne guidPerformance'>
...@@ -313,12 +330,14 @@ ...@@ -313,12 +330,14 @@
<li> <li>
<span v-if="msg.Type==3||msg.Type==6"> <span v-if="msg.Type==3||msg.Type==6">
<em>{{$t('ground.nianfen')}}</em> <em>{{$t('ground.nianfen')}}</em>
<el-date-picker v-model="msg.MonthStr" type="year" value-format="yyyy" :placeholder="$t('ground.xuanzenian')"> <el-date-picker v-model="msg.MonthStr" type="year" value-format="yyyy"
:placeholder="$t('ground.xuanzenian')">
</el-date-picker> </el-date-picker>
</span> </span>
<span v-else-if="msg.Type==2"> <span v-else-if="msg.Type==2">
<em>{{$t("ground.yuefen")}}</em> <em>{{$t("ground.yuefen")}}</em>
<el-date-picker v-model="msg.MonthStr2" type="month" value-format="yyyy-MM" :placeholder="$t('ground.xuanzeyue')"> <el-date-picker v-model="msg.MonthStr2" type="month" value-format="yyyy-MM"
:placeholder="$t('ground.xuanzeyue')">
</el-date-picker> </el-date-picker>
</span> </span>
<span v-else> <span v-else>
...@@ -333,28 +352,6 @@ ...@@ -333,28 +352,6 @@
</el-select> </el-select>
</span> </span>
</li> </li>
<li style="display:none;">
<span>
<em>{{$t('ground.leixing')}}</em>
<el-select v-model="msg.Type" :placeholder="$t('system.ph_choice')">
<el-option :label="$t('leader.leader_Month')" :value='2'></el-option>
<el-option :label="$t('leader.leader_Year')" :value='3'></el-option>
<el-option :label="$t('leader.leader_All')" :value='6'></el-option>
<el-option :label="$t('ground.renjun')" :value='4'></el-option>
<el-option :label="$t('ground.huiyongrenjun')" :value='5'></el-option>
<el-option :label="$t('ground.renjundiyu1m')" :value='7'></el-option>
</el-option>
<el-option :label="$t('ground.daituancishu')" :value='8'></el-option>
</el-option>
<el-option :label="$t('ground.zifeizonge')" :value='9'></el-option>
</el-option>
<el-option :label="$t('ground.zifeirenjun')" :value='10'></el-option>
</el-option>
<el-option :label="$t('ground.zifeicishu')" :value='11'></el-option>
</el-option>
</el-select>
</span>
</li>
<li> <li>
<span> <span>
<em>{{$t('ground.gwd')}}</em> <em>{{$t('ground.gwd')}}</em>
...@@ -372,230 +369,36 @@ ...@@ -372,230 +369,36 @@
<div class="statistical clearfix" style="display:block" v-loading="loading"> <div class="statistical clearfix" style="display:block" v-loading="loading">
<div class="mainLeftdiv"> <div class="mainLeftdiv">
<div class="leftTop"> <div class="leftTop">
<el-tabs v-model="activeName" @tab-click="getSwitch"> <el-tabs v-model="activeName" @tab-click="getSwitch">
<el-tab-pane label="月榜" name="2"></el-tab-pane> <el-tab-pane v-for="title in tabList" :label="title.Name" :name="title.Type" :key="title.Type">
<el-tab-pane label="年榜" name="3"></el-tab-pane> </el-tab-pane>
<el-tab-pane label="总榜" name="6"></el-tab-pane> </el-tabs>
<el-tab-pane label="人均" name="4"></el-tab-pane>
<el-tab-pane label="回佣人均" name="5"></el-tab-pane>
<el-tab-pane label="人均低于1W" name="7"></el-tab-pane>
<el-tab-pane label="带团次数" name="8"></el-tab-pane>
<el-tab-pane label="自费总金额" name="9"></el-tab-pane>
<el-tab-pane label="自费人均" name="10"></el-tab-pane>
<el-tab-pane label="自费次数" name="11"></el-tab-pane>
<el-tab-pane label="投诉次数" name="12"></el-tab-pane>
<el-tab-pane label="意见调查表缺少张数" name="13"></el-tab-pane>
</el-tabs>
<!-- <ul class="dataList clearfix">
<li :class="msg.Type==2?'Day_active':''" @click="msg.Type=2,getStatis()">
{{$t('leader.leader_Month')}}
<i></i>
</li>
<li :class="msg.Type==3?'Day_active':''" @click="msg.Type=3,getStatis()">
{{$t('leader.leader_Year')}}
<i></i>
</li>
<li :class="msg.Type==6?'Day_active':''" @click="msg.Type=6,getStatis()">
{{$t('leader.leader_All')}}
<i></i>
</li>
<li :class="msg.Type==4?'Day_active':''" @click="msg.Type=4,getStatis()">
{{$t('ground.renjun')}}
<i></i>
</li>
<li :class="msg.Type==5?'Day_active':''" @click="msg.Type=5,getStatis()">
{{$t('ground.huiyongrenjun')}}
<i></i>
</li>
<li :class="msg.Type==7?'Day_active':''" @click="msg.Type=7,getStatis()" :title="$t('ground.renjundiyu1m')">
{{$t('ground.renjundiyu1m')}}
<i></i>
</li>
<li :class="msg.Type==8?'Day_active':''" @click="msg.Type=8,getStatis()" :title="$t('ground.daituancishu')">
{{$t('ground.daituancishu')}}
<i></i>
</li>
<li :class="msg.Type==9?'Day_active':''" @click="msg.Type=9,getStatis()" :title="$t('ground.zifeizonge')">
{{$t('ground.zifeizonge')}}
<i></i>
</li>
<li :class="msg.Type==10?'Day_active':''" @click="msg.Type=10,getStatis()" :title="$t('ground.zifeirenjun')">
{{$t('ground.zifeirenjun')}}
<i></i>
</li>
<li :class="msg.Type==11?'Day_active':''" style="width:108px;" @click="msg.Type=11,getStatis()" :title="$t('ground.zifeicishu')">
{{$t('ground.zifeicishu')}}
<i></i>
</li>
<li :class="msg.Type==12?'Day_active':''" style="width:108px;" @click="msg.Type=12" :title="$t('ground.zifeicishu')">
投诉次数
<i></i>
</li>
<li :class="msg.Type==13?'Day_active':''" style="width:108px;" @click="msg.Type=13" :title="$t('ground.zifeicishu')">
意见调查表缺少张数
<i></i>
</li>
</ul> -->
<div class="ChampionsLeague clearfix"> <div class="ChampionsLeague clearfix">
<template v-if="msg.Type<7"> <table class="singeRowTable" style="margin-top:5px;">
<div class="championList" v-for="item in yajun" :key="item.subCode"> <tr>
<div class="runnderUp"> <th width="100">{{$t('hotel.hotel_SerialNumber')}}</th>
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg"> <th width="100">{{$t('system.query_name')}}</th>
<img v-else :src="item.EmPhoto" :onerror='defaultImg' /> <th width="200">
</div> {{getTableTitleName(msg.Type)}}
<img class="yajun" src="../../assets/img/runnerUp.png" /> </th>
<img class="piaodai2" src="../../assets/img/piaodai2.png" /> </tr>
<div class="championName">{{item.Name}}</div> <tr v-for="(item,index) in DataList" :key="index">
<div class="championMoney">￥{{item.LeaderExtract}}</div> <td>
</div> {{index+1}}
<div class="championList" v-for="item in Champion" :key="item.subCode"> </td>
<div class="chamPionUp"> <td>
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg"> <img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg" style="width:20px;heigth:20px;" />
<img v-else :src="item.EmPhoto" :onerror='defaultImg' /> <img v-else :src="item.EmPhoto" :onerror='defaultImg' style="width:20px;heigth:20px;" />
</div> {{item.Name}}
<img class="guanjun" src="../../assets/img/chamPion.png" /> </td>
<img class="piao1" src="../../assets/img/piao1.png" /> <td>
<div class="guanName">{{item.Name}}</div> {{item.LeaderExtract}}
<div class="guanMoney">￥{{item.LeaderExtract}}</div> </td>
</div> </tr>
<div class="championList" v-for="item in jijun" :key="item.subCode"> </table>
<div class="runnderUp piao3">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<img class="yajun" src="../../assets/img/bronze.png" />
<img class="piaodai2" src="../../assets/img/piao3.png" />
<div class="championName">{{item.Name}}</div>
<div class="championMoney cmoney">￥{{item.LeaderExtract}}</div>
</div>
</template>
<template v-else-if="msg.Type!=12&&msg.Type!=13">
<table class="singeRowTable" style="margin-top:5px;">
<tr>
<th width="100">{{$t('hotel.hotel_SerialNumber')}}</th>
<th width="100">{{$t('system.query_name')}}</th>
<th width="200">
<template v-if="msg.Type==7">
{{$t('ground.huiyongrenjun')}}
</template>
<template v-if="msg.Type==8">
{{$t('ground.daituancishu')}}
</template>
<template v-if="msg.Type==9">
{{$t('ground.zifeizonge')}}
</template>
<template v-if="msg.Type==10">
{{$t('ground.zifeirenjun')}}
</template>
<template v-if="msg.Type==11">
{{$t('ground.zifeicishu')}}
</template>
<template v-if="msg.Type==12">
投诉次数
</template>
</th>
</tr>
<tr v-for="(item,index) in DataList">
<td>
{{index+1}}
</td>
<td>
{{item.Name}}
</td>
<td>
<template v-if="msg.Type==7">
￥
</template>
{{item.LeaderExtract}}
<template v-if="msg.Type==8">
{{$t('ground.ci')}}
</template>
</td>
</tr>
</table>
</template>
<template v-else>
<table class="singeRowTable" style="margin-top:5px;">
<tr>
<th width="100">{{$t('hotel.hotel_SerialNumber')}}</th>
<th width="100">{{$t('system.query_name')}}</th>
<th width="200">
<template v-if="msg.Type==12">
投诉次数
</template>
<template v-if="msg.Type==13">
意见调查表缺少张数
</template>
</th>
</tr>
<tr>
<td colspan="3">
系统正在开发中...
</td>
</tr>
</table>
</template>
</div> </div>
</div> </div>
<template v-if="msg.Type<7">
<div class="leftBottom clearfix">
<div class="bottomList">
<div class="btLittle" v-for="(item,index) in fourToSeven" :key="item.subCode">
<div class="_index">{{4+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
<div class="bottomList">
<div class="btLittle" v-for="(item,index) in eightToeleven" :key="item.subCode">
<div class="_index">{{8+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
</div>
<div class="leftBottom clearfix">
<div class="bottomList">
<div class="btLittle" v-for="(item,index) in twelveToFifteen" :key="item.subCode">
<div class="_index">{{12+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
<div class="bottomList">
<div class="btLittle" v-for="(item,index) in fifteenTonitten" :key="item.subCode">
<div class="_index">{{16+index}}</div>
<div class="peopleInfo clearfix">
<div class="HeadPortrait">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<span class="peopleName">{{item.Name}}</span>
<div class="peopleMoney">￥{{item.LeaderExtract}}</div>
</div>
</div>
</div>
</div>
</template>
</div> </div>
</div> </div>
</div> </div>
...@@ -609,7 +412,7 @@ ...@@ -609,7 +412,7 @@
pageSize: 10, pageSize: 10,
Type: 2, Type: 2,
MonthStr: "", MonthStr: "",
MonthStr2:'', MonthStr2: '',
//领队类型 //领队类型
QLeaderType: 0, QLeaderType: 0,
Year: 0, Year: 0,
...@@ -619,32 +422,86 @@ ...@@ -619,32 +422,86 @@
//工作类型 //工作类型
workTypeList: [], workTypeList: [],
DataList: [], DataList: [],
//冠军
Champion: [],
//亚军
yajun: [],
//季军
jijun: [],
//4-7名
fourToSeven: '',
//8-11名
eightToeleven: '',
//12-20名
twelveToTwenty: '',
//12-15
twelveToFifteen: '',
//15-19
fifteenTonitten: '',
//购物店名称 //购物店名称
ShopList: [], ShopList: [],
monthList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], monthList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
yearList: [], yearList: [],
loading: false, loading: false,
defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"', defaultImg: 'this.src="' + require('../../assets/img/default_head_img.jpg') + '"',
activeName:'2' activeName: '2',
tabList: [{
Name: "月榜",
Type: "2",
titleName: "购物总金额"
},
{
Name: "年榜",
Type: "3",
titleName: "购物总金额"
},
{
Name: "总榜",
Type: "6",
titleName: "购物总金额"
},
{
Name: "人均",
Type: "4",
titleName: "人均购物金额"
},
{
Name: "回佣人均",
Type: "5",
titleName: "回佣人均金额"
},
{
Name: "人均低于1W",
Type: "7",
titleName: "回佣人均"
},
{
Name: "带团次数",
Type: "8",
titleName: "带团次数"
},
{
Name: "自费总金额",
Type: "9",
titleName: "自费总金额"
},
{
Name: "自费人均",
Type: "10",
titleName: "自费人均"
},
{
Name: "自费次数",
Type: "11",
titleName: "自费次数"
},
{
Name: "投诉次数",
Type: "12",
titleName: "投诉次数"
},
{
Name: "意见调查表缺少张数",
Type: "13",
titleName: "意见调查表缺少张数",
},
],
}; };
}, },
methods: { methods: {
getTableTitleName(type) {
var str="";
this.tabList.forEach(item => {
if (Number(item.Type) == type) {
str = item.titleName;
}
})
return str;
},
getStatis() { getStatis() {
this.loading = true; this.loading = true;
let msg = { let msg = {
...@@ -653,38 +510,18 @@ ...@@ -653,38 +510,18 @@
QMonthStr: this.msg.MonthStr, QMonthStr: this.msg.MonthStr,
ShoppingID: this.msg.ShoppingID ShoppingID: this.msg.ShoppingID
}; };
if(msg.Type==2){ if (msg.Type == 2) {
msg.QMonthStr = this.msg.MonthStr2; msg.QMonthStr = this.msg.MonthStr2;
} }
if (msg.Type != 2 && msg.Type != 3 && msg.Type != 6) { if (msg.Type != 2 && msg.Type != 3 && msg.Type != 6) {
msg.QMonthStr = this.msg.Year + "-" + this.msg.Month; msg.QMonthStr = this.msg.Year + "-" + this.msg.Month;
} }
this.Champion = [];
this.yajun = [];
this.jijun = [];
this.fourToSeven = [];
this.eightToeleven = [];
this.twelveToTwenty = [];
this.twelveToFifteen = [];
this.fifteenTonitten= [];
this.DataList = []; this.DataList = [];
this.apipost("LeaderSchedule_get_GetLeaderList", msg, res => { this.apipost("LeaderSchedule_get_GetLeaderList", msg, res => {
this.loading = false; this.loading = false;
if (res.data.resultCode == 1) { if (res.data.resultCode == 1) {
console.log(res,'resss'); this.DataList = res.data.data;
this.DataList = JSON.parse(JSON.stringify(res.data.data)); console.log("this.DataList",this.DataList)
var nArray = JSON.parse(JSON.stringify(res.data.data));
if (nArray && nArray.length > 0) {
this.Champion = nArray.splice(0, 1);
this.yajun = nArray.splice(0, 1);
this.jijun = nArray.splice(0, 1);
this.fourToSeven = nArray.splice(0, 4);
this.eightToeleven = nArray.splice(0, 4);
//this.twelveToTwenty = nArray.splice(0, 9);
this.twelveToFifteen = nArray.splice(0, 4);
this.fifteenTonitten = nArray.splice(0, 4);
}
} }
}, },
err => {} err => {}
...@@ -716,9 +553,9 @@ ...@@ -716,9 +553,9 @@
err => {} err => {}
); );
}, },
//切换 //切换
getSwitch(tab, event) { getSwitch(tab, event) {
this.msg.Type=tab.name; this.msg.Type = tab.name;
this.getStatis(); this.getStatis();
}, },
}, },
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment