Skip to content

Y
ydLife
Commit df3a0c85 by Chao Sun
Options

0611

parent d6cd0809
Showing with 518 additions and 119 deletions
src/app/my/my-center-home/my-center-home.component.html
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
￥{{onlineInfo?.fyc | number: "1.0-0"}} ￥{{onlineInfo?.fyc | number: "1.0-0"}}
</li> </li>
<li class="markPrice">{{onlineInfo?.count?onlineInfo.count:'-'}}</li> <li class="markPrice">{{onlineInfo?.count?onlineInfo.count:'-'}}</li>
<li class="markPrice"> <li class="markPrice" style="position: relative;top: 12px;">
{{onlineInfo?.completionRate?onlineInfo.completionRate + '%':'-'}} {{onlineInfo?.completionRate?onlineInfo.completionRate + '%':'-'}}
</li> </li>
</ul> </ul>
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</li> </li>
<li class="markPrice">{{offlineInfo?.count?offlineInfo.count:'-'}}</li> <li class="markPrice">{{offlineInfo?.count?offlineInfo.count:'-'}}</li>
<li class="markPrice"> <li class="markPrice">
{{offlineInfo?.completionRate?offlineInfo.completionRate + '%':'-'}} &nbsp;
</li> </li>
</ul> </ul>
</div> </div>
...@@ -89,14 +89,6 @@ ...@@ -89,14 +89,6 @@
<span class="iconfont icon-ar-r" routerLink="scoreDeatil"></span> <span class="iconfont icon-ar-r" routerLink="scoreDeatil"></span>
</div> </div>
<ul class="activities"> <ul class="activities">
<li>今天</li>
<li>本周</li>
<li>本月</li>
<li>本周达成率</li>
<li>本月达成率</li>
<li>本周新增商机</li>
</ul>
<ul class="activities">
<li class="markPrice">{{this.activities_grade?.scoreDay}}</li> <li class="markPrice">{{this.activities_grade?.scoreDay}}</li>
<li class="markPrice">{{this.activities_grade?.scoreWeek}}</li> <li class="markPrice">{{this.activities_grade?.scoreWeek}}</li>
<li class="markPrice">{{this.activities_grade?.scoreMonth}}</li> <li class="markPrice">{{this.activities_grade?.scoreMonth}}</li>
...@@ -108,6 +100,14 @@ ...@@ -108,6 +100,14 @@
</li> </li>
<li class="markPrice">{{this.activities_grade?.addOpportunityNum}}</li> <li class="markPrice">{{this.activities_grade?.addOpportunityNum}}</li>
</ul> </ul>
<ul class="activities">
<li>今天</li>
<li>本周</li>
<li>本月</li>
<li>本周达成率</li>
<li>本月达成率</li>
<li>本周新增商机</li>
</ul>
</div> </div>
</div> </div>
<div class="performance_wrapper notice"> <div class="performance_wrapper notice">
......
src/app/my/my-center-home/my-center-home.component.scss
...@@ -168,7 +168,8 @@ ...@@ -168,7 +168,8 @@
line-height: 25px; line-height: 25px;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
margin: 0 7px; margin: 0 5px;
overflow: hidden;
} }
li.markPrice{ li.markPrice{
color: #fff; color: #fff;
...@@ -181,12 +182,12 @@ ...@@ -181,12 +182,12 @@
margin: 0; margin: 0;
} }
li:nth-child(2),li:nth-child(3){ li:nth-child(2),li:nth-child(3){
width: 28%; width: 26%;
text-align: right; text-align: right;
} }
// li:nth-child(3){ li:last-child{
// margin-left: 0px; width: 18%;
// } }
} }
.activities{ .activities{
display: flex; display: flex;
......
src/app/my/my-routing.module.ts
...@@ -23,6 +23,7 @@ import { TeamPanelComponent } from './team-panel/team-panel.component'; ...@@ -23,6 +23,7 @@ import { TeamPanelComponent } from './team-panel/team-panel.component';
import { TeamSalesScoreComponent } from './team-sales-score/team-sales-score.component'; import { TeamSalesScoreComponent } from './team-sales-score/team-sales-score.component';
import { ScoreDetailsComponent } from './score-details/score-details.component'; import { ScoreDetailsComponent } from './score-details/score-details.component';
import { BusinessCardComponent } from "./business-card/business-card.component"; import { BusinessCardComponent } from "./business-card/business-card.component";
import { OrderDetailComponent } from './order-detail/order-detail.component';
const myRoutes: Routes = [ const myRoutes: Routes = [
{ path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] }, { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
...@@ -48,6 +49,8 @@ const myRoutes: Routes = [ ...@@ -48,6 +49,8 @@ const myRoutes: Routes = [
{ path: 'teamPanel/:type', component: TeamSalesScoreComponent, canActivate: [AuthGuard] }, { path: 'teamPanel/:type', component: TeamSalesScoreComponent, canActivate: [AuthGuard] },
{ path: 'scoreDeatil', component: ScoreDetailsComponent, canActivate: [AuthGuard] }, { path: 'scoreDeatil', component: ScoreDetailsComponent, canActivate: [AuthGuard] },
{ path: 'businessCard', component: BusinessCardComponent, canActivate: [AuthGuard] }, { path: 'businessCard', component: BusinessCardComponent, canActivate: [AuthGuard] },
{ path: 'orderDetail', component: OrderDetailComponent, canActivate: [AuthGuard] },
]; ];
@NgModule({ @NgModule({
......
src/app/my/my-target/my-target.component.html
...@@ -19,6 +19,7 @@ ...@@ -19,6 +19,7 @@
<div class="content_target_wrapper"> <div class="content_target_wrapper">
<div class="line"> <div class="line">
<i class="iconfont icon-bianji" *ngIf="personalSalesReadonlyFlag" (click)="personalSalesReadonlyFlag = false;"> <i class="iconfont icon-bianji" *ngIf="personalSalesReadonlyFlag" (click)="personalSalesReadonlyFlag = false;">
<span>编辑</span>
</i> </i>
<i class="iconfont icon-save" *ngIf="!personalSalesReadonlyFlag" (click)="salesTargetSave(1)"> <i class="iconfont icon-save" *ngIf="!personalSalesReadonlyFlag" (click)="salesTargetSave(1)">
<span class="save">保存</span> <span class="save">保存</span>
...@@ -28,28 +29,33 @@ ...@@ -28,28 +29,33 @@
<span>首年保费FYP</span> <span>首年保费FYP</span>
<input class="form-control" type="text" [(ngModel)]="premium" (ngModelChange)="getMonthAverage('premium');" <input class="form-control" type="text" [(ngModel)]="premium" (ngModelChange)="getMonthAverage('premium');"
(blur)="inputBlur()" placeholder="{{personalSalesReadonlyFlag?'暂无预计年保费':'请输入预计年保费'}}" (blur)="inputBlur()" placeholder="{{personalSalesReadonlyFlag?'暂无预计年保费':'请输入预计年保费'}}"
[disabled]="personalSalesReadonlyFlag" /> [disabled]="personalSalesReadonlyFlag" *ngIf="!personalSalesReadonlyFlag" />
<div *ngIf="personalSalesReadonlyFlag">{{premium | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>首年佣金FYC</span> <span>首年佣金FYC</span>
<input class="form-control" type="text" [(ngModel)]="commission" <input class="form-control" type="text" [(ngModel)]="commission"
(ngModelChange)="getMonthAverage('commission')" (blur)="inputBlur()" (ngModelChange)="getMonthAverage('commission')" (blur)="inputBlur()"
placeholder="{{personalSalesReadonlyFlag?'暂无预计年佣金':'请输入预计年佣金'}}" [disabled]="personalSalesReadonlyFlag" /> placeholder="{{personalSalesReadonlyFlag?'暂无预计年佣金':'请输入预计年佣金'}}" [disabled]="personalSalesReadonlyFlag"
*ngIf="!personalSalesReadonlyFlag" />
<div *ngIf="personalSalesReadonlyFlag">{{commission | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>件均保费</span> <span>件均保费</span>
<input class="form-control" type="text" [(ngModel)]="pieceAveragePremium" <input class="form-control" type="text" [(ngModel)]="pieceAveragePremium"
(ngModelChange)="getMonthAverage('pieceAveragePremium')" (blur)="inputBlur()" (ngModelChange)="getMonthAverage('pieceAveragePremium')" (blur)="inputBlur()"
placeholder="{{personalSalesReadonlyFlag?'暂无件均保费':'请输入年度件均保费'}}" [disabled]="personalSalesReadonlyFlag" /> *ngIf="!personalSalesReadonlyFlag" placeholder="{{personalSalesReadonlyFlag?'暂无件均保费':'请输入年度件均保费'}}"
[disabled]="personalSalesReadonlyFlag" />
<div *ngIf="personalSalesReadonlyFlag">{{pieceAveragePremium | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item" style="border-bottom: none;"> <div class="content_target_item" style="border-bottom: none;">
<span>成交件数(FYP/件均保费)</span> <span>成交件数(FYP/件均保费)</span>
<input class="form-control" type="text" [(ngModel)]="pieces" style="width: 40%;" <!-- <input class="form-control" type="text" [(ngModel)]="pieces" style="width: 40%;"
placeholder="{{personalSalesReadonlyFlag?'暂无预计成交件数':'FYP/年件均保费'}}" disabled /> placeholder="{{personalSalesReadonlyFlag?'暂无预计成交件数':'FYP/年件均保费'}}" disabled /> -->
<div>{{pieces | number:'1.0-2'}}</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
<div class="title">个人月销售目标</div> <div class="title">个人月销售目标</div>
<div class="month_target_item_wrapper" *ngFor="let salesTargetMonthsItem of salesTargetMonths"> <div class="month_target_item_wrapper" *ngFor="let salesTargetMonthsItem of salesTargetMonths">
<span class="dot" style="font-weight: bold;">{{salesTargetMonthsItem.monthNum}}月</span> <span class="dot" style="font-weight: bold;">{{salesTargetMonthsItem.monthNum}}月</span>
...@@ -57,13 +63,15 @@ ...@@ -57,13 +63,15 @@
<span>FYP</span> <span>FYP</span>
<input type="text" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标保费':'请输入目标保费'}}" <input type="text" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标保费':'请输入目标保费'}}"
[(ngModel)]="salesTargetMonthsItem.premium" (ngModelChange)="changePremium();" [(ngModel)]="salesTargetMonthsItem.premium" (ngModelChange)="changePremium();"
[disabled]="personalSalesReadonlyFlag" (blur)="inputBlur()"> [disabled]="personalSalesReadonlyFlag" (blur)="inputBlur()" *ngIf="!personalSalesReadonlyFlag">
<div *ngIf="personalSalesReadonlyFlag">{{salesTargetMonthsItem.premium | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>FYC</span> <span>FYC</span>
<input type="number" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标佣金':'请输入目标佣金'}}" <input type="number" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标佣金':'请输入目标佣金'}}"
[(ngModel)]="salesTargetMonthsItem.commission" (ngModelChange)="changePremium()" [(ngModel)]="salesTargetMonthsItem.commission" (ngModelChange)="changePremium()"
[disabled]="personalSalesReadonlyFlag" (blur)="inputBlur()"> [disabled]="personalSalesReadonlyFlag" (blur)="inputBlur()" *ngIf="!personalSalesReadonlyFlag">
<div *ngIf="personalSalesReadonlyFlag">{{salesTargetMonthsItem.commission | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>件数</span> <span>件数</span>
...@@ -78,7 +86,7 @@ ...@@ -78,7 +86,7 @@
<div class="content_target_wrapper"> <div class="content_target_wrapper">
<div class="line"> <div class="line">
<i class="iconfont icon-bianji" *ngIf="personalSalesActivityFlag" <i class="iconfont icon-bianji" *ngIf="personalSalesActivityFlag"
(click)="personalSalesActivityFlag = false;"></i> (click)="personalSalesActivityFlag = false;"><span>编辑</span></i>
<i class="iconfont icon-save" *ngIf="!readonlyFlag && salesTargetFlag && !personalSalesActivityFlag" <i class="iconfont icon-save" *ngIf="!readonlyFlag && salesTargetFlag && !personalSalesActivityFlag"
(click)="salesTargetMonthSave(1)"> (click)="salesTargetMonthSave(1)">
<span class="save">保存</span> <span class="save">保存</span>
...@@ -97,7 +105,8 @@ ...@@ -97,7 +105,8 @@
<div class="content_target" *ngIf="searchType===3"> <div class="content_target" *ngIf="searchType===3">
<div class="content_target_wrapper"> <div class="content_target_wrapper">
<div class="line"> <div class="line">
<i class="iconfont icon-bianji" *ngIf="recruitsReadonlyFlag" (click)="recruitsReadonlyFlag = false;"></i> <i class="iconfont icon-bianji" *ngIf="recruitsReadonlyFlag"
(click)="recruitsReadonlyFlag = false;"><span>编辑</span></i>
<i class="iconfont icon-save" *ngIf="!recruitsReadonlyFlag" (click)="potentialGoalsSetting()"> <i class="iconfont icon-save" *ngIf="!recruitsReadonlyFlag" (click)="potentialGoalsSetting()">
<span class="save">保存</span> <span class="save">保存</span>
</i> </i>
...@@ -133,7 +142,7 @@ ...@@ -133,7 +142,7 @@
<div class="content_target_wrapper"> <div class="content_target_wrapper">
<div class="line"> <div class="line">
<i class="iconfont icon-bianji" *ngIf="recruitsActivityReadonlyFlag" <i class="iconfont icon-bianji" *ngIf="recruitsActivityReadonlyFlag"
(click)="recruitsActivityReadonlyFlag = false;"></i> (click)="recruitsActivityReadonlyFlag = false;"><span>编辑</span></i>
<i class="iconfont icon-save" *ngIf="!readonlyFlag && recruitingTargetFlag && !recruitsActivityReadonlyFlag" <i class="iconfont icon-save" *ngIf="!readonlyFlag && recruitingTargetFlag && !recruitsActivityReadonlyFlag"
(click)="potentialGoalsActionsUpdate()"> <span class="save">保存</span></i> (click)="potentialGoalsActionsUpdate()"> <span class="save">保存</span></i>
<div class="title">月均增员活动量目标</div> <div class="title">月均增员活动量目标</div>
...@@ -152,31 +161,37 @@ ...@@ -152,31 +161,37 @@
<div class="content_target_wrapper"> <div class="content_target_wrapper">
<div class="line"> <div class="line">
<i class="iconfont icon-bianji" *ngIf="personalSalesReadonlyFlag" <i class="iconfont icon-bianji" *ngIf="personalSalesReadonlyFlag"
(click)="personalSalesReadonlyFlag = false;"></i> (click)="personalSalesReadonlyFlag = false;"><span>编辑</span></i>
<i class="iconfont icon-save" *ngIf="!personalSalesReadonlyFlag" (click)="salesTargetSave(2)"> <i class="iconfont icon-save" *ngIf="!personalSalesReadonlyFlag" (click)="salesTargetSave(2)">
<span class="save">保存</span></i> <span class="save">保存</span></i>
<div class="title">团队年度销售目标</div> <div class="title">团队年度销售目标</div>
<div class="content_target_item"> <div class="content_target_item">
<span>首年保费FYP</span> <span>首年保费FYP</span>
<input class="form-control" type="text" [(ngModel)]="premium" (ngModelChange)="getMonthAverage('premium')" <input class="form-control" type="text" [(ngModel)]="premium" (ngModelChange)="getMonthAverage('premium')"
placeholder="{{personalSalesReadonlyFlag?'暂无预计年保费':'请输入预计年保费'}}" [disabled]="personalSalesReadonlyFlag" /> placeholder="{{personalSalesReadonlyFlag?'暂无预计年保费':'请输入预计年保费'}}" [disabled]="personalSalesReadonlyFlag"
*ngIf="!personalSalesReadonlyFlag" />
<div *ngIf="personalSalesReadonlyFlag">{{premium | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>首年佣金FYC</span> <span>首年佣金FYC</span>
<input class="form-control" type="text" [(ngModel)]="commission" <input class="form-control" type="text" [(ngModel)]="commission"
(ngModelChange)="getMonthAverage('commission')" (ngModelChange)="getMonthAverage('commission')" *ngIf="!personalSalesReadonlyFlag"
placeholder="{{personalSalesReadonlyFlag?'暂无预计年佣金':'请输入预计年佣金'}}" [disabled]="personalSalesReadonlyFlag" /> placeholder="{{personalSalesReadonlyFlag?'暂无预计年佣金':'请输入预计年佣金'}}" [disabled]="personalSalesReadonlyFlag" />
<div *ngIf="personalSalesReadonlyFlag">{{commission | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>件均保费</span> <span>件均保费</span>
<input class="form-control" type="text" [(ngModel)]="pieceAveragePremium" <input class="form-control" type="text" [(ngModel)]="pieceAveragePremium"
(ngModelChange)="getMonthAverage('pieceAveragePremium')" (ngModelChange)="getMonthAverage('pieceAveragePremium')" *ngIf="!personalSalesReadonlyFlag"
placeholder="{{personalSalesReadonlyFlag?'暂无件均保费':'请输入年度件均保费'}}" [disabled]="personalSalesReadonlyFlag" /> placeholder="{{personalSalesReadonlyFlag?'暂无件均保费':'请输入年度件均保费'}}" [disabled]="personalSalesReadonlyFlag" />
<div *ngIf="personalSalesReadonlyFlag">{{pieceAveragePremium | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item" style="border-bottom: none;"> <div class="content_target_item" style="border-bottom: none;">
<span>成交件数(FYP/件均保费)</span> <span>成交件数(FYP/件均保费)</span>
<input class="form-control" type="text" [(ngModel)]="pieces" style="width: 40%;" <!-- <input class="form-control" type="text" [(ngModel)]="pieces" style="width: 40%;"
placeholder="{{personalSalesReadonlyFlag?'暂无预计成交件数':'FYP/年件均保费'}}" disabled /> placeholder="{{personalSalesReadonlyFlag?'暂无预计成交件数':'FYP/年件均保费'}}" disabled /> -->
<div *ngIf="pieces">{{pieces | number:'1.0-2'}}</div>
<div *ngIf="!pieces">暂无预计成交件数</div>
</div> </div>
</div> </div>
<div class="line"> <div class="line">
...@@ -187,18 +202,21 @@ ...@@ -187,18 +202,21 @@
<span>FYP</span> <span>FYP</span>
<input type="number" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标保费':'请输入目标保费'}}" <input type="number" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标保费':'请输入目标保费'}}"
[(ngModel)]="salesTargetMonthsItem.premium" (ngModelChange)="changePremium()" [(ngModel)]="salesTargetMonthsItem.premium" (ngModelChange)="changePremium()"
[disabled]="personalSalesReadonlyFlag"> [disabled]="personalSalesReadonlyFlag" *ngIf="!personalSalesReadonlyFlag">
<div *ngIf="personalSalesReadonlyFlag">{{salesTargetMonthsItem.premium | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>FYC</span> <span>FYC</span>
<input type="number" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标佣金':'请输入目标佣金'}}" <input type="number" class="form-control" placeholder="{{personalSalesReadonlyFlag?'暂无目标佣金':'请输入目标佣金'}}"
[(ngModel)]="salesTargetMonthsItem.commission" (ngModelChange)="changePremium()" [(ngModel)]="salesTargetMonthsItem.commission" (ngModelChange)="changePremium()"
[disabled]="personalSalesReadonlyFlag"> [disabled]="personalSalesReadonlyFlag" *ngIf="!personalSalesReadonlyFlag">
<div *ngIf="personalSalesReadonlyFlag">{{salesTargetMonthsItem.commission | number:'1.0-2'}}</div>
</div> </div>
<div class="content_target_item"> <div class="content_target_item">
<span>件数</span> <span>件数</span>
<input type="number" class="form-control" placeholder="件数" disabled <!-- <input type="number" class="form-control" placeholder="件数" disabled
[(ngModel)]="salesTargetMonthsItem.pieces"> [(ngModel)]="salesTargetMonthsItem.pieces" *ngIf="!personalSalesReadonlyFlag"> -->
<div *ngIf="personalSalesReadonlyFlag">{{salesTargetMonthsItem.pieces | number:'1.0-2'}}</div>
</div> </div>
</div> </div>
</div> </div>
......
src/app/my/my-target/my-target.component.scss
...@@ -55,16 +55,16 @@ ul li,ol li{ ...@@ -55,16 +55,16 @@ ul li,ol li{
background: #0767bf; background: #0767bf;
text-align: center; text-align: center;
top: -5px; top: -5px;
.save{ span{
font-size: 12px; font-size: 12px;
position: absolute; position: absolute;
left: 30%; left: 28%;
top: 60%; top: 60%;
} }
} }
.iconfont.icon-bianji{ // .iconfont.icon-bianji{
line-height: 55px; // line-height: 55px;
} // }
.title{ .title{
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
...@@ -76,6 +76,12 @@ ul li,ol li{ ...@@ -76,6 +76,12 @@ ul li,ol li{
align-items: center; align-items: center;
margin: 0 0 5px 17px; margin: 0 0 5px 17px;
border-bottom: 1px #ddd solid; border-bottom: 1px #ddd solid;
div{
height: 34px;
padding: 6px 12px;
font-size: 18px;
opacity: .75;
}
input.form-control { input.form-control {
width: 65%; width: 65%;
background: none; background: none;
...@@ -102,6 +108,7 @@ ul li,ol li{ ...@@ -102,6 +108,7 @@ ul li,ol li{
color: #fff; color: #fff;
display: block; display: block;
text-align: center; text-align: center;
margin-left: 10px;
} }
} }
.content_target_monthItem{ .content_target_monthItem{
......
src/app/my/my.module.ts
...@@ -28,9 +28,10 @@ import { SwitchNumberPipe } from '../common/pipe/switch-number.pipe'; ...@@ -28,9 +28,10 @@ import { SwitchNumberPipe } from '../common/pipe/switch-number.pipe';
import { TeamSalesScoreComponent } from './team-sales-score/team-sales-score.component'; import { TeamSalesScoreComponent } from './team-sales-score/team-sales-score.component';
import { ScoreDetailsComponent } from './score-details/score-details.component'; import { ScoreDetailsComponent } from './score-details/score-details.component';
import { BusinessCardComponent } from './business-card/business-card.component'; import { BusinessCardComponent } from './business-card/business-card.component';
import { OrderDetailComponent } from './order-detail/order-detail.component';
@NgModule({ @NgModule({
declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, ToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent, SwitchNumberPipe, TeamSalesScoreComponent, ScoreDetailsComponent, BusinessCardComponent], declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, ToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent, SwitchNumberPipe, TeamSalesScoreComponent, ScoreDetailsComponent, BusinessCardComponent, OrderDetailComponent],
imports: [ imports: [
CommonModule, CommonModule,
LifeCommonModule, LifeCommonModule,
......
src/app/my/my.service.ts
...@@ -119,13 +119,26 @@ export class MyService { ...@@ -119,13 +119,26 @@ export class MyService {
}); });
} }
//查保单明细 //查保单明细(不包括寿险)
practitionerPolicyListQuery(practitionerId) { practitionerPolicyListQuery(practitionerId) {
const url = this.API + '/practitioner/practitionerPolicyListQuery'; const url = this.API + '/practitioner/practitionerPolicyListQuery';
return this.http return this.http
.post(url, JSON.stringify(practitionerId)); .post(url, JSON.stringify(practitionerId));
} }
//保单明细列表包括寿险
policyListQuery(practitionerId) {
const url = this.ydapi + '/practitioner/policyListQuery';
return this.http
.post(url, JSON.stringify(practitionerId));
}
//保单明细详细信息
policyInfoQuery(practitionerId) {
const url = this.ydapi + '/practitioner/policyInfoQuery';
return this.http
.post(url, JSON.stringify(practitionerId));
}
//查询团队业绩及是否团队长 //查询团队业绩及是否团队长
subordinateSystemMemberQuery(practitionerId) { subordinateSystemMemberQuery(practitionerId) {
const url = this.ydapi + '/practitioner/subordinateSystemMemberQuery'; const url = this.ydapi + '/practitioner/subordinateSystemMemberQuery';
......
src/app/my/order-detail/order-detail.component.html 0 → 100644
<div class="scrollContainer">
<div class="detailContainer scrollContent">
<div class="orderdetailBox">
<div class="btnBox">
<span class="alignItemCenter"><i class="line"></i>保单明细</span>
</div>
<ul class="list-group" *ngIf="policyInfo?.policyNo">
<li class="list-group-item">
<span>保单号</span>
<span>{{policyInfo?.policyNo}}</span>
</li>
<li class="list-group-item" *ngIf="policyInfo?.startDate">
<span>生效日期</span>
<span>{{policyInfo?.startDate.substr(0,10)}}</span>
</li>
<li class="list-group-item" *ngIf="policyInfo?.endDate">
<span>结束日期</span>
<span>{{policyInfo?.endDate}}</span>
</li>
<li class="list-group-item" *ngIf="policyInfo?.status">
<span>状态</span>
<span>{{policyInfo?.status}}</span>
</li>
<div class="insuredsBox coverContent">
<h4 class="text-left alignItemCenter"><i class="line"></i>保障内容</h4>
<ul *ngFor="let productInfo of policyFactorInfos;index as i">
<li class="list-group-item" *ngIf="productInfo?.productName">
<span style="width: 30%;">产品</span>
<span style="text-align: right;">{{productInfo?.productName}}</span>
</li>
<li class="list-group-item" *ngIf="productInfo?.insuredAmount">
<span>保额</span>
<span>{{productInfo?.insuredAmount}} {{productInfo?.amountUnit}}</span>
</li>
<li class="list-group-item" *ngIf="productInfo?.period">
<span>缴费年限</span>
<span>{{productInfo?.period}}年</span>
</li>
<li class="list-group-item" *ngIf="productInfo?.payFrequency">
<span>缴费方式</span>
<span>{{productInfo?.payFrequency}}</span>
</li>
<li class="list-group-item" *ngIf="productInfo?.commission">
<span>销售佣金</span>
<span>￥{{productInfo?.commission | number:'1.2-2'}}</span>
</li>
<li class="list-group-item" *ngIf="productInfo?.premium">
<span>保费</span>
<span>￥{{productInfo?.premium | number:'1.2-2'}}</span>
</li>
</ul>
</div>
<div class="btnBox">
<span class="alignItemCenter"><i class="line"></i>投保人信息</span>
</div>
<li class="list-group-item">
<span>姓名</span>
<span>{{holderInfo?.name}}</span>
</li>
<li class="list-group-item" *ngIf="holderInfo?.gender">
<span>性别</span>
<ng-container [ngSwitch]="holderInfo?.gender">
<span *ngSwitchCase="1">男</span>
<span *ngSwitchCase="2">女</span>
<span *ngSwitchDefault></span>
</ng-container>
</li>
<li class="list-group-item" *ngIf="holderInfo?.birthDay">
<span>出生日期</span>
<span>{{holderInfo?.birthDay}}</span>
</li>
<li class="list-group-item" *ngIf="holderInfo?.idInfo.idType">
<span>证件类型</span>
<ng-container [ngSwitch]="holderInfo?.idInfo.idType">
<span *ngSwitchCase="1">身份证</span>
<span *ngSwitchCase="2">护照</span>
<span *ngSwitchCase="3">港澳身份证</span>
<span *ngSwitchCase="4">台胞证</span>
<span *ngSwitchCase="9">其他</span>
<span *ngSwitchCase="20">统一社会信用代码</span>
<span *ngSwitchDefault>/</span>
</ng-container>
</li>
<li class="list-group-item" *ngIf="holderInfo?.idInfo.idNo">
<span>证件号码</span>
<span>{{holderInfo?.idInfo.idNo}}</span>
</li>
</ul>
<div class="insuredsBox" *ngFor="let insured of insuredInfos;index as i">
<h4 class="text-left alignItemCenter"><i class="line"></i>被保人信息{{i+1}}</h4>
<ul>
<li class="list-group-item" *ngIf="this.insured?.name">
<span>姓名</span>
<span>{{this.insured?.name}}</span>
</li>
<li class="list-group-item" *ngIf="this.insured?.gender">
<span>性别</span>
<ng-container [ngSwitch]="insured?.gender">
<span *ngSwitchCase="1">男</span>
<span *ngSwitchCase="2">女</span>
<span *ngSwitchDefault></span>
</ng-container>
</li>
<li class="list-group-item" *ngIf="this.insured?.birthDay">
<span>出生日期</span>
<span>{{this.isReferral==='true' ? '****-'+this.insured?.birthDay.substr(5) : this.insured?.birthDay}}</span>
</li>
<li class="list-group-item" *ngIf="insured?.idInfo?.idType">
<span>证件类型</span>
<ng-container [ngSwitch]="insured?.idInfo?.idType">
<span *ngSwitchCase="1">身份证</span>
<span *ngSwitchCase="2">护照</span>
<span *ngSwitchCase="4">台胞证</span>
<span *ngSwitchCase="9">其他</span>
<span *ngSwitchCase="20">统一社会信用代码</span>
<span *ngSwitchDefault>/</span>
</ng-container>
</li>
<li class="list-group-item" *ngIf="this.insured?.idInfo?.idNo">
<span>证件号码</span>
<span>{{this.isReferral==='true' ? this.insured?.idInfo?.idNo.substr(0,2) + '******' + this.insured?.idInfo?.idNo.substr(this.insured?.idInfo?.idNo.length-2,2) : this.insured?.idInfo?.idNo}}</span>
</li>
<li class="list-group-item" *ngIf="this.insured?.occupationName">
<span>职业类别</span>
<span>{{this.insured?.occupationName}}</span>
</li>
<li class="list-group-item" *ngIf="this.insured?.address">
<span style="white-space: nowrap;margin-right: 8px;">详细地址</span>
<span>{{this.insured?.address}}</span>
</li>
<li class="list-group-item" *ngIf="this.insured?.salary">
<span>去年年收入（万元）</span>
<span>{{this.insured?.salary}}</span>
</li>
<li class="list-group-item" *ngIf="this.insured?.salaryType">
<span>收入类型</span>
<span>{{this.insured?.salaryType}}</span>
</li>
</ul>
</div>
<ul class="priceContainer">
<li class="list-group-item" *ngIf="policyInfo?.price">
<span>总保费</span>
<span>￥{{policyInfo?.price | number:'1.2-2'}}</span>
</li>
<li class="list-group-item" *ngIf="policyInfo?.referralInfo?.referralAmount">
<span style="color: #c9af71;">总销售佣金</span>
<span class="light-color">￥{{policyInfo?.referralInfo?.referralAmount | number:'1.2-2'}}</span>
</li>
</ul>
</div>
</div>
</div>
\ No newline at end of file
src/app/my/order-detail/order-detail.component.scss 0 → 100644
.detailContainer {
background-color: #f7f7f2;
}
.orderdetailBox {
margin: 20px 8px;
background-color: #f9fdff;
padding-top: 14px;
padding-left: 11px;
box-shadow: -1px 0 1px #eeeee9, /*左边阴影*/ 1px 0 1px #eeeee9, /*右边阴影*/ 0 3px 3px #e5e5e0; /*底边阴影*/
}
.orderdetailBox .btnBox {
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px;
font-size: 14px;
font-weight: bold;
}
.orderdetailBox .btnBox div .downloadBtn {
display: inline-block;
background-color: #73d1c4;
color: #fff !important;
border-radius: 6px;
padding: 5px;
}
.orderdetailBox .btnBox div .invoiceBtn {
display: inline-block;
background-color: #fff;
color: #73d1c4 !important;
border-radius: 6px;
padding: 5px;
border: 1px solid #73d1c4;
margin-right: 8px;
}
.line {
margin-right: 5px;
}
.orderdetailBox ul li {
display: flex;
justify-content: space-between;
}
.list-group {
margin-bottom: 0;
}
.list-group-item {
border: none;
background-color: transparent;
padding-left: 0;
padding-right: 0;
margin-right: 8px;
color: #4a4a4a;
position: relative;
}
.list-group-item + .list-group-item::before {
position: absolute;
top: -1px;
left: 0;
content: '';
width: 100%;
height: 1px;
border-top: 1px solid #dcdcdc;
-webkit-transform: scaleY(0.3);
transform: scaleY(0.3)
}
.list-group-item:nth-last-child(1) {
border: none;
}
.orderdetailBox ul li.list-group-item:last-child {
border-radius: 0;
}
.title {
font-size: 14px;
color: #73d1c4;
padding: 0;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.priceContainer li {
border-top: 1px solid #dcdcdc;
}
h4 {
font-size: 14px;
font-weight: bold;
display: flex;
align-items: center;
}
.line {
display: inline-block;
width: 6px;
height: 15px;
margin-right: 6px;
vertical-align: text-bottom;
background-color: #ec2d37;
}
.coverContent{
ul{
border-bottom: 1px #ddd solid;
}
ul:last-child{
border-bottom: none;
}
}
\ No newline at end of file
src/app/my/order-detail/order-detail.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { OrderDetailComponent } from './order-detail.component';
describe('OrderDetailComponent', () => {
let component: OrderDetailComponent;
let fixture: ComponentFixture<OrderDetailComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ OrderDetailComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(OrderDetailComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/my/order-detail/order-detail.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
import { MyService } from '../my.service';
import { ActivatedRoute } from "@angular/router";
@Component({
selector: 'ydlife-order-detail',
templateUrl: './order-detail.component.html',
styleUrls: ['./order-detail.component.scss']
})
export class OrderDetailComponent implements OnInit {
orderNo: string;
policyInfo: any;
holderInfo: any;
insuredInfos: Array<any>;
policyFactorInfos: Array<any>;
constructor(private myService: MyService, private activatedRoute: ActivatedRoute) { }
ngOnInit() {
this.orderNo = this.activatedRoute.snapshot.queryParams.orderNo;
this.policyInfoQuery();
}
policyInfoQuery() {
this.myService.policyInfoQuery({ orderNo: this.orderNo, platform: 2 }).subscribe((res) => {
if (res['success']) {
this.policyInfo = res['data'];
this.holderInfo = this.policyInfo['holderInfo'];
this.insuredInfos = this.policyInfo['insuredInfos'];
this.policyFactorInfos = this.policyInfo['policyFactorInfos'];
}
})
}
}
src/app/my/sales-detail/sales-detail.component.html
<div class="salesWrapper"> <div class="salesWrapper">
<ul class="tab"> <div class="top">
<li *ngFor="let item of performanceList" (click)="selectRang(item.type)" <ul class="tab">
[ngClass]="{selected:searchType==item.type}"> <li *ngFor="let item of performanceList" (click)="selectRang(item.time)"
<div style="position: relative;"> [ngClass]="{selected:searchType==item.time}">
<h3>{{item.name}} {{item.name}}
<!-- <i class="line" *ngIf="performanceSelectedFlag==item.type" </li>
[ngStyle]="{'left':leftWidth}" </ul>
></i> --> <ul class="tab">
</h3> <li (click)="platform=1;practitionerPolicyListQuery(1)" [ngClass]="{selected:platform==1}">线上</li>
</div> <li (click)="platform=2;practitionerPolicyListQuery(2)" [ngClass]="{selected:platform==2}">寿险</li>
</li> </ul>
</ul> </div>
<div class="salesContent"> <div class="salesContent">
<div class="salesItem" *ngFor="let salesDetailItem of salesDetailList" <div class="salesItem" *ngFor="let salesDetailItem of salesDetailList"
(click)="jumpToOrderdetail(salesDetailItem.orderNo)"> (click)="jumpToOrderdetail(salesDetailItem.orderNo,salesDetailItem.platform)">
<div class="icon_bolck" *ngIf="showType==='sales'"><span class="iconfont icon-yongjin"></span></div> <div class="icon_bolck" *ngIf="showType==='sales'"><span class="iconfont icon-yongjin"></span></div>
<div class="icon_bolck" *ngIf="showType==='orderform'"><span class="iconfont icon-baodanyangben" <div class="icon_bolck" *ngIf="showType==='orderform'"><span class="iconfont icon-baodanyangben"
style="font-size: 20px;"></span></div> style="font-size: 20px;"></span></div>
...@@ -21,7 +21,8 @@ ...@@ -21,7 +21,8 @@
<div>投保人：{{salesDetailItem.holderName}}</div> <div>投保人：{{salesDetailItem.holderName}}</div>
<span class="iconfont icon-ar-r" style="font-size: 10px;position: relative; right: -2px;"></span> <span class="iconfont icon-ar-r" style="font-size: 10px;position: relative; right: -2px;"></span>
</div> </div>
<div class="line long_line">{{salesDetailItem.productName}} <div class="line long_line">
<span>{{salesDetailItem.productName ? salesDetailItem.productName:salesDetailItem.planName}}</span>
<div class="price" *ngIf="showType==='sales'">￥{{salesDetailItem.referralAmount | number: "1.2-2"}}</div> <div class="price" *ngIf="showType==='sales'">￥{{salesDetailItem.referralAmount | number: "1.2-2"}}</div>
<div class="price" *ngIf="showType==='orderform'">￥{{salesDetailItem.orderPrice | number: "1.2-2"}}</div> <div class="price" *ngIf="showType==='orderform'">￥{{salesDetailItem.orderPrice | number: "1.2-2"}}</div>
</div> </div>
...@@ -30,5 +31,6 @@ ...@@ -30,5 +31,6 @@
<div>{{(salesDetailItem.orderDate).substr(0,10)}}</div> <div>{{(salesDetailItem.orderDate).substr(0,10)}}</div>
</div> </div>
</div> </div>
<div style="text-align: center;margin-top: 20px;" *ngIf="salesDetailList?.length<=0">暂无数据</div>
</div> </div>
</div> </div>
\ No newline at end of file
src/app/my/sales-detail/sales-detail.component.scss
...@@ -2,32 +2,40 @@ ...@@ -2,32 +2,40 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
overflow: auto; overflow: auto;
.tab{ .top{
display: flex; display: flex;
list-style: none; justify-content: space-between;
/* margin-bottom: 5px; */ align-items: center;
margin: 10px 0px; .tab{
padding-left: 1%; display: flex;
li { list-style: none;
margin-right: 15px; /* margin-bottom: 5px; */
line-height: 30px; margin: 10px 0px;
height: 30px; padding:0 2%;
width: 20%; justify-content: space-between;
text-align: center; li {
border: 1px #a9aabb solid; text-align: center;
border-radius: 20px; // border: 1px #a9aabb solid;
h3{ // border-radius: 20px;
font-weight: normal;
font-size: 16px; font-size: 16px;
}
li.selected{
// background-color: #ff5a32;
// color: #fff;
// border: 1px #f0f0f0 solid;
// border: 1px #e10d0d solid;
border-bottom: 2px #e10d0d solid;
font-weight: bold;
}
} }
} .tab:nth-child(1){
li.selected{ width: 50%;
// background-color: #ff5a32; }
// color: #fff; .tab:nth-child(2){
// border: 1px #f0f0f0 solid; width: 28%;
border: 1px #e10d0d solid; }
} }
}
.salesContent{ .salesContent{
.salesItem{ .salesItem{
border-bottom: 1px #dcdcdc solid; border-bottom: 1px #dcdcdc solid;
...@@ -56,7 +64,7 @@ ...@@ -56,7 +64,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 20px; // height: 20px;
font-size: 14px; font-size: 14px;
.price{ .price{
font-size: 16px; font-size: 16px;
......
src/app/my/sales-detail/sales-detail.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { MyService } from '../my.service'; import { MyService } from '../my.service';
import { ActivatedRoute } from "@angular/router"; import { ActivatedRoute, Router } from "@angular/router";
import { LifeCommonService } from '../../common/life-common.service'; import { LifeCommonService } from '../../common/life-common.service';
@Component({ @Component({
selector: 'ydlife-sales-detail', selector: 'ydlife-sales-detail',
...@@ -8,44 +8,43 @@ import { LifeCommonService } from '../../common/life-common.service'; ...@@ -8,44 +8,43 @@ import { LifeCommonService } from '../../common/life-common.service';
styleUrls: ['./sales-detail.component.scss'] styleUrls: ['./sales-detail.component.scss']
}) })
export class SalesDetailComponent implements OnInit { export class SalesDetailComponent implements OnInit {
allPerformanceInfo: Array<any>;
salesDetailList: Array<any>; salesDetailList: Array<any>;
searchType: any; searchType: any;
performanceList: Array<any>; performanceList: Array<any>;
showType: any; showType: any;
constructor(private myService: MyService, private activatedRoute: ActivatedRoute, public lifeCommonService: LifeCommonService) { platform: number;
constructor(private router: Router, private myService: MyService, private activatedRoute: ActivatedRoute, public lifeCommonService: LifeCommonService) {
this.performanceList = [ this.performanceList = [
{ type: 1, name: '本月' }, { time: 1, name: '本月' },
{ type: 2, name: '本年度' } { time: 3, name: '本季' },
{ time: 2, name: '本年度' }
] ]
} }
ngOnInit() { ngOnInit() {
this.searchType = this.activatedRoute.snapshot.queryParams.searchType; this.searchType = this.activatedRoute.snapshot.queryParams.searchType;
this.showType = this.activatedRoute.snapshot.queryParams.showType; this.showType = this.activatedRoute.snapshot.queryParams.showType;
this.practitionerPolicyListQuery(); this.platform = 1;
this.practitionerPolicyListQuery(this.platform);
} }
//查询保单 //查询保单
practitionerPolicyListQuery() { practitionerPolicyListQuery(platform?: any) {
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']; const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.practitionerPolicyListQuery({ practitionerId: practitionerId }).subscribe((res) => { this.myService.policyListQuery({ practitionerId: practitionerId, time: this.searchType }).subscribe((res) => {
if (res['success']) { if (res['success']) {
this.allPerformanceInfo = res['data']['policyListInfo']; this.salesDetailList = res['data']['policyInfoList'];
if (this.searchType == 1) { if (platform == 1) {
if (this.allPerformanceInfo['thisMonthInfo']) { this.salesDetailList = this.salesDetailList.filter(item => {
this.salesDetailList = this.allPerformanceInfo['thisMonthInfo']['onlineInfo']['fortuneItemList']; return item.platform == 1;
} else { })
this.salesDetailList = []; } else {
} this.salesDetailList = this.salesDetailList.filter(item => {
} return item.platform == 2;
if (this.searchType == 2) { })
if (this.allPerformanceInfo['thisYearInfo']['onlineInfo']) {
this.salesDetailList = this.allPerformanceInfo['thisYearInfo']['onlineInfo']['fortuneItemList'];
} else {
this.salesDetailList = [];
}
} }
} else {
this.salesDetailList = [];
} }
}) })
} }
...@@ -54,12 +53,15 @@ export class SalesDetailComponent implements OnInit { ...@@ -54,12 +53,15 @@ export class SalesDetailComponent implements OnInit {
selectRang(e) { selectRang(e) {
this.searchType = e; this.searchType = e;
this.practitionerPolicyListQuery(); this.practitionerPolicyListQuery(this.platform);
} }
jumpToOrderdetail(orderNo) { jumpToOrderdetail(orderNo, platform) {
const customerId = JSON.parse(localStorage.getItem('lifeCustomerInfo')).customerId; if (platform === 1) {
window.location.href = `https://${window.location.host}/mine/orderdetail/${orderNo}?customerId=${customerId}&isReferral=true&paid=true`; const customerId = JSON.parse(localStorage.getItem('lifeCustomerInfo')).customerId;
// https://mdev.zuihuibi.cn/mine/orderdetail/CP338119110911044108?customerId=41&isReferral=true&paid=true&whichNumber=0&policyHolderType=2 window.location.href = `https://${window.location.host}/mine/orderdetail/${orderNo}?customerId=${customerId}&isReferral=true&paid=true`;
} else {
this.router.navigate(['/orderDetail'], { queryParams: { orderNo: orderNo } });
}
} }
} }
src/app/my/sales-rank/sales-rank.component.html
...@@ -63,4 +63,8 @@ ...@@ -63,4 +63,8 @@
<li *ngIf="searchType==3">{{rankItem.count}}</li> <li *ngIf="searchType==3">{{rankItem.count}}</li>
</ul> </ul>
</div> </div>
<div class="personal">
<span style="margin-right: 20px;">您的个人排名</span>
<span>{{practitionerInfo?.rank!=null ?practitionerInfo?.rank:'-'}}</span>
</div>
</div> </div>
\ No newline at end of file
src/app/my/sales-rank/sales-rank.component.scss
...@@ -55,6 +55,7 @@ ...@@ -55,6 +55,7 @@
box-shadow: 0 0px 2.5px #969696; box-shadow: 0 0px 2.5px #969696;
border-radius: 6px; border-radius: 6px;
padding: 5px 10px 5px 5px; padding: 5px 10px 5px 5px;
margin-bottom: 20px;
ul{ ul{
width: 100%; width: 100%;
li{ li{
...@@ -87,5 +88,8 @@ ...@@ -87,5 +88,8 @@
} }
} }
} }
.personal{
color: #fff;
}
} }
\ No newline at end of file
src/app/my/sales-rank/sales-rank.component.ts
...@@ -15,7 +15,7 @@ export class SalesRankComponent implements OnInit { ...@@ -15,7 +15,7 @@ export class SalesRankComponent implements OnInit {
searchType: any; searchType: any;
isOnlineType: any; isOnlineType: any;
rankList: Array<any>; rankList: Array<any>;
practitionerInfo: any;
constructor(private activatedRoute: ActivatedRoute, private myService: MyService) { constructor(private activatedRoute: ActivatedRoute, private myService: MyService) {
this.performanceList = [ this.performanceList = [
{ type: 1, name: '本月' }, { type: 1, name: '本月' },
...@@ -57,8 +57,10 @@ export class SalesRankComponent implements OnInit { ...@@ -57,8 +57,10 @@ export class SalesRankComponent implements OnInit {
this.myService.rank(param).subscribe((res) => { this.myService.rank(param).subscribe((res) => {
if (res['success']) { if (res['success']) {
this.rankList = res['data']['rank']; this.rankList = res['data']['rank'];
this.practitionerInfo = res['data']['practitionerInfo'];
} else { } else {
this.rankList = []; this.rankList = [];
this.practitionerInfo = {};
} }
}) })
} }
......
src/app/my/team-panel/team-panel.component.html
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<li class="big" style="width: 30%;">{{statisticInfo?.fyp | number: "1.0-2"}}</li> <li class="big" style="width: 30%;">{{statisticInfo?.fyp | number: "1.0-2"}}</li>
<li class="big" style="width: 30%;">{{statisticInfo?.fyc | number: "1.0-2"}}</li> <li class="big" style="width: 30%;">{{statisticInfo?.fyc | number: "1.0-2"}}</li>
<li class="big" style="width: 15%;">{{statisticInfo?.count | number}}</li> <li class="big" style="width: 15%;">{{statisticInfo?.count | number}}</li>
<li class="big" style="width: 15%;">{{lifeCommonService.toPercent(statisticInfo?.completionRate) }}</li> <li class="big" style="width: 15%;">{{statisticInfo?.completionRate + '%'}}</li>
</ul> </ul>
<ul> <ul>
<li style="width: 30%;">首年保费</li> <li style="width: 30%;">首年保费</li>
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
<li class="big">{{premiums?lifeCommonService.transform(premiums):'0'}}</li> <li class="big">{{premiums?lifeCommonService.transform(premiums):'0'}}</li>
<li class="big">{{commission?lifeCommonService.transform(commission):'0'}}</li> <li class="big">{{commission?lifeCommonService.transform(commission):'0'}}</li>
<li class="big">{{count?count:'0'}}</li> <li class="big">{{count?count:'0'}}</li>
<li class="big">{{completionRates?lifeCommonService.toPercent(completionRates):'0'}}</li> <li class="big">{{completionRates?completionRates:'0%'}}</li>
</ul> </ul>
<ul> <ul>
<li>{{selectedSalseItemName}}保费</li> <li>{{selectedSalseItemName}}保费</li>
......
src/app/my/team-rank/team-rank.component.html
...@@ -48,8 +48,8 @@ ...@@ -48,8 +48,8 @@
{{performanceItem.rank}} {{performanceItem.rank}}
</li> --> </li> -->
<li class="name">{{performanceItem.name}}</li> <li class="name">{{performanceItem.name}}</li>
<li class="fyp remark">￥{{performanceItem.fyp | number: "1.2-2"}}</li> <li class="fyp remark">￥{{performanceItem.fyp | number: "1.0-2"}}</li>
<li class="fyc remark">￥{{performanceItem.fyc | number: "1.2-2"}}</li> <li class="fyc remark">￥{{performanceItem.fyc | number: "1.0-2"}}</li>
<li class="count remark">{{performanceItem.count}}</li> <li class="count remark">{{performanceItem.count}}</li>
</ul> </ul>
</div> </div>
......
src/app/my/team-rank/team-rank.component.scss
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
.salseContent{ .salseContent{
width: 100%; width: 100%;
float: left; float: left;
padding: 5px 6.5%; padding: 5px 2.5%;
div{ div{
float: left; float: left;
width: 40%; width: 40%;
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
} }
div.num{ div.num{
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 18px;
color: #fff; color: #fff;
} }
div.count{ div.count{
......
src/index.html
...@@ -31,9 +31,9 @@ ...@@ -31,9 +31,9 @@
<div class="content" style="text-align: center;width: 60%;margin: 45% auto 0 auto;"> <div class="content" style="text-align: center;width: 60%;margin: 45% auto 0 auto;">
<img style="width:100%;margin-bottom: 15px;" src="assets/images/login_logo.png"> <img style="width:100%;margin-bottom: 15px;" src="assets/images/login_logo.png">
<div class="loadingContent"> <div class="loadingContent">
<span style="letter-spacing: 12px;">海纳百川</span> <span style="letter-spacing: 4px;">DYD</span>
<span style="letter-spacing: 12px;">·</span> <span style="letter-spacing: 4px;">·</span>
<span style="letter-spacing: 12px;">赢家后</span>盾 <span style="letter-spacing: 4px;">Digital Yindun</span>
</div> </div>
<!-- <div style="margin-top: 45%;">欢迎回家，先喝碗鸡汤</div> --> <!-- <div style="margin-top: 45%;">欢迎回家，先喝碗鸡汤</div> -->
</div> </div>
...@@ -87,7 +87,7 @@ ...@@ -87,7 +87,7 @@
initialize(); initialize();
} else if (window.name == "isReload") { } else if (window.name == "isReload") {
let loading = document.getElementById("adv"); let loading = document.getElementById("adv");
loading.style.display = 'none'; // loading.style.display = 'none';
} }
//用于去除alert的url //用于去除alert的url
......
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