Commit daa066f6 by Sweet Zhang

团队业绩修改

parent 4118f8c1
<video [src]="videoSrc" controls="controls"> <video [src]="videoSrc" controls="controls" width="100%">
您的浏览器不支持 video 标签。 您的浏览器不支持 video 标签。
</video> </video>
\ No newline at end of file
...@@ -43,7 +43,7 @@ export class FileUploadComponent implements OnInit { ...@@ -43,7 +43,7 @@ export class FileUploadComponent implements OnInit {
let index2 = filename.length; let index2 = filename.length;
let postf = filename.substring(index1, index2); //获取文bai件后缀名duzhi let postf = filename.substring(index1, index2); //获取文bai件后缀名duzhi
//判断文件后缀名是否等于视频文件的后缀名 //判断文件后缀名是否等于视频文件的后缀名
if (postf===".avi"||postf===".mp4"||postf===".rmvb") { if (postf===".avi"||postf===".mp4"||postf===".rmvb"||postf===".mov") {
return true return true
}else{ }else{
return false return false
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</div> </div>
<div class="rankInfoWrapper"> <div class="rankInfoWrapper">
<div class="rankContent"> <div class="rankContent">
<div style="font-size: 18px;margin: 5px auto;text-align: center;">队成员</div> <div style="font-size: 18px;margin: 5px auto;text-align: center;">队成员</div>
<div class="content_wrapper memberList"> <div class="content_wrapper memberList">
<ul style="border: none;background: #e7eef5;border-radius: 5px;"> <ul style="border: none;background: #e7eef5;border-radius: 5px;">
<li style="padding-left: 5px;">姓名/团队</li> <li style="padding-left: 5px;">姓名/团队</li>
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
</ul> </ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;" <div style="width: 100%;text-align: center;float: left;height: 35px;"
*ngIf="teamMemberList?.length <=0"> *ngIf="teamMemberList?.length <=0">
暂无队成员,努力去增员吧 暂无队成员,努力去增员吧
</div> </div>
<ul *ngFor="let teamMemberItem of teamList;index as i;" (click)="goToList(teamMemberItem)"> <ul *ngFor="let teamMemberItem of teamList;index as i;" (click)="goToList(teamMemberItem)">
<li> <li>
......
...@@ -25,7 +25,7 @@ export class MemberListComponent implements OnInit { ...@@ -25,7 +25,7 @@ export class MemberListComponent implements OnInit {
this.queryTeamMemberDetail() this.queryTeamMemberDetail()
} }
//下级列表和队成员列表 //下级列表和队成员列表
queryTeamMemberDetail(){ queryTeamMemberDetail(){
this.myService.queryTeamMemberDetail({systemType:this.systemType,sid:this.sid}).subscribe((res)=>{ this.myService.queryTeamMemberDetail({systemType:this.systemType,sid:this.sid}).subscribe((res)=>{
if(res['success']){ if(res['success']){
......
...@@ -295,7 +295,7 @@ export class MyService { ...@@ -295,7 +295,7 @@ export class MyService {
.post(url, JSON.stringify(param)); .post(url, JSON.stringify(param));
} }
//队成员销售业绩预测 //队成员销售业绩预测
salesPerformanceForecastListQuery(param) { salesPerformanceForecastListQuery(param) {
const url = this.ydapi + '/practitioner/salesPerformanceForecastListQuery'; const url = this.ydapi + '/practitioner/salesPerformanceForecastListQuery';
return this.http return this.http
...@@ -504,7 +504,7 @@ export class MyService { ...@@ -504,7 +504,7 @@ export class MyService {
.post(url, JSON.stringify(param)); .post(url, JSON.stringify(param));
} }
//队成员详情 //队成员详情
queryTeamMemberDetail(param){ queryTeamMemberDetail(param){
const url = this.ydapi + '/practitioner/queryTeamMemberDetail'; const url = this.ydapi + '/practitioner/queryTeamMemberDetail';
return this.http return this.http
...@@ -586,7 +586,7 @@ export class MyService { ...@@ -586,7 +586,7 @@ export class MyService {
}); });
} }
//区域负责人查询队PEP得分 //区域负责人查询队PEP得分
pepForAreaManagerQuery(param){ pepForAreaManagerQuery(param){
const url = this.ydapi + "/practitioner/pepForAreaManagerQuery"; const url = this.ydapi + "/practitioner/pepForAreaManagerQuery";
return this.http.post(url, JSON.stringify(param)).pipe(res => { return this.http.post(url, JSON.stringify(param)).pipe(res => {
......
<div class="taem_panel_wrapper"> <div class="taem_panel_wrapper">
<div class="teamInfo"> <div class="teamInfo">
<img src="assets/images/cup_icon.png" > <img src="assets/images/cup_icon.png" >
<div style="float: left;letter-spacing: 5px;margin-left: 5%;">我的</div> <div style="float: left;letter-spacing: 5px;margin-left: 5%;">我的</div>
</div> </div>
<div class="team_wrapper"> <div class="team_wrapper">
<div class="item" *ngFor="let branchIntem of branchDataInfos" [routerLink]="['/teamPanel']"> <div class="item" *ngFor="let branchIntem of branchDataInfos" [routerLink]="['/teamPanel']">
......
...@@ -16,7 +16,7 @@ export class TeamAreaPanelComponent implements OnInit { ...@@ -16,7 +16,7 @@ export class TeamAreaPanelComponent implements OnInit {
this.queryPEPScore(); this.queryPEPScore();
} }
//获取区域管理人所有 //获取区域管理人所有
queryPEPScore(){ queryPEPScore(){
// this.myService.employeePerformanceForAreaManagerQuery({ areaManagerPractitionerId: this.practitionerId }).subscribe((res)=>{ // this.myService.employeePerformanceForAreaManagerQuery({ areaManagerPractitionerId: this.practitionerId }).subscribe((res)=>{
// if(res['success']){ // if(res['success']){
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<div class="taem_panel_item_wrapper" style="margin-top: -15px;"> <div class="taem_panel_item_wrapper" style="margin-top: -15px;">
<div class="taem_panel_item_top"> <div class="taem_panel_item_top">
<div class="item_title"> <div class="item_title">
<div>队PEP活动量</div> <div>队PEP活动量</div>
<span class="iconfont icon-ar-r" routerLink="teamSalesScore"></span> <span class="iconfont icon-ar-r" routerLink="teamSalesScore"></span>
</div> </div>
</div> </div>
...@@ -59,11 +59,12 @@ ...@@ -59,11 +59,12 @@
</div> --> </div> -->
<div class="taem_panel_item_wrapper"> <div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top"> <div class="taem_panel_item_top">
<div class="item_title">队业绩(¥)</div> <div class="item_title">队业绩(¥)</div>
<ul class="tab"> <ul class="tab">
<li [ngClass]="{selected:selectedRecruitingItem===1}" (click)="subordinateSystemMemberQuery(1)">本月</li> <li [ngClass]="{selected:selectedRecruitingItem===1}" (click)="subordinateSystemMemberQuery(1)">本月</li>
<li [ngClass]="{selected:selectedRecruitingItem===3}" (click)="subordinateSystemMemberQuery(3)">本季</li> <li [ngClass]="{selected:selectedRecruitingItem===3}" (click)="subordinateSystemMemberQuery(3)">本季</li>
<li [ngClass]="{selected:selectedRecruitingItem===2}" (click)="subordinateSystemMemberQuery(2)">本年</li> <li [ngClass]="{selected:selectedRecruitingItem===2}" (click)="subordinateSystemMemberQuery(2)">本年</li>
<li [ngClass]="{selected:selectedRecruitingItem===4}" (click)="subordinateSystemMemberQuery(4)">去年</li>
</ul> </ul>
<span class="iconfont icon-ar-r" routerLink="/teamRank"></span> <span class="iconfont icon-ar-r" routerLink="/teamRank"></span>
</div> </div>
...@@ -87,7 +88,7 @@ ...@@ -87,7 +88,7 @@
<div class="taem_panel_item_wrapper"> <div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top"> <div class="taem_panel_item_top">
<div class="item_title"> <div class="item_title">
战队销售业绩预测(¥) 团队商机预测(¥)
</div> </div>
<ul class="tab"> <ul class="tab">
<li [ngClass]="{selected:selectedSalseItem==='month'}" (click)="selectSales('month')">本月</li> <li [ngClass]="{selected:selectedSalseItem==='month'}" (click)="selectSales('month')">本月</li>
......
...@@ -7,7 +7,7 @@ import { LifeCommonService } from '../../common/life-common.service'; ...@@ -7,7 +7,7 @@ import { LifeCommonService } from '../../common/life-common.service';
styleUrls: ['./team-panel.component.scss'] styleUrls: ['./team-panel.component.scss']
}) })
export class TeamPanelComponent implements OnInit { export class TeamPanelComponent implements OnInit {
//队名称 //队名称
subordinateSystemName: any; subordinateSystemName: any;
teamActionsData: any; teamActionsData: any;
//保费 //保费
...@@ -67,6 +67,13 @@ export class TeamPanelComponent implements OnInit { ...@@ -67,6 +67,13 @@ export class TeamPanelComponent implements OnInit {
this.count = this.teamActionsData.piecesYear; this.count = this.teamActionsData.piecesYear;
this.completionRates = this.teamActionsData.achievementRateYear; this.completionRates = this.teamActionsData.achievementRateYear;
} }
if (type === 'lastYear') {
this.selectedSalseItemName = '去年';
this.premiums = this.teamActionsData.premiumYear;
this.commission = this.teamActionsData.commissionYear;
this.count = this.teamActionsData.piecesYear;
this.completionRates = this.teamActionsData.achievementRateYear;
}
} }
subordinateSystemMemberQuery(type) { subordinateSystemMemberQuery(type) {
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
</div> </div>
<div class="teamItem totalSales"> <div class="teamItem totalSales">
<div class="teamTotal"> <div class="teamTotal">
<div style="padding-left: 5px;color: #fff;"> 队业绩</div> <div style="padding-left: 5px;color: #fff;"> 队业绩</div>
<div class="title"> <div class="title">
<ul class="tab"> <ul class="tab">
<li *ngFor="let item of performanceList" (click)="subordinateSystemMemberQuery(item.time, online)" <li *ngFor="let item of performanceList" (click)="subordinateSystemMemberQuery(item.time, online)"
...@@ -18,29 +18,48 @@ ...@@ -18,29 +18,48 @@
</div> </div>
</div> </div>
<div class="salseContent"> <div class="salseContent">
<div class="num">¥{{statisticInfo?.fyp | number: "1.2-2"}}</div> <div>
<div class="num">¥{{statisticInfo?.fyc | number: "1.2-2"}}</div> <div class="num">¥{{statisticInfo?.fyp | number: "1.2-2"}}</div>
<div class="num count">{{statisticInfo?.count}}</div> <div>首年保费</div>
</div>
<div>
<div class="num">¥{{statisticInfo?.fyc | number: "1.2-2"}}</div>
<div>首年佣金</div>
</div>
<div>
<div class="num count">{{statisticInfo?.count}}</div>
<div class="count">件数</div>
</div>
</div> </div>
<div class="salseContent"> <div class="salseContent">
<div>首年保费</div> <div>
<div>首年佣金</div> <div class="num">¥{{statisticInfo?.targetFyp | number: "1.2-2"}}</div>
<div class="count">件数</div> <div>目标FYP</div>
</div>
<div>
<div class="num">¥{{statisticInfo?.targetFyc | number: "1.2-2"}}</div>
<div>目标FYC</div>
</div>
<div>
<div class="num count">{{statisticInfo?.completionRate}}%</div>
<div>完成率</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="rankInfoWrapper"> <div class="rankInfoWrapper">
<div class="rankContent"> <div class="rankContent">
<div style="font-size: 18px;margin-bottom: 10px;">队排名</div> <div style="font-size: 18px;margin-bottom: 10px;">队排名</div>
<ul> <ul>
<li class="rank">排名</li> <li class="rank">排名</li>
<li class="name">姓名</li> <li class="name">姓名</li>
<li class="fyp">首年保费</li> <li class="fyp">首年保费</li>
<li class="fyc">首年佣金</li> <li class="fyc">首年佣金</li>
<li class="count">件数</li> <li class="count">件数</li>
<li class="fyc">目标FYC</li>
</ul> </ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;" *ngIf="performanceListShow?.length <=0"> <div style="width: 100%;text-align: center;float: left;height: 35px;" *ngIf="performanceListShow?.length <=0">
暂无队成员,努力去增员吧 暂无队成员,努力去增员吧
</div> </div>
<ul *ngFor="let performanceItem of performanceListShow;index as i;"> <ul *ngFor="let performanceItem of performanceListShow;index as i;">
<li class="rank"> <li class="rank">
...@@ -50,6 +69,7 @@ ...@@ -50,6 +69,7 @@
<li class="fyp remark">¥{{performanceItem.fyp | number: "1.2-2"}}</li> <li class="fyp remark">¥{{performanceItem.fyp | number: "1.2-2"}}</li>
<li class="fyc remark">¥{{performanceItem.fyc | number: "1.2-2"}}</li> <li class="fyc remark">¥{{performanceItem.fyc | number: "1.2-2"}}</li>
<li class="count remark">{{performanceItem.count}}</li> <li class="count remark">{{performanceItem.count}}</li>
<li class="fyc remark">¥{{performanceItem.targetFyc | number: "1.2-2"}}</li>
</ul> </ul>
</div> </div>
</div> </div>
......
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
width: 60%; width: 60%;
ul.tab{ ul.tab{
float: right; float: right;
width: 70%; width:100%;
font-size: 16px; font-size: 16px;
color: #fff; color: #fff;
li{ li{
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
font-weight: bold; font-weight: bold;
border-bottom: 2px #ff002a solid; border-bottom: 2px #ff002a solid;
} }
li:nth-child(3){ li:nth-child(4){
margin-right: 0; margin-right: 0;
} }
} }
...@@ -74,11 +74,11 @@ ...@@ -74,11 +74,11 @@
.salseContent{ .salseContent{
width: 100%; width: 100%;
float: left;
padding: 5px 2.5%; padding: 5px 2.5%;
display: flex;
div{ div{
float: left; flex: 1;
width: 40%;
text-align: center; text-align: center;
color: #dcdcdc; color: #dcdcdc;
font-size: 12px; font-size: 12px;
...@@ -88,9 +88,6 @@ ...@@ -88,9 +88,6 @@
font-size: 18px; font-size: 18px;
color: #fff; color: #fff;
} }
div.count{
width: 18%;
}
} }
} }
} }
...@@ -110,7 +107,7 @@ ...@@ -110,7 +107,7 @@
width: 100%; width: 100%;
li{ li{
float: left; float: left;
width: 24%; width: 23%;
text-align: right; text-align: right;
margin-right: 1%; margin-right: 1%;
position: relative; position: relative;
...@@ -123,11 +120,11 @@ ...@@ -123,11 +120,11 @@
} }
} }
li.rank{ li.rank{
width: 10%; width: 8%;
text-align: center; text-align: center;
} }
li.name,li.count{ li.name,li.count{
width: 18%; width: 8%;
} }
li.name{ li.name{
text-align: center; text-align: center;
......
...@@ -18,7 +18,8 @@ export class TeamRankComponent implements OnInit { ...@@ -18,7 +18,8 @@ export class TeamRankComponent implements OnInit {
this.performanceList = [ this.performanceList = [
{ time: 1, name: '本月' }, { time: 1, name: '本月' },
{ time: 3, name: '本季' }, { time: 3, name: '本季' },
{ time: 2, name: '本年' } { time: 2, name: '本年' },
{ time: 4, name: '去年' }
] ]
this.list = [ this.list = [
{ type: 'online', name: '线上' }, { type: 'online', name: '线上' },
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<div *ngIf="showType==='teamSalesScore'"> <div *ngIf="showType==='teamSalesScore'">
<div class="rankInfoWrapper"> <div class="rankInfoWrapper">
<div class="rankContent"> <div class="rankContent">
<div style="font-size: 18px;margin: 5px auto;text-align: center;">队成员活动量得分</div> <div style="font-size: 18px;margin: 5px auto;text-align: center;">队成员活动量得分</div>
<div class="content_wrapper"> <div class="content_wrapper">
<ul style="border: none;"> <ul style="border: none;">
<li class="name">姓名</li> <li class="name">姓名</li>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
</ul> </ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;" <div style="width: 100%;text-align: center;float: left;height: 35px;"
*ngIf="personalList?.length <=0"> *ngIf="personalList?.length <=0">
暂无队成员,努力去增员吧 暂无队成员,努力去增员吧
</div> </div>
<ul *ngFor="let personalItem of personalList;index as i;" [routerLink]="['/scoreDeatil',personalItem.practitionerId]"> <ul *ngFor="let personalItem of personalList;index as i;" [routerLink]="['/scoreDeatil',personalItem.practitionerId]">
<li> <li>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
<div class="rankInfoWrapper"> <div class="rankInfoWrapper">
<div class="rankContent"> <div class="rankContent">
<div class="tab"> <div class="tab">
<div style="font-size: 18px;">队销售业绩预测(预计)</div> <div style="font-size: 18px;">队销售业绩预测(预计)</div>
<ul> <ul>
<li [ngClass]="{selected:selectedSalseItem==='m'}" (click)="salesPerformanceForecastListQuery('m')">本月</li> <li [ngClass]="{selected:selectedSalseItem==='m'}" (click)="salesPerformanceForecastListQuery('m')">本月</li>
<li [ngClass]="{selected:selectedSalseItem==='q'}" (click)="salesPerformanceForecastListQuery('q')">本季</li> <li [ngClass]="{selected:selectedSalseItem==='q'}" (click)="salesPerformanceForecastListQuery('q')">本季</li>
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
</ul> </ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;" <div style="width: 100%;text-align: center;float: left;height: 35px;"
*ngIf="salesPerformanceForecastInfos?.length <=0"> *ngIf="salesPerformanceForecastInfos?.length <=0">
暂无队成员,努力去增员吧 暂无队成员,努力去增员吧
</div> </div>
<ul *ngFor="let forecastItem of salesPerformanceForecastInfos;index as i;"> <ul *ngFor="let forecastItem of salesPerformanceForecastInfos;index as i;">
<li class="name"> <li class="name">
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<div *ngIf="showType === 'memberList'"> <div *ngIf="showType === 'memberList'">
<div class="rankInfoWrapper"> <div class="rankInfoWrapper">
<div class="rankContent"> <div class="rankContent">
<div style="font-size: 18px;margin: 5px auto;text-align: center;">队成员</div> <div style="font-size: 18px;margin: 5px auto;text-align: center;">队成员</div>
<div class="content_wrapper memberList"> <div class="content_wrapper memberList">
<ul style="border: none;background: #e7eef5;border-radius: 5px;"> <ul style="border: none;background: #e7eef5;border-radius: 5px;">
<li style="padding-left: 5px;">姓名/团队</li> <li style="padding-left: 5px;">姓名/团队</li>
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
</ul> </ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;" <div style="width: 100%;text-align: center;float: left;height: 35px;"
*ngIf="teamMemberList?.length <=0"> *ngIf="teamMemberList?.length <=0">
暂无队成员,努力去增员吧 暂无队成员,努力去增员吧
</div> </div>
<ul *ngFor="let teamMemberItem of teamList;index as i;" (click)="goToList(teamMemberItem)"> <ul *ngFor="let teamMemberItem of teamList;index as i;" (click)="goToList(teamMemberItem)">
<li> <li>
......
...@@ -69,7 +69,7 @@ export class TeamSalesScoreComponent implements OnInit { ...@@ -69,7 +69,7 @@ export class TeamSalesScoreComponent implements OnInit {
}) })
} }
//队成员列表 //队成员列表
queryTeamMemberDetail(){ queryTeamMemberDetail(){
this.myService.queryTeamMemberDetail({practitionerId:this.practitionerId}).subscribe((res)=>{ this.myService.queryTeamMemberDetail({practitionerId:this.practitionerId}).subscribe((res)=>{
if(res['success']){ if(res['success']){
......
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