其他加扣款&税弹框内容&银盾在线佣金对应保单接口

src/app/common/detail-modal/detail-modal.component.html

@@ -29,9 +29,23 @@
   <div class="detailBox" *ngIf="application===3">
     <div class="header">
       <div></div>
-      <h5>标题</h5>
+      <h5>代扣个人所得税/增值税/附加税(D)</h5>
       <div class="closeModal cursor" (click)="closeModal()">&times;</div>
     </div>
+    <div class="totastContent">
+      <div class="subtitle">关于代扣个人所得税/增值税/附加税</div>
+      <div style="margin-bottom: 10px;">
+        公司根据财政部和税务总局《关于个人所得税法修改后有关优惠政策衔接问题的通知》
+进行个人所得税、增值税、附加税的代缴。《通知》中关于保险营销员、证券经纪人佣金收入的政策：
+      </div>
+      <ul>
+        <li>1. 保险营销员、证券经纪人取得的佣金收入，属于劳务报酬所得。</li>
+        <li>2. 以不含增值税的收入减除20%的费用后的余额为收入额，收入额减去展业成本以及附加税费后，并入当年综合所得，计算缴纳个人所得税。</li>
+        <li>3. 保险营销员、证券经纪人展业成本按照收入额的25%计算。</li>
+        <li>4. 扣缴义务人向保险营销员、证券经纪人支付佣金收入时，应按照《个人所得税扣缴申报管理办法（试行）》（国家税务总局公告2018年第61号）规定的累计预扣法计算预扣税款。</li>
+        <li>5.经纪人佣金做为个人收入按规定需要扣缴增值税</li>
+      </ul>
+    </div>
   </div>
 </div>
 <!--弹窗结束-->

src/app/common/detail-modal/detail-modal.component.scss

@@ -48,8 +48,7 @@
           line-height: 40px;
         }
         ul li{
-          height: 35px;
-          line-height: 35px;
+          margin-bottom: 5px;
         }
       }
       h4 {

src/app/my/my.service.ts

@@ -654,4 +654,11 @@ export class MyService {
     return this.http
       .post(url, JSON.stringify(param));
   }
+
+  //提现订单接口
+  fortuneWithdrawListQuery(param){
+    const url = this.API + "/fortuneWithdrawListQuery";
+    return this.http
+    .post(url, JSON.stringify(param));
+  }
 }

src/app/my/salary-detail/salary-detail.component.html

@@ -5,9 +5,12 @@
       <div class="next">下一期<span class="iconfont icon-ar-r"></span></div>
     </div> -->
     <div class="price">
-      <div class="pre" (click)="querySalaryDetail('pre')"><span class="iconfont icon-fanhui"></span>上一期</div>
-      <div class="salay">￥{{after_tax_comis | number: "1.2-2"}}</div> 
-      <div class="next" (click)="querySalaryDetail('next')">下一期<span class="iconfont icon-ar-r"></span></div>
+      <div>
+        <div class="pre" (click)="querySalaryDetail('pre')"><span class="iconfont icon-fanhui"></span>上一期</div>
+        <div class="salay">￥{{after_tax_comis | number: "1.2-2"}}</div> 
+        <div class="next" (click)="querySalaryDetail('next')">下一期<span class="iconfont icon-ar-r"></span></div>
+      </div>
+      <p><span class="cash">{{month}}月佣金</span></p>
     </div>
   </div>
   <div class="content_wrapper">
@@ -74,7 +77,7 @@
           <span>季度奖金</span>
           <span class="red">{{quarterlyBonus.commission | number: "1.2-2"}}<i class="iconfont icon-ar-r" ></i></span>
         </div>
-        <div class="item_detail" (click)="jumpToFirstYearSales('银盾在线佣金',3,14)" *ngIf="onlineAward">
+        <div class="item_detail" (click)="jumpToFirstYearSales('银盾在线佣金',4,14)" *ngIf="onlineAward">
           <span>银盾在线佣金</span>
           <span class="red">{{onlineAward.commission | number: "1.2-2"}}<i class="iconfont icon-ar-r"></i></span>
         </div>

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

@@ -2,9 +2,10 @@
     background: #f6f6f6;
     min-height: 100%;
     .header{
-        padding: 50px 10px;
+        padding: 35px 10px;
         color: #fff;
         background: url('../../../assets/images/measurebanner.jpg') no-repeat 50%;
+        background-size: cover;
         .paginate{
             display: flex;
             justify-content: space-between;
@@ -13,17 +14,38 @@
             font-size: 18px;
         }
         .price{
-            text-align: center;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            .pre,.next{
-                font-size: 16px;
+            div{
+                text-align: center;
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                .pre,.next{
+                    font-size: 14px;
+                    .iconfont{
+                        font-size: 14px;
+                    }
+                }
+                .salay{
+                    font-size: 26px;
+                    letter-spacing: 2px;
+                }
             }
-            .salay{
-                font-size: 24px;
-                letter-spacing: 2px;
+            p{
+                text-align: center;
+                margin-top: 15px;
+                .cash{
+                    width: 85px;
+                    height: 32px;
+                    line-height: 30px;
+                    border: 2px solid #f9fdff;
+                    border-radius: 16px;
+                    display: inline-block;
+                    color: #fff;
+                    text-align: center;
+                    cursor: pointer;
+                }
             }
+            
         }
         
     }

src/app/my/salary-detail/salary-detail.component.ts

@@ -78,7 +78,7 @@ export class SalaryDetailComponent implements OnInit {
     this.years = this.activatedRoute.snapshot.queryParams.years?this.activatedRoute.snapshot.queryParams.years:null;
     this.month = this.activatedRoute.snapshot.queryParams.month?this.activatedRoute.snapshot.queryParams.month:null;
     this.agent_id = this.activatedRoute.snapshot.queryParams.agent_id?this.activatedRoute.snapshot.queryParams.agent_id:null;
-    this.lifeCommonService.setTitle(`${this.years}年${this.month}月本期实发佣金`);
+    this.lifeCommonService.setTitle(`${this.years}年本期实发佣金`);
     this.querySalaryDetail(null);
     
   }

src/app/my/salary-first-year/salary-first-year.component.html

@@ -54,4 +54,30 @@
       </div>
     </div>
   </div>
+
+  <div class="content_wrapper" *ngIf="type=='4'">
+    <ul style="padding:20px 8px 68px 10px;" *ngIf="customerFortuneWithdraws?.length>0">
+      <li *ngFor="let customerFortuneItem of customerFortuneWithdraws">
+        <div class="orderInfoItem">
+          <div>
+            <div>
+              <span>{{customerFortuneItem.planName ? customerFortuneItem.planName :customerFortuneItem.productName}}</span>
+            </div>
+            <div style="font-size: 14px;color: #b3b3b3;">
+              <span>投保人：{{customerFortuneItem.holderName}}</span>
+            </div>
+            <div style="font-size: 14px;color: #b3b3b3;">
+              <span>申请日期：{{customerFortuneItem.withdrawDate}}</span>
+            </div>
+            <div style="font-size: 14px;color: #b3b3b3;">
+              <span>发放日期：{{customerFortuneItem.payDate}}</span>
+            </div>
+          </div>
+          <div class="referralAmount" style="color: rgb(255, 0, 0);">
+            ￥ {{customerFortuneItem.referralAmount | number:'1.2-2'}}
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
 </div>

src/app/my/salary-first-year/salary-first-year.component.ts

@@ -26,6 +26,8 @@ export class SalaryFirstYearComponent implements OnInit {
   remarkInfo:any;
   //其他加扣款列表
   OtherCommissionList:Array<any>;
+  withdrawId:any;
+  customerFortuneWithdraws:Array<any>;
   constructor(private activatedRoute: ActivatedRoute,private myService:MyService) { }
 
   ngOnInit() {
@@ -99,6 +101,8 @@ export class SalaryFirstYearComponent implements OnInit {
               this.remarkInfo = this.OtherCommissionList[i];
             }else if(this.salaryType == 14 && this.OtherCommissionList[i]['CommissionName'] == '银盾在线佣金'){
               this.remarkInfo = this.OtherCommissionList[i];
+              this.withdrawId = this.OtherCommissionList[i]['withdrawedId'];
+              this.fortuneWithdrawListQuery()
             }
           }
           
@@ -106,4 +110,21 @@ export class SalaryFirstYearComponent implements OnInit {
       }
     })
   }
+
+
+  //查询银盾在线佣金对应的保单
+  fortuneWithdrawListQuery() {
+    const param = {
+      customerId:JSON.parse(localStorage.getItem('lifeCustomerInfo'))['customerId'],
+      paginationInfo: {noLimitFlag: "CONFIRM"},
+      withdrawStatus: "drawn",
+      withdrawId:this.withdrawId
+    }
+    this.myService.fortuneWithdrawListQuery(param).subscribe(res => {
+      if (res['success']) {
+        console.log(res)
+        this.customerFortuneWithdraws = res['data']['customerFortuneWithdraws'];
+      }
+    });
+  }
 }