Skip to content

Y
ydLife
Commit dc460b5a by Sweet Zhang
Options

首页增加内页

parent cf6999e5
Showing with 342 additions and 212 deletions
src/app/my/menu-item/menu-item.component.html 0 → 100644
<div class="menuContainer">
<div class="menuContent">
<ng-container *ngFor="let menuItemContent of currentMenuLists" >
<div class="menuItem" *ngIf="menuItemContent.showSubMenu" href="javascript:;"
(click)="menuNavigation(menuItemContent)">
<!-- <span class="iconfont" [ngClass]="menuItemContent.icon"></span> -->
<span *ngIf="menuItemContent.dot"></span>
<img [src]="getImgUrl(menuItemContent.icon)" alt="">
<div>{{menuItemContent.subtitle}}</div>
</div>
</ng-container>
</div>
src/app/my/menu-item/menu-item.component.scss 0 → 100644
.menuContainer{
.menuContent{
display: flex;
flex-wrap: wrap;
.menuItem{
flex: 0 0 50%;
border-bottom: 1px solid #dcdcdc;
justify-content: center;
display: flex;
align-items: center;
flex-direction: column;
padding: 15px 0;
img{
width: 80px;
}
}
.menuItem:nth-child(2n+1){
border-right: 1px solid #dcdcdc;
}
}
}
src/app/my/menu-item/menu-item.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MenuItemComponent } from './menu-item.component';
describe('MenuItemComponent', () => {
let component: MenuItemComponent;
let fixture: ComponentFixture<MenuItemComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MenuItemComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(MenuItemComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/my/menu-item/menu-item.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Route, Router } from '@angular/router';
import { LifeCommonService } from 'src/app/common/life-common.service';
import { MyService } from '../my.service';
import { environment } from "../../../environments/environment";
@Component({
selector: 'ydlife-menu-item',
templateUrl: './menu-item.component.html',
styleUrls: ['./menu-item.component.scss']
})
export class MenuItemComponent implements OnInit {
type:string;
menuLists:Array<any>;
currentMenuLists:Array<any>;
isShowSalay:boolean;
lifeCustomerInfo: any;
isNeedAlert: boolean;
dialogInfo: any;
//判断是否显示我的团队
isShow: boolean;
approvarList:Array<any>;
dotFlag:boolean = false;
constructor(private lifeCommonService:LifeCommonService,private activatedRoute:ActivatedRoute,private myService:MyService,private router:Router) {
const title = this.activatedRoute.snapshot.data[0]['title'];
this.type = this.activatedRoute.snapshot.data[0]['type'];
this.lifeCommonService.setTitle(title);
}
ngOnInit() {
this.lifeCustomerInfo = JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')) : null;
this.isShowSalay = this.lifeCustomerInfo.canSeeSalaryList==1?true:false;
this.canSeeSalaryList();
this.getMenuList();
this.listQuery();
}
getMenuList() {
this.menuLists = [
{
title: '营销工具',
type:'marketing',
content: [
{ no: 2, subtitle: 'AI保险医生', icon: 'ai', path: `https://${window.location.host}/questionnaire/#/index?campaign=AIRobot&task=AItask1&customerId=${this.lifeCustomerInfo.customerId}`, routerLink: '',showSubMenu:true },
{ no: 1, subtitle: '獴哥保险诊所', icon: 'clinic', path: `https://${window.location.host}/consulting`, routerLink: '' ,showSubMenu:true},
{ no: 4, subtitle: '线上投保', icon: 'online', path: `https://${window.location.host}/index?source=dyd`, routerLink: '' ,showSubMenu:true},
{ no: 13, subtitle: '我的商机', icon: 'line', path: '', routerLink: 'business',showSubMenu:true },
{ no: 9, subtitle: '执业证书', icon: 'card', path: `https://${window.location.host}/brokerQry/#/brokerDetail/${this.lifeCustomerInfo.practitionerId}?source=0`, routerLink: '',showSubMenu:true },
{ no: 7, subtitle: '文章分享', icon: 'article', path: '', routerLink: 'article/null' ,showSubMenu:true},
{ no: 3, subtitle: '产品海报', icon: 'poster_p', path: '/salesDetail', routerLink: 'material',showSubMenu:true },
{ no: 17, subtitle: '产品库', icon: 'product', path: '', routerLink: 'product' ,showSubMenu:true},
],
isShow: true
},
{
title: '我的团队',
type:'team',
content: [
{ no: 15, subtitle: '我的团队', icon: 'team', path: '', routerLink: '',showSubMenu:true },
// { no: 16, subtitle: '团队增员', icon: 'recruiting', path: '', routerLink: '',showSubMenu:true },
{ no: 16, subtitle: '团队增员', icon: 'recruiting', path: '', routerLink: 'recruiting' ,showSubMenu:true},
{ no: 18, subtitle: '招募海报', icon: 'poster_r', path: '', routerLink: '',showSubMenu:true },
{ no: 22, subtitle: '报聘审批', icon: 'approval', path: '', routerLink: 'approval_list',dot: this.dotFlag,showSubMenu:true}
],
// isShow: this.isShow
isShow: true
},
{
title: '我的展业',
type:'exhibition',
content: [
{ no: 12, subtitle: '销售保单', icon: 'policy', path: '', routerLink: '',showSubMenu:true },
{ no: 20, subtitle: '我的客户', icon: 'customer', path: '', routerLink: 'customer',showSubMenu:true },
// { no: 14, subtitle: '我的佣金', icon: 'commission', path: '', routerLink: '',showSubMenu:true },
{ no: 19, subtitle: '薪资单', icon: 'salary', path: '', routerLink: 'salary',showSubMenu:this.isShowSalay },
{ no: 21, subtitle: '公司制度', icon: 'management', path: '', routerLink: '',showSubMenu:true },
{ no: 23, subtitle: '我的报聘', icon: 'pin', path: '', routerLink: 'my_application' ,showSubMenu:true},
{ no: 24, subtitle: '目标设置', icon: 'set', path: '', routerLink: 'target',showSubMenu:true },
{ no: 11, subtitle: '文件下载', icon: 'download', path: 'https://www.ydinsurance.cn/?page_id=13957', routerLink: 'fileUpload',showSubMenu:true },
{ no: 25, subtitle: '', icon: 'default', path: '', routerLink: '' ,showSubMenu:true},
{ no: 26, subtitle: '', icon: 'default', path: '', routerLink: '' ,showSubMenu:!this.isShowSalay}
],
isShow: true
},
{
title: '教育培训',
type:'training',
content: [
{ 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: 10, subtitle: '职业类别', icon: 'job', path: 'https://www.ydinsurance.cn/occupationQry/', routerLink: '',showSubMenu:true },
{ no: 26, subtitle: '投核保知识库', icon: 'ask', path: '', routerLink: 'underwriting_knowledge' ,showSubMenu:true}
// { no: 17, subtitle: '产品库', icon: 'product', path: '', routerLink: 'https://www.ydinsurance.cn/?page_id=14331' ,showSubMenu:true}
],
isShow: true
}
];
this.currentMenuLists = this.menuLists.filter(item=>item.type == this.type)[0]['content'];
console.log(this.currentMenuLists)
}
// 菜单导航
menuNavigation(item) {
if (item.routerLink) {
this.router.navigate([`./${item.routerLink}`]);
} else if (item.path) {
window.open(item.path);
}
// else if (item.no === 9) {
// this.shareIdCard();
// }
else if (item.no === 12) {
this.router.navigate(['/salesDetail'], { queryParams: { searchType: 1, showType: 'orderform' } });
} else if (item.no === 14) {
this.router.navigate(['/salesDetail'], { queryParams: { searchType: 1, showType: 'sales' } });
} else if (item.no === 15) {
this.router.navigate(['/teamPanel'])
// this.router.navigate(['/team_area'])
} else if (!item.subtitle) {
return;
} else if (item.no === 18) {
this.router.navigate(['/material'], { queryParams: { recruit: 'recruit' } });
}else if(item.no === 21){
this.router.navigate(['/fileUpload'], { queryParams: { fileUploadType: 'management' } });
}else {
this.isNeedAlert = true;
this.dialogInfo = {
title: null,
content: { value: '即将开发，敬请期待！', align: 'center' },
footer: [{ value: '我知道了', routerLink: '', className: 'weui-dialog__btn_primary' }],
};
}
}
//查询是否团队长
subordinateSystemMemberQuery() {
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.subordinateSystemMemberQuery({ practitionerId: practitionerId, time: 1 }).subscribe((res) => {
if (res['success']) {
this.isShow = true;
sessionStorage.setItem('isTeamleader', '1');
sessionStorage.setItem('subordinateSystemName', res['data']['subordinateSystemName']);
} else {
this.isShow = false;
sessionStorage.setItem('isTeamleader', '0');
}
})
}
//判断是否显示薪资单
canSeeSalaryList(){
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.canSeeSalaryList(practitionerId).subscribe((res)=>{
if(res['data'] && res['data'].canSeeSalaryList == 1){
this.isShowSalay = true;
this.getMenuList();
}else{
this.isShowSalay = false;
this.getMenuList();
}
})
}
// 分享名片
shareIdCard() {
const imgUrl = this.lifeCustomerInfo.practitionerBasicInfo.headImagePath ? this.lifeCustomerInfo.practitionerBasicInfo.headImagePath : `${environment.ORIGINNAME}/ydLife/assets/images/icons/meng.png`;
this.lifeCommonService.shareStatusPublish(1);
this.lifeCommonService.wxShare(
`银盾保险经纪 ${this.lifeCustomerInfo.practitionerBasicInfo.name}`,
'您的家庭保险专家、财务策划师。规划成就人生。',
`https://${window.location.host}/brokerQry/#/brokerDetail/${this.lifeCustomerInfo.practitionerId}`,
imgUrl);
}
//查看判断待审批列表小圆点
listQuery(){
this.myService.listQuery({practitionerId:this.lifeCustomerInfo.practitionerId,approvingStatus:0}).subscribe((res)=>{
if(res['success']){
this.approvarList = res['data']['hiringListInfoList'];
if(this.approvarList.length>0){
this.dotFlag = true;
this.getMenuList();
}else{
this.dotFlag = false;
}
}else{
alert(res['message'])
}
})
}
getImgUrl(Img) {
return 'assets/images/' + Img + '.png'
}
}
src/app/my/my-center-home/my-center-home.component.html
...@@ -38,7 +38,6 @@ ...@@ -38,7 +38,6 @@
<div style="position: relative;"> <div style="position: relative;">
<h3> <h3>
<span>{{item.name}}</span> <span>{{item.name}}</span>
<!-- <i class="line" *ngIf="performanceSelectedFlag==item.time" [ngStyle]="{'left':leftWidth}"></i> -->
</h3> </h3>
</div> </div>
</li> </li>
...@@ -46,9 +45,7 @@ ...@@ -46,9 +45,7 @@
<div> <div>
<ul class="performance_list title"> <ul class="performance_list title">
<li></li> <li></li>
<li>首年保费 <li>首年保费</li>
<!-- <span class="iconfont icon-xiangxia" style="font-size: 10px;margin-left: 3px;"></span> -->
</li>
<li>首年佣金</li> <li>首年佣金</li>
<li>件数</li> <li>件数</li>
<li>完成率</li> <li>完成率</li>
...@@ -109,44 +106,35 @@ ...@@ -109,44 +106,35 @@
</div> </div>
</div> </div>
</div> </div>
<div class="part3">
<div class="part2">
<div class="part2_item" routerLink="marketing">
<span>营销工具</span>
</div>
<div class="part2_item" routerLink="team">
<span>我的团队</span>
</div>
</div>
<div class="part2">
<div class="part2_item" routerLink="exhibition">
<span>我的展业</span>
</div>
<div class="part2_item" routerLink="training">
<span>教育培训</span>
</div>
</div>
<div class="importantAnnouncement" routerLink="importantAnnouncement">
<div>公告栏</div>
</div>
</div>
</div> </div>
<!--body--> <!--body-->
<div class="weui-panel__bd"> <div class="weui-panel__bd">
<div class="performance_wrapper notice">
<div style="position: relative;">
<h3 style="font-size: 16px;color: #ff002a;">公告</h3><i class="iconfont" style="color: #ff002a;">&#xe645;</i>
<div #hide style="font-size: 14px;position: absolute;z-index:-100" [innerHtml]="firstAnnouncement"></div>
<div>{{this.firstAnnouncementTitle}}</div>
<span style="position:absolute;right:5px;font-size: 12px;color:#408dc9;"
routerLink="importantAnnouncement">更多</span>
</div>
</div>
<div class="tool_wrapper" *ngFor="let menuItem of menuLists;">
<div class="tool_item" *ngIf="menuItem.isShow">
<h3>{{menuItem.title}}</h3>
<div class="tool_content">
<ng-container *ngFor="let menuItemContent of menuItem['content']" >
<div class="content_item" *ngIf="menuItemContent.showSubMenu" href="javascript:;"
(click)="menuNavigation(menuItemContent)">
<!-- <span class="iconfont" [ngClass]="menuItemContent.icon"></span> -->
<span *ngIf="menuItemContent.dot"></span>
<img [src]="getImgUrl(menuItemContent.icon)" alt="">
<div>{{menuItemContent.subtitle}}</div>
</div>
</ng-container>
</div>
</div>
</div>
<!-- <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" /> -->
<div class="hotProduct"> <div class="hotProduct">
<div style="margin-bottom: 10px;"> <div style="margin-bottom: 10px;">
<h3>热销产品</h3> <h3>热销产品</h3>
</div> </div>
<div class="media borderBottom" *ngFor="let product of products,let i = index" (click)="goProductDetail(product)" <div class="media borderBottom pad15" *ngFor="let product of products,let i = index" (click)="goProductDetail(product)">
[ngClass]="{'pad15':!isShowShare}">
<div class="media-left media-middle"> <div class="media-left media-middle">
<img class="media-object" src="{{product.iconPath}}" alt="{{product.planName}}"> <img class="media-object" src="{{product.iconPath}}" alt="{{product.planName}}">
<div class="yd_logo"> <div class="yd_logo">
...@@ -185,7 +173,7 @@ ...@@ -185,7 +173,7 @@
<!-- <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" /> --> <!-- <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" /> -->
<div class="health_wrapper"> <div class="health_wrapper">
<h3 style="display: flex;justify-content: space-between;align-items: center;"> <h3 style="display: flex;justify-content: space-between;align-items: center;">
医疗服务 医疗服务
<span style="color: #666666;font-size: 14px;" routerLink="medical_service">查看更多</span> <span style="color: #666666;font-size: 14px;" routerLink="medical_service">查看更多</span>
</h3> </h3>
<img id="medical" src="assets/images/list_01.png" (click)="jumpToChunYu()"> <img id="medical" src="assets/images/list_01.png" (click)="jumpToChunYu()">
...@@ -215,4 +203,4 @@ ...@@ -215,4 +203,4 @@
</a> </a>
</div> </div>
</div> </div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert> <ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
\ No newline at end of file
src/app/my/my-center-home/my-center-home.component.scss
...@@ -17,7 +17,7 @@ ul,ol{ ...@@ -17,7 +17,7 @@ ul,ol{
font-size: 26px; font-size: 26px;
} }
} }
.weui-panel__hd { .weui-panel__hd {
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
...@@ -33,7 +33,7 @@ ul,ol{ ...@@ -33,7 +33,7 @@ ul,ol{
max-width: 100%; max-width: 100%;
height: 100%; height: 100%;
display: block; display: block;
} }
> div { > div {
margin-right: 15px; margin-right: 15px;
...@@ -73,10 +73,10 @@ ul,ol{ ...@@ -73,10 +73,10 @@ ul,ol{
align-items: center; align-items: center;
margin-right: 5px; margin-right: 5px;
} }
} }
} }
.shareSelfInfoBtn { .shareSelfInfoBtn {
padding: 0 15px; padding: 0 15px;
color: #fff; color: #fff;
...@@ -96,7 +96,7 @@ ul,ol{ ...@@ -96,7 +96,7 @@ ul,ol{
background: #F5F5F5;; background: #F5F5F5;;
height: auto; height: auto;
// padding: 0px 8px; // padding: 0px 8px;
img{ img{
width: 100%; width: 100%;
} }
...@@ -117,7 +117,7 @@ ul,ol{ ...@@ -117,7 +117,7 @@ ul,ol{
.content{ .content{
position: relative; position: relative;
padding: 0px 0px 5px 8px; padding: 0px 0px 5px 8px;
ul{ ul{
list-style: none; list-style: none;
} }
...@@ -179,13 +179,13 @@ ul,ol{ ...@@ -179,13 +179,13 @@ ul,ol{
line-height: 35px; line-height: 35px;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
margin: 0 5px; margin: 0 5px;
overflow: hidden; overflow: hidden;
} }
li.markPrice{ li.markPrice{
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;
} }
li:nth-child(1){ li:nth-child(1){
width: 8%; width: 8%;
...@@ -200,14 +200,15 @@ ul,ol{ ...@@ -200,14 +200,15 @@ ul,ol{
width: 18%; width: 18%;
} }
} }
} }
} }
.part2{ .part2{
display: flex; display: flex;
margin-bottom: 10px; margin-bottom: 10px;
.part2_item{ .part2_item{
width: 48%; width: 48%;
height: 80px;
display: flex; display: flex;
background: #ECF6FF; background: #ECF6FF;
border-radius: 12px; border-radius: 12px;
...@@ -226,7 +227,7 @@ ul,ol{ ...@@ -226,7 +227,7 @@ ul,ol{
} }
li.markPrice{ li.markPrice{
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;
} }
} }
} }
...@@ -256,7 +257,33 @@ ul,ol{ ...@@ -256,7 +257,33 @@ ul,ol{
align-items: center; align-items: center;
} }
} }
}
.part3{
position: relative;
.part2_item{
justify-content: center;
align-items: center;
}
.importantAnnouncement{
position: absolute;
top: 50%;
left: 50%;
margin-top: -60px;
margin-left: -60px;
>div{
width: 120px;
height: 120px;
border-radius: 50%;
background: antiquewhite;
border: 10px solid #fff;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
}
} }
.notice{ .notice{
background: #FFF; background: #FFF;
...@@ -271,9 +298,9 @@ ul,ol{ ...@@ -271,9 +298,9 @@ ul,ol{
font-size: 30px; font-size: 30px;
} }
} }
} }
.tool_wrapper{ .tool_wrapper{
margin-bottom: 10px; margin-bottom: 10px;
.tool_item{ .tool_item{
...@@ -313,11 +340,11 @@ ul,ol{ ...@@ -313,11 +340,11 @@ ul,ol{
top: 10%; top: 10%;
} }
div{ div{
font-size: 13px; font-size: 13px;
} }
@media (max-width: 320px) { @media (max-width: 320px) {
div{ div{
font-size: 12px; font-size: 12px;
} }
} }
} }
...@@ -424,7 +451,7 @@ ul,ol{ ...@@ -424,7 +451,7 @@ ul,ol{
display: inline-block; display: inline-block;
} }
} }
.health_wrapper{ .health_wrapper{
background: #fff; background: #fff;
box-shadow: 0 0px 2.5px #eceaea; box-shadow: 0 0px 2.5px #eceaea;
...@@ -437,12 +464,12 @@ ul,ol{ ...@@ -437,12 +464,12 @@ ul,ol{
margin-bottom:8px; margin-bottom:8px;
} }
} }
} }
#medical{ #medical{
border-radius: 5px; border-radius: 5px;
box-shadow: 0 0px 10px #e4e3e3; box-shadow: 0 0px 10px #e4e3e3;
image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
} }
...@@ -458,4 +485,3 @@ ul,ol{ ...@@ -458,4 +485,3 @@ ul,ol{
text-align: center; text-align: center;
} }
} }
src/app/my/my-center-home/my-center-home.component.ts
...@@ -37,8 +37,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -37,8 +37,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
taskLen:Array<any> = []; taskLen:Array<any> = [];
person:any; person:any;
showFlag:boolean = false; showFlag:boolean = false;
approvarList:Array<any>;
dotFlag:boolean = false;
isShowSalay:boolean; isShowSalay:boolean;
showSubMenu:boolean; showSubMenu:boolean;
constructor( constructor(
...@@ -55,7 +53,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -55,7 +53,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.lifeCommonService.setTitle(title); this.lifeCommonService.setTitle(title);
this.deviceType = this.lifeCommonService.checkDeviceType(); this.deviceType = this.lifeCommonService.checkDeviceType();
this.lifeCustomerInfo = JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')) : null; this.lifeCustomerInfo = JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')) : null;
this.isShowSalay = this.lifeCustomerInfo.canSeeSalaryList==1?true:false;
this.announcementQuery(); this.announcementQuery();
this.performanceList = [ this.performanceList = [
{ name: `${this.lifeCommonService.dateFormat(new Date, ('M'))}月`, time: 1 }, { name: `${this.lifeCommonService.dateFormat(new Date, ('M'))}月`, time: 1 },
...@@ -73,8 +70,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -73,8 +70,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.queryScheduleTrackList(); this.queryScheduleTrackList();
//活动量得分查询 //活动量得分查询
this.queryPEPScore(); this.queryPEPScore();
this.listQuery();
this.canSeeSalaryList();
} }
ngAfterViewInit() { ngAfterViewInit() {
...@@ -103,116 +100,16 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -103,116 +100,16 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
return str; return str;
} }
getMenuList() {
this.menuLists = [
{
title: '营销工具',
content: [
{ no: 2, subtitle: 'AI保险医生', icon: 'ai', path: `https://${window.location.host}/questionnaire/#/index?campaign=AIRobot&task=AItask1&customerId=${this.lifeCustomerInfo.customerId}`, routerLink: '',showSubMenu:true },
{ no: 1, subtitle: '獴哥保险诊所', icon: 'clinic', path: `https://${window.location.host}/consulting`, routerLink: '' ,showSubMenu:true},
{ no: 4, subtitle: '线上投保', icon: 'online', path: `https://${window.location.host}/index?source=dyd`, routerLink: '' ,showSubMenu:true},
{ no: 13, subtitle: '我的商机', icon: 'line', path: '', routerLink: 'business',showSubMenu:true },
{ no: 9, subtitle: '执业证书', icon: 'card', path: `https://${window.location.host}/brokerQry/#/brokerDetail/${this.lifeCustomerInfo.practitionerId}?source=0`, routerLink: '',showSubMenu:true },
{ no: 7, subtitle: '文章分享', icon: 'article', path: '', routerLink: 'article/null' ,showSubMenu:true},
{ no: 3, subtitle: '产品海报', icon: 'poster_p', path: '/salesDetail', routerLink: 'material',showSubMenu:true },
{ no: 17, subtitle: '产品库', icon: 'product', path: '', routerLink: 'product' ,showSubMenu:true},
],
isShow: true
},
{
title: '我的团队',
content: [
{ no: 15, subtitle: '我的团队', icon: 'team', path: '', routerLink: '',showSubMenu:true },
// { no: 16, subtitle: '团队增员', icon: 'recruiting', path: '', routerLink: '',showSubMenu:true },
{ no: 16, subtitle: '团队增员', icon: 'recruiting', path: '', routerLink: 'recruiting' ,showSubMenu:true},
{ no: 18, subtitle: '招募海报', icon: 'poster_r', path: '', routerLink: '',showSubMenu:true },
{ no: 22, subtitle: '报聘审批', icon: 'approval', path: '', routerLink: 'approval_list',dot: this.dotFlag,showSubMenu:true}
],
// isShow: this.isShow
isShow: true
},
{
title: '我的展业',
content: [
{ no: 12, subtitle: '销售保单', icon: 'policy', path: '', routerLink: '',showSubMenu:true },
{ no: 20, subtitle: '我的客户', icon: 'customer', path: '', routerLink: 'customer',showSubMenu:true },
// { no: 14, subtitle: '我的佣金', icon: 'commission', path: '', routerLink: '',showSubMenu:true },
{ no: 19, subtitle: '薪资单', icon: 'salary', path: '', routerLink: 'salary',showSubMenu:this.isShowSalay },
{ no: 21, subtitle: '公司制度', icon: 'management', path: '', routerLink: '',showSubMenu:true },
{ no: 23, subtitle: '我的报聘', icon: 'pin', path: '', routerLink: 'my_application' ,showSubMenu:true},
{ no: 24, subtitle: '目标设置', icon: 'set', path: '', routerLink: 'target',showSubMenu:true },
{ no: 11, subtitle: '文件下载', icon: 'download', path: 'https://www.ydinsurance.cn/?page_id=13957', routerLink: 'fileUpload',showSubMenu:true },
{ no: 25, subtitle: '', icon: 'default', path: '', routerLink: '' ,showSubMenu:true},
{ no: 26, subtitle: '', icon: 'default', path: '', routerLink: '' ,showSubMenu:!this.isShowSalay}
],
isShow: true
},
{
title: '教育培训',
content: [
{ 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: 10, subtitle: '职业类别', icon: 'job', path: 'https://www.ydinsurance.cn/occupationQry/', routerLink: '',showSubMenu:true },
{ no: 26, subtitle: '投核保知识库', icon: 'ask', path: '', routerLink: 'underwriting_knowledge' ,showSubMenu:true}
// { no: 17, subtitle: '产品库', icon: 'product', path: '', routerLink: 'https://www.ydinsurance.cn/?page_id=14331' ,showSubMenu:true}
],
isShow: true
}
];
}
getImgUrl(Img) {
return 'assets/images/' + Img + '.png'
}
// 菜单导航
menuNavigation(item) {
if (item.routerLink) {
this.router.navigate([`./${item.routerLink}`]);
} else if (item.path) {
window.open(item.path);
}
// else if (item.no === 9) {
// this.shareIdCard();
// }
else if (item.no === 12) {
this.router.navigate(['/salesDetail'], { queryParams: { searchType: this.performanceSelectedFlag, showType: 'orderform' } });
} else if (item.no === 14) {
this.router.navigate(['/salesDetail'], { queryParams: { searchType: this.performanceSelectedFlag, showType: 'sales' } });
} else if (item.no === 15) {
this.router.navigate(['/teamPanel'])
// this.router.navigate(['/team_area'])
} else if (!item.subtitle) {
return;
} else if (item.no === 18) {
this.router.navigate(['/material'], { queryParams: { recruit: 'recruit' } });
}else if(item.no === 21){
this.router.navigate(['/fileUpload'], { queryParams: { fileUploadType: 'management' } });
}else {
this.isNeedAlert = true;
this.dialogInfo = {
title: null,
content: { value: '即将开发，敬请期待！', align: 'center' },
footer: [{ value: '我知道了', routerLink: '', className: 'weui-dialog__btn_primary' }],
};
}
}
// 关闭弹窗 // 关闭弹窗
getPopInfo() { getPopInfo() {
this.isNeedAlert = false; this.isNeedAlert = false;
} }
// 分享名片
shareIdCard() {
const imgUrl = this.lifeCustomerInfo.practitionerBasicInfo.headImagePath ? this.lifeCustomerInfo.practitionerBasicInfo.headImagePath : `${environment.ORIGINNAME}/ydLife/assets/images/icons/meng.png`;
this.lifeCommonService.shareStatusPublish(1);
this.lifeCommonService.wxShare(
`银盾保险经纪 ${this.lifeCustomerInfo.practitionerBasicInfo.name}`,
'您的家庭保险专家、财务策划师。规划成就人生。',
`https://${window.location.host}/brokerQry/#/brokerDetail/${this.lifeCustomerInfo.practitionerId}`,
imgUrl);
}
announcementQuery() { announcementQuery() {
this.myService.announcementQuery(null, null).subscribe(res => { this.myService.announcementQuery(null, null).subscribe(res => {
...@@ -265,7 +162,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -265,7 +162,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
} }
} }
// 大家都在买产品查询列表 // 大家都在买产品查询列表
recommendPlanQuery() { recommendPlanQuery() {
this.myService.queryproductlistbytag({ mdTagId: 97 }).subscribe(res => { this.myService.queryproductlistbytag({ mdTagId: 97 }).subscribe(res => {
...@@ -312,20 +208,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -312,20 +208,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.router.navigate(['/rank'], { queryParams: { time: this.performanceSelectedFlag } }); this.router.navigate(['/rank'], { queryParams: { time: this.performanceSelectedFlag } });
} }
//查询是否团队长
subordinateSystemMemberQuery() {
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.subordinateSystemMemberQuery({ practitionerId: practitionerId, time: 1 }).subscribe((res) => {
if (res['success']) {
this.isShow = true;
sessionStorage.setItem('isTeamleader', '1');
sessionStorage.setItem('subordinateSystemName', res['data']['subordinateSystemName']);
} else {
this.isShow = false;
sessionStorage.setItem('isTeamleader', '0');
}
})
}
//经纪人商机分数统计 //经纪人商机分数统计
opportunityStatistics() { opportunityStatistics() {
...@@ -380,35 +263,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -380,35 +263,6 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
window.location.href = `https://h5.futurebaobei.com/h5/product/detail/7?channel=yindun&channelStaff=${this.lifeCustomerInfo.practitionerId}` window.location.href = `https://h5.futurebaobei.com/h5/product/detail/7?channel=yindun&channelStaff=${this.lifeCustomerInfo.practitionerId}`
} }
//查看判断待审批列表小圆点
listQuery(){
this.myService.listQuery({practitionerId:this.lifeCustomerInfo.practitionerId,approvingStatus:0}).subscribe((res)=>{
if(res['success']){
this.approvarList = res['data']['hiringListInfoList'];
if(this.approvarList.length>0){
this.dotFlag = true;
this.getMenuList();
}else{
this.dotFlag = false;
}
}else{
alert(res['message'])
}
})
}
//判断是否显示薪资单
canSeeSalaryList(){
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.canSeeSalaryList(practitionerId).subscribe((res)=>{
if(res['data'] && res['data'].canSeeSalaryList == 1){
this.isShowSalay = true;
this.getMenuList();
}else{
this.isShowSalay = false;
this.getMenuList();
}
})
}
} }
src/app/my/my-routing.module.ts
...@@ -64,6 +64,7 @@ import { MyCustomerPolicyComponent } from './my-customer-policy/my-customer-poli ...@@ -64,6 +64,7 @@ import { MyCustomerPolicyComponent } from './my-customer-policy/my-customer-poli
import { UnderwritingKnowledgeComponent } from './underwriting-knowledge/underwriting-knowledge.component'; import { UnderwritingKnowledgeComponent } from './underwriting-knowledge/underwriting-knowledge.component';
import { MyQuestionComponent } from './my-question/my-question.component'; import { MyQuestionComponent } from './my-question/my-question.component';
import { AskComponent } from './ask/ask.component'; import { AskComponent } from './ask/ask.component';
import { MenuItemComponent } from './menu-item/menu-item.component';
const myRoutes: Routes = [ const myRoutes: Routes = [
{ path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] }, { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
...@@ -134,7 +135,11 @@ const myRoutes: Routes = [ ...@@ -134,7 +135,11 @@ const myRoutes: Routes = [
{ path: 'customer_policy',component:MyCustomerPolicyComponent,canActivate:[AuthGuard]}, { path: 'customer_policy',component:MyCustomerPolicyComponent,canActivate:[AuthGuard]},
{ path: 'underwriting_knowledge',component:UnderwritingKnowledgeComponent,canActivate:[AuthGuard]}, { path: 'underwriting_knowledge',component:UnderwritingKnowledgeComponent,canActivate:[AuthGuard]},
{ path: 'my_question',component:MyQuestionComponent,canActivate:[AuthGuard]}, { path: 'my_question',component:MyQuestionComponent,canActivate:[AuthGuard]},
{ path: 'ask',component:AskComponent,canActivate:[AuthGuard]} { path: 'ask',component:AskComponent,canActivate:[AuthGuard]},
{ path: 'marketing',component:MenuItemComponent,data:[{title:'银盾保经-营销工具',type:'marketing'}],canActivate:[AuthGuard]},
{ path: 'team',component:MenuItemComponent,data:[{title:'银盾保经-我的团队',type:'team'}],canActivate:[AuthGuard]},
{ path: 'exhibition',component:MenuItemComponent,data:[{title:'银盾保经-我的展业',type:'exhibition'}],canActivate:[AuthGuard]},
{ path: 'training',component:MenuItemComponent,data:[{title:'银盾保经-教育培训',type:'training'}],canActivate:[AuthGuard]},
]; ];
......
src/app/my/my.module.ts
...@@ -77,9 +77,10 @@ import { MyCustomerPolicyComponent } from './my-customer-policy/my-customer-poli ...@@ -77,9 +77,10 @@ import { MyCustomerPolicyComponent } from './my-customer-policy/my-customer-poli
import { UnderwritingKnowledgeComponent } from './underwriting-knowledge/underwriting-knowledge.component'; import { UnderwritingKnowledgeComponent } from './underwriting-knowledge/underwriting-knowledge.component';
import { MyQuestionComponent } from './my-question/my-question.component'; import { MyQuestionComponent } from './my-question/my-question.component';
import { AskComponent } from './ask/ask.component'; import { AskComponent } from './ask/ask.component';
import { MenuItemComponent } from './menu-item/menu-item.component';
@NgModule({ @NgModule({
declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, MyToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent, SwitchNumberPipe, TeamSalesScoreComponent, ScoreDetailsComponent, BusinessCardComponent, OrderDetailComponent, SalaryComponent, TodoListComponent, AddTaskComponent, MedicalServiceComponent, InvitationComponent, RegisterComponent, EmployeeInfoComponent, EmployeeBasicInfoComponent, WorkExperienceComponent, PersonalPhotosComponent, EmployeeIdCardComponent, EmployeeEducationComponent, PersonalStatementComponent, SignatureComponent, EmployeeSubmitComponent, BankCardComponent, MemberDetailComponent, ApprovalListComponent, ApprovalCommentsComponent, ApprovalResultListComponent, MyApplicationComponent, SuggestionComponent, EmployeeSalaryComponent, HistoricalRankComponent, TeamAreaPanelComponent, ArticleComponent, ArticleDetailComponent, ArticleReadComponent,SalaryDetailComponent,SalaryFirstYearComponent,DetailModalComponent, ProductComponent, ProductDataComponent, CommissionComponent, FileListComponent,MyCustomerComponent, CustomerRelationComponent, MyCustomerPolicyComponent, UnderwritingKnowledgeComponent, MyQuestionComponent, AskComponent], declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, MyToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent, SwitchNumberPipe, TeamSalesScoreComponent, ScoreDetailsComponent, BusinessCardComponent, OrderDetailComponent, SalaryComponent, TodoListComponent, AddTaskComponent, MedicalServiceComponent, InvitationComponent, RegisterComponent, EmployeeInfoComponent, EmployeeBasicInfoComponent, WorkExperienceComponent, PersonalPhotosComponent, EmployeeIdCardComponent, EmployeeEducationComponent, PersonalStatementComponent, SignatureComponent, EmployeeSubmitComponent, BankCardComponent, MemberDetailComponent, ApprovalListComponent, ApprovalCommentsComponent, ApprovalResultListComponent, MyApplicationComponent, SuggestionComponent, EmployeeSalaryComponent, HistoricalRankComponent, TeamAreaPanelComponent, ArticleComponent, ArticleDetailComponent, ArticleReadComponent,SalaryDetailComponent,SalaryFirstYearComponent,DetailModalComponent, ProductComponent, ProductDataComponent, CommissionComponent, FileListComponent,MyCustomerComponent, CustomerRelationComponent, MyCustomerPolicyComponent, UnderwritingKnowledgeComponent, MyQuestionComponent, AskComponent, MenuItemComponent],
imports: [ imports: [
CommonModule, CommonModule,
LifeCommonModule, LifeCommonModule,
......
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