页面优化

src/app/app.component.html

 <!--The content below is only a placeholder and can be replaced.-->
 <div ydlifeScroll>
-  <div [ngStyle]="{'padding-bottom':isShowIndexBtn ? '49px' : '0'}">
+  <div [ngStyle]="{'padding-bottom':isShowIndexBtn ? '70px' : '0'}">
     <router-outlet></router-outlet>
   </div>
   <ydlife-guide-page *ngIf="shareGuidePageEnable"></ydlife-guide-page>

src/app/app.component.scss

@@ -35,16 +35,17 @@
 footer{
   position: fixed;
   bottom: 0;
-    left: 0;
+  left: 50%;
   width: 100%;
-    height: 49px;
+  height: 70px;
   border-top: 1px solid #f5f5f5;
   background: #fff;
   color: #333;
   font-size: 12px;
   min-width: 320px;
   max-width: 640px;
-    margin:0 auto;
+  padding-bottom: 20px;
+  transform: translateX(-50%);
     ul{
       display: flex;
       align-items: center;

src/app/app.component.ts

@@ -90,7 +90,11 @@ export class AppComponent implements OnInit, OnDestroy {
         // 控制首页浮标显示与否和底部菜单
         this.isShowIndexBtn = event.url != '/login';
         this.iconShowFlag = !!localStorage.getItem('lifeCustomerInfo');
-        if(event.url.indexOf('/material/')>=0 || event.url.indexOf('/inviter')>=0 || event.url.indexOf('/register')>=0){
+        if(event.url.indexOf('/material/')>=0 
+        || event.url.indexOf('/inviter')>=0 
+        || event.url.indexOf('/register')>=0
+        || event.url.indexOf('/invitees')>=0
+        ){
           this.isShowIndexBtn = false;
         }
         // 更新底部图标状态
@@ -108,7 +112,7 @@ export class AppComponent implements OnInit, OnDestroy {
       }
 
       if(event instanceof ActivationEnd){
-        this.lifeCommonService.setTitle(`${event.snapshot.data[0].title ? event.snapshot.data[0].title : '银盾保险经纪'}`)
+        this.lifeCommonService.setTitle(`${event.snapshot.data[0] && event.snapshot.data[0].title ? event.snapshot.data[0].title : '银盾保险经纪'}`)
       }
     });
   }

src/app/my/add-task/add-task.component.scss

@@ -131,7 +131,7 @@ ul,ol{
     color: #fff;
     text-align: center;
     position: fixed;
-    bottom: 49px;
+    bottom: 70px;
     color: #fff;
     text-align: center;
     width: 100%;

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

 .wrapper{
     padding: 10px 8px;
+    background-color: #fff;
     .headWrapper{
         .title{
             text-align: center;

src/app/my/application-process/employee-id-card/employee-id-card.component.scss

@@ -67,7 +67,7 @@
                 .choseBtn{
                     position: absolute;
                     font-size: 13px;
-                    bottom: 15%;
+                    bottom: 19%;
                 }
             }
             .showImg{

src/app/my/application-process/invitation/invitation.component.scss

@@ -38,7 +38,7 @@
             line-height: 40px;
             left: 0;
             right: 0;
-            bottom: 8%;
+            bottom: 12%;
             margin: 0 auto;
             text-align: center;
         }

src/app/my/approval-comments/approval-comments.component.scss

 .wrapper{
-    padding: 10px 15px;
+    padding: 10px 15px 60px 15px;
     font-size: 15px;
     .title{
         font-size: 18px;
@@ -16,7 +16,6 @@
     position: fixed;
     bottom: 0;
     left: 0;
-    bottom: 0;
     right: 0;
     margin: 0 auto;
     width: 100%;

src/app/my/approval-comments/approval-comments.component.ts

@@ -79,7 +79,7 @@ export class ApprovalCommentsComponent implements OnInit {
     }
     this.myService.hiringApprove(param).subscribe((res)=>{
       if(res['success']){
-        this.openPopInfo('你的审批成功！');
+        this.openPopInfo(res['message']);
         sessionStorage.setItem('viewApprovalInfo','1')
       }else{
         this.openPopInfo(res['message']);

src/app/my/approval-list/approval-list.component.ts

@@ -16,8 +16,6 @@ export class ApprovalListComponent implements OnInit {
   constructor(public lifeCommonService:LifeCommonService,private myService:MyService,private router:Router,private activatedRoute: ActivatedRoute) { }
 
   ngOnInit() {
-    const title = this.activatedRoute.snapshot.data[0]['title'];
-    this.lifeCommonService.setTitle(title);
     this.practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
     this.titleList = [
       { id: 0, name: '待审批' },

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

 .wrapper{
     padding:10px 13px 56px 13px;
+    background-color: #fff;
 
     .record_wrapper{
         .record_content{
@@ -90,7 +91,7 @@
     min-width: 320px;
     max-width: 640px;
     position: fixed;
-    bottom: 50px;
+    bottom: 70px;
     left: 0;
     right: 0;
     height: 56px;

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

@@ -89,7 +89,7 @@
   width: 100%;
   height: 48px;
   line-height: 48px;
-  bottom: 50px;
+  bottom: 70px;
   left: 0;
   background: #ff9700;
   text-align: center;

src/app/my/ask/ask.component.scss

@@ -17,7 +17,7 @@
         min-width: 320px;
         max-width: 640px;
         margin: 0 auto;
-        bottom: 50px;
+        bottom: 70px;
         left: 0;
         position: fixed;
         width: 100%;

src/app/my/customer-relation/customer-relation.component.html

 <div class="customer_wrapper">
+  <h4 *ngIf="customerList && customerList.length<=0" style="font-size:22px;color:#888;margin-top:30%">暂无客户关系</h4>
+  <ng-container *ngIf="customerList && customerList.length>0">
+    <ul class="customer_content" *ngFor="let customerItem of customerList;index as i;">
+      <img src="assets/images/man.png" alt="男" *ngIf="customerItem.gender=='男'">
+      <img src="assets/images/women.png" alt="女" *ngIf="customerItem.gender=='女'">
+      <li>
+        <span>姓名：{{customerItem.name}}</span>
+      </li>
+      <li >
+        <span>被保人关系：{{customerItem.relationType}}</span>
+      </li>
+      <li>
+        <span>生日：{{customerItem.birthDate}}</span>
+      </li>
+      <li>
+        <span>手机号：{{customerItem.mobileNo}}</span>
+      </li>
+    </ul>
+  </ng-container>
   <ul class="customer_content" *ngFor="let customerItem of customerList;index as i;">
     <img src="assets/images/man.png" alt="男" *ngIf="customerItem.gender=='男'">
     <img src="assets/images/women.png" alt="女" *ngIf="customerItem.gender=='女'">

src/app/my/e-notice/e-notice.component.scss

@@ -37,7 +37,7 @@
   }
   .send{
     position: fixed;
-    bottom: 60px;
+    bottom: 80px;
     width: 100%;
     div{
       margin: 0 40px;

src/app/my/important-announcement/important-announcement.component.scss

@@ -34,6 +34,7 @@
   }
 
 .materialContainer{
+  background-color: #fff;
   .materialItem{
     padding: 5px 10px 5px 50px;
     border-bottom: 1px #ddd solid;

src/app/my/mine/mine.component.html

@@ -9,7 +9,7 @@
 
     <!--头部经纪人信息START-->
   <div class="brokerInfoContent">
-    <div class="avatar" routerLink="setting">
+    <div class="avatar" routerLink="/setting">
       <img style="width: 60px;height: 60px;"
         src="{{lifeCustomerInfo?.practitionerBasicInfo?.headImagePath ? lifeCustomerInfo?.practitionerBasicInfo?.headImagePath : './assets/images/icons/meng.png'}}"
         alt="头像">

src/app/my/more-features/more-features.component.html

-
-
-<!-- <header>
-  <i class="iconfont icon-fanhui" (click)="goBack()"></i>
-  <div style="margin-left: -30px;">全部工具</div>
-  <div></div>
-</header> -->
 <div *ngFor="let item of feartureLists" class="featureListsContent">
   <h5>{{item.title}}</h5>
   <ul>

src/app/my/more-features/more-features.component.ts

 import { Location } from '@angular/common';
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 
 @Component({
@@ -7,7 +7,7 @@ import { Router } from '@angular/router';
   templateUrl: './more-features.component.html',
   styleUrls: ['./more-features.component.scss']
 })
-export class MoreFeaturesComponent implements OnInit {
+export class MoreFeaturesComponent implements OnInit,OnDestroy {
   lifeCustomerInfo: any = JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')) : null;
   public feartureLists = [
     {key:'00',title:'营销工具',subItems:[
@@ -108,7 +108,14 @@ export class MoreFeaturesComponent implements OnInit {
   constructor(private router:Router,private location:Location) { }
 
   ngOnInit() {
-
+    if(sessionStorage.getItem('mineScrollTop')){
+      document.body.scroll({top:Number(sessionStorage.getItem('mineScrollTop')),
+        left: 100,
+        behavior: 'smooth'})
+    }
+  }
+  ngOnDestroy(): void {
+    sessionStorage.setItem('mineScrollTop',document.body.scrollTop + '')
   }
 
 }

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

@@ -45,7 +45,7 @@
       color: #fff;
       background: #0767bf;
       text-align: center;
-      bottom: 56px;
+      bottom: 76px;
     }
     .contentDetail {
       margin-top: 15px;
@@ -142,7 +142,7 @@
         color: #fff;
         background: #0767bf;
         text-align: center;
-        bottom: 55px;
+        bottom: 75px;
         font-size: 28px;
         // color: #ff5933;
         font-weight: bold;
@@ -177,7 +177,7 @@
     }
     .viewReportBtn{
       position: fixed;
-      bottom: 50px;
+      bottom: 70px;
       left: 0;
       width: 100%;
       height: 44px;
@@ -188,7 +188,7 @@
     }
     .send{
       position: fixed;
-      bottom: 60px;
+      bottom: 80px;
       width: 100%;
       div{
         margin: 0 40px;

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

@@ -79,7 +79,7 @@
           color: #fff;
           background: #0767bf;
           text-align: center;
-          bottom: 50px;
+          bottom: 70px;
           font-size: 28px;
           // color: #ff5933;
           font-weight: bold;
@@ -94,7 +94,7 @@
         color: #fff;
         font-size: 18px;
         position: fixed;
-        bottom: 50px;
+        bottom: 70px;
         text-align: center;
     }
 }
\ No newline at end of file

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

@@ -86,7 +86,7 @@
       color: #fff;
       background: #0767bf;
       text-align: center;
-      bottom: 60px;
+      bottom: 80px;
       font-size: 28px;
       // color: #ff5933;
       font-weight: bold;

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

@@ -14,7 +14,7 @@
       background: #C81B1E;
       line-height: 56px;
       position: fixed;
-      bottom: 50px;
+      bottom: 70px;
       color: #fff;
       text-align: center;
       font-size: 19px;
@@ -59,7 +59,7 @@
         color: #fff;
         background: #0767bf;
         text-align: center;
-        bottom: 55px;
+        bottom: 75px;
         left: 42%;
       }
       .contentDetail {
@@ -171,7 +171,7 @@
           color: #fff;
           background: #0767bf;
           text-align: center;
-          bottom: 55px;
+          bottom: 75px;
           font-size: 28px;
           // color: #ff5933;
           font-weight: bold;

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

@@ -98,8 +98,9 @@
           font-size: 28px;
           // color: #ff5933;
           font-weight: bold;
-          bottom: 50px;
-          left: 42%;
+          bottom: 70px;
+          left: 50%;
+          transform: translateX(-50%);
         }
       }
       .footer{
@@ -113,7 +114,7 @@
         color: #fff;
         font-size: 18px;
         position: fixed;
-        bottom: 50px;
+        bottom: 70px;
         text-align: center;
     }
 }

src/app/my/renewal-reminder-detail/renewal-reminder-detail.component.scss

@@ -103,11 +103,11 @@
   background-color: rgba(0,0,0,0.3);
   .popContent{
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 50%;
+    left: 50%;
     width: 80%;
     margin: 0 auto;
-    transform: translate(13%,30%);
+    transform: translate(-50%,-100%);
     background-color: #fff;
     border-radius: 6px;
     padding: 10px 20px;

src/app/my/renewal-reminder/renewal-reminder.component.scss

 .renewalReminderContainer{
-  height: 100%;
+  height: 100vh;
   background: #F9F9F9;
   .tabs{
     display: flex;

src/app/my/suggestion/suggestion.component.scss

@@ -78,7 +78,7 @@
     min-width: 320px;
     max-width: 640px;
     width: 100%;
-    bottom: 49px;
+    bottom: 70px;
     width: 92%;
     margin: 3px auto;
     height: 50px;

src/app/my/todo-list/todo-list.component.scss

@@ -145,7 +145,7 @@ ul,ol{
             color: #fff;
             text-align: center;
             line-height: 50px;
-            bottom: 8%;
+            bottom: 12%;
             right: 4%;
             z-index: 100;
             .iconfont{
@@ -155,7 +155,7 @@ ul,ol{
 
         @media (min-width: 768px) {
             .addBtn {
-                bottom: 8%;
+                bottom: 13%;
                 right: 11%;
             }
         }

src/app/my/underwriting-knowledge/underwriting-knowledge.component.scss

@@ -182,7 +182,7 @@
         min-width: 320px;
         max-width: 640px;
         margin: 0 auto;
-        bottom: 49px;
+        bottom: 70px;
         color: #fff;
         text-align: center;
         width: 100%;
@@ -193,7 +193,7 @@
     background: #ffffff;
     padding: 10px;
     position: fixed;
-    bottom: 49px;
+    bottom: 70px;
     width: 100%;
     height: 45%;
     background-color: #fff;

src/styles.scss

@@ -205,7 +205,7 @@ input::placeholder {
   min-width: 320px;
   max-width: 640px;
   position: fixed;
-  bottom: 0;
+  bottom: 70px;
   left: 0;
   height: 56px;
   line-height: 56px;
@@ -286,7 +286,7 @@ footer.fixed {
   min-width: 320px;
   max-width: 640px;
   position: fixed;
-  bottom: 50px;
+  bottom: 70px;
   left: 0;
   right: 0;
   height: 56px;