Skip to content

Y
ydLife
Commit 47c72de7 by sunchao
Options

战队业绩样式修改

parent 76400ed3
Showing with 153 additions and 95 deletions
src/app/my/add-task/add-task.component.ts
......@@ -60,13 +60,13 @@ export class AddTaskComponent implements OnInit {
{label: '17:30',id:20},
{label: '18:00',id:21},
{label: '18:30',id:22},
{label: '18:00',id:23},
{label: '19:00',id:23},
{label: '19:30',id:24},
{label: '17:30',id:25},
{label: '18:00',id:26},
{label: '18:30',id:27},
{label: '18:00',id:28},
{label: '19:30',id:29},
{label: '20:00',id:25},
{label: '20:30',id:26},
{label: '21:00',id:27},
{label: '21:30',id:28},
{label: '22:00',id:29},
];
// console.log(this.router.getCurrentNavigation().extras.state)
}
......
src/app/my/my-center-home/my-center-home.component.ts
......@@ -335,7 +335,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
//获取今日任务数量
queryScheduleTrackList(){
this.myService.queryScheduleTrackList({practitionerId:this.lifeCustomerInfo.practitionerId,trackDate:dayjs().format('YYYY-MM-DD')}).subscribe((res)=>{
this.myService.queryScheduleTrackList({practitionerId:this.lifeCustomerInfo.practitionerId,trackTime:dayjs().format('YYYY-MM-DD')}).subscribe((res)=>{
if(res['success']){
this.taskLen = res['data']['dataList'];
}else{
......
src/app/my/team-panel/team-panel.component.html
<div class="taem_panel_wrapper">
<div class="teamInfo">
<span class="icon-tuandui iconfont"
style="position: absolute;width:45px;height:45px;line-height:35px;font-size: 30px;left:0;border: 1px #dcdcdc solid; padding: 5px;border-radius: 50%;"></span>
<div style="float: left;">{{subordinateSystemName}}战队</div>
<!-- <span class="icon-tuandui iconfont"
style="position: absolute;width:45px;height:45px;line-height:35px;font-size: 30px;left:0;border: 1px #dcdcdc solid; padding: 5px;border-radius: 50%;"></span> -->
<img src="assets/images/cup_icon.png" >
<div style="float: left;letter-spacing: 5px;margin-left: 5%;">{{subordinateSystemName.split('').join('/')}}/战/队</div>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div class="item_title">
战队业绩(￥)
</div>
<ul class="tab">
<li [ngClass]="{selected:selectedRecruitingItem===1}" (click)="subordinateSystemMemberQuery(1)">本月</li>
<li [ngClass]="{selected:selectedRecruitingItem===3}" (click)="subordinateSystemMemberQuery(3)">本季</li>
<li [ngClass]="{selected:selectedRecruitingItem===2}" (click)="subordinateSystemMemberQuery(2)">本年</li>
</ul>
</div>
<div class="taem_panel_item_content">
<ul>
<li class="big" style="width: 30%;">{{statisticInfo?.fyp | number: "1.0-2"}}</li>
<li class="big" style="width: 30%;">{{statisticInfo?.fyc | number: "1.0-2"}}</li>
<li class="big" style="width: 15%;">{{statisticInfo?.count | number}}</li>
<li class="big" style="width: 15%;">{{statisticInfo?.completionRate + '%'}}</li>
</ul>
<ul>
<li style="width: 30%;">首年保费</li>
<li style="width: 30%;">首年佣金</li>
<li style="width: 15%;">件数</li>
<li style="width: 15%;">达成率</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-ar-r" routerLink="/teamRank"></span>
</div>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_wrapper" style="margin-top: -15px;">
<div class="taem_panel_item_top">
<div class="item_title">
战队销售活动量
<div>战队PEP活动量</div>
<span class="iconfont icon-ar-r" routerLink="teamSalesScore"></span>
</div>
</div>
<div class="taem_panel_item_content">
......@@ -53,12 +26,10 @@
<li>本周新增商机</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-ar-r" routerLink="teamSalesScore"></span>
</div>
</div>
<div class="taem_panel_item_wrapper">
<!-- <div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div class="item_title">
我的增员活动量
......@@ -81,7 +52,34 @@
<div class="next">
<span class="iconfont icon-ar-r" routerLink="/recruiting"></span>
</div>
</div> -->
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div class="item_title">战队业绩(￥)</div>
<ul class="tab">
<li [ngClass]="{selected:selectedRecruitingItem===1}" (click)="subordinateSystemMemberQuery(1)">本月</li>
<li [ngClass]="{selected:selectedRecruitingItem===3}" (click)="subordinateSystemMemberQuery(3)">本季</li>
<li [ngClass]="{selected:selectedRecruitingItem===2}" (click)="subordinateSystemMemberQuery(2)">本年</li>
</ul>
<span class="iconfont icon-ar-r" routerLink="/teamRank"></span>
</div>
<div class="taem_panel_item_content">
<ul>
<li class="big" style="width: 30%;">{{statisticInfo?.fyp | number: "1.0-2"}}</li>
<li class="big" style="width: 30%;">{{statisticInfo?.fyc | number: "1.0-2"}}</li>
<li class="big" style="width: 15%;">{{statisticInfo?.count | number}}</li>
<li class="big" style="width: 15%;">{{statisticInfo?.completionRate + '%'}}</li>
</ul>
<ul>
<li style="width: 30%;">首年保费</li>
<li style="width: 30%;">首年佣金</li>
<li style="width: 15%;">件数</li>
<li style="width: 15%;">达成率</li>
</ul>
</div>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div class="item_title">
......@@ -92,6 +90,7 @@
<li [ngClass]="{selected:selectedSalseItem==='quarter'}" (click)="selectSales('quarter')">本季</li>
<li [ngClass]="{selected:selectedSalseItem==='year'}" (click)="selectSales('year')">本年</li>
</ul>
<span class="iconfont icon-ar-r" routerLink="forecast"></span>
</div>
<div class="taem_panel_item_content forecast">
<ul>
......@@ -107,8 +106,5 @@
<li>{{selectedSalseItemName}}完成率</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-ar-r" routerLink="forecast"></span>
</div>
</div>
</div>
\ No newline at end of file
src/app/my/team-panel/team-panel.component.scss
.taem_panel_wrapper{
padding: 5px 8px;
background: #eff0f1;
// background: #0664a4;
background: url('../../../assets/images/team_bg.png') no-repeat;
background-size: 100%;
height: auto;
min-height: 100%;
ul li,ol li{
list-style: none;
}
.teamInfo{
font-size: 24px;
font-size: 26px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 0 10px 0;
text-align: center;
overflow: hidden;
border-radius: 6px;
color: #ff002a;
color: #fff;
width: 100%;
height: 130px;
img{
width: 12%;
margin-left: -8%;
}
}
.taem_panel_item_wrapper{
margin: 10px 0;
margin: 15px 0;
background: #fff;
box-shadow: 0 0px 2.5px #eceaea;
border-radius: 6px;
......@@ -28,18 +34,28 @@
display: flex;
justify-content: space-between;
align-items: center;
height: 38px;
height: 45px;
.item_title{
font-weight: bold;
font-size: 16px;
font-size: 18px;
display: flex;
justify-content: space-between;
width: 100%;
align-items: baseline;
}
span{
font-size: 14px;
font-weight: bold;
}
.tab{
display: flex;
width: 35%;
width: 60%;
justify-content: space-around;
li.selected{
font-weight: bold;
border-bottom: 3px red solid;
border-bottom: 3px #F8001BFF solid;
color: #F8001BFF;
}
}
}
......@@ -50,8 +66,8 @@
li{
width: 20%;
text-align: center;
height: 30px;
line-height: 30px;
height: 35px;
line-height: 35px;
overflow: hidden;
}
li.big{
......@@ -73,8 +89,5 @@
width: 40%;
}
}
.next{
text-align: right;
}
}
}
\ No newline at end of file
src/app/my/team-sales-score/team-sales-score.component.html
<div class="team_sales_detail_wrapper">
<div class="teamHeader">
<div class="teamItem teamInfo">
<span class="icon-tuandui iconfont"
style="position: absolute;width:45px;height:45px;line-height:35px;font-size: 30px;left:0;border: 1px #dcdcdc solid; padding: 5px;border-radius: 50%;"></span>
<div style="float: left;">{{subordinateSystemName}}战队</div>
<!-- <span class="icon-tuandui iconfont"
style="position: absolute;width:45px;height:45px;line-height:35px;font-size: 30px;left:0;border: 1px #dcdcdc solid; padding: 5px;border-radius: 50%;"></span> -->
<img src="assets/images/cup_icon.png" >
<div style="float: left;letter-spacing: 5px;margin-left: 5%;">{{subordinateSystemName.split('').join('/')}}/战/队</div>
</div>
</div>
<div *ngIf="this.showType==='teamSalesScore'">
<div class="rankInfoWrapper">
<div class="rankContent">
<div style="font-size: 18px;margin-bottom: 10px;">战队成员销售活动量得分</div>
<div style="font-size: 18px;margin: 5px auto;text-align: center;">战队成员活动量得分</div>
<div class="content_wrapper">
<ul>
<ul style="border: none;">
<li>姓名</li>
<li>今天得分</li>
<li>本周得分</li>
<li>本月得分</li>
<li>本周新增商机</li>
<li class="day">今天</li>
<li>本周</li>
<li>本月</li>
<li style="line-height: 15px;">月分效(FYC/分)</li>
<li></li>
</ul>
<div style="width: 100%;text-align: center;float: left;height: 35px;"
*ngIf="playerSalesActivityInfo?.length <=0">
暂无战队成员，努力去增员吧
</div>
<ul *ngFor="let playerSalesActivityItem of playerSalesActivityInfo;index as i;">
<li>{{playerSalesActivityItem.name}}</li>
<li>{{playerSalesActivityItem.scoreDay!=null?playerSalesActivityItem.scoreDay:'-'}}</li>
<li><span> {{i + 1}} </span>
{{playerSalesActivityItem.name}}</li>
<li class="day">{{playerSalesActivityItem.scoreDay!=null?playerSalesActivityItem.scoreDay:'-'}}</li>
<li>{{playerSalesActivityItem.scoreWeek!=null?playerSalesActivityItem.scoreWeek:'-'}}</li>
<li>{{playerSalesActivityItem.scoreMonth!=null?playerSalesActivityItem.scoreMonth:'-'}}</li>
<li>{{playerSalesActivityItem.addOpportunityNum!=null?playerSalesActivityItem.addOpportunityNum:'-'}}</li>
<li><i class="iconfont icon-ar-r" style="color: #A4A4A4FF;font-size: 12px;" [routerLink]="playerSalesActivityItem.practitionerId"></i></li>
</ul>
</div>
......
src/app/my/team-sales-score/team-sales-score.component.scss
.team_sales_detail_wrapper{
padding: 5px 8px;
background: #eff0f1;
background: #fff;
overflow: auto;
height: 100%;
ul li,ol li{
list-style: none;
}
.teamHeader{
background:url('../../../assets/images/team_bg.png') no-repeat;
background-size: 100%;
.teamInfo{
font-size: 24px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 0 10px 0;
text-align: center;
overflow: hidden;
border-radius: 6px;
color: #ff002a;
color: #fff;
height: 135px;
img{
width: 12%;
margin-left: -8%;
}
}
}
.rankInfoWrapper{
overflow: auto;
width: 100%;
......@@ -27,8 +35,8 @@
width: 100%;
overflow: auto;
background: #fff;
box-shadow: 0 0px 2.5px #eceaea;
border-radius: 6px;
// box-shadow: 0 0px 2.5px #eceaea;
// border-radius: 6px;
padding: 5px;
.tab{
display: flex;
......@@ -49,17 +57,25 @@
.content_wrapper{
ul{
width: 100%;
height: 30px;
line-height: 30px;
height: 38px;
margin: 5px 0px;
line-height: 38px;
border-bottom: 1px #ddd solid;
li{
float: left;
width: 18%;
text-align: center;
margin:0 1%;
position: relative;
margin-bottom: 5px;
overflow: hidden;
height: 30px;
height: 38px;
font-family: '微软雅黑';
span{
position: absolute;
left: -2px;
width: 15px;
text-align: center;
}
li.icon .iconfont{
position: absolute;
}
......@@ -67,10 +83,40 @@
li.name{
width: 20%;
}
li.day{
width: 12%;
}
li:last-child{
width: 3%;
margin-right: 0;
}
}
ul:nth-child(2),ul:nth-child(3),ul:nth-child(4){
border-radius: 5px;
border: none;
li span{
font-size: 18px;
font-weight: bold;
}
}
ul:nth-child(2){
background: #feccd5;
li span{
color: #F8002EFF;
}
}
ul:nth-child(3){
background: #d1deeb;
li span{
color: #1B5B99FF;
}
}
ul:nth-child(4){
background: #fff4da;
li span{
color: #FAB218FF;
}
}
}
.content_wrapper.forecast{
ul li{
......
src/app/my/todo-list/todo-list.component.html
......@@ -26,7 +26,7 @@
</div>
</div>
<ul class="week">
<li *ngFor="let weekItem of weekArr;index as i;" [ngClass]="{'selected':weekItem.date == trackDate}" (click)="selectDay(weekItem)">
<li *ngFor="let weekItem of weekArr;index as i;" [ngClass]="{'selected':weekItem.date == trackTime}" (click)="selectDay(weekItem)">
<div>{{weekItem.day}}</div>
<span>{{lifeCommonService.getWeek(weekItem.week)}}</span>
</li>
......
src/app/my/todo-list/todo-list.component.scss
......@@ -138,6 +138,7 @@ ul,ol{
line-height: 50px;
bottom: -15%;
right: 8%;
z-index: 100;
.iconfont{
font-size: 30px;
}
......
src/app/my/todo-list/todo-list.component.ts
......@@ -12,7 +12,7 @@ export class TodoListComponent implements OnInit {
weekArr: Array<any>;
taskList:Array<any> = [];
taskTimeList:Array<any> = [];
trackDate:string;
trackTime:string;
state: any = {
en: false,
date: null,
......@@ -49,11 +49,11 @@ export class TodoListComponent implements OnInit {
ngOnInit() {
//进页面清除上次缓存的时间
sessionStorage.removeItem("trackDate");
sessionStorage.removeItem("trackTime");
this.practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.weekArr = this.lifeCommonService.makeDate();
//初始化追踪时间为今天
this.trackDate = dayjs().format('YYYY-MM-DD');
this.trackTime = dayjs().format('YYYY-MM-DD');
this.queryScheduleTrackList();
}
......@@ -62,9 +62,9 @@ export class TodoListComponent implements OnInit {
}
selectDay(weekItem){
this.trackDate = weekItem['date'];
this.trackTime = weekItem['date'];
//缓存任务时间
sessionStorage.setItem('trackDate',this.trackDate);
sessionStorage.setItem('trackTime',this.trackTime);
this.queryScheduleTrackList();
}
......@@ -106,15 +106,15 @@ export class TodoListComponent implements OnInit {
endDate
};
this.triggerCancel();
this.trackDate =dayjs(startDate).format('YYYY-MM-DD');
this.trackTime =dayjs(startDate).format('YYYY-MM-DD');
//缓存任务时间
sessionStorage.setItem('trackDate',this.trackDate);
sessionStorage.setItem('trackTime',this.trackTime);
this.queryScheduleTrackList();
this.weekArr = this.lifeCommonService.makeDate(startDate);
}
queryScheduleTrackList(){
this.myService.queryScheduleTrackList({practitionerId:this.practitionerId,trackDate:this.trackDate}).subscribe((res)=>{
this.myService.queryScheduleTrackList({practitionerId:this.practitionerId,trackTime:this.trackTime}).subscribe((res)=>{
if(res['success']){
this.taskList = res['data']['dataList'];
}else{
......
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