Skip to content

Y
ydLife
Commit a1905fad by Sweet Zhang
Options

教育培训菜单修改

parent ed5438eb
Showing with 117 additions and 42 deletions
src/app/my/business-card/business-card.component.html
<div class="businessCardContainer"> <div class="businessCardContainer">
<div style="text-align: right;padding-right: 20px;padding-top: 15px;"> <div style="text-align: right;padding-right: 20px;padding-top: 15px;" *ngIf="practitionerInfo?.emailIsActive==0">
<button class="applyEmailBtn" (click)="applyEmail()">申请公司邮箱</button> <button class="applyEmailBtn" (click)="applyEmail()">申请公司邮箱</button>
</div> </div>
<div class="brokerCardPositive"> <div class="brokerCardPositive">
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
<div style="font-size: 18px">{{practitionerInfo?.insurerName}}</div> <div style="font-size: 18px">{{practitionerInfo?.insurerName}}</div>
<div style="font-size: 13px;">{{practitionerInfo?.insurerUrl}}</div> <div style="font-size: 13px;">{{practitionerInfo?.insurerUrl}}</div>
<div>全球保险集团BHL成员</div> <div>全球保险集团BHL成员</div>
<div>T: {{lifeCustomerInfo?.mobileNo}}</div> <div>T: {{practitionerInfo?.mobileNo}}</div>
<div>E: {{lifeCustomerInfo?.email}}</div> <div>E: {{practitionerInfo?.email}}</div>
<div>{{practitionerInfo?.insurerAddress}}</div> <div>{{practitionerInfo?.insurerAddress}}</div>
</div> </div>
</div> </div>
......
src/app/my/business-card/business-card.component.ts
...@@ -20,12 +20,24 @@ export class BusinessCardComponent implements OnInit { ...@@ -20,12 +20,24 @@ export class BusinessCardComponent implements OnInit {
} }
// 申请企业邮箱 // 申请企业邮箱
applyEmail(){ applyEmail(){
this.isNeedAlert = true; this.myService.applyEmail({practitionerId:this.practitionerInfo.practitionerId,email:this.practitionerInfo.email}).subscribe(res=>{
this.dialogInfo = { this.isNeedAlert = true;
title: null, if(res['success']){
content: { value: '您的银盾保险专属办公邮箱将在２个工作日内为您生成，欢迎使用！祝业绩长虹！', align: 'center' }, this.dialogInfo = {
footer: [{ value: '确认', routerLink: '', className: 'weui-dialog__btn_primary' }], title: null,
}; content: { value: '您的银盾保险专属办公邮箱将在２个工作日内为您生成，欢迎使用！祝业绩长虹！', align: 'center' },
footer: [{ value: '确认', routerLink: '', className: 'weui-dialog__btn_primary' }],
};
}else{
this.dialogInfo = {
title: null,
content: { value: res['message'], align: 'center' },
footer: [{ value: '确认', routerLink: '', className: 'weui-dialog__btn_primary' }],
};
}
})
} }
getPopInfo() { getPopInfo() {
......
src/app/my/file-upload/file-upload.component.ts
...@@ -22,7 +22,7 @@ export class FileUploadComponent implements OnInit { ...@@ -22,7 +22,7 @@ export class FileUploadComponent implements OnInit {
ngOnInit() { ngOnInit() {
this.type = this.activatedRoute.snapshot.data[0]['type']; this.type = this.activatedRoute.snapshot.data[0]['type'];
if(this.type === 'trainingVideo'){ if(this.type === 'trainingVideo' || this.type === 'yd_trainning_file_type'){
this.fileUploadType = true; this.fileUploadType = true;
}else{ }else{
this.fileUploadType = this.activatedRoute.snapshot.queryParams.fileUploadType ? this.activatedRoute.snapshot.queryParams.fileUploadType : null; this.fileUploadType = this.activatedRoute.snapshot.queryParams.fileUploadType ? this.activatedRoute.snapshot.queryParams.fileUploadType : null;
...@@ -34,6 +34,21 @@ export class FileUploadComponent implements OnInit { ...@@ -34,6 +34,21 @@ export class FileUploadComponent implements OnInit {
this.fileUpload(3, 0, 23, 'yd_trainning_file_type', this.selectedCategoryId); this.fileUpload(3, 0, 23, 'yd_trainning_file_type', this.selectedCategoryId);
} else if (this.type === 'trainingVideo') { } else if (this.type === 'trainingVideo') {
this.fileUpload(3, 0, 23, 'yd_trainning_file_type', 'trainingVideo'); this.fileUpload(3, 0, 23, 'yd_trainning_file_type', 'trainingVideo');
} else if(this.type === 'yd_trainning_file_type'){
const path = this.activatedRoute.snapshot.routeConfig.path;
if(path == 'prejobTraining'){
this.selectedCategoryId = 'salestopic';
}else if(path == 'advanceTraining'){
this.selectedCategoryId = 'conception';
}else if(path == 'cffpTraining'){
this.selectedCategoryId = 'lawbiz';
}else if(path == 'productTraining'){
this.selectedCategoryId = 'product';
}else if(path == 'newTraining'){
this.selectedCategoryId = 'requirementanalys'
}
this.fileUpload(3, 0, 23, 'yd_trainning_file_type', this.selectedCategoryId);
console.log(this.activatedRoute.snapshot)
} }
} }
// 判断是不是视频文件 // 判断是不是视频文件
......
src/app/my/menu-item/menu-item.component.ts
...@@ -81,6 +81,7 @@ export class MenuItemComponent implements OnInit { ...@@ -81,6 +81,7 @@ export class MenuItemComponent implements OnInit {
{ no: 12, subtitle: '销售保单', icon: 'policy', path: '', routerLink: '',showSubMenu:true }, { no: 12, subtitle: '销售保单', icon: 'policy', path: '', routerLink: '',showSubMenu:true },
// { no: 14, subtitle: '我的佣金', icon: 'commission', path: '', routerLink: '',showSubMenu:true }, // { no: 14, subtitle: '我的佣金', icon: 'commission', path: '', routerLink: '',showSubMenu:true },
{ no: 19, subtitle: '薪资单', icon: 'salary', path: '', routerLink: 'salary',showSubMenu:this.isShowSalay }, { no: 19, subtitle: '薪资单', icon: 'salary', path: '', routerLink: 'salary',showSubMenu:this.isShowSalay },
{ no: 37, subtitle: '我的积分', icon: 'integration', path: '', routerLink: 'integration',showSubMenu:true },
], ],
isShow: true isShow: true
}, },
...@@ -89,11 +90,15 @@ export class MenuItemComponent implements OnInit { ...@@ -89,11 +90,15 @@ export class MenuItemComponent implements OnInit {
type:'trainingCenter', type:'trainingCenter',
content: [ content: [
{ no: 5, subtitle: '保险ABC', icon: 'abc', path: `https://${window.location.host}/issue`, routerLink: '' ,showSubMenu:true}, { no: 5, subtitle: '保险ABC', icon: 'abc', path: `https://${window.location.host}/issue`, routerLink: '' ,showSubMenu:true},
{ no: 6, subtitle: '培训课件', icon: 'train', path: '', routerLink: 'training',showSubMenu:true }, // { no: 6, subtitle: '培训课件', icon: 'train', path: '', routerLink: 'training',showSubMenu:true },
{ no: 10, subtitle: '职业类别', icon: 'job', path: 'https://www.ydinsurance.cn/occupationQry/', routerLink: '',showSubMenu:true }, { no: 10, subtitle: '职业类别', icon: 'job', path: 'https://www.ydinsurance.cn/occupationQry/', routerLink: '',showSubMenu:true },
{ no: 11, subtitle: '文件下载', icon: 'download', path: 'https://www.ydinsurance.cn/?page_id=13957', routerLink: 'fileUpload',showSubMenu:true }, // { no: 11, subtitle: '文件下载', icon: 'download', path: 'https://www.ydinsurance.cn/?page_id=13957', routerLink: 'fileUpload',showSubMenu:true },
{ no: 36, subtitle: '培训视频', icon: 'trainVideo', path: '', routerLink: 'trainingVideo',showSubMenu:true }, // { no: 36, subtitle: '培训视频', icon: 'trainVideo', path: '', routerLink: 'trainingVideo',showSubMenu:true },
{ no: 37, subtitle: '我的积分', icon: 'integration', path: '', routerLink: 'integration',showSubMenu:true }, { no: 39, subtitle: '岗前培训', icon: 'prejobTrainingIcon', path: '', routerLink: 'prejobTraining',showSubMenu:true },
{ no: 40, subtitle: '新人初阶训', icon: 'newTrainingIcon', path: '', routerLink: 'newTraining',showSubMenu:true },
{ no: 41, subtitle: '进阶培训', icon: 'advanceTrainingIcon', path: '', routerLink: 'advanceTraining',showSubMenu:true },
{ no: 42, subtitle: 'CFFP培训', icon: 'cffpTrainingIcon', path: '', routerLink: 'cffpTraining',showSubMenu:true },
{ no: 43, subtitle: '产品培训', icon: 'productTrainingIcon', path: '', routerLink: 'productTraining',showSubMenu:true },
], ],
isShow: true isShow: true
},{ },{
......
src/app/my/my-routing.module.ts
...@@ -84,6 +84,11 @@ const myRoutes: Routes = [ ...@@ -84,6 +84,11 @@ const myRoutes: Routes = [
{ path: 'fileUpload', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'fileUpload' }] }, { path: 'fileUpload', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'fileUpload' }] },
{ path: 'training', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'training' }] }, { path: 'training', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'training' }] },
{ path: 'trainingVideo', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'trainingVideo' }] }, { path: 'trainingVideo', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'trainingVideo' }] },
{ path: 'prejobTraining', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'yd_trainning_file_type' }] },
{ path: 'newTraining', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'yd_trainning_file_type' }] },
{ path: 'advanceTraining', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'yd_trainning_file_type' }] },
{ path: 'cffpTraining', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'yd_trainning_file_type' }] },
{ path: 'productTraining', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'yd_trainning_file_type' }] },
{ path: 'importantAnnouncement', component: ImportantAnnouncementComponent, canActivate: [AuthGuard] }, { path: 'importantAnnouncement', component: ImportantAnnouncementComponent, canActivate: [AuthGuard] },
{ path: 'salesDetail', component: SalesDetailComponent, canActivate: [AuthGuard] }, { path: 'salesDetail', component: SalesDetailComponent, canActivate: [AuthGuard] },
{ path: 'importantAnnouncement/:id', component: AnnouncementDetailComponent, canActivate: [AuthGuard] }, { path: 'importantAnnouncement/:id', component: AnnouncementDetailComponent, canActivate: [AuthGuard] },
......
src/app/my/my.service.ts
...@@ -875,4 +875,10 @@ export class MyService { ...@@ -875,4 +875,10 @@ export class MyService {
const url = this.ydapi + "/practitioner/businessCard"; const url = this.ydapi + "/practitioner/businessCard";
return this.http.post(url,JSON.stringify(params)) return this.http.post(url,JSON.stringify(params))
} }
// 申请公司邮箱
applyEmail(params){
const url = this.ydapi + "/practitioner/applyEmail";
return this.http.post(url,JSON.stringify(params))
}
} }
src/app/my/team-rank/team-rank.component.html
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<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)="time=item.time;subordinateSystemMemberQuery('online')"
[ngClass]="{selected:time==item.time}"> [ngClass]="{selected:time==item.time}">
{{item.name}} {{item.name}}
</li> </li>
...@@ -49,28 +49,44 @@ ...@@ -49,28 +49,44 @@
</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="margin-bottom: 10px;
<ul> display: flex;
<li class="rank">排名</li> justify-content: space-between;
<li class="name">姓名</li> margin-top: 10px; align-items: center;">
<li class="fyp">FYP</li> <div style="font-size: 18px;">团队排名</div>
<li class="fyc">FYC</li> <div [ngSwitch]="sortType" class="sortType">
<li class="count">件数</li> <span *ngSwitchCase="1" (click)="sortType=2;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按FYP排序</span>
<li class="fyc">目标FYC</li> <span *ngSwitchCase="2" (click)="sortType=3;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按FYC排序</span>
</ul> <span *ngSwitchCase="3" (click)="sortType=4;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按件数排序</span>
<div style="width: 100%;text-align: center;float: left;height: 35px;" *ngIf="performanceListShow?.length <=0"> <span *ngSwitchCase="4" (click)="sortType=1;subordinateSystemMemberQuery();"><i class="glyphicon glyphicon-sort"></i>按目标FYC排序</span>
暂无团队成员，努力去增员吧 </div>
</div>
<div class="resultContent">
<ul>
<li class="rank">排名</li>
<li class="name">姓名</li>
<li class="fyp">FYP</li>
<li class="fyc">FYC</li>
<li class="count">件数</li>
<li class="fyc">目标FYC</li>
<li class="count">达成率</li>
</ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;" *ngIf="performanceListShow?.length <=0">
暂无团队成员，努力去增员吧
</div>
<ul *ngFor="let performanceItem of performanceListShow;index as i;">
<li class="rank">
{{i+1}}
</li>
<li class="name">{{performanceItem.name}}</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="count remark">{{performanceItem.count}}</li>
<li class="fyc remark">￥{{performanceItem.targetFyc | number: "1.2-2"}}</li>
<li class="count remark">{{performanceItem.completionRate}}%</li>
</ul>
</div> </div>
<ul *ngFor="let performanceItem of performanceListShow;index as i;">
<li class="rank">
{{i+1}}
</li>
<li class="name">{{performanceItem.name}}</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="count remark">{{performanceItem.count}}</li>
<li class="fyc remark">￥{{performanceItem.targetFyc | number: "1.2-2"}}</li>
</ul>
</div> </div>
</div> </div>
</div> </div>
src/app/my/team-rank/team-rank.component.scss
...@@ -91,9 +91,12 @@ ...@@ -91,9 +91,12 @@
} }
} }
.rankInfoWrapper{ .rankInfoWrapper{
overflow: auto;
width: 100%; width: 100%;
float: left; float: left;
.resultContent{
width: 100%;
overflow: auto;
}
.rankContent{ .rankContent{
ul{ ul{
width: 100%; width: 100%;
...@@ -126,5 +129,17 @@ ...@@ -126,5 +129,17 @@
} }
} }
} }
.glyphicon-sort{
transform: rotate(90deg);
margin-right: 3px;
}
div.sortType {
span{
padding: 4px 15px;
border: 1px solid #1b5b99;
border-radius: 15px;
color: #1b5b99;
}
}
} }
\ No newline at end of file
src/app/my/team-rank/team-rank.component.ts
...@@ -9,11 +9,12 @@ export class TeamRankComponent implements OnInit { ...@@ -9,11 +9,12 @@ export class TeamRankComponent implements OnInit {
performanceListShow: Array<any>; performanceListShow: Array<any>;
performanceList: Array<any>; performanceList: Array<any>;
list: Array<any>; list: Array<any>;
time: any; time: any = 1;
lineType: any; lineType: any;
allPerformanceInfo: any; allPerformanceInfo: any;
subordinateSystemName: string; subordinateSystemName: string;
statisticInfo: any; statisticInfo: any;
sortType:number = 1;
constructor(private myService: MyService) { constructor(private myService: MyService) {
this.performanceList = [ this.performanceList = [
{ time: 1, name: '本月' }, { time: 1, name: '本月' },
...@@ -30,19 +31,18 @@ export class TeamRankComponent implements OnInit { ...@@ -30,19 +31,18 @@ export class TeamRankComponent implements OnInit {
ngOnInit() { ngOnInit() {
this.performanceListShow = []; this.performanceListShow = [];
this.subordinateSystemName = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerBasicInfo']['subordinateName'] this.subordinateSystemName = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerBasicInfo']['subordinateName']
this.subordinateSystemMemberQuery(1, 'online'); this.subordinateSystemMemberQuery('online');
} }
//初始化查询本月+线上 //初始化查询本月+线上
subordinateSystemMemberQuery(time, online?: any) { subordinateSystemMemberQuery(online?: any) {
this.time = time;
this.lineType = online; this.lineType = online;
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']; const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
//如果是寿险不显示 //如果是寿险不显示
if (online == 'underLine') { if (online == 'underLine') {
this.allPerformanceInfo = null this.allPerformanceInfo = null
} else { } else {
this.myService.subordinateSystemMemberQuery({ practitionerId: practitionerId, time: time }).subscribe((res) => { this.myService.subordinateSystemMemberQuery({ practitionerId: practitionerId, time: this.time,sortType:this.sortType }).subscribe((res) => {
if (res['success']) { if (res['success']) {
this.allPerformanceInfo = res['data']; this.allPerformanceInfo = res['data'];
this.statisticInfo = res['data']['statisticInfo']; this.statisticInfo = res['data']['statisticInfo'];
......
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