Skip to content

Y
ydLife
Commit 8e72ce58 by Sweet Zhang
Options

联合销售优化以及续期提醒

parent fdcf45d8
Showing with 168 additions and 85 deletions
.vscode/tasks.json 0 → 100644
{
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "start",
"problemMatcher": [],
"label": "npm: start",
"detail": "ng serve --host 0.0.0.0 --port 4205 -o"
}
]
}
package-lock.json deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/app/my/application-process/bank-card/bank-card.component.html
......@@ -16,12 +16,12 @@
</div>
<div class="contentItem" *ngIf="approveStatus==null || approveStatus=='-1'">
<input class="form-control" name="" id="" style="text-align: left;padding: 6px 0;" placeholder="再次输入银行卡号以确认"
[(ngModel)]="sureBankAccountId" (blur)="bs(3)" onkeyup="this.value=this.value.replace(/\D/g,'')"
[(ngModel)]="sureBankAccountId" (blur)="bs(3)" onkeyup="this.value=this.value.replace(/\D/g,'')"
[disabled]="approveStatus!=null && approveStatus!='-1'" maxlength="19"/>
</div>
</div>
<div class="tips">
<p>此开户银行和银行卡号将做为于经纪人佣金的支付账号，</p>
<p>此开户银行和银行卡号将用于经纪人佣金的支付账号，</p>
<p>请您确保正确。</p>
</div>
</div>
......
src/app/my/joint-sales/joint-sales.component.html
<div class="jointSalesContainer">
<Tabs
[useOnPan]="true"
[swipeable]="true"
[activeTab]="index"
[page]="3"
[tabBarActiveTextColor]="'#1B5B99'"
(onTabClick)="onTabClick($event)"
>
<TabPane [title]="'待签署'">
<div class="item">
<ul class="tabs">
<li [ngClass]="{actived:index==0}" (click)="onTabClick(0)">待签署</li>
<li [ngClass]="{actived:index==1}" (click)="onTabClick(1)">签署中</li>
<li [ngClass]="{actived:index==2}" (click)="onTabClick(2)">已签署</li>
</ul>
<div class="tabPaneContent">
<div class="item" *ngIf="index===0">
<ul *ngFor="let unionSalesItem of unionSalesInfos">
<li>
<span>保险公司：</span>
<span>{{unionSalesItem.insurerName}}</span>
</li>
<li>
<span>保险产品：</span>
<span>{{unionSalesItem.productName}}</span>
</li>
<li>
<span>投保人：</span>
<span>{{unionSalesItem.policyholderName}}</span>
</li>
<li>
<span>发送时间：</span>
<span>{{unionSalesItem.sendDate}}</span>
</li>
<li>
<label></label>
<button [routerLink]="['/joint_sales_detail',unionSalesItem.id]">查看</button>
</li>
</ul>
</div>
<div class="item" *ngIf="index===1">
<ul *ngFor="let unionSalesItem of unionSalesInfos">
<li>
<span>保险公司：</span>
......@@ -31,36 +52,8 @@
<button [routerLink]="['/joint_sales_detail',unionSalesItem.id]">查看</button>
</li>
</ul>
</div>
</TabPane>
<TabPane [title]="'签署中'">
<div class="item">
<ul *ngFor="let unionSalesItem of unionSalesInfos">
<li>
<span>保险公司：</span>
<span>{{unionSalesItem.insurerName}}</span>
</li>
<li>
<span>保险产品：</span>
<span>{{unionSalesItem.productName}}</span>
</li>
<li>
<span>投保人：</span>
<span>{{unionSalesItem.policyholderName}}</span>
</li>
<li>
<span>发送时间：</span>
<span>{{unionSalesItem.sendDate}}</span>
</li>
<li>
<label></label>
<button [routerLink]="['/joint_sales_detail',unionSalesItem.id]">查看</button>
</li>
</ul>
</div>
</TabPane>
<TabPane [title]="'已签署'">
<div class="item">
<div class="item" *ngIf="index===2">
<ul *ngFor="let unionSalesItem of unionSalesInfos">
<li>
<span>保险公司：</span>
......@@ -84,7 +77,6 @@
</li>
</ul>
</div>
</TabPane>
</Tabs>
</div>
</div>
src/app/my/joint-sales/joint-sales.component.scss
.jointSalesContainer{
background-color: #f9f9f9;
height: 100%;
ul{
.tabs{
margin-bottom: 10px;
padding: 12px 19px;
background-color: #fff;
display: flex;
background-color: #fff;
li{
height: 30px;
display: flex;
justify-content: space-between;
height: 40px;
line-height: 40px;
padding-left: 22px;
position: relative;
&.actived{
color: #1B5B99;
}
&.actived::after{
position: absolute;
content: '';
width: 55%;
height: 1px;
background-color: #1B5B99;
left: 0;
bottom: 0;
transform: translateX(70%);
}
}
}
button{
......@@ -23,5 +38,15 @@
}
.item{
margin: 10px 5px;
ul{
margin-bottom: 10px;
padding: 12px 19px;
background-color: #fff;
li{
height: 30px;
display: flex;
justify-content: space-between;
}
}
}
}
src/app/my/joint-sales/joint-sales.component.ts
......@@ -10,19 +10,19 @@ export class JointSalesComponent implements OnInit {
index = 0;
unionSalesInfos:Array<any>;
onTabClick(item) {
onTabClick(i) {
// console.log('onTabClick', item);
this.index = i;
let status;
if(item.index==0){
if(i==0){
status = 1;
}else if(item.index==1){
}else if(i==1){
status = 2;
}else if(item.index==2){
}else if(i==2){
status = 3;
}
this.queryUnionSalesList(status);
}
constructor(private myService:MyService) { }
......@@ -36,7 +36,6 @@ export class JointSalesComponent implements OnInit {
if(res['success']){
this.unionSalesInfos = res['data']['unionSalesInfos'];
}
console.log(res);
})
}
}
src/app/my/menu-item/menu-item.component.ts
......@@ -74,12 +74,13 @@ export class MenuItemComponent implements OnInit {
{ no: 24, subtitle: '目标设置', icon: 'set', path: '', routerLink: 'target',showSubMenu:true },
{ no: 21, subtitle: '公司制度', icon: 'management', path: '', routerLink: '',showSubMenu:true },
{ no: 33, subtitle: '佣金政策', icon: 'CommissionPolicy', path: '', routerLink: '',showSubMenu:true },
{ no: 12, subtitle: '销售保单', icon: 'policy', path: '', routerLink: '',showSubMenu:true },
{ no: 26, subtitle: '投核保知识库', icon: 'ask', path: '', routerLink: 'underwriting_knowledge' ,showSubMenu:true},
{ no: 27, subtitle: '联合销售', icon: 'jointSales', path: '', routerLink: 'joint_sales' ,showSubMenu:true},
{ no: 20, subtitle: '我的客户', icon: 'customer', path: '', routerLink: 'customer',showSubMenu:true },
{ no: 35, subtitle: '续期提醒', icon: 'renewalReminder', path: '', routerLink: 'renewal_reminder',showSubMenu:true },
{ no: 12, subtitle: '销售保单', icon: 'policy', path: '', routerLink: '',showSubMenu:true },
// { no: 14, subtitle: '我的佣金', icon: 'commission', path: '', routerLink: '',showSubMenu:true },
{ no: 19, subtitle: '薪资单', icon: 'salary', path: '', routerLink: 'salary',showSubMenu:this.isShowSalay },
{ no: 26, subtitle: '投核保知识库', icon: 'ask', path: '', routerLink: 'underwriting_knowledge' ,showSubMenu:true},
{ no: 27, subtitle: '联合销售', icon: 'jointSales', path: '', routerLink: 'joint_sales' ,showSubMenu:true},
],
isShow: true
},
......
src/app/my/my-center-home/my-center-home.component.html
......@@ -220,3 +220,12 @@
</div>
</div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert>
<!--弹窗提醒 -->
<div class="tipsInfoContainer" *ngIf="viewStatus===0" (click)="closeDialog($event)">
<div class="tipsInfoContent">
<img src="./assets/images/bell.png" alt="" class="bell">
<img src="./assets/images/dialogBg.png" alt="" style="margin-top:-2px">
<div>您有续期保单待处理</div>
<button (click)="viewDetail()">立即查看</button>
</div>
</div>
src/app/my/my-center-home/my-center-home.component.ts
......@@ -41,6 +41,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
showSubMenu:boolean;
//初始化不显示面板数据
isShowDashBoardData:boolean = true;
// 0是未看 1是已看 2是没有续保数据
viewStatus:number;
constructor(
private router: Router,
public lifeCommonService: LifeCommonService,
......@@ -51,6 +53,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
}
ngOnInit() {
this.viewStatus = sessionStorage.getItem('hadView') ? 1 : 0;
const title = this.activatedRoute.snapshot.data[0]['title'];
this.lifeCommonService.setTitle(title);
this.deviceType = this.lifeCommonService.checkDeviceType();
......@@ -71,10 +74,23 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.queryScheduleTrackList();
//活动量得分查询
this.queryPEPScore();
// 查询是否有续期提醒订单
if(this.viewStatus===0){
this.queryNoticeList();
}
}
closeDialog(e){
if(e.target.className==='tipsInfoContainer'){
this.viewStatus = 1;
sessionStorage.setItem('hadView','true')
}
}
viewDetail(){
this.viewStatus = 1;
sessionStorage.setItem('hadView','true');
this.router.navigate(['/renewal_reminder'])
}
ngAfterViewInit() {
// setTimeout(() => {
// this.firstAnnouncementTitle = this.getStr(this.hide.nativeElement.innerText, '32')
......@@ -272,6 +288,19 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
window.location.href = `https://h5.futurebaobei.com/h5/product/detail/7?channel=yindun&channelStaff=${this.lifeCustomerInfo.practitionerId}`
}
// 获取是否有续期提醒订单
queryNoticeList(){
this.myService.queryNoticeList({practitionerId:this.lifeCustomerInfo.practitionerId,status:0}).subscribe(res=>{
if(res['success']){
if(res['data']['list'] && res['data']['list'].length > 0){
}else{
this.viewStatus = 2;
}
}
})
}
}
src/app/my/my-setting/my-setting.component.ts
......@@ -36,6 +36,7 @@ export class MySettingComponent implements OnInit {
this.myService.erpLogout(objParam).subscribe((res)=>{
if(res['success']){
localStorage.removeItem('lifeCustomerInfo');
sessionStorage.removeItem('hadView');
this.router.navigate(['/login']);
}else{
alert(res['message'])
......
src/app/my/renewal-reminder-detail/renewal-reminder-detail.component.html
<div class="renewalReminderDetailContainer">
<div class="cardContent">
<div class="leftSection">
<h4>预计扣费时间：{{orderPayDetail.payableDate}}</h4>
<p>{{orderPayDetail.payStatus===1 ? '保费未划扣' : '保费已划扣'}}</p>
<h4>预计扣费时间：{{orderPayDetail?.payableDate | date:'yyyy-MM-dd'}}</h4>
<p>{{orderPayDetail?.payStatus=='1' ? '保费未划扣' : '保费已划扣'}}</p>
</div>
<div class="rightSection">
<p>第<strong>{{orderPayDetail.payPeriod}}</strong>年</p>
<p>第<strong>{{orderPayDetail?.payPeriod}}</strong>年</p>
<p>续期保费</p>
</div>
</div>
<div class="tabPaneItem">
<h4>
<span>保险名称{{orderPayDetail.productName}}</span>
<span>保险名称{{orderPayDetail?.productName}}</span>
<span></span>
</h4>
<ul>
<li><span>保险公司：</span><span>{{orderPayDetail.productName}}</span></li>
<li><span>保单号：</span><span>{{orderPayDetail.policyNo}}</span></li>
<li><span>投保人：</span><span>{{orderPayDetail.policyholderName}}</span></li>
<li><span>被保人：</span><span>{{orderPayDetail.insuredName}}</span></li>
<li><span>缴费期：</span><span>{{orderPayDetail.paymentTerm}}</span></li>
<li><span>保费：</span><span style="color: #F24949;">{{orderPayDetail.annualizedPremium | number:'1.2-2'}}</span></li>
<li><span>保障期：</span><span>{{orderPayDetail.coverTerm}}</span></li>
<li><span>保险公司：</span><span>{{orderPayDetail?.insurerName}}</span></li>
<li><span>保单号：</span><span>{{orderPayDetail?.policyNo}}</span></li>
<li><span>投保人：</span><span>{{orderPayDetail?.policyholderName}}</span></li>
<li><span>被保人：</span><span>{{orderPayDetail?.insuredName}}</span></li>
<li><span>缴费期：</span><span>{{orderPayDetail?.paymentTerm}}</span></li>
<li><span>保费：</span><span style="color: #F24949;">{{orderPayDetail?.annualizedPremium | number:'1.2-2'}}</span></li>
<li><span>保障期：</span><span>{{orderPayDetail?.coverTerm}}</span></li>
</ul>
</div>
<div class="paymentInfoContent tabPaneItem">
<ul>
<li><span>年化保费：</span><span>{{orderPayDetail.annualizedPremium | number:'1.2-2'}}</span></li>
<li><span>缴费期间：</span><span>{{orderPayDetail.paymentTerm}}</span></li>
<li><span>本期扣费时间：</span><span>{{orderPayDetail.payableDate}}</span></li>
<li><span>年化保费：</span><span>{{orderPayDetail?.annualizedPremium | number:'1.2-2'}}</span></li>
<li><span>缴费期间：</span><span>{{orderPayDetail?.paymentTerm}}</span></li>
<li><span>本期扣费时间：</span><span>{{orderPayDetail?.payableDate | date:'yyyy-MM-dd'}}</span></li>
</ul>
</div>
<div class="remindContent" *ngIf="type===1">
......@@ -36,16 +36,16 @@
<ul>
<li (click)="shareSelect(1)">
<div>
<img src="../../../assets/images/smsIcon.png" alt="">
<img src="./assets/images/smsIcon.png" alt="">
</div>
<div>短信通知</div>
</li>
<li (click)="shareSelect(2)" *ngIf="deviceType == 3">
<div> <img src="../../../assets/images/wechatIcon.png" alt=""></div>
<div> <img src="./assets/images/wechatIcon.png" alt=""></div>
<div>微信通知</div>
</li>
<li (click)="shareSelect(3)">
<div> <img src="../../../assets/images/telIcon.png" alt=""></div>
<div> <img src="./assets/images/telIcon.png" alt=""></div>
<div>电话通知</div>
</li>
</ul>
......@@ -56,10 +56,10 @@
<div class="popContent" *ngIf="noticeType!==2">
<div class="closeBtn" (click)="close($event)">&times;</div>
<div class="telContent">
<div><span>姓名：</span><span>{{orderPayDetail.policyholderName}}</span></div>
<div><span>电话：</span><span>{{orderPayDetail.policyholderMobile}}</span></div>
<div *ngIf="noticeType===1">
{{orderPayDetail.noticeList[0].content}}
<div><span>姓名：</span><span style="color:#999">{{orderPayDetail.policyholderName}}</span></div>
<div><span>电话：</span><span style="color:#999">{{orderPayDetail.policyholderMobile}}</span></div>
<div *ngIf="noticeType===1" style="color:#999;text-indent:24px;">
尊敬的{{orderPayDetail.policyholderName}}您好，你在{{orderPayDetail.insurerName}}公司投保的{{orderPayDetail.productName}}产品，快到第{{orderPayDetail.payPeriod}}期续交保费了，当期保费{{orderPayDetail.annualizedPremium | number:'1.2-2'}}元，请在预留的银行卡准备好相应金额，避免保单失效和造成损失。谢谢！任何问题可以随时联络您的经纪人提供帮助。
</div>
<div class="button" *ngIf="noticeType===3"><a href="tel:{{orderPayDetail.policyholderMobile}}">拨打电话</a></div>
<div class="button" *ngIf="noticeType===1" (click)="addNotice()"><a href="javascript:;">发送信息</a></div>
......
src/app/my/renewal-reminder-detail/renewal-reminder-detail.component.scss
......@@ -29,7 +29,7 @@
align-items: center;
strong{
color: #F24949;
font-size: 15px;
font-size: 20px;
}
}
}
......
src/app/my/renewal-reminder-detail/renewal-reminder-detail.component.ts
......@@ -21,6 +21,7 @@ export class RenewalReminderDetailComponent implements OnInit {
isNeedAlert: boolean;
dialogInfo: any;
deviceType:number;
sendContent:string;
shareSelect(type){
this.noticeType = type;
this.dialogDisabled = true;
......@@ -37,6 +38,7 @@ export class RenewalReminderDetailComponent implements OnInit {
this.deviceType = this.lifeCommonService.checkDeviceType();
this.orderPayId = this.route.snapshot.params['orderPayId'];
this.type = this.route.snapshot.data.type;
this.practitionerId = localStorage.getItem('lifeCustomerInfo')?JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']:null;
this.queryNoticeDetail();
}
......@@ -44,6 +46,7 @@ export class RenewalReminderDetailComponent implements OnInit {
this.myService.queryNoticeDetail({orderPayId:this.orderPayId}).subscribe(res=>{
if(res['success']){
this.orderPayDetail = res['data']['orderPayDetail'];
this.content = ` 尊敬的${this.orderPayDetail.policyholderName}您好，你在${this.orderPayDetail.insurerName}公司投保的${this.orderPayDetail.productName}产品，快到第${this.orderPayDetail.payPeriod}期续交保费了，当期保费${this.orderPayDetail.annualizedPremium}元，请在预留的银行卡准备好相应金额，避免保单失效和造成损失。谢谢！任何问题可以随时联络您的经纪人提供帮助。`
}else{
this.openPopInfo(res['message']);
}
......@@ -57,7 +60,7 @@ export class RenewalReminderDetailComponent implements OnInit {
}
wxShare(){
this.lifeCommonService.wxShare('续保提醒','保险续保提醒',`${window.location.origin}/reminder_detail/${this.orderPayId}`,'');
this.lifeCommonService.wxShare('保单续期提醒','来自经纪人的温馨提醒，您有保单快到续期交费日期，点击看看以免忘记，避免损失。',`${window.location.origin}/ydLife/reminder_detail/${this.orderPayId}`,`${window.location.origin}/ydLife/assets/images/productData/protect.png`);
}
// 打开弹窗
......
src/app/my/renewal-reminder/renewal-reminder.component.html
......@@ -4,13 +4,14 @@
<li [ngClass]="{actived:index==1}" (click)="selectTab(1)">已通知</li>
</ul>
<div class="tabPaneContent">
<h3 *ngIf="!lists" style="text-align:center;margin-top:10%;font-size:18px">暂无数据</h3>
<div class="tabPaneItem" *ngFor="let item of lists">
<h4>
<span>保险名称{{item.productName}}</span>
<span>第{{item.payPeriod}}年续期保费</span>
</h4>
<ul>
<li><span>保险公司：</span><span>{{item.payPeriod}}</span></li>
<li><span>保险公司：</span><span>{{item.insurerName}}</span></li>
<li><span>保单号：</span><span>{{item.policyNo}}</span></li>
<li><span>投保人：</span><span>{{item.policyholderName}}</span></li>
<li><span>被保人：</span><span>{{item.insuredName}}</span></li>
......
src/app/my/renewal-reminder/renewal-reminder.component.scss
......@@ -32,14 +32,19 @@
h4{
display: flex;
justify-content: space-between;
align-items: baseline;
padding: 6px 11px 10px 18px;
>span:first-child{
font-size: 15px;
color: #333;
flex:1;
}
>span:last-child{
color: #F24949;
font-size: 12px;
width: 100px;
white-space: nowrap;
text-align: right;
}
}
ul{
......
src/app/my/renewal-reminder/renewal-reminder.component.ts
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { MyService } from '../my.service';
@Component({
......@@ -7,16 +8,21 @@ import { MyService } from '../my.service';
styleUrls: ['./renewal-reminder.component.scss']
})
export class RenewalReminderComponent implements OnInit {
index:number = 1;
index:number = 0;
practitionerId:number;
lists:Array<any>;
selectTab(i){
this.index = i;
this.queryNoticeList();
this.router.navigate(['/renewal_reminder'], {queryParams:{i:this.index}});
}
constructor(private myService:MyService,private route:ActivatedRoute,private router:Router) {
this.index = this.route.snapshot.queryParams['i'] ? this.route.snapshot.queryParams['i'] : 0;
}
constructor(private myService:MyService) { }
ngOnInit() {
this.practitionerId = localStorage.getItem('lifeCustomerInfo')?JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']:null;
this.queryNoticeList()
}
queryNoticeList(){
......
src/assets/images/jointSales.png
src/assets/images/jointSales.png

1.1 KB | W: | H:

src/assets/images/jointSales.png

2.52 KB | W: | H:

src/assets/images/jointSales.png
src/assets/images/jointSales.png
src/assets/images/jointSales.png
src/assets/images/jointSales.png
  • 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