签名画布大小&返回首页

src/app/app.component.html

 <!--The content below is only a placeholder and can be replaced.-->
 <router-outlet></router-outlet>
 <ydlife-guide-page *ngIf="shareGuidePageEnable"></ydlife-guide-page>
-<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
\ No newline at end of file
+<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
+<div class="returnIndexBox" *ngIf="isShowIndexBtn" appDrag>
+    <div><i class="iconfont icon-shouye"></i></div>
+    <div>首页</div>
+  </div>
\ No newline at end of file

src/app/app.component.ts

@@ -2,6 +2,8 @@ import { Component, OnDestroy, OnInit } from '@angular/core';
 import { AuthService } from "./auth/auth.service";
 import { LifeCommonService } from "./common/life-common.service";
 import { Subscription } from "rxjs/index";
+import {Router, NavigationStart} from '@angular/router';
+
 declare var wx: any;
 @Component({
   selector: 'app-root',
@@ -14,8 +16,9 @@ export class AppComponent implements OnInit, OnDestroy {
   currentVersion: any;
   isNeedAlert: boolean;
   dialogInfo: any;
-
-  constructor(private authService: AuthService, private lifeCommonService: LifeCommonService) {
+  // 是否显示首页浮标
+  isShowIndexBtn: boolean;
+  constructor(private router: Router,private authService: AuthService, private lifeCommonService: LifeCommonService) {
     this.subscription = lifeCommonService.shareStatus$.subscribe(status => {
       this.shareGuidePageEnable = status == '1';
     });
@@ -30,6 +33,12 @@ export class AppComponent implements OnInit, OnDestroy {
     });
 
     this.getVersion();
+    this.router.events.forEach((event) => {
+      if (event instanceof NavigationStart) {
+        // 控制首页浮标显示与否
+        this.isShowIndexBtn = event.url == '/approval_list';
+      }
+    });
   }
 
   ngOnDestroy() {

src/app/app.module.ts

@@ -13,13 +13,14 @@ import { DatePipe } from "@angular/common";
 import { SafeHtmlPipe } from './safe-html.pipe';
 import { LocalStorage } from './domain/local.storage';
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
-
+import { DragDirective } from './directive/drag.directive';
 
 @NgModule({
   declarations: [
     AppComponent,
     PageNotFoundComponent,
-    SafeHtmlPipe
+    SafeHtmlPipe,
+    DragDirective
   ],
   imports: [
     BrowserModule,

src/app/directive/auto-fixed.directive.ts

+import {Directive, ElementRef, EventEmitter, HostListener, Input, Output, Renderer2} from '@angular/core';
+
+@Directive({
+  selector: '[appAutoFixed]'
+})
+export class AutoFixedDirective {
+
+  // 元素距离顶部的原始距离
+  toTop: number = 0;
+  // 吸顶元素
+  toTopElement: any;
+  // 吸顶元素id
+  // tslint:disable-next-line:no-input-rename
+  @Input('appAutoFixed') selector: string = '';
+  @Output() updateTabMenuId = new EventEmitter<string>();
+
+  @HostListener('scroll', ['$event'])
+  onScroll($event: Event) {
+    if (this.er.nativeElement.scrollTop >= this.toTop) {
+      this.renderer2.addClass(this.toTopElement, 'autofixed');
+    } else {
+      this.renderer2.removeClass(this.toTopElement, 'autofixed');
+    }
+    this.updateTabMenuId.emit(this.er.nativeElement.scrollTop);
+  }
+
+  constructor(private er: ElementRef, private renderer2: Renderer2) {
+    setTimeout(() => {
+      this.toTopElement = this.er.nativeElement.querySelector('#' + this.selector);
+      this.toTop = this.toTopElement.offsetTop;
+    }, 1000);
+  }
+
+}

src/app/directive/drag.directive.ts

+import {Directive, ElementRef, OnInit, HostListener} from '@angular/core';
+import {Router} from '@angular/router';
+
+
+@Directive({
+  selector: '[appDrag]'
+})
+export class DragDirective implements OnInit {
+  isDown = false;
+  cur: any = {
+    x: 0,
+    y: 0
+  }; // 记录鼠标点击事件的位置
+  disX: number; // 鼠标移动的X轴距离
+  disY: number; // 鼠标移动的Y轴距离
+  offsetX: number; // 元素的左偏移量
+  offsetY: number; // 元素的上偏移量
+  pageX: number; // 当前页面的X轴距离
+  pageY: number; // 当前页面的Y轴距离
+  x: number; // 元素移动之后的X轴位置
+  y: number; // 元素移动之后的Y轴位置
+
+  constructor(public el: ElementRef, private router: Router) {
+  }
+
+
+  // 点击事件
+  @HostListener('touchstart', ['$event'])
+  ontouchstart(event) {
+    this.start(event);
+  }
+
+  // 监听document移动事件事件
+  @HostListener('document:touchmove', ['$event'])
+  ontouchmove(event) {
+    // 判断该元素是否被点击了。
+    this.move(event)
+  }
+
+  // 监听document离开事件
+  @HostListener('document:touchend', ['$event'])
+  ontouchend(event) {
+    // 只用当元素移动过了，离开函数体才会触发。
+    this.end();
+  }
+
+  @HostListener('mouseup', ['$event'])
+  onMouseup(event) {
+    // 只用当元素移动过了，离开函数体才会触发。
+    this.router.navigate(['/']);
+  }
+
+  ngOnInit() {
+  }
+
+  // 点击开始移动
+  start(event) {
+    this.isDown = true;
+    let touch;
+    if (event.touches) {
+      touch = event.touches[0];
+    } else {
+      touch = event;
+    }
+    this.disX = this.disY = 0;
+    this.cur.x = touch.clientX;
+    this.cur.y = touch.clientY;
+    this.pageX = document.body.clientWidth;
+    this.pageY = document.body.clientHeight;
+    this.offsetX = this.el.nativeElement.offsetLeft;
+    this.offsetY = this.el.nativeElement.offsetTop;
+  }
+
+//   移动
+  move(event) {
+    // 阻止页面的滑动默认事件
+    event.preventDefault();
+    if (this.isDown) {
+      let touch;
+      if (event.touches) {
+        touch = event.touches[0];
+      } else {
+        touch = event;
+      }
+      this.disX = touch.clientX - this.cur.x;
+      this.disY = touch.clientY - this.cur.y;
+      this.x = this.offsetX + this.disX;
+      this.y = this.offsetY + this.disY;
+      if (this.x < 0) {
+        this.x = 0
+      }
+      if (this.x > document.body.clientWidth - 60) {
+        this.x = document.body.clientWidth - 60;
+      }
+      if (this.y < 0) {
+        this.y = 0
+      }
+      if (this.y > document.body.clientHeight - 120) {
+        this.y = document.body.clientHeight - 120;
+      }
+      this.el.nativeElement.style.left = this.x + 'px';
+      this.el.nativeElement.style.top = this.y + 'px';
+    }
+  }
+
+//  鼠标释放
+  end() {
+    this.isDown = false;
+    if (this.disX !== 0 || this.disY !== 0) {
+      if (parseInt(this.el.nativeElement.style.left, 0) < document.body.clientWidth / 2) {
+        this.el.nativeElement.style.left = '0px';
+      } else {
+        this.el.nativeElement.style.left = 'calc(100% - 70px)';
+      }
+      return;
+    } else {
+      // 阻止点透事件
+      setTimeout(() => {
+        this.router.navigate(['/'])
+      }, 300)
+
+    }
+  }
+}

src/app/my/application-process/employee-info/employee-info.component.html

 <div class="wrapper">
-  <div class="title">
+  <div class="title" *ngIf="!approvalIdentity">
     欢迎加入银盾大家庭
   </div>
   <div class="content">
@@ -33,4 +33,8 @@
   <footer class="fixed" (click)="next()">
     确认并下一步
   </footer>
+  <div id="page" *ngIf="approvalIdentity">
+    <div (click)="goBack()">上一页</div>
+    <div (click)="viewNext()">下一页</div>
+  </div>
 </div>
\ No newline at end of file

src/app/my/application-process/employee-info/employee-info.component.ts

@@ -11,6 +11,7 @@ export class EmployeeInfoComponent implements OnInit {
   hiringBasicInfoId:any;
   membership:any;
   mobileNo:string;
+  approvalIdentity:any;
   constructor(private activatedRoute: ActivatedRoute,
     private router: Router,public lifeCommonService:LifeCommonService,
     public myService:MyService) { }
@@ -18,6 +19,7 @@ export class EmployeeInfoComponent implements OnInit {
   ngOnInit() {
     const title = this.activatedRoute.snapshot.data[0]['title'];
     this.lifeCommonService.setTitle(title);
+    this.approvalIdentity = this.activatedRoute.snapshot.queryParams.approvalIdentity?this.activatedRoute.snapshot.queryParams.approvalIdentity:null;
     this.hiringBasicInfoId = this.activatedRoute.snapshot.queryParams.hiringBasicInfoId?this.activatedRoute.snapshot.queryParams.hiringBasicInfoId:null;
     this.mobileNo = this.activatedRoute.snapshot.queryParams.mobileNo?this.activatedRoute.snapshot.queryParams.mobileNo:null;
     this.queryWholeInfo(this.hiringBasicInfoId)
@@ -32,4 +34,12 @@ export class EmployeeInfoComponent implements OnInit {
       this.membership = res['data']['hiringMemberShip'];
     })
   }
+
+  goBack(){
+    history.go(-1)
+  }
+  
+  viewNext(){
+    this.router.navigate(['/employee_basic_info'],{ queryParams: { hiringBasicInfoId:this.hiringBasicInfoId,approvalIdentity:this.approvalIdentity} });
+  }
 }

src/app/my/application-process/personal-statement/personal-statement.component.ts

@@ -181,7 +181,7 @@ export class PersonalStatementComponent implements OnInit {
           if(scrollTop==0){
             setTimeout(() => {
               this.agreeBtnShow = true;
-            }, 5000);
+            }, 1000);
           }
         }, 500);
         this.curContract = contractItem.termNote;

src/app/my/application-process/signature/signature.component.html

@@ -22,5 +22,8 @@
     <div (click)="goBack()">上一页</div>
     <div (click)="viewNext()">下一页</div>
   </div>
+  <footer class="fixed" *ngIf="approvalIdentity && viewApprovalInfo!=0" (click)="returnResult()">
+    返回审批结果
+  </footer>
 </div>
 <ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
\ No newline at end of file

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

@@ -20,6 +20,7 @@
     .signature_action{
         display: flex;
         justify-content: space-evenly;
-        img{max-width: 74.52px;max-height: 74.52px;}
+        margin-top: 20px;
+        img{max-width: 60px;max-height: 60px;}
     }
 }
\ No newline at end of file

src/app/my/application-process/signature/signature.component.ts

@@ -33,13 +33,13 @@ export class SignatureComponent implements OnInit {
   ngOnInit() {
     this.approvalIdentity = this.activatedRoute.snapshot.queryParams.approvalIdentity?this.activatedRoute.snapshot.queryParams.approvalIdentity:null;
     this.signaturePadOptions = {
-      minWidth: 2,
-      maxWidth: 5,
+      minWidth: 0.5,
+      maxWidth: 3,
       dotSize: 1.5,
       penColor: "#333",
       /* INVERSE BECAUSE IT IS SHOW ONLY IN LANDSCAPE */
       canvasWidth: document.body.clientWidth-26,
-      canvasHeight: 400,
+      canvasHeight: 280,
       // backgroundColor:"rgb(248 248 248)"
     }
     const title = this.activatedRoute.snapshot.data[0]['title'];
@@ -90,6 +90,7 @@ export class SignatureComponent implements OnInit {
         this.approveStatus = res['data']['hiringBasicInfo']['approveStatus'];
         if(res['data']['hiringBasicInfo']['personalSignOssPath']){
           this.imgStr = res['data']['hiringBasicInfo']['personalSignOssPath'];
+          //控制查询的图片显示
           this.isSignatureShow = true;
         }else{
           this.isSignatureShow = false;
@@ -128,6 +129,10 @@ export class SignatureComponent implements OnInit {
     if(this.isSignatureShow == true){
       this.isSignatureShow = false;
       this.signaturePad.clear();
+    }else{
+      if(!this.approvalIdentity){
+        this.signaturePad.clear();
+      }
     }
   }
 
@@ -138,4 +143,9 @@ export class SignatureComponent implements OnInit {
   goBack(){
     history.go(-1)
   }
+
+  returnResult(){
+    this.router.navigate([`/approval_result_list`],{queryParams:{hiringBasicInfoId:this.hiringBasicInfoId,approvalIdentity:true}})
+
+  }
 }

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

 .wrapper{
     padding: 10px 15px;
+    font-size: 15px;
     .title{
-        font-size: 15px;
+        font-size: 18px;
         font-weight: bold;
         margin: 10px auto;
     }
+    .form-control{
+        font-size: 16px;
+    }
 }
\ No newline at end of file

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

@@ -28,7 +28,7 @@ export class ApprovalCommentsComponent implements OnInit {
 
   showAlert(approvingStatus) {
     this.approvingStatus = approvingStatus;
-    ModalService.alert('确认审批', `是否确定${this.approvingStatus==1?'通过':'拒绝'}该经纪人报聘？`, [
+    ModalService.alert(`${this.approvingStatus==1?'通过审批':'确认拒绝'}`, `是否确定${this.approvingStatus==1?'通过':'拒绝'}该经纪人报聘？`, [
       { text: '取消', onPress: () => console.log('取消') },
       { text: '确定', onPress: () =>  this.hiringApprove()}
     ]);
@@ -49,10 +49,16 @@ export class ApprovalCommentsComponent implements OnInit {
       hiringApproveStepsSeq:sessionStorage.getItem('hiringApproveStepsSeq')
     }
     this.myService.hiringApprove(param).subscribe((res)=>{
-      this.openPopInfo(res['message']);
-      setTimeout(() => {
-        this.router.navigate(['/approval_result_list'],{ queryParams: { hiringBasicInfoId:this.hiringBasicInfoId,approvalIdentity:this.approvalIdentity} });
-      }, 3000);
+      
+      if(res['success']){
+        this.openPopInfo('保存成功！');
+        setTimeout(() => {
+          this.router.navigate(['/approval_result_list'],{ queryParams: { hiringBasicInfoId:this.hiringBasicInfoId,approvalIdentity:this.approvalIdentity} });
+        }, 3000);
+      }else{
+        this.openPopInfo(res['message']);
+      }
+      
     })
   }
    // 打开弹窗

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

@@ -10,11 +10,19 @@
         justify-content: space-evenly;
         border-bottom: 1px #ededed solid;
         background: #fff;
+        position: fixed;
+        top: 0;
+        height: 51px;
+        width: 100%;
+        z-index: 1;
+        min-width: 320px;
+        max-width: 640px;
         li {
           margin-right: 10px;
           line-height: 30px;
           height: 30px;
           text-align: center;
+          cursor: pointer;
           h3 {
             font-weight: normal;
             font-size: 16px;
@@ -31,6 +39,7 @@
         }
     }
     .salesContent{
+        padding-top: 51px;
         .salesItem{
             // border-bottom: 1px #dcdcdc solid;
             padding: 10px 10px 10px 15px;

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

@@ -25,16 +25,16 @@
           </span>
         </div> 
         <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;"
-        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length < 30">
+        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length < 32">
           {{recordsItem.interviewAssessment.substr(0,recordsItem.interviewAssessment.length)}}
         </div>
         <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;" (click)="open(recordsItem)"
-        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length > 30 && !recordsItem.actived">
-          {{recordsItem.interviewAssessment.substr(0,30)}}
-          <span class="icon-ar-r iconfont" style="position: absolute;right: 15px;bottom: 5px;"></span>
+        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length > 32 && !recordsItem.actived">
+          {{recordsItem.interviewAssessment.substr(0,32)}} ...
+          <span class="icon-ar-r iconfont" style="position: absolute;right: 5px;bottom: 5px;"></span>
         </div>
         <div style="background: #fafafa;border-radius: 5px;padding: 10px;position: relative;" (click)="open(recordsItem)"
-        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length >30 && recordsItem.actived">
+        *ngIf="recordsItem.interviewAssessment && recordsItem.interviewAssessment.length >32 && recordsItem.actived">
           {{recordsItem.interviewAssessment}}
         </div> 
       </div>
@@ -51,8 +51,9 @@
     </div>
     
   </div>
-<div class="footer" (click)="jumpToDetail()">
-  查看资料
+<div class="footer" style="justify-content: center;">
+  <span class="iconfont icon-fanhui" (click)="prev()"></span>
+  <div (click)="jumpToDetail()">查看资料<span *ngIf="viewApprovalInfo == 0">并审批</span></div>
 </div>
 
 <ydlife-toast *ngIf="toastDialog" [toastInfo]="toastInfo"></ydlife-toast>

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

@@ -42,6 +42,9 @@
             }
         }
         .record_content:last-child{
+            .line{
+                display: none;
+            }
             hr{
                 display: none;
             }
@@ -98,4 +101,10 @@
     color: #fff;
     background: #1b5b99;
     font-size: 18px;
+    .icon-fanhui{
+        position: absolute;
+        left: 0;
+        width: 30px;
+        text-align: center;
+    }
 }
\ No newline at end of file

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

@@ -21,6 +21,7 @@ export class ApprovalResultListComponent implements OnInit {
   toastInfo: any;
   isShow:boolean = false;
   remark:string;
+  viewApprovalInfo:any;
   constructor(private router:Router,public lifeCommonService:LifeCommonService,private myService:MyService,private activatedRoute: ActivatedRoute) { }
 
   ngOnInit() {
@@ -30,6 +31,7 @@ export class ApprovalResultListComponent implements OnInit {
     this.hiringBasicInfoId = this.activatedRoute.snapshot.queryParams.hiringBasicInfoId?this.activatedRoute.snapshot.queryParams.hiringBasicInfoId:null;
     this.practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
     this.PractitionerHiringApproveRecords();
+    this.viewApprovalInfo = sessionStorage.getItem('viewApprovalInfo');
   }
 
   PractitionerHiringApproveRecords(){
@@ -55,7 +57,7 @@ export class ApprovalResultListComponent implements OnInit {
   }
   
   jumpToDetail(){
-    this.router.navigate([`/employee_basic_info`],{queryParams:{hiringBasicInfoId:this.hiringBasicInfoId,approvalIdentity:this.approvalIdentity}})
+    this.router.navigate([`/employee_info`],{queryParams:{hiringBasicInfoId:this.hiringBasicInfoId,approvalIdentity:this.approvalIdentity}})
   }
   getDefaultHeadImg(str){
     if(!str){
@@ -79,4 +81,8 @@ export class ApprovalResultListComponent implements OnInit {
   open(item){
     item.actived = !item.actived;
   }
+
+  prev(){
+    this.router.navigate([`/approval_list`])
+  }
 }

src/app/my/my-center-home/my-center-home.component.html

@@ -119,6 +119,7 @@
             <div class="content_item" *ngFor="let menuItemContent of menuItem['content']" href="javascript:;"
               (click)="menuNavigation(menuItemContent)">
               <!-- <span class="iconfont" [ngClass]="menuItemContent.icon"></span> -->
+              <span *ngIf="menuItemContent.dot"></span>
               <img [src]="getImgUrl(menuItemContent.icon)" alt="">
               <div style="font-size: 13px;">{{menuItemContent.subtitle}}</div>
             </div>

src/app/my/my-center-home/my-center-home.component.scss

@@ -298,9 +298,19 @@ ul,ol{
             align-items: center;
             width: 25%;
             margin-bottom: 10px;
+            position: relative;
             img{
               max-width: 44%;
-
+            }
+            span{
+              display: inline-block;
+              width: 10px;
+              height: 10px;
+              position: absolute;
+              background: red;
+              border-radius: 50%;
+              right: 30%;
+              top: 10%;
             }
             // .iconfont{
             //   color: #ff002a;

src/app/my/my-center-home/my-center-home.component.ts

@@ -37,6 +37,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
   taskLen:Array<any> = [];
   person:any;
   showFlag:boolean = false;
+  approvarList:Array<any>;
+  dotFlag:boolean = false;
   constructor(
     private router: Router,
     public lifeCommonService: LifeCommonService,
@@ -67,6 +69,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
     this.queryScheduleTrackList();
     //活动量得分查询
     this.queryPEPScore();
+    this.listQuery();
   }
 
   ngAfterViewInit() {
@@ -98,7 +101,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
           // { no: 16, subtitle: '团队增员', icon: 'recruiting', path: '', routerLink: '' },
           { no: 16, subtitle: '团队增员', icon: 'recruiting', path: '', routerLink: 'recruiting' },
           { no: 18, subtitle: '招募海报', icon: 'poster_r', path: '', routerLink: '' },
-          { no: 22, subtitle: '报聘审批', icon: 'approval', path: '', routerLink: 'approval_list' }
+          { no: 22, subtitle: '报聘审批', icon: 'approval', path: '', routerLink: 'approval_list',dot: this.dotFlag}
         ],
         // isShow: this.isShow
         isShow: true
@@ -365,4 +368,20 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
   jumpToChunYu(){
     window.location.href = `https://h5.futurebaobei.com/h5/product/detail/7?channel=yindun&channelStaff=${this.lifeCustomerInfo.practitionerId}`
   }
+
+  //查看判断待审批列表小圆点
+  listQuery(){
+    this.myService.listQuery({practitionerId:this.lifeCustomerInfo.practitionerId,approvingStatus:0}).subscribe((res)=>{
+      if(res['success']){
+        this.approvarList = res['data']['hiringListInfoList'];
+        if(this.approvarList.length>0){
+          this.dotFlag = true;
+        }else{
+          this.dotFlag = false;
+        }
+      }else{
+        alert(res['message'])  
+      }
+    })
+  }
 }

src/app/my/suggestion/suggestion.component.html

@@ -16,7 +16,7 @@
         <div class="tooltip-inner">手机号码格式不正确</div>
       </div>
     </div>
-    <div class="sw-form-control">
+    <div class="sw-form-control" style="margin-bottom: 15px;">
       <label for="email">常用邮箱</label>
       <input type="email" placeholder="请输入邮箱" name="email" id="email" [(ngModel)]="customer.email" maxlength="100">
       <div class="tooltip top" role="tooltip" *ngIf="this.telflag==false && this.emailflag==false">
@@ -24,6 +24,10 @@
         <div class="tooltip-inner">邮箱格式不正确</div>
       </div>
     </div>
+    <div class="sw-form-control">
+      <label for="name">姓名</label>
+      <input type="text" placeholder="请输入姓名" name="email" id="email" [(ngModel)]="name" disabled>
+    </div>
   </div>
   <div class="submit commonBtn defineFixed" (click)="submit()">
     提交

src/app/my/suggestion/suggestion.component.ts

@@ -14,6 +14,7 @@ export class SuggestionComponent implements OnInit {
   customer: any;
   isNeedAlert: boolean;
   dialogInfo: any;
+  name:string;
   constructor(private myService:MyService) { 
     this.customer = {
       customerId:JSON.parse(localStorage.getItem('lifeCustomerInfo')).customerId,
@@ -26,6 +27,7 @@ export class SuggestionComponent implements OnInit {
   }
 
   ngOnInit() {
+    this.name = JSON.parse(localStorage.getItem('lifeCustomerInfo')).practitionerBasicInfo.name;
   }
 
   focus() {

src/assets/font/demo_index.html

@@ -31,6 +31,12 @@
           <ul class="icon_lists dib-box">
           
             <li class="dib">
+              <span class="icon iconfont">&#xe683;</span>
+                <div class="name">返回</div>
+                <div class="code-name">&amp;#xe683;</div>
+              </li>
+          
+            <li class="dib">
               <span class="icon iconfont">&#xe680;</span>
                 <div class="name">资料</div>
                 <div class="code-name">&amp;#xe680;</div>
@@ -1119,6 +1125,15 @@
         <ul class="icon_lists dib-box">
           
           <li class="dib">
+            <span class="icon iconfont icon-fanhui"></span>
+            <div class="name">
+              返回
+            </div>
+            <div class="code-name">.icon-fanhui
+            </div>
+          </li>
+          
+          <li class="dib">
             <span class="icon iconfont icon-ziliao"></span>
             <div class="name">
               资料
@@ -2706,6 +2721,14 @@
           
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fanhui"></use>
+                </svg>
+                <div class="name">返回</div>
+                <div class="code-name">#icon-fanhui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-ziliao"></use>
                 </svg>
                 <div class="name">资料</div>

src/assets/font/iconfont.json

@@ -6,6 +6,13 @@
   "description": "",
   "glyphs": [
     {
+      "icon_id": "7186603",
+      "name": "返回",
+      "font_class": "fanhui",
+      "unicode": "e683",
+      "unicode_decimal": 59011
+    },
+    {
       "icon_id": "9575614",
       "name": "资料",
       "font_class": "ziliao",

src/assets/font/iconfont.svg

@@ -20,6 +20,9 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="fanhui" unicode="&#59011;" d="M349.184 382.976l435.2 432.64c13.824 13.824 13.824 39.424 0 53.76l-13.824 13.824c-13.824 13.824-39.424 13.824-53.76 0L239.616 410.624c-13.824-13.824-13.824-39.424 0-53.76l474.624-472.576c13.824-13.824 39.424-13.824 53.76 0l13.824 13.824c13.824 13.824 13.824 39.424 0 53.76l-432.64 431.104z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="ziliao" unicode="&#59008;" d="M78.762667 659.690667v-708.906667h708.928v708.906667H78.784z m0 78.762666h708.928a78.997333 78.997333 0 0 0 78.762666-78.762666v-708.906667A78.997333 78.997333 0 0 0 787.690667-128H78.784A78.997333 78.997333 0 0 0 0-49.237333V659.690667a78.997333 78.997333 0 0 0 78.762667 78.762666z m157.546666-236.309333h393.834667c23.637333 0 39.402667-15.744 39.402667-39.381333 0-23.616-15.765333-39.381333-39.402667-39.381334H236.309333c-23.637333 0-39.381333 15.765333-39.381333 39.381334 0 23.637333 15.744 39.381333 39.381333 39.381333z m0-157.525333h393.834667c23.637333 0 39.402667-15.765333 39.402667-39.381334 0-23.637333-15.765333-39.381333-39.402667-39.381333H236.309333c-23.637333 0-39.381333 15.744-39.381333 39.381333 0 23.616 15.744 39.381333 39.381333 39.381334z m0-157.546667h393.834667c23.637333 0 39.402667-15.744 39.402667-39.381333s-15.765333-39.381333-39.402667-39.381334H236.309333c-23.637333 0-39.381333 15.744-39.381333 39.381334s15.744 39.381333 39.381333 39.381333z m39.381334 630.165333c-23.637333 0-39.381333 15.744-39.381334 39.381334S252.053333 896 275.690667 896h630.165333C972.8 896 1024 844.8 1024 777.856v-630.165333c0-23.637333-15.744-39.381333-39.381333-39.381334s-39.381333 15.744-39.381334 39.381334V777.856c0 23.616-15.765333 39.381333-39.381333 39.381333H275.690667z"  horiz-adv-x="1024" />
 
     

src/styles.scss

@@ -247,3 +247,27 @@ footer.fixed{
   }
 }
 
+.returnIndexBox {
+  position: fixed;
+  left: calc(100% - 70px);
+  top: calc(100% - 150px);
+  z-index: 1001;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  width: 60px;
+  height: 60px;
+  border-radius: 50%;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+}
+
+.returnIndexBox .iconfont {
+  font-size: 22px;
+}
+