商机增员样式微调

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "ng serve --host 192.168.124.107",
+    "start": "ng serve --host 192.168.1.25",
     "buildDev": "ng build -c=dev --prod",
     "buildStage": "ng build -c=stage --prod",
     "buildProd": "ng build -c=production --prod",

src/app/my/my-business-detail/my-business-detail.component.scss

 .wrapper {
   padding-bottom: 40px;
+  font-size: 16px;
   select {
     -webkit-appearance: none;
     border: none;
@@ -43,7 +44,7 @@
       color: #fff;
       background: #0767bf;
       text-align: center;
-      bottom: 50px;
+      bottom: 5px;
     }
     .contentDetail {
       margin-top: 15px;
@@ -69,6 +70,7 @@
             box-shadow: none;
             display: flex;
             flex-wrap: wrap;
+            font-size: 16px;
           }
           .sexWrapper {
             display: flex;
@@ -134,7 +136,7 @@
         color: #fff;
         background: #0767bf;
         text-align: center;
-        bottom: 50px;
+        bottom: 5px;
         font-size: 28px;
         // color: #ff5933;
         font-weight: bold;

src/app/my/my-business/my-business.component.html

@@ -10,9 +10,9 @@
     <div class="salesItem" *ngFor="let businessItem of businessList"
       [routerLink]="['/business',businessItem.opportunityId]"
       [queryParams]="{orderId:businessItem.orderId,leadsAssignedId:businessItem.leadsAssignedId}">
-      <div class="icon_bolck">
+      <div class="icon_bolck" [ngStyle]="{'background':businessItem.expertType=='1'? '#ddd' : 'none'}">
         <span class="iconfont icon-xiansuo1" *ngIf="businessItem.expertType=='0'"></span>
-        <span class="iconfont icon-zhuanjia" *ngIf="businessItem.expertType=='1'"></span>
+        <span class="iconfont icon-zhuanjia" style="color: #093d9b;" *ngIf="businessItem.expertType=='1'"></span>
       </div>
       <div class="line">
         <div>姓名：{{businessItem.name}}</div>

src/app/my/recruiting-detail/recruiting-detail.component.html

@@ -86,6 +86,7 @@
           placeholder="{{readonlyFlag ?'暂无预计报聘时间':'请选择预计报聘时间'}}" [(ngModel)]="editRecruiting.timeToOnboarding"
           [disabled]="readonlyFlag" (blur)="inputBlur()" />
         <input *ngIf="!readonlyFlag" class="form-control" type="date"
+          [ngStyle]="{'margin-right':this.isPC == '1' ? '-8%' : '-4.5%'}"
           placeholder="{{readonlyFlag ?'暂无预计报聘时间':'请选择预计报聘时间'}}" [(ngModel)]="editRecruiting.timeToOnboarding"
           [disabled]="readonlyFlag" (blur)="inputBlur()" />
       </div>

src/app/my/recruiting-detail/recruiting-detail.component.scss

 .wrapper {
+  font-size: 16px;
     select{
       -webkit-appearance: none;
     }
@@ -40,7 +41,7 @@
         color: #fff;
         background: #0767bf;
         text-align: center;
-        bottom: 50px;
+        bottom: 5px;
         left: 42%;
       }
       .contentDetail {
@@ -66,10 +67,10 @@
             box-shadow: none;
             display: flex;
             flex-wrap: wrap;
+            font-size: 16px;
           }
           input[type="date"]{
-            position: absolute;
-            right: -6%;
+            margin-right: -4.5%;
             direction: rtl;
           }
           .sexWrapper {
@@ -142,7 +143,7 @@
           color: #fff;
           background: #0767bf;
           text-align: center;
-          bottom: 50px;
+          bottom: 5px;
           font-size: 28px;
           // color: #ff5933;
           font-weight: bold;

src/app/my/recruiting-detail/recruiting-detail.component.ts

@@ -39,6 +39,7 @@ export class RecruitingDetailComponent implements OnInit {
   trackTime: any;
   status: any;
   remarkId: any;
+  isPC: any;
   constructor(
     private activateRoute: ActivatedRoute,
     public lifeCommonService: LifeCommonService,
@@ -52,6 +53,7 @@ export class RecruitingDetailComponent implements OnInit {
   }
 
   ngOnInit() {
+    this.isPC = this.lifeCommonService.checkDeviceType();
     //潜在增员id
     this.potentialId = Number(this.activateRoute.snapshot.paramMap.get('id'));
     //状态

src/app/my/salary/salary.component.ts

@@ -24,7 +24,6 @@ export class SalaryComponent implements OnInit {
 
   payScaleListQuery() {
     this.myService.payScaleListQuery({ practitionerIdEG: this.practitionerIdEG }).subscribe((res) => {
-      console.log(res)
       if (res['success']) {
         this.payScaleInfos = res['data']['payScaleInfos'];
       } else {

src/app/my/sales-rank/sales-rank.component.ts

@@ -36,7 +36,6 @@ export class SalesRankComponent implements OnInit {
 
   ngOnInit() {
     this.practitionerBasicInfo = JSON.parse(localStorage.getItem("lifeCustomerInfo"))['practitionerBasicInfo'];
-    console.log(this.practitionerBasicInfo)
     this.time = this.activatedRoute.snapshot.queryParams.time ? Number(this.activatedRoute.snapshot.queryParams.time) : null;
     //初始化查线上保费
     this.rank(this.time, 1, 1)

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

@@ -38,7 +38,7 @@
     <div class="rankInfoWrapper">
       <div class="rankContent">
         <div class="tab">
-          <div style="font-size: 18px;">战队销售业绩预测</div>
+          <div style="font-size: 18px;">战队销售业绩预测(预计)</div>
           <ul>
             <li [ngClass]="{selected:selectedSalseItem==='m'}" (click)="salesPerformanceForecastListQuery('m')">本月</li>
             <li [ngClass]="{selected:selectedSalseItem==='q'}" (click)="salesPerformanceForecastListQuery('q')">本季</li>
@@ -48,8 +48,8 @@
         <div class="content_wrapper forecast">
           <ul>
             <li class="name">姓名</li>
-            <li>保费</li>
-            <li>佣金</li>
+            <li>FYP</li>
+            <li>FYC</li>
             <li class="count">件数</li>
             <li>完成率</li>
           </ul>

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

@@ -74,8 +74,9 @@
             }
             .content_wrapper.forecast{
                 ul li{
-                    width: 30%;
+                    width: 28%;
                     margin: 0;
+                    overflow: hidden;
                 }
                 ul li:nth-child(2),ul li:nth-child(3){
                     text-align: right;
@@ -84,10 +85,10 @@
                     width: 22%;
                 }
                 ul li:nth-child(4),ul li:nth-child(5){
-                    width: 15%;
+                    width: 16%;
                 }
                 ul li.name{
-                    width: 18%;
+                    width: 15%;
                 }
             }