商机销售活动量分值接口对接

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

@@ -2,9 +2,19 @@
   <div class="top">
     <div>销售活动量分值详情</div>
     <ul>
-      <li>今天</li>
-      <li>本周</li>
-      <li>本月</li>
+      <!-- <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="contentWrapper">
+    <div *ngIf="salesScoreDetails?.length>0">
+      <div class="content" *ngFor="let scoreItem of salesScoreDetails">
+        <span>{{scoreItem.dropOptionsName}}</span>
+        <span>{{scoreItem.number * scoreItem.score}}</span>
+      </div>
+    </div>
+    <div class="tips" *ngIf="salesScoreDetails?.length<=0">暂无销售活动量得分</div>
+  </div>
 </div>
\ No newline at end of file

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

+ul ,ol{
+    list-style: none;
+}
+.scoreDetail_wrapper{
+    padding: 10px 15px;
+    .top{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 35px;
+        margin-bottom: 15px;
+        ul{
+            width: 40%;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            li.selected{
+                font-weight: bold;
+                border-bottom: 2px #ff002a solid;
+            }
+        }
+    }
+    .contentWrapper{  
+        .content{
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            height: 30px;
+        }
+        .tips{
+            text-align: center;
+            height: 40px;
+            line-height: 40px;
+        }
+        
+    }
+}
\ No newline at end of file

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

@@ -6,18 +6,23 @@ import { MyService } from '../my.service';
   styleUrls: ['./score-details.component.scss']
 })
 export class ScoreDetailsComponent implements OnInit {
-
+  salesScoreDetails: Array<any>;
+  selectedTime: string;
   constructor(private myService: MyService) { }
-
   ngOnInit() {
-    this.salesScoreDetailQuery();
+    this.selectedTime = 'D';
+    this.salesScoreDetailQuery('D');
   }
 
-  //销售活动量详情
-  salesScoreDetailQuery() {
+  //销售活动量详情D-天 W-周 M-月
+  salesScoreDetailQuery(time) {
+    this.selectedTime = time;
     const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
-    this.myService.salesScoreDetailQuery({ practitionerId: practitionerId }).subscribe((res) => {
-      console.log(res)
+    this.myService.salesScoreDetailQuery({ practitionerId: practitionerId, time: this.selectedTime }).subscribe((res) => {
+      if (res['success']) {
+        this.salesScoreDetails = res['data']['salesScoreDetails'];
+      }
     })
   }
+
 }