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 @@
height: 230px;
border: 1px solid #E6E6E6;
border-radius: 4px;
margin:0 10px 10px 0;
margin: 0 10px 10px 0;
background-color: #fff;
padding: 0 20px;
}
......@@ -116,11 +116,13 @@
width: 265px;
position: relative;
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 {
width: 118px;
height: 118px;
......@@ -281,20 +283,35 @@
.guidPerformance ._btTitle:last-child {
border-bottom: 0;
}
.leaderTousuTable{
border:1px solid #E6E6E6;
float:left;
width:226px;
margin-top:20px;
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;}
.leaderHeadTd td{
background-color: #f1f1f1;
}
.leaderTousuTable {
border: 1px solid #E6E6E6;
float: left;
width: 226px;
margin-top: 20px;
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;
}
.leaderHeadTd td {
background-color: #f1f1f1;
}
</style>
<template>
<div class='flexOne guidPerformance'>
......@@ -313,12 +330,14 @@
<li>
<span v-if="msg.Type==3||msg.Type==6">
<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>
</span>
<span v-else-if="msg.Type==2">
<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>
</span>
<span v-else>
......@@ -333,28 +352,6 @@
</el-select>
</span>
</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>
<span>
<em>{{$t('ground.gwd')}}</em>
......@@ -372,230 +369,36 @@
<div class="statistical clearfix" style="display:block" v-loading="loading">
<div class="mainLeftdiv">
<div class="leftTop">
<el-tabs v-model="activeName" @tab-click="getSwitch">
<el-tab-pane label="月榜" name="2"></el-tab-pane>
<el-tab-pane label="年榜" name="3"></el-tab-pane>
<el-tab-pane label="总榜" name="6"></el-tab-pane>
<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> -->
<el-tabs v-model="activeName" @tab-click="getSwitch">
<el-tab-pane v-for="title in tabList" :label="title.Name" :name="title.Type" :key="title.Type">
</el-tab-pane>
</el-tabs>
<div class="ChampionsLeague clearfix">
<template v-if="msg.Type<7">
<div class="championList" v-for="item in yajun" :key="item.subCode">
<div class="runnderUp">
<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/runnerUp.png" />
<img class="piaodai2" src="../../assets/img/piaodai2.png" />
<div class="championName">{{item.Name}}</div>
<div class="championMoney">￥{{item.LeaderExtract}}</div>
</div>
<div class="championList" v-for="item in Champion" :key="item.subCode">
<div class="chamPionUp">
<img v-if="!item.EmPhoto" src="../../assets/img/default_head_img.jpg">
<img v-else :src="item.EmPhoto" :onerror='defaultImg' />
</div>
<img class="guanjun" src="../../assets/img/chamPion.png" />
<img class="piao1" src="../../assets/img/piao1.png" />
<div class="guanName">{{item.Name}}</div>
<div class="guanMoney">￥{{item.LeaderExtract}}</div>
</div>
<div class="championList" v-for="item in jijun" :key="item.subCode">
<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>
<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">
{{getTableTitleName(msg.Type)}}
</th>
</tr>
<tr v-for="(item,index) in DataList" :key="index">
<td>
{{index+1}}
</td>
<td>
<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' style="width:20px;heigth:20px;" />
{{item.Name}}
</td>
<td>
{{item.LeaderExtract}}
</td>
</tr>
</table>
</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>
......@@ -609,7 +412,7 @@
pageSize: 10,
Type: 2,
MonthStr: "",
MonthStr2:'',
MonthStr2: '',
//领队类型
QLeaderType: 0,
Year: 0,
......@@ -619,32 +422,86 @@
//工作类型
workTypeList: [],
DataList: [],
//冠军
Champion: [],
//亚军
yajun: [],
//季军
jijun: [],
//4-7名
fourToSeven: '',
//8-11名
eightToeleven: '',
//12-20名
twelveToTwenty: '',
//12-15
twelveToFifteen: '',
//15-19
fifteenTonitten: '',
//购物店名称
ShopList: [],
monthList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
yearList: [],
loading: false,
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: {
getTableTitleName(type) {
var str="";
this.tabList.forEach(item => {
if (Number(item.Type) == type) {
str = item.titleName;
}
})
return str;
},
getStatis() {
this.loading = true;
let msg = {
......@@ -653,38 +510,18 @@
QMonthStr: this.msg.MonthStr,
ShoppingID: this.msg.ShoppingID
};
if(msg.Type==2){
if (msg.Type == 2) {
msg.QMonthStr = this.msg.MonthStr2;
}
if (msg.Type != 2 && msg.Type != 3 && msg.Type != 6) {
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.apipost("LeaderSchedule_get_GetLeaderList", msg, res => {
this.loading = false;
if (res.data.resultCode == 1) {
console.log(res,'resss');
this.DataList = JSON.parse(JSON.stringify(res.data.data));
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);
}
this.DataList = res.data.data;
console.log("this.DataList",this.DataList)
}
},
err => {}
......@@ -716,9 +553,9 @@
err => {}
);
},
//切换
//切换
getSwitch(tab, event) {
this.msg.Type=tab.name;
this.msg.Type = tab.name;
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