Skip to content

S
SuperMan
Commit 77447837 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

业绩竞赛

parent 5cfa9294
Hide whitespace changes
Inline Side-by-side
Showing with 41 additions and 30 deletions
src/components/activity/PerCompetition.vue
View file @ 77447837
......@@ -246,7 +246,7 @@
}
.PerCompetition .xinren .info p{
color:#fff;
margin-top:19px;
margin-top:15px;
}
.PerCompetition .xinren .info p span:nth-child(1){
font-size:16px;
......@@ -321,12 +321,12 @@
}
</style>
<template>
<div class="PerCompetition" v-loading="loading">
<div class="PerCompetition" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.8)">
<el-row class="head">
<el-col class="monthcol" :span="8">
<span @click="ChangeMoth(9)" :class="monthactive==9?'active':''">9月</span>
<span @click="ChangeMoth(10)" :class="monthactive==10?'active':''">10月</span>
<span @click="ChangeMoth(11)" :class="monthactive==11?'active':''">11月</span>
<span @click="ChangeMoth(12)" :class="monthactive==12?'active':''">12月</span>
</el-col>
<el-col :span="8" style="color:#fff;text-align:center">
<p style="font-size:34px;padding-top:10px">2019印象集团杯业绩竞赛</p>
......@@ -353,11 +353,12 @@
<div class="desDiv">
<span class="desSpan desSpan1">
<p style="font-weight:700;font-size:14px">NO.2 {{item.DepName}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}人 &nbsp;小组：{{item.PeopleNum}}人</p>
</span>
</div>
</div>
<div v-else>&nbsp;</div>
</el-col>
<el-col :span="10" style="text-align:center">
<div v-for="(item,index) in depAList" :key="index" v-if="index==0" class="imgDiv imgDiv2">
......@@ -365,7 +366,7 @@
<div class="desDiv" style="bottom:-8px">
<span class="desSpan desSpan2">
<p style="font-weight:700;font-size:14px">NO.1 {{item.DepName}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}人 &nbsp;小组：{{item.PeopleNum}}人</p>
</span>
</div>
......@@ -377,7 +378,7 @@
<div class="desDiv">
<span class="desSpan desSpan3">
<p style="font-weight:700;font-size:14px">NO.3 {{item.DepName}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}人 &nbsp;小组：{{item.PeopleNum}}人</p>
</span>
</div>
......@@ -424,11 +425,12 @@
<div class="desDiv">
<span class="desSpan desSpan1">
<p style="font-weight:700;font-size:14px">NO.2 {{item.DepName}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}人 &nbsp;小组：{{item.PeopleNum}}人</p>
</span>
</div>
</div>
<div v-else>&nbsp;</div>
</el-col>
<el-col :span="10" style="text-align:center">
<div v-for="(item,index) in depBList" :key="index" v-if="index==0" class="imgDiv imgDiv2">
......@@ -436,7 +438,7 @@
<div class="desDiv" style="bottom:-8px">
<span class="desSpan desSpan2">
<p style="font-weight:700;font-size:14px">NO.1 {{item.DepName}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}人 &nbsp;小组：{{item.PeopleNum}}人</p>
</span>
</div>
......@@ -448,7 +450,7 @@
<div class="desDiv">
<span class="desSpan desSpan3">
<p style="font-weight:700;font-size:14px">NO.3 {{item.DepName}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}</p>
<p style="font-size:12px">收客数：{{item.TotalNum}}人 &nbsp;小组：{{item.PeopleNum}}人</p>
</span>
</div>
......@@ -476,7 +478,7 @@
</el-row>
<!-- 个人评比 -->
<el-row class="grPingbi" style="margin-top:20px;margin-left:8px">
<el-row v-if="GRList.length>0" class="grPingbi" style="margin-top:20px;margin-left:8px">
<div style="margin-top:10px">
<img style="width:13%;margin-left:10px;max-width: 50px;" src="../../assets/img/competion/row.png" alt="">
<span style="color:#fff;font-size:26px">个人评比</span>
......@@ -533,7 +535,9 @@
<el-row style="margin-top: 10px;">
<el-col :span="13" style="padding-left:10px">
<div class="imgBg">
<img src="../../assets/img/competion/xr1.png" alt="">
<img v-if="index==0" src="../../assets/img/competion/xr1.png" alt="">
<img v-if="index==1" src="../../assets/img/competion/xr2.png" alt="">
<img v-if="index==2" src="../../assets/img/competion/xr3.png" alt="">
<div class="photo">
<img :src="item.Photo" alt="" :onerror="defaultImg">
</div>
......@@ -548,9 +552,13 @@
<span>姓名</span>
<span>{{item.EmpName}}</span>
</p>
<p>
<span>得分</span>
<span>{{item.Avg}}</span>
</p>
<p>
<span>收客数</span>
<span>总计{{item.TotalNum}}</span>
<span>{{item.TotalNum}}人</span>
</p>
</el-col>
</el-row>
......@@ -599,7 +607,7 @@
<el-col :span="18" style="padding-left:20px">
<div class="bgcan1">
<div class="bgcan2">
<div style="width: 200px;height: 200px;display:inline-block">
<div v-if="MonthState" style="width: 200px;height: 200px;display:inline-block">
<nddb :newdata="NewMonthNum" :olddata="LastMonthNum" :colors="colorArray[0]" title="月度对比"></nddb>
</div>
......@@ -628,6 +636,7 @@ export default {
},
data() {
return {
MonthState:false,
colorArray: [
["#2DA7D6", "#FA9801"]
],
......@@ -646,7 +655,7 @@ export default {
depBYser:[],
GRList:[],
XRList:[],
monthactive:9,
monthactive:10,
LastMonthNum:0,
NewMonthNum:0,
};
......@@ -654,12 +663,12 @@ export default {
mounted() {
this.GetData();
},
filters: {
},
methods: {
ChangeMoth(num){
if(num==9){
this.Month='2019-09';
this.MonthState=false;
if(num==12){
this.Month='2019-12';
}
if(num==10){
this.Month='2019-10';
......@@ -674,11 +683,11 @@ export default {
GetData(){
this.loading=true;
this.apipost('sellorder_get_GetCompanyTrophyCompetitionRank', {Month:this.Month}, res => {
console.log("res.data",res.data)
// console.log("res.data",res.data)
this.loading=false;
if (res.data.resultCode == 1) {
this.depAList=res.data.data.depAList;
this.depBList=res.data.data.depAList;
this.depBList=res.data.data.depBList;
this.depATrendList=res.data.data.depATrendList;
this.depBTrendList=res.data.data.depBTrendList;
this.GRList=res.data.data.GRList;
......@@ -686,10 +695,11 @@ export default {
this.LastMonthNum=res.data.data.LastMonthNum;
this.NewMonthNum=res.data.data.NewMonthNum;
this.MonthState=true;
this.depAXser=[];
this.depAYser=[];
if(this.depATrendList.length>0){
this.depAXser=[];
this.depAYser=[];
this.depATrendList[0].MonthList.forEach(item=>{
this.depAXser.push(item.Day);
})
......@@ -697,7 +707,6 @@ export default {
let obj={
name:item.DepName,
type:'line',
stack: '总量',
data:[],
};
item.MonthList.forEach(val=>{
......@@ -707,9 +716,10 @@ export default {
this.depAYser.push(obj)
})
}
this.depBXser=[];
this.depBYser=[];
if(this.depBTrendList.length>0){
this.depBXser=[];
this.depBYser=[];
this.depBTrendList[0].MonthList.forEach(item=>{
this.depBXser.push(item.Day);
})
......@@ -717,7 +727,6 @@ export default {
let obj={
name:item.DepName,
type:'line',
stack: '总量',
data:[],
};
item.MonthList.forEach(val=>{
......@@ -776,7 +785,9 @@ export default {
series:that.depAYser,
color: ['#F24385', '#FFA39A','#023CA0']
};
myChart.setOption(option);
// myChart.setOption(option);
myChart.setOption(option,true);
},
LineChart2(){
var that = this;
......@@ -821,7 +832,7 @@ export default {
color: ['#6F2DC3', '#FFA037','#0FE7D8']
};
myChart.setOption(option);
myChart.setOption(option,true);
},
}
};
......
src/components/activity/nianduduibi.vue
View file @ 77447837
......@@ -142,7 +142,7 @@ export default {
]
};
myChart.setOption(option);
myChart.setOption(option,true);
}
}
};
......
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