页面优化

8e0b901d · Sweet Zhang · 5afac7fe · 8e0b901d · 8e0b901d · 8e0b901d
Commit 8e0b901d authored Aug 02, 2022 by Sweet Zhang
33 changed files
--- a/src/app/app.component.html
+++ b/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>

--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -33,18 +33,19 @@
    }
 }
 footer{
-    position: fixed;
+  position: fixed;
-    bottom: 0;
+  bottom: 0;
-    left: 0;
+  left: 50%;
-    width: 100%;
+  width: 100%;
-    height: 49px;
+  height: 70px;
-    border-top: 1px solid #f5f5f5;
+  border-top: 1px solid #f5f5f5;
-    background: #fff;
+  background: #fff;
-    color: #333;
+  color: #333;
-    font-size: 12px;
+  font-size: 12px;
-    min-width: 320px;
+  min-width: 320px;
-    max-width: 640px;
+  max-width: 640px;
-    margin:0 auto;
+  padding-bottom: 20px;
+  transform: translateX(-50%);
    ul{
      display: flex;
      align-items: center;

--- a/src/app/app.component.ts
+++ b/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 : '银盾保险经纪'}`)
      }
    });
  }

--- a/src/app/my/add-task/add-task.component.scss
+++ b/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%;

--- a/src/app/my/announcement-detail/announcement-detail.component.scss
+++ b/src/app/my/announcement-detail/announcement-detail.component.scss
 .wrapper{
    padding: 10px 8px;
+    background-color: #fff;
    .headWrapper{
        .title{
            text-align: center;

--- a/src/app/my/application-process/employee-id-card/employee-id-card.component.scss
+++ b/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{

--- a/src/app/my/application-process/invitation/invitation.component.scss
+++ b/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;
        }

--- a/src/app/my/approval-comments/approval-comments.component.scss
+++ b/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%;

--- a/src/app/my/approval-comments/approval-comments.component.ts
+++ b/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']);

--- a/src/app/my/approval-list/approval-list.component.ts
+++ b/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: '待审批' },

--- a/src/app/my/approval-result-list/approval-result-list.component.scss
+++ b/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;

--- a/src/app/my/article-detail/article-detail.component.scss
+++ b/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;

--- a/src/app/my/ask/ask.component.scss
+++ b/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%;

--- a/src/app/my/customer-relation/customer-relation.component.html
+++ b/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=='女'">

--- a/src/app/my/e-notice/e-notice.component.scss
+++ b/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;

--- a/src/app/my/important-announcement/important-announcement.component.scss
+++ b/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;

--- a/src/app/my/mine/mine.component.html
+++ b/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="头像">

--- a/src/app/my/more-features/more-features.component.html
+++ b/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>

--- a/src/app/my/more-features/more-features.component.ts
+++ b/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 + '')
  }
 }
--- a/src/app/my/my-business-detail/my-business-detail.component.scss
+++ b/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;

--- a/src/app/my/my-business/my-business.component.scss
+++ b/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
--- a/src/app/my/my-setting-detail/my-setting-detail.component.scss
+++ b/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;

--- a/src/app/my/recruiting-detail/recruiting-detail.component.scss
+++ b/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;

--- a/src/app/my/recruiting/recruiting.component.scss
+++ b/src/app/my/recruiting/recruiting.component.scss
@@ -98,8 +98,9 @@
          font-size: 28px;
          // color: #ff5933;
          font-weight: bold;
-          bottom: 50px;
+          bottom: 70px;
-          left: 42%;
+          left: 50%;
+          transform: translateX(-50%);
        }
      }
      .footer{
@@ -113,7 +114,7 @@
        color: #fff;
        font-size: 18px;
        position: fixed;
-        bottom: 50px;
+        bottom: 70px;
        text-align: center;
    }
 }
--- a/src/app/my/renewal-reminder-detail/renewal-reminder-detail.component.scss
+++ b/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;
+    top: 50%;
-    left: 0;
+    left: 50%;
    width: 80%;
    margin: 0 auto;
-    transform: translate(13%,30%);
+    transform: translate(-50%,-100%);
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 20px;

--- a/src/app/my/renewal-reminder/renewal-reminder.component.scss
+++ b/src/app/my/renewal-reminder/renewal-reminder.component.scss
 .renewalReminderContainer{
-  height: 100%;
+  height: 100vh;
  background: #F9F9F9;
  .tabs{
    display: flex;

--- a/src/app/my/suggestion/suggestion.component.scss
+++ b/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;

--- a/src/app/my/todo-list/todo-list.component.scss
+++ b/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%;
            }
        }

--- a/src/app/my/underwriting-knowledge/underwriting-knowledge.component.scss
+++ b/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;

--- a/src/assets/images/indexIcons/achievement.png
+++ b/src/assets/images/indexIcons/achievement.png
--- a/src/assets/images/indexIcons/jobNumber.png
+++ b/src/assets/images/indexIcons/jobNumber.png
--- a/src/assets/images/indexIcons/training.png
+++ b/src/assets/images/indexIcons/training.png
--- a/src/styles.scss
+++ b/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;