Commit 65115587 by sunchao

首年度销售佣金跳转页面

parent 65544d4d
<div class="invitation_wrapper"> <div class="invitation_wrapper">
<div class="inviter_content" *ngIf="type=='inviter'"> <div class="inviter_content" *ngIf="type=='inviter'">
<img class="bg" src="assets/images/inviter_bg.png" alt="邀请" /> <img class="bg" src="assets/images/inviter_bg.jpg" alt="邀请" />
<img class="logo" src="assets/images/white_logo.png" alt="logo" /> <img class="logo" src="assets/images/white_logo.png" alt="logo" />
<div class="invitation_content"> <div class="invitation_content">
<p>您将邀请{{inviteeName}}</p> <p>您将邀请{{inviteeName}}</p>
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
</footer> </footer>
</div> </div>
<div class="invitees_content" *ngIf="type=='invitees'"> <div class="invitees_content" *ngIf="type=='invitees'">
<img class="bg" src="assets/images/invitees_bg.png" alt="受到邀请" /> <img class="bg" src="assets/images/invitees_bg.jpg" alt="受到邀请" />
<img class="logo" src="assets/images/white_logo.png" alt="logo" /> <img class="logo" src="assets/images/white_logo.png" alt="logo" />
<div class="invitation_content"> <div class="invitation_content">
<p>{{invitatorName}}邀请您</p> <p>{{invitatorName}}邀请您</p>
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
</div> </div>
<div><img src="assets/images/ydCompanyName.png" alt="银盾保险经纪" class="img-responsive"></div> <div><img src="assets/images/ydCompanyName.png" alt="银盾保险经纪" class="img-responsive"></div>
</div> </div>
<div><img src="assets/images/online_chat.jpg" alt="" class="img-responsive"></div> <div><img src="assets/images/online.jpg" alt="" class="img-responsive"></div>
</div> </div>
<div class="dividingContainer"> <div class="dividingContainer">
<div class="dividingBox"></div> <div class="dividingBox"></div>
......
...@@ -67,7 +67,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -67,7 +67,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.rank(1, 2, 1) this.rank(1, 2, 1)
this.recommendPlanQuery(); this.recommendPlanQuery();
//判断是否团队长 //判断是否团队长
this.subordinateSystemMemberQuery(); // this.subordinateSystemMemberQuery();
this.opportunityStatistics(); this.opportunityStatistics();
this.queryScheduleTrackList(); this.queryScheduleTrackList();
//活动量得分查询 //活动量得分查询
...@@ -242,29 +242,10 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -242,29 +242,10 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
} }
}); });
} }
}
//截取字符串
getStr(str, len) {
if (!str) return "";
if (len <= 0) return "";
var templen = 0;
for (var i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 255) {
templen += 2;
} else {
templen++;
}
if (len == templen || len == templen + 1) {
return str.substring(0, i + 1) + '...';
} else if (templen > len + 1) {
return str.substring(0, i);
}
}
return str;
} }
// 大家都在买产品查询列表 // 大家都在买产品查询列表
recommendPlanQuery() { recommendPlanQuery() {
this.myService.queryproductlistbytag({ mdTagId: 97 }).subscribe(res => { this.myService.queryproductlistbytag({ mdTagId: 97 }).subscribe(res => {
......
...@@ -52,7 +52,7 @@ ...@@ -52,7 +52,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
height: 30px; height: 30px;
padding-left: 15px;
} }
.red{ .red{
color:#f8002e; color:#f8002e;
......
...@@ -3,4 +3,21 @@ ...@@ -3,4 +3,21 @@
<div class="iconfont icon-fanhui"></div> <div class="iconfont icon-fanhui"></div>
<div>首年销售奖金</div> <div>首年销售奖金</div>
</div> </div>
<div class="content_wrapper">
<div class="policy_item">
<div class="icon_bolck"><i class="iconfont icon-money-more"></i></div>
<div class="line_item">
<div>投保人姓名:王五</div>
<div>保险公司:复星</div>
<div>生效时间:2021-03-07</div>
<div>保单号:1234567</div>
</div>
<div class="money" (click)="status = !status">
¥3,750.00
<div style="width: 15px;height: 15px;position: absolute;right: -15px;top: 8px;" [ngStyle]="{'transform': status ? 'rotate(0)' : 'rotate(180deg)'}">
<span class="iconfont icon-xiangxia" ></span>
</div>
</div>
</div>
</div>
</div> </div>
...@@ -15,4 +15,42 @@ ...@@ -15,4 +15,42 @@
font-size: 20px; font-size: 20px;
} }
} }
.content_wrapper{
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
background: #f9fdff;
color: #4a4a4a;
.policy_item{
padding: 10px 10px 20px;
padding-left: 45px;
position: relative;
.line{
display: flex;
justify-content: space-between;
}
.icon_bolck{
border: 1px #dcdcdc solid;
width: 35px;
height: 35px;
position: absolute;
left: 3px;
top: 35px;
line-height: 30px;
text-align: center;
border-radius: 50%;
.iconfont{
color: #ff3500;
font-size: 22px;
position: relative;
top: 1px;
}
}
.money{
position: absolute;
right: 25px;
top: 50px;
}
}
}
} }
\ No newline at end of file
...@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core'; ...@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./salary-first-year.component.scss'] styleUrls: ['./salary-first-year.component.scss']
}) })
export class SalaryFirstYearComponent implements OnInit { export class SalaryFirstYearComponent implements OnInit {
status:boolean;
constructor() { } constructor() { }
ngOnInit() { ngOnInit() {
......
...@@ -10,25 +10,15 @@ ...@@ -10,25 +10,15 @@
</ul> </ul>
<div class="salesContent"> <div class="salesContent">
<div class="salesItem" *ngFor="let payScaleItem of payScaleInfos"> <div class="salesItem" *ngFor="let payScaleItem of payScaleInfos">
<div (click)="enterDetail(payScaleItem.monDtlPeriod)"> <div class="icon_bolck"><span class="iconfont icon-xinzidan"></span></div>
<div class="line" style="font-weight: bold;font-size: 16px;"> <div (click)="enterDetail(payScaleItem.monDtlPeriod)" style="padding-left: 45px;">
<span>{{lifeCommonService.getDate(payScaleItem.monDtlPeriod)}}实发佣金</span>
<div class="price" *ngIf="!payScaleItem.pdfOssPath">¥{{payScaleItem.monDtlRAmount | number: "1.2-2"}}</div>
<div *ngIf="payScaleItem.pdfOssPath">直接查看薪资单明细</div>
</div>
<div class="line"> <div class="line">
<div>流水编号</div> <span>薪资日期</span>
<div>{{payScaleItem.monShId}}</div> <div>{{lifeCommonService.getDate(payScaleItem.monDtlPeriod)}}</div>
</div> </div>
<div class="line"> <div class="line">
<span>应发佣金</span> <span>应发佣金</span>
<div class="price" *ngIf="!payScaleItem.pdfOssPath">¥{{payScaleItem.monDtlAmount | number: "1.2-2"}}</div> <div class="price" *ngIf="!payScaleItem.pdfOssPath">¥{{payScaleItem.monDtlAmount | number: "1.2-2"}}</div>
<div *ngIf="payScaleItem.pdfOssPath">直接查看薪资单明细</div>
</div>
<div class="line">
<span>扣除税</span>
<div class="price" *ngIf="!payScaleItem.pdfOssPath">¥{{(payScaleItem.monDtlAmount-payScaleItem.monDtlRAmount) | number: "1.2-2"}}</div>
<div class="price" *ngIf="payScaleItem.pdfOssPath">-</div>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -31,6 +31,23 @@ ...@@ -31,6 +31,23 @@
position: relative; position: relative;
margin-bottom: 15px; margin-bottom: 15px;
background: #fff; background: #fff;
.icon_bolck{
border: 1px #dcdcdc solid;
width: 35px;
height: 35px;
position: absolute;
left: 13px;
top: 13px;
line-height: 30px;
text-align: center;
border-radius: 50%;
.iconfont{
color: #ff3500;
font-size: 22px;
position: relative;
top: 1px;
}
}
.line{ .line{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -6,6 +6,13 @@ ...@@ -6,6 +6,13 @@
"description": "", "description": "",
"glyphs": [ "glyphs": [
{ {
"icon_id": "15668768",
"name": "问号",
"font_class": "wenhao",
"unicode": "e68e",
"unicode_decimal": 59022
},
{
"icon_id": "7186603", "icon_id": "7186603",
"name": "返回", "name": "返回",
"font_class": "fanhui", "font_class": "fanhui",
...@@ -48,13 +55,6 @@ ...@@ -48,13 +55,6 @@
"unicode_decimal": 59183 "unicode_decimal": 59183
}, },
{ {
"icon_id": "4303877",
"name": "人",
"font_class": "ren4",
"unicode": "e6c5",
"unicode_decimal": 59077
},
{
"icon_id": "649696", "icon_id": "649696",
"name": "人", "name": "人",
"font_class": "ren1", "font_class": "ren1",
...@@ -62,20 +62,6 @@ ...@@ -62,20 +62,6 @@
"unicode_decimal": 59003 "unicode_decimal": 59003
}, },
{ {
"icon_id": "1120975",
"name": "人",
"font_class": "ren111",
"unicode": "e67d",
"unicode_decimal": 59005
},
{
"icon_id": "6539430",
"name": "人",
"font_class": "ren2",
"unicode": "e685",
"unicode_decimal": 59013
},
{
"icon_id": "4908034", "icon_id": "4908034",
"name": "薪资单", "name": "薪资单",
"font_class": "xinzidan", "font_class": "xinzidan",
...@@ -111,13 +97,6 @@ ...@@ -111,13 +97,6 @@
"unicode_decimal": 58998 "unicode_decimal": 58998
}, },
{ {
"icon_id": "4989831",
"name": "精选产品库",
"font_class": "jingxuanchanpinku",
"unicode": "e671",
"unicode_decimal": 58993
},
{
"icon_id": "8533810", "icon_id": "8533810",
"name": "团队", "name": "团队",
"font_class": "tuandui", "font_class": "tuandui",
...@@ -153,20 +132,6 @@ ...@@ -153,20 +132,6 @@
"unicode_decimal": 59071 "unicode_decimal": 59071
}, },
{ {
"icon_id": "11640918",
"name": "奖牌",
"font_class": "jiangpai",
"unicode": "e796",
"unicode_decimal": 59286
},
{
"icon_id": "1793415",
"name": "给父母",
"font_class": "geifumu",
"unicode": "e66c",
"unicode_decimal": 58988
},
{
"icon_id": "9874550", "icon_id": "9874550",
"name": "KHCFDC_佣金", "name": "KHCFDC_佣金",
"font_class": "yongjin", "font_class": "yongjin",
...@@ -188,76 +153,6 @@ ...@@ -188,76 +153,6 @@
"unicode_decimal": 58987 "unicode_decimal": 58987
}, },
{ {
"icon_id": "7927930",
"name": "移动互联网",
"font_class": "yidonghulianwang2",
"unicode": "e700",
"unicode_decimal": 59136
},
{
"icon_id": "3584630",
"name": "字典",
"font_class": "zidian",
"unicode": "e669",
"unicode_decimal": 58985
},
{
"icon_id": "12084324",
"name": "字典",
"font_class": "zidian1",
"unicode": "e66a",
"unicode_decimal": 58986
},
{
"icon_id": "10795268",
"name": "资料库",
"font_class": "ziliaoku",
"unicode": "e667",
"unicode_decimal": 58983
},
{
"icon_id": "10796984",
"name": "资料库",
"font_class": "ziliaoku1",
"unicode": "e668",
"unicode_decimal": 58984
},
{
"icon_id": "9345059",
"name": "海报",
"font_class": "haibao-1",
"unicode": "e665",
"unicode_decimal": 58981
},
{
"icon_id": "12513277",
"name": "海报",
"font_class": "haibao",
"unicode": "e666",
"unicode_decimal": 58982
},
{
"icon_id": "11864398",
"name": "诊所中心",
"font_class": "zhensuozhongxin",
"unicode": "e663",
"unicode_decimal": 58979
},
{
"icon_id": "508266",
"name": "小诊所",
"font_class": "xiaozhensuo",
"unicode": "e64c",
"unicode_decimal": 58956
},
{
"icon_id": "1288111",
"name": "移动互联网",
"font_class": "yidonghulianwang",
"unicode": "e6c6",
"unicode_decimal": 59078
},
{
"icon_id": "3563994", "icon_id": "3563994",
"name": "执业证号", "name": "执业证号",
"font_class": "zhiyezhenghao", "font_class": "zhiyezhenghao",
...@@ -265,13 +160,6 @@ ...@@ -265,13 +160,6 @@
"unicode_decimal": 59194 "unicode_decimal": 59194
}, },
{ {
"icon_id": "4293900",
"name": "线索",
"font_class": "xiansuo",
"unicode": "e64e",
"unicode_decimal": 58958
},
{
"icon_id": "6134151", "icon_id": "6134151",
"name": "职业", "name": "职业",
"font_class": "zhiye", "font_class": "zhiye",
...@@ -279,13 +167,6 @@ ...@@ -279,13 +167,6 @@
"unicode_decimal": 58959 "unicode_decimal": 58959
}, },
{ {
"icon_id": "9855968",
"name": "AI",
"font_class": "AI",
"unicode": "e677",
"unicode_decimal": 58999
},
{
"icon_id": "11170142", "icon_id": "11170142",
"name": "保单样本", "name": "保单样本",
"font_class": "baodanyangben", "font_class": "baodanyangben",
...@@ -307,13 +188,6 @@ ...@@ -307,13 +188,6 @@
"unicode_decimal": 58962 "unicode_decimal": 58962
}, },
{ {
"icon_id": "13547739",
"name": "海报组件",
"font_class": "haibaozujian",
"unicode": "e661",
"unicode_decimal": 58977
},
{
"icon_id": "6691793", "icon_id": "6691793",
"name": "加号", "name": "加号",
"font_class": "jiahao", "font_class": "jiahao",
...@@ -370,20 +244,6 @@ ...@@ -370,20 +244,6 @@
"unicode_decimal": 59054 "unicode_decimal": 59054
}, },
{ {
"icon_id": "3039718",
"name": "在线",
"font_class": "zaixian",
"unicode": "e643",
"unicode_decimal": 58947
},
{
"icon_id": "4584207",
"name": "分销 - 指纹",
"font_class": "zhiwen",
"unicode": "e644",
"unicode_decimal": 58948
},
{
"icon_id": "7534910", "icon_id": "7534910",
"name": "ai", "name": "ai",
"font_class": "ai", "font_class": "ai",
...@@ -391,13 +251,6 @@ ...@@ -391,13 +251,6 @@
"unicode_decimal": 59050 "unicode_decimal": 59050
}, },
{ {
"icon_id": "7940516",
"name": "职业类别",
"font_class": "zhiyeleibie",
"unicode": "e6e3",
"unicode_decimal": 59107
},
{
"icon_id": "11209327", "icon_id": "11209327",
"name": "公告", "name": "公告",
"font_class": "gonggao", "font_class": "gonggao",
...@@ -412,13 +265,6 @@ ...@@ -412,13 +265,6 @@
"unicode_decimal": 60755 "unicode_decimal": 60755
}, },
{ {
"icon_id": "845798",
"name": "券",
"font_class": "qian1",
"unicode": "e659",
"unicode_decimal": 58969
},
{
"icon_id": "5240462", "icon_id": "5240462",
"name": "皇冠 (1)", "name": "皇冠 (1)",
"font_class": "huangguan1", "font_class": "huangguan1",
...@@ -448,7 +294,7 @@ ...@@ -448,7 +294,7 @@
}, },
{ {
"icon_id": "4182385", "icon_id": "4182385",
"name": "AK-MN上传图片", "name": "AK-MN_上传图片",
"font_class": "mn_shangchuantupian", "font_class": "mn_shangchuantupian",
"unicode": "e640", "unicode": "e640",
"unicode_decimal": 58944 "unicode_decimal": 58944
...@@ -1203,13 +1049,6 @@ ...@@ -1203,13 +1049,6 @@
"unicode_decimal": 58965 "unicode_decimal": 58965
}, },
{ {
"icon_id": "1695188",
"name": "银行",
"font_class": "yinhang",
"unicode": "e616",
"unicode_decimal": 58902
},
{
"icon_id": "2098701", "icon_id": "2098701",
"name": "用户", "name": "用户",
"font_class": "yonghu", "font_class": "yonghu",
......
This source diff could not be displayed because it is too large. You can view the blob instead.

459 KB | W: | H:

114 KB | W: | H:

src/assets/images/list_01.png
src/assets/images/list_01.png
src/assets/images/list_01.png
src/assets/images/list_01.png
  • 2-up
  • Swipe
  • Onion skin

367 KB | W: | H:

95.4 KB | W: | H:

src/assets/images/list_03.png
src/assets/images/list_03.png
src/assets/images/list_03.png
src/assets/images/list_03.png
  • 2-up
  • Swipe
  • Onion skin

304 KB | W: | H:

106 KB | W: | H:

src/assets/images/online.jpg
src/assets/images/online.jpg
src/assets/images/online.jpg
src/assets/images/online.jpg
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment