样式优化&点击审批

src/app/my/approval-result-list/approval-result-list.component.html

@@ -52,8 +52,10 @@
     
   </div>
 <div class="footer" style="justify-content: center;">
-  <span class="iconfont icon-fanhui" (click)="prev()"></span>
-  <div (click)="jumpToDetail()">查看资料<span *ngIf="viewApprovalInfo == 0">并审批</span></div>
+  <span class="iconfont icon-fanhui" (click)="prev()" style="width: 20%;"></span>
+  <div (click)="jumpToDetail()" style="width: 80%;text-align: center;">
+    <span *ngIf="viewApprovalInfo != 0" style="margin-left: -25%;">查看资料</span>
+    <span *ngIf="viewApprovalInfo == 0" style="margin-left: -25%;">点击审批</span>
+  </div>
 </div>
-
 <ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>

src/app/my/approval-result-list/approval-result-list.component.scss

@@ -104,9 +104,7 @@
     font-size: 18px;
     margin: 0 auto;
     .icon-fanhui{
-        position: absolute;
-        left: 0;
-        width: 30px;
-        text-align: center;
+        position: relative;
+        left: 10px;
     }
 }
\ No newline at end of file

src/app/my/file-upload/file-upload.component.html

 <div class="fileUploadLists">
   <div class="nav" *ngIf="!fileUploadType">
-    <ul class="left">
+    <ul class="left" [ngStyle]="{'width':type == 'fileUpload'?'100%':'120%'}">
       <li *ngFor="let categoryItem of categoryList" (click)="switchCategory(categoryItem.id)"
         [ngClass]="{'actived':selectedCategoryId===categoryItem.id}">
         {{categoryItem.dropOptionName}}
       </li>
     </ul>
   </div>
-  <div class="contentList">
+  <div class="contentList" [ngStyle]="{'margin-top':type == 'fileUpload'?'10px':'auto'}">
     <ul>
       <li *ngFor="let fileUploadItem of fileUploadItemList">
         <a href="{{fileUploadItem.filePath}}" download="{{fileUploadItem.itemName}}" target="_blank">

src/app/my/file-upload/file-upload.component.scss

 .fileUploadLists {
   height: 100%;
+  background: #f5f5f5;
   ul {
     list-style: none;
   }
@@ -8,30 +9,26 @@
     width: 100%;
     overflow-x: auto;
     .left{
-      padding: 10px 2px;
-      // background: #f0f0f0;
-      margin-bottom: 10px;
+      background: #fff;
       float: left;
-      width: 120%;
       overflow: hidden;
       overflow-x: auto;
       list-style: none;
+      display: flex;
+      justify-content: space-around;
       li{
-        border: 1px #a9aabb solid;
         text-align: center;
         font-size: 14px;
-        height: 30px;
-        line-height: 30px;
-        border-radius: 20px;
-        margin: 0px 2px;
+        height: 50px;
+        line-height: 50px;
         float: left;
-        width: 15.6%;
       }
       li.actived{
         // background-color: #ff5a32;
         // color: #fff;
         // border: 1px #f0f0f0 solid;
-        border: 1px #e10d0d solid;
+        border-bottom: 3px #e10d0d solid;
+        color: #e10d0d;
       }
     }
   }

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

@@ -8,7 +8,7 @@
       </div>
     </div>
   </div>
-  <ul class="tab" *ngIf="this.pageType == 'recruiting'">
+  <ul class="tab" *ngIf="this.pageType == 'recruiting'" >
     <li *ngFor="let titleItem of titleList" (click)="selectTab(titleItem.id)"
       [ngClass]="{selected:selectedId===titleItem.id}">
       <div style="position: relative;">
@@ -17,7 +17,7 @@
       </div>
     </li>
   </ul>
-  <div class="salesContent">
+  <div class="salesContent" [ngStyle]="{'padding-bottom':showRecruitingList?.length>0?'50px':'0px'}">
     <div style="text-align: center;margin: 20px auto;font-size: 20px;" *ngIf="businessList?.length==0">暂无商机</div>
     <div class="salesItem" *ngFor="let recruitingItem of showRecruitingList" (click)="isJumpToDetail(recruitingItem.potentialId,recruitingItem)">
       <div class="icon_bolck" *ngIf="pageType=='recruiting'"><span class="iconfont icon-tuanduiguanlisvg"></span></div>
@@ -43,8 +43,9 @@
   <div class="footer" *ngIf="pageType=='linkrecruiting'" (click)="returnAddTask()">
     确认
   </div>
-  <div class="add" *ngIf="pageType=='recruiting' && selectedId !=4">
-    <i class="iconfont icon-jiahao" (click)="addMember()"></i>
+  <div class="footer" *ngIf="pageType=='recruiting' && selectedId !=4" (click)="addMember()">
+    新增人员
   </div>
+
 </div>
 <ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>
\ No newline at end of file

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

@@ -3,29 +3,31 @@
     height: 100%;
     overflow: auto;
     // background:#f7f7f2;
-    background: #fff;
+    background: #f5f5f5;
     .tab {
       display: flex;
       list-style: none;
-      margin: 10px 0px;
       justify-content: space-around;
+      background:#fff;
+      margin-bottom: 10px;
         li {
-          line-height: 30px;
-          height: 30px;
-          width: 25%;
+          line-height: 50px;
+          height: 50px;
           text-align: center;
-          border: 1px #a9aabb solid;
-          border-radius: 20px;
           h3 {
             font-weight: normal;
             font-size: 16px;
           }
         }
         li.selected {
-          border: 1px #e10d0d solid;
+          border-bottom: 3px #e10d0d solid;
+          h3{
+            color: #e10d0d;
+          }
         }
       }
     .salesContent{
+      background: #fff;
         .salesItem{
             border-bottom: 1px #dcdcdc solid;
             padding: 10px;
@@ -33,7 +35,6 @@
             position: relative;
 
             .icon_bolck{
-                border: 1px #dcdcdc solid;
                 width: 35px;
                 height: 35px;
                 position: absolute;
@@ -42,6 +43,7 @@
                 line-height: 30px;
                 text-align: center;
                 border-radius: 50%;
+                background: #fff5f5;
                 .iconfont{
                     color: #ff3500;
                     font-size: 26px;

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

@@ -24,8 +24,9 @@ export class SalesRankComponent implements OnInit {
       { type: 2, name: '本年' }
     ]
     this.typelist = [
-      { type: 1, name: '线上' },
       { type: 2, name: '寿险' },
+      { type: 1, name: '线上' },
+      
     ]
     this.searchList = [
       { type: 1, name: '首年保费' },
@@ -37,8 +38,8 @@ export class SalesRankComponent implements OnInit {
   ngOnInit() {
     this.practitionerBasicInfo = JSON.parse(localStorage.getItem("lifeCustomerInfo"))['practitionerBasicInfo'];
     this.time = this.activatedRoute.snapshot.queryParams.time ? Number(this.activatedRoute.snapshot.queryParams.time) : null;
-    //初始化查线上保费
-    this.rank(this.time, 1, 1)
+    //初始化查寿险保费
+    this.rank(this.time, 2, 1)
   }
 
   /**