Skip to content

Y
ydLife
Commit 8e72ce58 by Sweet Zhang
Options

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

parent fdcf45d8
Showing with 144 additions and 61 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
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<div class="tips"> <div class="tips">
<p>此开户银行和银行卡号将做为于经纪人佣金的支付账号，</p> <p>此开户银行和银行卡号将用于经纪人佣金的支付账号，</p>
<p>请您确保正确。</p> <p>请您确保正确。</p>
</div> </div>
</div> </div>
......
src/app/my/joint-sales/joint-sales.component.html
<div class="jointSalesContainer"> <div class="jointSalesContainer">
<Tabs <ul class="tabs">
[useOnPan]="true" <li [ngClass]="{actived:index==0}" (click)="onTabClick(0)">待签署</li>
[swipeable]="true" <li [ngClass]="{actived:index==1}" (click)="onTabClick(1)">签署中</li>
[activeTab]="index" <li [ngClass]="{actived:index==2}" (click)="onTabClick(2)">已签署</li>
[page]="3" </ul>
[tabBarActiveTextColor]="'#1B5B99'" <div class="tabPaneContent">
(onTabClick)="onTabClick($event)" <div class="item" *ngIf="index===0">
>
<TabPane [title]="'待签署'">
<div class="item">
<ul *ngFor="let unionSalesItem of unionSalesInfos"> <ul *ngFor="let unionSalesItem of unionSalesInfos">
<li> <li>
<span>保险公司：</span> <span>保险公司：</span>
...@@ -32,9 +29,7 @@ ...@@ -32,9 +29,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</TabPane> <div class="item" *ngIf="index===1">
<TabPane [title]="'签署中'">
<div class="item">
<ul *ngFor="let unionSalesItem of unionSalesInfos"> <ul *ngFor="let unionSalesItem of unionSalesInfos">
<li> <li>
<span>保险公司：</span> <span>保险公司：</span>
...@@ -58,9 +53,7 @@ ...@@ -58,9 +53,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</TabPane> <div class="item" *ngIf="index===2">
<TabPane [title]="'已签署'">
<div class="item">
<ul *ngFor="let unionSalesItem of unionSalesInfos"> <ul *ngFor="let unionSalesItem of unionSalesInfos">
<li> <li>
<span>保险公司：</span> <span>保险公司：</span>
...@@ -84,7 +77,6 @@ ...@@ -84,7 +77,6 @@
</li> </li>
</ul> </ul>
</div> </div>
</TabPane> </div>
</Tabs>
</div> </div>
src/app/my/joint-sales/joint-sales.component.scss
.jointSalesContainer{ .jointSalesContainer{
background-color: #f9f9f9; background-color: #f9f9f9;
height: 100%; height: 100%;
ul{ .tabs{
margin-bottom: 10px; margin-bottom: 10px;
padding: 12px 19px;
background-color: #fff; background-color: #fff;
li{
height: 30px;
display: flex; display: flex;
justify-content: space-between; background-color: #fff;
li{
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{ button{
...@@ -23,5 +38,15 @@ ...@@ -23,5 +38,15 @@
} }
.item{ .item{
margin: 10px 5px; 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 { ...@@ -10,19 +10,19 @@ export class JointSalesComponent implements OnInit {
index = 0; index = 0;
unionSalesInfos:Array<any>; unionSalesInfos:Array<any>;
onTabClick(item) { onTabClick(i) {
// console.log('onTabClick', item); // console.log('onTabClick', item);
this.index = i;
let status; let status;
if(item.index==0){ if(i==0){
status = 1; status = 1;
}else if(item.index==1){ }else if(i==1){
status = 2; status = 2;
}else if(item.index==2){ }else if(i==2){
status = 3; status = 3;
} }
this.queryUnionSalesList(status); this.queryUnionSalesList(status);
} }
constructor(private myService:MyService) { } constructor(private myService:MyService) { }
...@@ -36,7 +36,6 @@ export class JointSalesComponent implements OnInit { ...@@ -36,7 +36,6 @@ export class JointSalesComponent implements OnInit {
if(res['success']){ if(res['success']){
this.unionSalesInfos = res['data']['unionSalesInfos']; 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 { ...@@ -74,12 +74,13 @@ export class MenuItemComponent implements OnInit {
{ no: 24, subtitle: '目标设置', icon: 'set', path: '', routerLink: 'target',showSubMenu:true }, { no: 24, subtitle: '目标设置', icon: 'set', path: '', routerLink: 'target',showSubMenu:true },
{ no: 21, subtitle: '公司制度', icon: 'management', path: '', routerLink: '',showSubMenu:true }, { no: 21, subtitle: '公司制度', icon: 'management', path: '', routerLink: '',showSubMenu:true },
{ no: 33, subtitle: '佣金政策', icon: 'CommissionPolicy', 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: 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: 14, subtitle: '我的佣金', icon: 'commission', path: '', routerLink: '',showSubMenu:true },
{ no: 19, subtitle: '薪资单', icon: 'salary', path: '', routerLink: 'salary',showSubMenu:this.isShowSalay }, { 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 isShow: true
}, },
......
src/app/my/my-center-home/my-center-home.component.html
...@@ -220,3 +220,12 @@ ...@@ -220,3 +220,12 @@
</div> </div>
</div> </div>
<ydlife-alert *ngIf="isNeedAlert" [dialogInfo]="dialogInfo" (popInfo)="getPopInfo()"></ydlife-alert> <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 { ...@@ -41,6 +41,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
showSubMenu:boolean; showSubMenu:boolean;
//初始化不显示面板数据 //初始化不显示面板数据
isShowDashBoardData:boolean = true; isShowDashBoardData:boolean = true;
// 0是未看 1是已看 2是没有续保数据
viewStatus:number;
constructor( constructor(
private router: Router, private router: Router,
public lifeCommonService: LifeCommonService, public lifeCommonService: LifeCommonService,
...@@ -51,6 +53,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -51,6 +53,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
} }
ngOnInit() { ngOnInit() {
this.viewStatus = sessionStorage.getItem('hadView') ? 1 : 0;
const title = this.activatedRoute.snapshot.data[0]['title']; const title = this.activatedRoute.snapshot.data[0]['title'];
this.lifeCommonService.setTitle(title); this.lifeCommonService.setTitle(title);
this.deviceType = this.lifeCommonService.checkDeviceType(); this.deviceType = this.lifeCommonService.checkDeviceType();
...@@ -71,10 +74,23 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -71,10 +74,23 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.queryScheduleTrackList(); this.queryScheduleTrackList();
//活动量得分查询 //活动量得分查询
this.queryPEPScore(); 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() { ngAfterViewInit() {
// setTimeout(() => { // setTimeout(() => {
// this.firstAnnouncementTitle = this.getStr(this.hide.nativeElement.innerText, '32') // this.firstAnnouncementTitle = this.getStr(this.hide.nativeElement.innerText, '32')
...@@ -272,6 +288,19 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit { ...@@ -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}` 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 { ...@@ -36,6 +36,7 @@ export class MySettingComponent implements OnInit {
this.myService.erpLogout(objParam).subscribe((res)=>{ this.myService.erpLogout(objParam).subscribe((res)=>{
if(res['success']){ if(res['success']){
localStorage.removeItem('lifeCustomerInfo'); localStorage.removeItem('lifeCustomerInfo');
sessionStorage.removeItem('hadView');
this.router.navigate(['/login']); this.router.navigate(['/login']);
}else{ }else{
alert(res['message']) alert(res['message'])
......
src/app/my/renewal-reminder-detail/renewal-reminder-detail.component.html
<div class="renewalReminderDetailContainer"> <div class="renewalReminderDetailContainer">
<div class="cardContent"> <div class="cardContent">
<div class="leftSection"> <div class="leftSection">
<h4>预计扣费时间：{{orderPayDetail.payableDate}}</h4> <h4>预计扣费时间：{{orderPayDetail?.payableDate | date:'yyyy-MM-dd'}}</h4>
<p>{{orderPayDetail.payStatus===1 ? '保费未划扣' : '保费已划扣'}}</p> <p>{{orderPayDetail?.payStatus=='1' ? '保费未划扣' : '保费已划扣'}}</p>
</div> </div>
<div class="rightSection"> <div class="rightSection">
<p>第<strong>{{orderPayDetail.payPeriod}}</strong>年</p> <p>第<strong>{{orderPayDetail?.payPeriod}}</strong>年</p>
<p>续期保费</p> <p>续期保费</p>
</div> </div>
</div> </div>
<div class="tabPaneItem"> <div class="tabPaneItem">
<h4> <h4>
<span>保险名称{{orderPayDetail.productName}}</span> <span>保险名称{{orderPayDetail?.productName}}</span>
<span></span> <span></span>
</h4> </h4>
<ul> <ul>
<li><span>保险公司：</span><span>{{orderPayDetail.productName}}</span></li> <li><span>保险公司：</span><span>{{orderPayDetail?.insurerName}}</span></li>
<li><span>保单号：</span><span>{{orderPayDetail.policyNo}}</span></li> <li><span>保单号：</span><span>{{orderPayDetail?.policyNo}}</span></li>
<li><span>投保人：</span><span>{{orderPayDetail.policyholderName}}</span></li> <li><span>投保人：</span><span>{{orderPayDetail?.policyholderName}}</span></li>
<li><span>被保人：</span><span>{{orderPayDetail.insuredName}}</span></li> <li><span>被保人：</span><span>{{orderPayDetail?.insuredName}}</span></li>
<li><span>缴费期：</span><span>{{orderPayDetail.paymentTerm}}</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 style="color: #F24949;">{{orderPayDetail?.annualizedPremium | number:'1.2-2'}}</span></li>
<li><span>保障期：</span><span>{{orderPayDetail.coverTerm}}</span></li> <li><span>保障期：</span><span>{{orderPayDetail?.coverTerm}}</span></li>
</ul> </ul>
</div> </div>
<div class="paymentInfoContent tabPaneItem"> <div class="paymentInfoContent tabPaneItem">
<ul> <ul>
<li><span>年化保费：</span><span>{{orderPayDetail.annualizedPremium | number:'1.2-2'}}</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?.paymentTerm}}</span></li>
<li><span>本期扣费时间：</span><span>{{orderPayDetail.payableDate}}</span></li> <li><span>本期扣费时间：</span><span>{{orderPayDetail?.payableDate | date:'yyyy-MM-dd'}}</span></li>
</ul> </ul>
</div> </div>
<div class="remindContent" *ngIf="type===1"> <div class="remindContent" *ngIf="type===1">
...@@ -36,16 +36,16 @@ ...@@ -36,16 +36,16 @@
<ul> <ul>
<li (click)="shareSelect(1)"> <li (click)="shareSelect(1)">
<div> <div>
<img src="../../../assets/images/smsIcon.png" alt=""> <img src="./assets/images/smsIcon.png" alt="">
</div> </div>
<div>短信通知</div> <div>短信通知</div>
</li> </li>
<li (click)="shareSelect(2)" *ngIf="deviceType == 3"> <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> <div>微信通知</div>
</li> </li>
<li (click)="shareSelect(3)"> <li (click)="shareSelect(3)">
<div> <img src="../../../assets/images/telIcon.png" alt=""></div> <div> <img src="./assets/images/telIcon.png" alt=""></div>
<div>电话通知</div> <div>电话通知</div>
</li> </li>
</ul> </ul>
...@@ -56,10 +56,10 @@ ...@@ -56,10 +56,10 @@
<div class="popContent" *ngIf="noticeType!==2"> <div class="popContent" *ngIf="noticeType!==2">
<div class="closeBtn" (click)="close($event)">&times;</div> <div class="closeBtn" (click)="close($event)">&times;</div>
<div class="telContent"> <div class="telContent">
<div><span>姓名：</span><span>{{orderPayDetail.policyholderName}}</span></div> <div><span>姓名：</span><span style="color:#999">{{orderPayDetail.policyholderName}}</span></div>
<div><span>电话：</span><span>{{orderPayDetail.policyholderMobile}}</span></div> <div><span>电话：</span><span style="color:#999">{{orderPayDetail.policyholderMobile}}</span></div>
<div *ngIf="noticeType===1"> <div *ngIf="noticeType===1" style="color:#999;text-indent:24px;">
{{orderPayDetail.noticeList[0].content}} 尊敬的{{orderPayDetail.policyholderName}}您好，你在{{orderPayDetail.insurerName}}公司投保的{{orderPayDetail.productName}}产品，快到第{{orderPayDetail.payPeriod}}期续交保费了，当期保费{{orderPayDetail.annualizedPremium | number:'1.2-2'}}元，请在预留的银行卡准备好相应金额，避免保单失效和造成损失。谢谢！任何问题可以随时联络您的经纪人提供帮助。
</div> </div>
<div class="button" *ngIf="noticeType===3"><a href="tel:{{orderPayDetail.policyholderMobile}}">拨打电话</a></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> <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 @@ ...@@ -29,7 +29,7 @@
align-items: center; align-items: center;
strong{ strong{
color: #F24949; 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 { ...@@ -21,6 +21,7 @@ export class RenewalReminderDetailComponent implements OnInit {
isNeedAlert: boolean; isNeedAlert: boolean;
dialogInfo: any; dialogInfo: any;
deviceType:number; deviceType:number;
sendContent:string;
shareSelect(type){ shareSelect(type){
this.noticeType = type; this.noticeType = type;
this.dialogDisabled = true; this.dialogDisabled = true;
...@@ -37,6 +38,7 @@ export class RenewalReminderDetailComponent implements OnInit { ...@@ -37,6 +38,7 @@ export class RenewalReminderDetailComponent implements OnInit {
this.deviceType = this.lifeCommonService.checkDeviceType(); this.deviceType = this.lifeCommonService.checkDeviceType();
this.orderPayId = this.route.snapshot.params['orderPayId']; this.orderPayId = this.route.snapshot.params['orderPayId'];
this.type = this.route.snapshot.data.type; this.type = this.route.snapshot.data.type;
this.practitionerId = localStorage.getItem('lifeCustomerInfo')?JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']:null;
this.queryNoticeDetail(); this.queryNoticeDetail();
} }
...@@ -44,6 +46,7 @@ export class RenewalReminderDetailComponent implements OnInit { ...@@ -44,6 +46,7 @@ export class RenewalReminderDetailComponent implements OnInit {
this.myService.queryNoticeDetail({orderPayId:this.orderPayId}).subscribe(res=>{ this.myService.queryNoticeDetail({orderPayId:this.orderPayId}).subscribe(res=>{
if(res['success']){ if(res['success']){
this.orderPayDetail = res['data']['orderPayDetail']; this.orderPayDetail = res['data']['orderPayDetail'];
this.content = ` 尊敬的${this.orderPayDetail.policyholderName}您好，你在${this.orderPayDetail.insurerName}公司投保的${this.orderPayDetail.productName}产品，快到第${this.orderPayDetail.payPeriod}期续交保费了，当期保费${this.orderPayDetail.annualizedPremium}元，请在预留的银行卡准备好相应金额，避免保单失效和造成损失。谢谢！任何问题可以随时联络您的经纪人提供帮助。`
}else{ }else{
this.openPopInfo(res['message']); this.openPopInfo(res['message']);
} }
...@@ -57,7 +60,7 @@ export class RenewalReminderDetailComponent implements OnInit { ...@@ -57,7 +60,7 @@ export class RenewalReminderDetailComponent implements OnInit {
} }
wxShare(){ 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 @@ ...@@ -4,13 +4,14 @@
<li [ngClass]="{actived:index==1}" (click)="selectTab(1)">已通知</li> <li [ngClass]="{actived:index==1}" (click)="selectTab(1)">已通知</li>
</ul> </ul>
<div class="tabPaneContent"> <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"> <div class="tabPaneItem" *ngFor="let item of lists">
<h4> <h4>
<span>保险名称{{item.productName}}</span> <span>保险名称{{item.productName}}</span>
<span>第{{item.payPeriod}}年续期保费</span> <span>第{{item.payPeriod}}年续期保费</span>
</h4> </h4>
<ul> <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.policyNo}}</span></li>
<li><span>投保人：</span><span>{{item.policyholderName}}</span></li> <li><span>投保人：</span><span>{{item.policyholderName}}</span></li>
<li><span>被保人：</span><span>{{item.insuredName}}</span></li> <li><span>被保人：</span><span>{{item.insuredName}}</span></li>
......
src/app/my/renewal-reminder/renewal-reminder.component.scss
...@@ -32,14 +32,19 @@ ...@@ -32,14 +32,19 @@
h4{ h4{
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: baseline;
padding: 6px 11px 10px 18px; padding: 6px 11px 10px 18px;
>span:first-child{ >span:first-child{
font-size: 15px; font-size: 15px;
color: #333; color: #333;
flex:1;
} }
>span:last-child{ >span:last-child{
color: #F24949; color: #F24949;
font-size: 12px; font-size: 12px;
width: 100px;
white-space: nowrap;
text-align: right;
} }
} }
ul{ ul{
......
src/app/my/renewal-reminder/renewal-reminder.component.ts
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { MyService } from '../my.service'; import { MyService } from '../my.service';
@Component({ @Component({
...@@ -7,16 +8,21 @@ import { MyService } from '../my.service'; ...@@ -7,16 +8,21 @@ import { MyService } from '../my.service';
styleUrls: ['./renewal-reminder.component.scss'] styleUrls: ['./renewal-reminder.component.scss']
}) })
export class RenewalReminderComponent implements OnInit { export class RenewalReminderComponent implements OnInit {
index:number = 1; index:number = 0;
practitionerId:number; practitionerId:number;
lists:Array<any>; lists:Array<any>;
selectTab(i){ selectTab(i){
this.index = 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() { ngOnInit() {
this.practitionerId = localStorage.getItem('lifeCustomerInfo')?JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']:null; this.practitionerId = localStorage.getItem('lifeCustomerInfo')?JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId']:null;
this.queryNoticeList()
} }
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