银盾学院放开

src/app/my/my-center-home/my-center-home.component.ts

@@ -20,7 +20,7 @@ export class MyCenterHomeComponent implements OnInit {
     { key: '03', name: '续期管理', icon: 'renewalManagement', link: '/renewal_reminder', isOpen: true },
     { key: '03', name: '续期管理', icon: 'renewalManagement', link: '/renewal_reminder', isOpen: true },
     { key: '04', name: '成交客户', icon: 'customers', link: '/customer', isOpen: true },
     { key: '04', name: '成交客户', icon: 'customers', link: '/customer', isOpen: true },
     { key: '05', name: '我的增员', icon: 'increaseStaff', link: '/recruiting', isOpen: true },
     { key: '05', name: '我的增员', icon: 'increaseStaff', link: '/recruiting', isOpen: true },
-    { key: '06', name: '银盾学院', icon: 'ydCollege', link: '', isOpen: false },
+    { key: '06', name: '银盾学院', icon: 'ydCollege', link: '/yd-college', isOpen: true },
     { key: '07', name: '更多功能', icon: 'more', link: '/moreFeatures', isOpen: true }
     { key: '07', name: '更多功能', icon: 'more', link: '/moreFeatures', isOpen: true }
   ]
   ]
   public bannerLists = [];
   public bannerLists = [];

src/app/my/my-routing.module.ts

@@ -79,7 +79,7 @@ import { QrcodeUploadComponent } from './application-process/qrcode-upload/qrcod
 import { NewsDetailComponent } from './news-detail/news-detail.component';
 import { NewsDetailComponent } from './news-detail/news-detail.component';
 import { MoreFeaturesComponent } from './more-features/more-features.component';
 import { MoreFeaturesComponent } from './more-features/more-features.component';
 import { MineComponent } from './mine/mine.component';
 import { MineComponent } from './mine/mine.component';
-
+import { YdCollegeComponent } from './yd-college/yd-college.component';
 
 
 const myRoutes: Routes = [
 const myRoutes: Routes = [
   { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
   { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard], data: [{ title: '银盾保险经纪 - 工作台' }] },
@@ -182,7 +182,7 @@ const myRoutes: Routes = [
   { path: 'newsDetail/:id',component:NewsDetailComponent,canActivate:[AuthGuard],data:[{title: '消息详情'}]},
   { path: 'newsDetail/:id',component:NewsDetailComponent,canActivate:[AuthGuard],data:[{title: '消息详情'}]},
   { path: 'moreFeatures',component:MoreFeaturesComponent,canActivate:[AuthGuard],data:[{title: '全部工具'}]},
   { path: 'moreFeatures',component:MoreFeaturesComponent,canActivate:[AuthGuard],data:[{title: '全部工具'}]},
   { path: 'mine',component:MineComponent,canActivate:[AuthGuard],data:[{title: '我的'}]},
   { path: 'mine',component:MineComponent,canActivate:[AuthGuard],data:[{title: '我的'}]},
-
+  { path: 'yd-college',component:YdCollegeComponent,canActivate:[AuthGuard],data:[{title: '银盾学院'}]},
 ];
 ];
 
 
 @NgModule({
 @NgModule({

src/app/my/my.module.ts

@@ -94,9 +94,10 @@ import { QrcodeUploadComponent } from './application-process/qrcode-upload/qrcod
 import { NewsDetailComponent } from './news-detail/news-detail.component';
 import { NewsDetailComponent } from './news-detail/news-detail.component';
 import { MoreFeaturesComponent } from './more-features/more-features.component';
 import { MoreFeaturesComponent } from './more-features/more-features.component';
 import { MineComponent } from './mine/mine.component';
 import { MineComponent } from './mine/mine.component';
+import { YdCollegeComponent } from './yd-college/yd-college.component';
 
 
 @NgModule({
 @NgModule({
-  declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, MyToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent, SwitchNumberPipe,SafeResourceUrlPipe, TeamSalesScoreComponent, ScoreDetailsComponent, BusinessCardComponent, OrderDetailComponent, SalaryComponent, TodoListComponent, AddTaskComponent, MedicalServiceComponent, InvitationComponent, RegisterComponent, EmployeeInfoComponent, EmployeeBasicInfoComponent, WorkExperienceComponent, PersonalPhotosComponent, EmployeeIdCardComponent, EmployeeEducationComponent, PersonalStatementComponent, SignatureComponent, EmployeeSubmitComponent, BankCardComponent, MemberDetailComponent, ApprovalListComponent, ApprovalCommentsComponent, ApprovalResultListComponent, MyApplicationComponent, SuggestionComponent, EmployeeSalaryComponent, HistoricalRankComponent, TeamAreaPanelComponent, ArticleComponent, ArticleDetailComponent, ArticleReadComponent,SalaryDetailComponent,SalaryFirstYearComponent,DetailModalComponent, ProductComponent, ProductDataComponent, CommissionComponent, FileListComponent,MyCustomerComponent, CustomerRelationComponent, MyCustomerPolicyComponent, UnderwritingKnowledgeComponent, MyQuestionComponent, AskComponent, MenuItemComponent, MemberListComponent, ENoticeComponent, ENoticeSignComponent, RenewalReminderComponent, RenewalReminderDetailComponent, JointSalesComponent, JointSaleDetailComponent, IntegrationComponent, IntegrationDetailComponent, IntegrationRuleComponent, VideoComponent, QrcodeUploadComponent, NewsDetailComponent, MoreFeaturesComponent, MineComponent],
+  declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent, MyBusinessComponent, MyBusinessDetailComponent, PickerComponent, MyToastComponent, SalesRankComponent, TeamRankComponent, RecruitingComponent, RecruitingDetailComponent, ThanksComponent, MySettingComponent, MySettingDetailComponent, MyNewsComponent, MyTargetComponent, TeamPanelComponent, SwitchNumberPipe,SafeResourceUrlPipe, TeamSalesScoreComponent, ScoreDetailsComponent, BusinessCardComponent, OrderDetailComponent, SalaryComponent, TodoListComponent, AddTaskComponent, MedicalServiceComponent, InvitationComponent, RegisterComponent, EmployeeInfoComponent, EmployeeBasicInfoComponent, WorkExperienceComponent, PersonalPhotosComponent, EmployeeIdCardComponent, EmployeeEducationComponent, PersonalStatementComponent, SignatureComponent, EmployeeSubmitComponent, BankCardComponent, MemberDetailComponent, ApprovalListComponent, ApprovalCommentsComponent, ApprovalResultListComponent, MyApplicationComponent, SuggestionComponent, EmployeeSalaryComponent, HistoricalRankComponent, TeamAreaPanelComponent, ArticleComponent, ArticleDetailComponent, ArticleReadComponent,SalaryDetailComponent,SalaryFirstYearComponent,DetailModalComponent, ProductComponent, ProductDataComponent, CommissionComponent, FileListComponent,MyCustomerComponent, CustomerRelationComponent, MyCustomerPolicyComponent, UnderwritingKnowledgeComponent, MyQuestionComponent, AskComponent, MenuItemComponent, MemberListComponent, ENoticeComponent, ENoticeSignComponent, RenewalReminderComponent, RenewalReminderDetailComponent, JointSalesComponent, JointSaleDetailComponent, IntegrationComponent, IntegrationDetailComponent, IntegrationRuleComponent, VideoComponent, QrcodeUploadComponent, NewsDetailComponent, MoreFeaturesComponent, MineComponent,YdCollegeComponent],
   imports: [
   imports: [
     CommonModule,
     CommonModule,
     LifeCommonModule,
     LifeCommonModule,

src/app/my/yd-college/yd-college.component.html

+<ul>
+  <li *ngFor="let subItem of courseLists" (click)="featureSelect(subItem)">
+    <div>
+      <img [src]="'assets/images/indexIcons/' + subItem.icon + '.png'" alt="">
+    </div>
+    <p>{{subItem.name}}</p>
+  </li>
+</ul>
+<Modal [(ngModel)]="this.state.modal1" [transparent]="true" [maskClosable]="true" (onClose)="onClose('modal1')">
+  <div [ngStyle]="{ height: 100, overflow: 'scroll',color:'#000' }">
+    此功能暂未开放，敬请期待。
+  </div>
+</Modal>
\ No newline at end of file

src/app/my/yd-college/yd-college.component.scss

+ul{
+    display: flex;
+    flex-wrap: wrap;
+    li{
+        width: 0;
+        height:109px;
+        flex: 0 0 50%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        border-bottom: 1px solid #f2f2f2;
+        &:nth-of-type(2n+1){
+            border-right: 1px solid #f2f2f2;
+        }
+        img{
+            width: 48px;
+        }
+        p{
+            white-space: nowrap;
+            font-size: 14px;
+        }
+    }
+}
\ No newline at end of file

src/app/my/yd-college/yd-college.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { YdCollegeComponent } from './yd-college.component';
+
+describe('YdCollegeComponent', () => {
+  let component: YdCollegeComponent;
+  let fixture: ComponentFixture<YdCollegeComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ YdCollegeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(YdCollegeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/my/yd-college/yd-college.component.ts

+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'ydlife-yd-college',
+  templateUrl: './yd-college.component.html',
+  styleUrls: ['./yd-college.component.scss']
+})
+export class YdCollegeComponent implements OnInit {
+  public courseLists = [
+    {no:23,name:'保险ABC',icon:'insuranceABC',link:'',path:`https://${window.location.host}/issue`,isOpen:true},
+    {no:24,name:'岗前训',icon:'preJobTraining',link:'/prejobTraining',path:'',isOpen:true},
+    {no:25,name:'新人训',icon:'newTraining',link:'/newTraining',path:'',isOpen:true},
+    {no:26,name:'提升训',icon:'promotionTraining',link:'/advanceTraining',path:'',isOpen:true},
+    {no:27,name:'CFFP培训',icon:'cffpTraining',link:'/cffpTraining',path:'',isOpen:true},
+    {no:28,name:'产品培训',icon:'productTraining',link:'/productTraining',path:'',isOpen:true},
+    {no:29,name:'我的培训',icon:'training',link:'',path:'',isOpen:false},
+  ]
+
+  public state = {
+    modal1:false
+  }
+
+  onClose(key) {
+    this.state[key] = false;
+  }
+  featureSelect(item){
+    if(!item.isOpen){
+      this.state['modal1'] = true;
+    }
+    if(item.path){
+      window.open(item.path);
+    }else if(item.link){
+      this.router.navigate([`./${item.link}`]);
+    }
+  }
+  constructor(private router:Router) { }
+
+  ngOnInit() {
+  }
+
+}