得分详情页部分样式修改

src/app/my/my-routing.module.ts

@@ -26,7 +26,7 @@ import { BusinessCardComponent } from "./business-card/business-card.component";
 import { OrderDetailComponent } from './order-detail/order-detail.component';
 import { SalaryComponent } from './salary/salary.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 = [
   { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
@@ -53,6 +53,7 @@ const myRoutes: Routes = [
   { path: 'teamPanel', component: TeamPanelComponent, canActivate: [AuthGuard] },
   { path: 'teamPanel/:type', component: TeamSalesScoreComponent, canActivate: [AuthGuard] },
   { path: 'scoreDeatil', component: ScoreDetailsComponent, canActivate: [AuthGuard] },
+  { path: 'scoreDeatil/:practitionerId', component: ScoreDetailsComponent, canActivate: [AuthGuard] },
   { path: 'businessCard', component: BusinessCardComponent, canActivate: [AuthGuard] },
   { path: 'orderDetail', component: OrderDetailComponent, canActivate: [AuthGuard] },
   { path: 'salary', component: SalaryComponent, canActivate: [AuthGuard] },

src/app/my/my.service.ts

@@ -353,4 +353,10 @@ export class MyService {
       .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="top">
-    <div>销售活动量分值详情</div>
-    <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 class="title">战绩</div>
+    <div class="top">
+      <div style="font-size: 16px;font-family:'Source Han Sans CN'">
+        活动量分值详情
+      </div>
+      <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 class="contentWrapper">
     <div *ngIf="salesScoreDetails?.length>0">

src/app/my/score-details/score-details.component.scss

@@ -2,25 +2,39 @@ ul ,ol{
     list-style: none;
 }
 .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{
         display: flex;
         justify-content: space-between;
         align-items: center;
-        height: 35px;
+        height: 70px;
         margin-bottom: 15px;
+        padding: 10px 15px;
         ul{
             width: 40%;
             display: flex;
             justify-content: space-between;
             align-items: center;
+            color: #333333FF;
             li.selected{
                 font-weight: bold;
-                border-bottom: 2px #ff002a solid;
+                border-bottom: 2px #F8002EFF solid;
+                color: #F8002EFF;
             }
         }
     }
-    .contentWrapper{  
+    .contentWrapper{
+        padding: 10px 15px;
         .content{
             display: flex;
             justify-content: space-between;

src/app/my/score-details/score-details.component.ts

 import { Component, OnInit } from '@angular/core';
 import { MyService } from '../my.service';
+import { ActivatedRoute, Router } from "@angular/router";
+
 @Component({
   selector: 'ydlife-score-details',
   templateUrl: './score-details.component.html',
@@ -8,10 +10,16 @@ import { MyService } from '../my.service';
 export class ScoreDetailsComponent implements OnInit {
   salesScoreDetails: Array<any>;
   selectedTime: string;
-  constructor(private myService: MyService) { }
+  practitionerId:number;
+  constructor(private activateRoute: ActivatedRoute,private myService: MyService) { }
   ngOnInit() {
     this.selectedTime = '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-月

src/app/my/team-sales-score/team-sales-score.component.html

@@ -31,7 +31,7 @@
             <li>{{playerSalesActivityItem.scoreWeek!=null?playerSalesActivityItem.scoreWeek:'-'}}</li>
             <li>{{playerSalesActivityItem.scoreMonth!=null?playerSalesActivityItem.scoreMonth:'-'}}</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>
         </div>