我的保单接口对接&初始化loading页图片替换

2fced836 · sunchao · 3370363a · 2fced836 · 2fced836 · 2fced836
Commit 2fced836 authored Mar 29, 2021 by sunchao
8 changed files
--- a/src/app/my/my-center-home/my-center-home.component.ts
+++ b/src/app/my/my-center-home/my-center-home.component.ts
@@ -55,7 +55,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
    this.deviceType = this.lifeCommonService.checkDeviceType();
    this.lifeCustomerInfo = JSON.parse(localStorage.getItem('lifeCustomerInfo')) ? JSON.parse(localStorage.getItem('lifeCustomerInfo')) : null;
    this.isShowSalay = this.lifeCustomerInfo.canSeeSalaryList==1?true:false;
-    this.announcementQuery();
+    // this.announcementQuery();
    this.performanceList = [
      { name: `${this.lifeCommonService.dateFormat(new Date, ('M'))}月`, time: 1 },
      { name: `${this.getQuarter(this.lifeCommonService.dateFormat(new Date, ('M')))}`, time: 3 },

--- a/src/app/my/order-detail/order-detail.component.html
+++ b/src/app/my/order-detail/order-detail.component.html
@@ -2,7 +2,7 @@
  <div class="detailContainer scrollContent">
    <div class="orderdetailBox">
      <div class="btnBox">
-        <span class="alignItemCenter"><i class="line"></i>保单明细</span>
+        <span class="alignItemCenter" style="font-size: 20px;"><i class="line"></i>保单明细</span>
      </div>
      <ul class="list-group" *ngIf="policyInfo?.policyNo">
        <li class="list-group-item">
@@ -22,7 +22,6 @@
          <span>{{policyInfo?.status}}</span>
        </li>
        <div class="insuredsBox coverContent">
-          <h4 class="text-left alignItemCenter"><i class="line"></i>保障内容</h4>
          <ul *ngFor="let productInfo of policyFactorInfos;index as i">
            <li class="list-group-item" *ngIf="productInfo?.productName">
              <span style="width: 30%;">产品</span>
@@ -50,13 +49,17 @@
            </li>
          </ul>
        </div>
-        <div class="btnBox">
+        <div class="btnBox" style="margin-top: 10px;">
          <span class="alignItemCenter"><i class="line"></i>投保人信息</span>
        </div>
        <li class="list-group-item">
          <span>姓名</span>
          <span>{{holderInfo?.name}}</span>
        </li>
+        <li class="list-group-item" *ngIf="holderInfo?.mobileNo">
+          <span>手机号</span>
+          <span>{{holderInfo?.mobileNo}}</span>
+        </li>
        <li class="list-group-item" *ngIf="holderInfo?.gender">
          <span>性别</span>
          <ng-container [ngSwitch]="holderInfo?.gender">
@@ -87,12 +90,16 @@
        </li>
      </ul>
      <div class="insuredsBox" *ngFor="let insured of insuredInfos;index as i">
-        <h4 class="text-left alignItemCenter"><i class="line"></i>被保人信息{{i+1}}</h4>
+        <h4 class="text-left alignItemCenter" style="margin-top: 10px;"><i class="line"></i>被保人信息{{i+1}}</h4>
        <ul>
          <li class="list-group-item" *ngIf="this.insured?.name">
            <span>姓名</span>
            <span>{{this.insured?.name}}</span>
          </li>
+          <li class="list-group-item" *ngIf="this.insured?.mobileNo">
+            <span>手机号</span>
+            <span>{{this.insured?.mobileNo}}</span>
+          </li>
          <li class="list-group-item" *ngIf="this.insured?.gender">
            <span>性别</span>
            <ng-container [ngSwitch]="insured?.gender">
@@ -138,15 +145,22 @@
          </li>
        </ul>
      </div>
+      <h4 class="text-left alignItemCenter" *ngIf="policyInfo?.price || policyInfo?.referralInfo?.referralAmount || policyInfo?.totalPrice"
+      style="margin-top: 10px;"><i class="line"></i>保费</h4>
      <ul class="priceContainer">
        <li class="list-group-item" *ngIf="policyInfo?.price">
-          <span>总保费</span>
+          <span>年化保费</span>
          <span>￥{{policyInfo?.price | number:'1.2-2'}}</span>
        </li>
+        <li class="list-group-item" *ngIf="policyInfo?.totalPrice">
+          <span>总保费</span>
+          <span>￥ {{policyInfo?.totalPrice | number:'1.2-2'}}</span>
+        </li>
        <li class="list-group-item" *ngIf="policyInfo?.referralInfo?.referralAmount">
-          <span style="color: #c9af71;">总销售佣金</span>
+          <span style="color: #c9af71;">佣金</span>
          <span class="light-color">￥{{policyInfo?.referralInfo?.referralAmount | number:'1.2-2'}}</span>
        </li>
      </ul>
    </div>
  </div>

--- a/src/app/my/order-detail/order-detail.component.scss
+++ b/src/app/my/order-detail/order-detail.component.scss
@@ -3,7 +3,7 @@
  }
  .orderdetailBox {
-    margin: 20px 8px;
+    margin:0 8px 20px 8px;
    background-color: #f9fdff;
    padding-top: 14px;
    padding-left: 11px;
@@ -18,6 +18,10 @@
    font-size: 14px;
    font-weight: bold;
  }
+  .orderdetailBox .btnBox span{
+    display: flex;
+    align-items: center;
+  }
  .orderdetailBox .btnBox div .downloadBtn {
    display: inline-block;
@@ -71,6 +75,18 @@
    -webkit-transform: scaleY(0.3);
    transform: scaleY(0.3)
  }
+  .list-group-item + .list-group-item:last-child::after{
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    content: '';
+    width: 100%;
+    height: 1px;
+    border-top: 1px solid #dcdcdc;
+    -webkit-transform: scaleY(0.3);
+    transform: scaleY(0.3)
+  }
  .list-group-item:nth-last-child(1) {
    border: none;
@@ -93,6 +109,9 @@
    border-top: 1px solid #dcdcdc;
  }
+  .priceContainer li:nth-child(1){
+    border: none;
+  }
  h4 {
    font-size: 14px;
    font-weight: bold;

--- a/src/app/my/order-detail/order-detail.component.ts
+++ b/src/app/my/order-detail/order-detail.component.ts
@@ -11,16 +11,20 @@ export class OrderDetailComponent implements OnInit {
  orderNo: string;
  policyInfo: any;
  holderInfo: any;
+  policyNo:string;
  insuredInfos: Array<any>;
  policyFactorInfos: Array<any>;
+  relation_id:string;
  constructor(private myService: MyService, private activatedRoute: ActivatedRoute) { }
  ngOnInit() {
    this.orderNo = this.activatedRoute.snapshot.queryParams.orderNo;
+    this.policyNo = this.activatedRoute.snapshot.queryParams.policyNo;
+    this.relation_id = this.activatedRoute.snapshot.queryParams.relation_id;
    this.policyInfoQuery();
  }
  policyInfoQuery() {
-    this.myService.policyInfoQuery({ orderNo: this.orderNo, platform: 2 }).subscribe((res) => {
+    this.myService.policyInfoQuery({ orderNo: this.orderNo, platform: 2,policyNo:this.policyNo,relation_id:this.relation_id }).subscribe((res) => {
      if (res['success']) {
        this.policyInfo = res['data'];
        this.holderInfo = this.policyInfo['holderInfo'];

--- a/src/app/my/sales-detail/sales-detail.component.html
+++ b/src/app/my/sales-detail/sales-detail.component.html
@@ -15,13 +15,13 @@
      </li>
    </ul>
    <ul class="tab">
-      <li (click)="platform=1;practitionerPolicyListQuery(1)" [ngClass]="{selected:platform==1}">线上</li>
      <li (click)="platform=2;practitionerPolicyListQuery(2)" [ngClass]="{selected:platform==2}">寿险</li>
+      <li (click)="platform=1;practitionerPolicyListQuery(1)" [ngClass]="{selected:platform==1}">线上</li>
    </ul>
  </div>
  <div class="salesContent">
    <div class="salesItem" *ngFor="let salesDetailItem of salesDetailList"
-      (click)="jumpToOrderdetail(salesDetailItem.orderNo,salesDetailItem.platform,salesDetailItem.fortuneId)">
+      (click)="jumpToOrderdetail(salesDetailItem.orderNo,salesDetailItem.platform,salesDetailItem.fortuneId,salesDetailItem.policyNo,salesDetailItem.relation_id)">
      <div class="line">
        <div>投保人：{{salesDetailItem.holderName}}</div>
        <span class="iconfont icon-ar-r" style="font-size: 10px;position: relative; right: -2px;"></span>

--- a/src/app/my/sales-detail/sales-detail.component.ts
+++ b/src/app/my/sales-detail/sales-detail.component.ts
@@ -26,25 +26,16 @@ export class SalesDetailComponent implements OnInit {
  ngOnInit() {
    this.searchType = this.activatedRoute.snapshot.queryParams.searchType;
    this.showType = this.activatedRoute.snapshot.queryParams.showType;
-    this.platform = 1;
+    this.platform = 2;
    this.practitionerPolicyListQuery(this.platform);
  }
  //查询保单
  practitionerPolicyListQuery(platform?: any) {
    const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
-    this.myService.policyListQuery({ practitionerId: practitionerId, time: this.searchType }).subscribe((res) => {
+    this.myService.policyListQuery({ practitionerId: practitionerId, time: this.searchType,platform:this.platform }).subscribe((res) => {
      if (res['success']) {
        this.salesDetailList = res['data']['policyInfoList'];
-        if (platform == 1) {
-          this.salesDetailList = this.salesDetailList.filter(item => {
-            return item.platform == 1;
-          })
-        } else {
-          this.salesDetailList = this.salesDetailList.filter(item => {
-            return item.platform == 2;
-          })
-        }
      } else {
        this.salesDetailList = [];
      }
@@ -59,12 +50,12 @@ export class SalesDetailComponent implements OnInit {
    this.practitionerPolicyListQuery(this.platform);
  }
-  jumpToOrderdetail(orderNo, platform, fortuneId) {
+  jumpToOrderdetail(orderNo, platform, fortuneId,policyNo,relation_id) {
    if (platform === 1) {
      const customerId = JSON.parse(localStorage.getItem('lifeCustomerInfo')).customerId;
      window.location.href = `https://${window.location.host}/mine/orderdetail/${orderNo}?customerId=${customerId}&isReferral=true&paid=true&fortuneId=${fortuneId}`;
    } else {
-      this.router.navigate(['/orderDetail'], { queryParams: { orderNo: orderNo } });
+      this.router.navigate(['/orderDetail'], { queryParams: { orderNo: orderNo,policyNo:policyNo,relation_id:relation_id } });
    }
  }
 }
--- a/src/assets/images/loading_bg.png
+++ b/src/assets/images/loading_bg.png
--- a/src/index.html
+++ b/src/index.html
@@ -96,7 +96,7 @@
        if (document.readyState == "complete") {
          setTimeout(() => {
            loading.style.display = 'none';
-          }, 3000)
+          }, 1500)
        }
      }