Skip to content

Y
ydLife
Commit f59e2f68 by sunchao
Options

得分详情页部分样式修改

parent 47c72de7
Showing with 49 additions and 15 deletions
src/app/my/my-routing.module.ts
...@@ -26,7 +26,7 @@ import { BusinessCardComponent } from "./business-card/business-card.component"; ...@@ -26,7 +26,7 @@ import { BusinessCardComponent } from "./business-card/business-card.component";
import { OrderDetailComponent } from './order-detail/order-detail.component'; import { OrderDetailComponent } from './order-detail/order-detail.component';
import { SalaryComponent } from './salary/salary.component'; import { SalaryComponent } from './salary/salary.component';
import { TodoListComponent } from './todo-list/todo-list.component'; import { TodoListComponent } from './todo-list/todo-list.component';
import {AddTaskComponent} from './add-task/add-task.component'; import { AddTaskComponent } from './add-task/add-task.component';
const myRoutes: Routes = [ const myRoutes: Routes = [
{ path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] }, { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
...@@ -53,6 +53,7 @@ const myRoutes: Routes = [ ...@@ -53,6 +53,7 @@ const myRoutes: Routes = [
{ path: 'teamPanel', component: TeamPanelComponent, canActivate: [AuthGuard] }, { path: 'teamPanel', component: TeamPanelComponent, canActivate: [AuthGuard] },
{ 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: 'scoreDeatil/:practitionerId', component: ScoreDetailsComponent, canActivate: [AuthGuard] },
{ path: 'businessCard', component: BusinessCardComponent, canActivate: [AuthGuard] }, { path: 'businessCard', component: BusinessCardComponent, canActivate: [AuthGuard] },
{ path: 'orderDetail', component: OrderDetailComponent, canActivate: [AuthGuard] }, { path: 'orderDetail', component: OrderDetailComponent, canActivate: [AuthGuard] },
{ path: 'salary', component: SalaryComponent, canActivate: [AuthGuard] }, { path: 'salary', component: SalaryComponent, canActivate: [AuthGuard] },
......
src/app/my/my.service.ts
...@@ -353,4 +353,10 @@ export class MyService { ...@@ -353,4 +353,10 @@ export class MyService {
.post(url, JSON.stringify(param)); .post(url, JSON.stringify(param));
} }
//PEP得分查询
queryPEPScore(param){
const url = this.ydapi + '/practitioner/queryPEPScore';
return this.http
.post(url, JSON.stringify(param));
}
} }
src/app/my/score-details/score-details.component.html
<div class="scoreDetail_wrapper"> <div class="scoreDetail_wrapper">
<div class="top"> <div>
<div>销售活动量分值详情</div> <div class="title">战绩</div>
<ul> <div class="top">
<!-- <li [ngClass]="{selected:selectedTime===''}" (click)="salesScoreDetailQuery('')">全部</li> --> <div style="font-size: 16px;font-family:'Source Han Sans CN'">
<li [ngClass]="{selected:selectedTime==='D'}" (click)="salesScoreDetailQuery('D')">今天</li> 活动量分值详情
<li [ngClass]="{selected:selectedTime==='W'}" (click)="salesScoreDetailQuery('W')">本周</li> </div>
<li [ngClass]="{selected:selectedTime==='M'}" (click)="salesScoreDetailQuery('M')">本月</li> <ul>
</ul> <!-- <li [ngClass]="{selected:selectedTime===''}" (click)="salesScoreDetailQuery('')">全部</li> -->
<li [ngClass]="{selected:selectedTime==='D'}" (click)="salesScoreDetailQuery('D')">今天</li>
<li [ngClass]="{selected:selectedTime==='W'}" (click)="salesScoreDetailQuery('W')">本周</li>
<li [ngClass]="{selected:selectedTime==='M'}" (click)="salesScoreDetailQuery('M')">本月</li>
</ul>
</div>
</div> </div>
<div class="contentWrapper"> <div class="contentWrapper">
<div *ngIf="salesScoreDetails?.length>0"> <div *ngIf="salesScoreDetails?.length>0">
......
src/app/my/score-details/score-details.component.scss
...@@ -2,25 +2,39 @@ ul ,ol{ ...@@ -2,25 +2,39 @@ ul ,ol{
list-style: none; list-style: none;
} }
.scoreDetail_wrapper{ .scoreDetail_wrapper{
padding: 10px 15px; padding: 10px 0;
.title{
width: 100%;
text-align: center;
height: 60px;
line-height: 60px;
background: #1B5B99FF;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.top{ .top{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 35px; height: 70px;
margin-bottom: 15px; margin-bottom: 15px;
padding: 10px 15px;
ul{ ul{
width: 40%; width: 40%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
color: #333333FF;
li.selected{ li.selected{
font-weight: bold; font-weight: bold;
border-bottom: 2px #ff002a solid; border-bottom: 2px #F8002EFF solid;
color: #F8002EFF;
} }
} }
} }
.contentWrapper{ .contentWrapper{
padding: 10px 15px;
.content{ .content{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
......
src/app/my/score-details/score-details.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, Router } from "@angular/router";
@Component({ @Component({
selector: 'ydlife-score-details', selector: 'ydlife-score-details',
templateUrl: './score-details.component.html', templateUrl: './score-details.component.html',
...@@ -8,10 +10,16 @@ import { MyService } from '../my.service'; ...@@ -8,10 +10,16 @@ import { MyService } from '../my.service';
export class ScoreDetailsComponent implements OnInit { export class ScoreDetailsComponent implements OnInit {
salesScoreDetails: Array<any>; salesScoreDetails: Array<any>;
selectedTime: string; selectedTime: string;
constructor(private myService: MyService) { } practitionerId:number;
constructor(private activateRoute: ActivatedRoute,private myService: MyService) { }
ngOnInit() { ngOnInit() {
this.selectedTime = 'D'; this.selectedTime = 'D';
this.salesScoreDetailQuery('D'); this.salesScoreDetailQuery('D');
if(this.activateRoute.snapshot.paramMap.get('practitionerId')){
this.practitionerId = Number(this.activateRoute.snapshot.paramMap.get('practitionerId'));
}else{
this.practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
}
} }
//销售活动量详情D-天 W-周 M-月 //销售活动量详情D-天 W-周 M-月
......
src/app/my/team-sales-score/team-sales-score.component.html
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
<li>{{playerSalesActivityItem.scoreWeek!=null?playerSalesActivityItem.scoreWeek:'-'}}</li> <li>{{playerSalesActivityItem.scoreWeek!=null?playerSalesActivityItem.scoreWeek:'-'}}</li>
<li>{{playerSalesActivityItem.scoreMonth!=null?playerSalesActivityItem.scoreMonth:'-'}}</li> <li>{{playerSalesActivityItem.scoreMonth!=null?playerSalesActivityItem.scoreMonth:'-'}}</li>
<li>{{playerSalesActivityItem.addOpportunityNum!=null?playerSalesActivityItem.addOpportunityNum:'-'}}</li> <li>{{playerSalesActivityItem.addOpportunityNum!=null?playerSalesActivityItem.addOpportunityNum:'-'}}</li>
<li><i class="iconfont icon-ar-r" style="color: #A4A4A4FF;font-size: 12px;" [routerLink]="playerSalesActivityItem.practitionerId"></i></li> <li><i class="iconfont icon-ar-r" style="color: #A4A4A4FF;font-size: 12px;" [routerLink]="['/scoreDeatil',playerSalesActivityItem.practitionerId]"></i></li>
</ul> </ul>
</div> </div>
......
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