Skip to content

Y
ydLife
Commit 87fa7de7 by Chao Sun
Options

目标设置

parent f438abb8
Showing with 710 additions and 106 deletions
src/app/auth/login/login.component.ts
......@@ -46,7 +46,6 @@ export class LoginComponent implements OnInit, OnDestroy {
this.authService.compare(compareInfo).subscribe(res => {
if (res['success']) {
this.authService.login({ mobileNo: this.userInfo.mobileNo }).subscribe((response) => {
if (response['success']) {
this.authService.isLoggedIn = true;
const lifeCustomerInfo = { ...response.data, mobileNo: this.userInfo.mobileNo, commonResult: null };
......
src/app/my/my-business-detail/my-business-detail.component.html
......@@ -174,13 +174,22 @@
</div>
<div class="content" *ngIf="selectedId===3">
<ul class="recordLists">
<li *ngFor="let opportunityRecordItem of opportunityRecordInfos">
<div style="display: flex;justify-content: space-between;">
<li *ngFor="let opportunityRecordItem of opportunityRecordInfos;index as idx">
<div style="display: flex;justify-content: space-between;height: 25px;">
<div class="updatedAt">{{opportunityRecordItem.noticeDate}}</div>
<div class="opportunityRecordItem">
{{opportunityRecordItem.mdDropOptionName?opportunityRecordItem.mdDropOptionName:'待跟进'}}</div>
</div>
<div class="salesNotice">{{opportunityRecordItem.salesNotice}}</div>
<div class="salesNotice">
<span>
<input type="text" class="form-control" [(ngModel)]="opportunityRecordItem.salesNotice"
[disabled]="remarkId!=opportunityRecordItem.id" />
</span>
<i *ngIf="remarkId!=opportunityRecordItem.id" class="iconfont icon-bianji"
(click)="editRemark(opportunityRecordItem.id)"></i>
<i *ngIf="remarkId==opportunityRecordItem.id" class="iconfont icon-save"
(click)="ownOpportunityRecordSave(opportunityRecordItem)"></i>
</div>
</li>
<li>
<div class="salesNotice">{{(editBusiness.opportunityDate).substr(0,10)}}</div>
......
src/app/my/my-business-detail/my-business-detail.component.scss
......@@ -238,6 +238,23 @@
color: #8a8a8a;
line-height: 1.1;
margin-bottom: 5px;
display: flex;
justify-content: space-between;
align-items: center;
span{
width: 85%;
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee;
opacity: .5;
border: none;
outline: none;
box-shadow: none;
padding-left: 0;
}
}
.iconfont{
font-size: 18px;
}
}
.updatedAt {
// font-size: 12px;
......
src/app/my/my-business-detail/my-business-detail.component.ts
......@@ -60,7 +60,7 @@ export class MyBusinessDetailComponent implements OnInit {
leadsAssignedId: any;
//控制tab可不可点
clickFlag: boolean;
remarkId: any;
constructor(private activateRoute: ActivatedRoute, private myService: MyService,
public lifeCommonService: LifeCommonService, private router: Router, ) {
this.titleList = [
......@@ -432,82 +432,88 @@ export class MyBusinessDetailComponent implements OnInit {
})
}
ownOpportunityRecordSave() {
const oppDate = new Date(this.opportunityRecordNoticeDate + ' 23:59:59').getTime();
const createDate = new Date(this.editBusiness.opportunityDate).getTime();
// if (nowDate < oppDate) {
// this.toastDialog = true;
// this.toastInfo = {
// status: 1,
// msg: '跟进时间不能大于当前时间！',
// timeout: 3000,
// align: 'center'
// };
// return;
// }
if (oppDate < createDate) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '跟进时间不能在商机之前！',
timeout: 3000,
align: 'center'
};
return;
}
ownOpportunityRecordSave(opportunityRecordItem?: any) {
let param;
if (!opportunityRecordItem) {
const oppDate = new Date(this.opportunityRecordNoticeDate + ' 23:59:59').getTime();
const createDate = new Date(this.editBusiness.opportunityDate).getTime();
// if (nowDate < oppDate) {
// this.toastDialog = true;
// this.toastInfo = {
// status: 1,
// msg: '跟进时间不能大于当前时间！',
// timeout: 3000,
// align: 'center'
// };
// return;
// }
if (oppDate < createDate) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '跟进时间不能在商机之前！',
timeout: 3000,
align: 'center'
};
return;
}
if (!this.opportunityRecordId) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '请选择跟进状态！',
timeout: 3000,
align: 'center'
};
return;
}
if (!this.salesNotice) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '备注不能为空！',
timeout: 3000,
align: 'center'
};
return;
}
if (!this.opportunityRecordNoticeDate) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '跟进时间不能为空！',
timeout: 3000,
align: 'center'
};
return;
}
const param = {
id: '',
salesNotice: this.salesNotice,
isActive: 1,
practitionerId: JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'],
opportunityId: this.opportunityId ? Number(this.opportunityId) : null,
mdDropOptionId: this.opportunityRecordId ? Number(this.opportunityRecordId) : null,
noticeDate: this.opportunityRecordNoticeDate,
leadsAssignedId: this.leadsAssignedId ? Number(this.leadsAssignedId) : null
if (!this.opportunityRecordId) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '请选择跟进状态！',
timeout: 3000,
align: 'center'
};
return;
}
if (!this.salesNotice) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '备注不能为空！',
timeout: 3000,
align: 'center'
};
return;
}
if (!this.opportunityRecordNoticeDate) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '跟进时间不能为空！',
timeout: 3000,
align: 'center'
};
return;
}
param = {
id: '',
salesNotice: this.salesNotice,
isActive: 1,
practitionerId: JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'],
opportunityId: this.opportunityId ? Number(this.opportunityId) : null,
mdDropOptionId: this.opportunityRecordId ? Number(this.opportunityRecordId) : null,
noticeDate: this.opportunityRecordNoticeDate,
leadsAssignedId: this.leadsAssignedId ? Number(this.leadsAssignedId) : null
}
} else {
param = opportunityRecordItem
}
this.myService.ownOpportunityRecordSave(param).subscribe(res => {
if (res['success']) {
this.toastDialog = true;
this.toastInfo = {
status: 1,
msg: '添加成功！',
msg: opportunityRecordItem ? '修改成功！' : '添加成功！',
timeout: 3000,
align: 'center'
};
this.opportunityRecordId = this.salesNotice = this.opportunityRecordNoticeDate = null;
this.ownOpportunityDetailQuery();
this.isShow = false;
this.remarkId = '';
} else {
this.toastDialog = true;
this.toastInfo = {
......@@ -533,6 +539,10 @@ export class MyBusinessDetailComponent implements OnInit {
inputBlur() {
window.scrollTo(0, 0)
}
editRemark(id) {
this.remarkId = id
}
}
src/app/my/my-center-home/my-center-home.component.html
......@@ -17,6 +17,9 @@
<p>{{lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName ?
lifeCustomerInfo?.practitionerBasicInfo?.insurerBranchName : '银盾保险'}}</p>
</div>
<div>·</div>
<div>{{lifeCustomerInfo?.practitionerBasicInfo?.subordinateName}}</div>
<div>·</div>
<div><span class="ydTitle">{{lifeCustomerInfo?.practitionerBasicInfo?.levelName}}</span></div>
</div>
</div>
......@@ -51,7 +54,7 @@
</ul>
<ul class="performance_list">
<li>线上</li>
<li class="markPrice" style="margin-left: 7px;">
<li class="markPrice" style="margin:0 7px;">
￥{{onlineInfo?.fyp | number: "1.0-0"}}
</li>
<li class="markPrice">
......@@ -64,7 +67,7 @@
</ul>
<ul class="performance_list">
<li>线下</li>
<li class="markPrice" style="margin-left: 7px;">
<li class="markPrice" style="margin:0 7px;">
￥{{offlineInfo?.fyp | number: "1.0-0"}}
</li>
<li class="markPrice">
......@@ -79,6 +82,31 @@
</div>
</div>
<div class="performance_wrapper">
<div class="content">
<div class="activities_grade">
销售活动量分值
</div>
<ul class="activities">
<li>今天</li>
<li>本周</li>
<li>本月</li>
<li>本周达成率</li>
<li>本月达成率</li>
<li>本周新增</li>
</ul>
<ul class="activities">
<li class="markPrice">{{this.activities_grade?.scoreDay}}</li>
<li class="markPrice">{{this.activities_grade?.scoreWeek}}</li>
<li class="markPrice">{{this.activities_grade?.scoreMonth}}</li>
<li class="markPrice">
{{this.activities_grade?.achievementRateWeek!=null ? this.activities_grade?.achievementRateWeek:'-'}}</li>
<li class="markPrice">
{{this.activities_grade?.achievementRateMonth!=null ?this.activities_grade?.achievementRateMonth :'-'}}</li>
<li class="markPrice">{{this.activities_grade?.addOpportunityNum}}</li>
</ul>
</div>
</div>
<div class="performance_wrapper notice">
<div style="position: relative;">
<h3 style="font-size: 16px;color: #ff002a;">公告</h3><i class="iconfont" style="color: #ff002a;">&#xe645;</i>
......@@ -156,15 +184,11 @@
<span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="setting"></span>
</h3>
</div>
<div class="health_wrapper" style="padding: 12px 10px 12px 10px;">
<h3 style="margin-bottom: 0;">我的消息
<span i class="iconfont icon-ar-r" style="font-size:18px;float: right;" routerLink="news"></span></h3>
</div>
</div>
<div class="footer" style="font-size: 12px;padding-top: 10px;text-align: center;background: #f6f7f2;">
<p>上海银盾保险经纪有限公司</p>
<p>保险业务经营许可证：269615000000800</p>
......
src/app/my/my-center-home/my-center-home.component.scss
......@@ -66,7 +66,7 @@
> div {
display: flex;
align-items: center;
margin-right: 10px;
margin-right: 5px;
}
}
......@@ -168,26 +168,50 @@
line-height: 25px;
font-size: 12px;
color: #fff;
margin: 0 7px;
}
.markPrice{
li.markPrice{
color: #fff;
font-weight: bold;
font-size: 15px;
font-size: 15px;
}
li:nth-child(1){
width: 12%;
width: 8%;
text-align: left;
margin: 0;
}
li:nth-child(2),li:nth-child(3){
width: 28%;
text-align: left;
margin-left: 10px;
text-align: right;
}
// li:nth-child(3){
// margin-left: 0px;
// }
}
.activities{
display: flex;
font-size: 14px;
li{
width: 20%;
text-align: center;
line-height: 25px;
font-size: 12px;
color: #fff;
}
li:nth-child(1),li:nth-child(2),li:nth-child(3){
width: 15%;
}
li:nth-child(3){
margin-left: 0px;
li.markPrice{
color: #fff;
font-weight: bold;
font-size: 15px;
}
}
.activities_grade{
color: #fff;
height: 38px;
line-height: 38px;
}
}
}
......
src/app/my/my-center-home/my-center-home.component.ts
......@@ -33,6 +33,8 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
isShow: boolean;
onlineInfo: any;
offlineInfo: any;
activities_grade: any;
constructor(
private router: Router,
private lifeCommonService: LifeCommonService,
......@@ -59,6 +61,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.recommendPlanQuery();
//判断是否团队长
this.subordinateSystemMemberQuery();
this.opportunityStatistics();
}
ngAfterViewInit() {
......@@ -86,7 +89,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
{
title: '我的团队',
content: [
{ no: 15, subtitle: '我的团队', icon: 'icon-tuandui', path: '', routerLink: 'teamRank' },
{ no: 15, subtitle: '我的团队', icon: 'icon-tuandui', path: '', routerLink: 'teamPanel' },
// { no: 16, subtitle: '团队增员', icon: 'icon-tuanduiguanlisvg', path: '', routerLink: '' },
{ no: 16, subtitle: '团队增员', icon: 'icon-tuanduiguanlisvg', path: '', routerLink: 'recruiting' },
{ no: 18, subtitle: '招募海报', icon: 'icon-haibao-1', path: '', routerLink: '' },
......@@ -229,7 +232,7 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
// 大家都在买产品查询列表
recommendPlanQuery() {
this.myService.queryproductlistbytag({ mdTagId: 17 }).subscribe(res => {
this.myService.queryproductlistbytag({ mdTagId: 97 }).subscribe(res => {
this.products = res['data'].plans;
})
}
......@@ -283,11 +286,26 @@ export class MyCenterHomeComponent implements OnInit, AfterViewInit {
this.myService.subordinateSystemMemberQuery({ practitionerId: practitionerId, time: 1 }).subscribe((res) => {
if (res['success']) {
this.isShow = true;
sessionStorage.setItem('isTeamleader', '1');
sessionStorage.setItem('subordinateSystemName', res['data']['subordinateSystemName'])
this.getMenuList();
} else {
this.isShow = false;
sessionStorage.setItem('isTeamleader', '0')
this.getMenuList();
}
})
}
//经纪人商机分数统计
opportunityStatistics() {
const practitionerId = JSON.parse(localStorage.getItem('lifeCustomerInfo'))['practitionerId'];
this.myService.opportunityStatistics({ practitionerId: practitionerId }).subscribe((res) => {
if (res['success']) {
this.activities_grade = res['data'];
} else {
this.activities_grade = null;
}
})
}
}
src/app/my/my-routing.module.ts
......@@ -18,6 +18,8 @@ import { ThanksComponent } from './thanks/thanks.component';
import { MySettingComponent } from './my-setting/my-setting.component';
import { MySettingDetailComponent } from './my-setting-detail/my-setting-detail.component';
import { MyNewsComponent } from './my-news/my-news.component';
import { MyTargetComponent } from "./my-target/my-target.component";
import { TeamPanelComponent } from './team-panel/team-panel.component';
const myRoutes: Routes = [
{ path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
......@@ -38,6 +40,8 @@ const myRoutes: Routes = [
{ path: 'setting', component: MySettingComponent, canActivate: [AuthGuard] },
{ path: 'setting/:uploadType', component: MySettingDetailComponent, canActivate: [AuthGuard] },
{ path: 'news', component: MyNewsComponent, canActivate: [AuthGuard] },
{ path: 'target', component: MyTargetComponent, canActivate: [AuthGuard] },
{ path: 'teamPanel', component: TeamPanelComponent, canActivate: [AuthGuard] }
];
......
src/app/my/my-setting/my-setting.component.html
......@@ -31,5 +31,11 @@
<span class="iconfont icon-ar-r"></span>
</div>
</div>
<div class="item" [routerLink]="['/target']">
<span>目标设置</span>
<div class="content">
<span class="iconfont icon-ar-r"></span>
</div>
</div>
<div class="saveBtn" (click)="getOut()">退出</div>
</div>
\ No newline at end of file
src/app/my/my-target/my-target.component.scss 0 → 100644
ul li,ol li{
list-style: none;
}
.wrapper_target{
.nav{
overflow: hidden;
width: 100%;
overflow-x: auto;
.tab{
padding: 10px 2px;
margin-bottom: 10px;
float: left;
width: 180%;
overflow: hidden;
overflow-x: auto;
li {
border: 1px #a9aabb solid;
text-align: center;
font-size: 14px;
height: 30px;
line-height: 30px;
border-radius: 20px;
margin: 0px 2px;
float: left;
width: 16%;
h3{
font-weight: normal;
font-size: 16px;
}
}
li.selected{
background-color: #e10d0d;
color: #fff;
border: 1px #f0f0f0 solid;
// border: 1px #e10d0d solid;
}
}
}
.content_target{
.content_target_wrapper{
.line{
padding: 8px;
margin-bottom: 10px;
border-bottom: 1px #ddd solid;
position: relative;
.iconfont{
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 50%;
position: absolute;
right: 10px;
font-size: 24px;
color: #fff;
background: #0767bf;
text-align: center;
top: -5px;
}
.title{
font-size: 16px;
font-weight: bold;
margin: 10px 0 15px 0;
}
.content_target_item{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 5px 17px;
border-bottom: 1px #ddd solid;
input.form-control {
width: 65%;
background: none;
outline: none;
border: none;
text-align: right;
box-shadow: none;
display: flex;
flex-wrap: wrap;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
opacity:.5
}
}
.month_target_item_wrapper{
margin-bottom: 15px;
}
.content_target_monthItem{
border: 1px #ddd solid;
display: flex;
border-right: none;
border-bottom: none;
// .month_target_left{
// display: flex;
// flex-wrap: wrap;
// flex:0 0 23%;
// border-right: 1px #ddd solid;
// .month_target{
// div {
// width: 92px;
// padding: 6px 12px;
// border-bottom: 1px #ddd solid;
// }
// }
// }
.month_target_right{
width: 100%;
display: flex;
flex-wrap: wrap;
// flex:0 0 75%;
// border-right: 1px #ddd solid;
ul {
width: 100%;
display: flex;
justify-content: space-between;
li{
width: 100%;
text-align: center;
border-right: 1px #ddd solid;
.month_target{
text-align: left;
div{
border-bottom: 1px #ddd solid;
}
div.month_target_item{
display: flex;
align-items: center;
span{
width: 40%;
}
}
.form-control{
background: none;
outline: none;
border: none;
box-shadow: none;
}
.count{
border-bottom: none;
}
}
}
}
// ul:nth-child(3n) li{
// border-right: none;
// }
}
}
}
.line:last-child{
border: none;
}
}
}
}
src/app/my/my-target/my-target.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MyTargetComponent } from './my-target.component';
describe('MyTargetComponent', () => {
let component: MyTargetComponent;
let fixture: ComponentFixture<MyTargetComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MyTargetComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(MyTargetComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/my/my.module.ts
......@@ -22,10 +22,12 @@ import { ThanksComponent } from './thanks/thanks.component';
import { MySettingComponent } from './my-setting/my-setting.component';
import { MySettingDetailComponent } from './my-setting-detail/my-setting-detail.component';
import { MyNewsComponent } from './my-news/my-news.component';
import { MyTargetComponent } from './my-target/my-target.component';
import { TeamPanelComponent } from './team-panel/team-panel.component';
@NgModule({
declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, ToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent],
declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, ToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent],
imports: [
CommonModule,
LifeCommonModule,
......
src/app/my/my.service.ts
......@@ -196,4 +196,67 @@ export class MyService {
return this.http
.post(url, JSON.stringify(param));
}
//过渡页心灵鸡汤
knowledgeQry(param) {
const url = this.API + '/metadata/knowledgeQry';
return this.http
.post(url, JSON.stringify(param));
}
//经纪人商机分数统计
opportunityStatistics(param) {
const url = this.ydapi + '/practitioner/opportunityStatistics';
return this.http
.post(url, JSON.stringify(param));
}
//销售目标保存
salesTargetSave(param) {
const url = this.ydapi + '/practitioner/salesTargetSave';
return this.http
.post(url, JSON.stringify(param));
}
//查询销售目标
salesTargetQuery(param) {
const url = this.ydapi + '/practitioner/salesTargetQuery';
return this.http
.post(url, JSON.stringify(param));
}
//月均销售活动量
salesTargetMonthSave(param) {
const url = this.ydapi + '/practitioner/salesTargetMonthSave';
return this.http
.post(url, JSON.stringify(param));
}
//增员目标保存
potentialGoalsSetting(param) {
const url = this.ydapi + '/practitioner/potentialGoalsSetting';
return this.http
.post(url, JSON.stringify(param));
}
//增员目标查询接口
potentialGoalsQuery(param) {
const url = this.ydapi + '/practitioner/potentialGoalsQuery';
return this.http
.post(url, JSON.stringify(param));
}
//增员活动量更新
potentialGoalsActionsUpdate(param) {
const url = this.ydapi + '/practitioner/potentialGoalsActionsUpdate';
return this.http
.post(url, JSON.stringify(param));
}
//活动量查询
potentialGoalsActionsQuery(param) {
const url = this.ydapi + '/practitioner/potentialGoalsActionsQuery';
return this.http
.post(url, JSON.stringify(param));
}
}
src/app/my/sales-rank/sales-rank.component.scss
......@@ -62,7 +62,7 @@
width: 100%;
li{
float: left;
width: 26%;
width: 30%;
height: 34px;
line-height: 34px;
text-align: left;
......@@ -79,8 +79,8 @@
width: 16%;
text-align: center;
}
li:nth-child(2),li:nth-child(3){
width: 25%;
li:nth-child(3){
width: 20%;
}
li:nth-child(4){
text-align: right;
......
src/app/my/team-panel/team-panel.component.html 0 → 100644
<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>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div>
战队业绩
</div>
<ul class="tab">
<li>本月</li>
<li>季度</li>
<li>本年</li>
</ul>
</div>
<div class="taem_panel_item_content">
<ul>
<li>￥2,500</li>
<li>￥25</li>
<li>1</li>
<li>20%</li>
</ul>
<ul>
<li>首年保费</li>
<li>首年佣金</li>
<li>件数</li>
<li>达成率</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-xiangxia" routerLink="/teamRank"></span>
</div>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div>
战队销售活动量
</div>
</div>
<div class="taem_panel_item_content">
<ul>
<li>8</li>
<li>100</li>
<li>48</li>
<li>12</li>
</ul>
<ul>
<li>今天平均</li>
<li>本周平均</li>
<li>本月平均</li>
<li>本周新增商机</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-xiangxia"></span>
</div>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div>
战队销售业绩预测
</div>
<ul class="tab">
<li>本月</li>
<li>季度</li>
<li>本年</li>
</ul>
</div>
<div class="taem_panel_item_content">
<ul>
<li>￥2,500</li>
<li>￥25</li>
<li>1</li>
<li>20%</li>
</ul>
<ul>
<li>月保费预测</li>
<li>月佣金预测</li>
<li>月预计件数</li>
<li>月完成率</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-xiangxia"></span>
</div>
</div>
<div class="taem_panel_item_wrapper">
<div class="taem_panel_item_top">
<div>
我的增员活动量
</div>
</div>
<div class="taem_panel_item_content">
<ul>
<li>1</li>
<li>6</li>
<li>10</li>
<li>0</li>
</ul>
<ul>
<li>今天</li>
<li>本周</li>
<li>本月</li>
<li>本月新增对象</li>
</ul>
</div>
<div class="next">
<span class="iconfont icon-xiangxia" routerLink="/recruiting"></span>
</div>
</div>
</div>
\ No newline at end of file
src/app/my/team-panel/team-panel.component.scss 0 → 100644
.taem_panel_wrapper{
padding: 5px 8px;
background: #f6f7f2;
// background: #0664a4;
height: auto;
ul li,ol li{
list-style: none;
}
.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;
}
.taem_panel_item_wrapper{
margin: 10px 0;
background: #fff;
box-shadow: 0 0px 2.5px #eceaea;
border-radius: 6px;
padding: 8px 10px;
.taem_panel_item_top{
display: flex;
justify-content: space-between;
align-items: center;
height: 38px;
.tab{
display: flex;
width: 35%;
justify-content: space-around;
li{
width: 33%;
text-align: right;
}
}
}
.taem_panel_item_content{
ul{
display: flex;
justify-content: space-between;
li{
width: 25%;
text-align: center;
height: 30px;
line-height: 30px;
}
}
}
.next{
text-align: center;
}
}
}
\ No newline at end of file
src/app/my/team-panel/team-panel.component.spec.ts 0 → 100644
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { TeamPanelComponent } from './team-panel.component';
describe('TeamPanelComponent', () => {
let component: TeamPanelComponent;
let fixture: ComponentFixture<TeamPanelComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ TeamPanelComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(TeamPanelComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
src/app/my/team-panel/team-panel.component.ts 0 → 100644
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'ydlife-team-panel',
templateUrl: './team-panel.component.html',
styleUrls: ['./team-panel.component.scss']
})
export class TeamPanelComponent implements OnInit {
//战队名称
subordinateSystemName: any;
constructor() { }
ngOnInit() {
this.subordinateSystemName = sessionStorage.getItem('subordinateSystemName')
}
}
src/app/my/team-rank/team-rank.component.scss
.salesWrapper{
padding: 0 10px 20px 10px;
// background: #0664a4;
background: #f7f7f2;
background: #f6f7f2;
// background: #f7f7f2;
min-height: 100%;
height: auto;
ul,ol{
......
src/index.html
......@@ -35,14 +35,30 @@
<span style="letter-spacing: 12px;">海纳百川</span>
<span style="letter-spacing: 12px;">·</span>
<span style="letter-spacing: 12px;">赢家后</span>盾
</div>
</div>
<div id="content" style="margin-top: 30%;text-align: center;padding: 0 15px;">
</div>
</div>
<div>
</div>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/qrcode.js"></script>
<!--<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>-->
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="./assets/LCalendar/LCalendar.js"></script>
<script src="./assets/laydate/laydate.js"></script>
<script type="text/javascript">
//页面刷新的时候不出现
if (window.name == "") {
window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值
initialize();
} else if (window.name == "isReload") {
let loading = document.getElementById("adv");
loading.style.display = 'none';
}
const initialize = function () {
let loading = document.getElementById("adv");
loading.style.display = 'block';
......@@ -55,13 +71,6 @@
}
}
}
if (window.name == "") {
window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值
initialize();
} else if (window.name == "isReload") {
let loading = document.getElementById("adv");
loading.style.display = 'none';
}
//用于去除alert的url
......@@ -74,13 +83,29 @@
iframe.parentNode.removeChild(iframe);
}
// var api = 'https://' + window.location.host;
var api = 'https://mdev.zuihuibi.cn';
function getknowledgeQry() {
$.ajax({
type: "POST",
url: api + '/api/metadata/knowledgeQry',
contentType: "application/json",
data: JSON.stringify({
tagId: 35
}),
async: false,
success: function (res) {
console.log(res)
if (res['success']) {
let content = res['data']['knowledge']['content'];
$('#content').html(content)
}
}
})
}
getknowledgeQry();
</script>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/qrcode.js"></script>
<!--<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>-->
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script src="./assets/LCalendar/LCalendar.js"></script>
<script src="./assets/laydate/laydate.js"></script>
</body>
</html>
\ No newline at end of file
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