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