Browse Source

[新增]建立数据推送组件

develop
邵佳豪 4 years ago
parent
commit
8504fee93c
  1. 17
      src/app/ui/data-push/data-push.component.html
  2. 29
      src/app/ui/data-push/data-push.component.scss
  3. 25
      src/app/ui/data-push/data-push.component.spec.ts
  4. 15
      src/app/ui/data-push/data-push.component.ts
  5. 4
      src/app/ui/ui-routing.module.ts
  6. 3
      src/app/ui/ui.module.ts

17
src/app/ui/data-push/data-push.component.html

@ -0,0 +1,17 @@
<div class="bigBox">
<div class="leftDiv">
<ul>
<li>基本信息</li>
<li>平面图</li>
<li>四周毗邻</li>
<li>消防设施</li>
<li>重点部位</li>
<li>功能分区</li>
<li>实景图</li>
<li>上传CAD图</li>
</ul>
</div>
<div class="rightDiv">
</div>
</div>

29
src/app/ui/data-push/data-push.component.scss

@ -0,0 +1,29 @@
.bigBox{
width: 100%;
height: 100%;
display: flex;
.leftDiv{
flex: 1;
border: 1px solid #30bbec;
border-radius: 5px;
ul{
li{
font-size: 20px;
text-align: center;
color: white;
height:50px;
line-height:50px;
cursor: pointer;
border-bottom: 1px solid #30bbec;
}
li:hover{
background-color: #e6963c;
}
}
}
.rightDiv{
flex: 6;
border: 1px solid #30bbec;
border-radius: 5px;
}
}

25
src/app/ui/data-push/data-push.component.spec.ts

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

15
src/app/ui/data-push/data-push.component.ts

@ -0,0 +1,15 @@
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-data-push',
templateUrl: './data-push.component.html',
styleUrls: ['./data-push.component.scss']
})
export class DataPushComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}

4
src/app/ui/ui-routing.module.ts

@ -7,12 +7,12 @@ import { DangerousComponent } from './dangerous/dangerous.component';
import { PlanAssistanceComponent } from './plan-assistance/plan-assistance.component'; import { PlanAssistanceComponent } from './plan-assistance/plan-assistance.component';
import { RealCasesComponent } from './real-cases/real-cases.component'; import { RealCasesComponent } from './real-cases/real-cases.component';
import { SimilarPlansComponent } from './similar-plans/similar-plans.component'; import { SimilarPlansComponent } from './similar-plans/similar-plans.component';
import { DataPushComponent } from './data-push/data-push.component';
const routes: Routes = [ const routes: Routes = [
{ path: 'collectionTools', component:CollectionToolsComponent }, { path: 'plan', component:DataPushComponent },
{ path: 'plan', component:planComponent },
{ path: 'collectionTools', component:CollectionToolsComponent}, { path: 'collectionTools', component:CollectionToolsComponent},
{ path: 'dangerous', component:DangerousComponent}, { path: 'dangerous', component:DangerousComponent},
{ path: 'disposalNode', component:DisposalNodeComponent}, { path: 'disposalNode', component:DisposalNodeComponent},

3
src/app/ui/ui.module.ts

@ -63,9 +63,10 @@ import { SimilarPlansComponent } from './similar-plans/similar-plans.component';
import { RealCasesComponent } from './real-cases/real-cases.component'; import { RealCasesComponent } from './real-cases/real-cases.component';
import { PlanAssistanceComponent } from './plan-assistance/plan-assistance.component'; import { PlanAssistanceComponent } from './plan-assistance/plan-assistance.component';
import { CountdownModule } from 'ngx-countdown'; import { CountdownModule } from 'ngx-countdown';
import { DataPushComponent } from './data-push/data-push.component';
@NgModule({ @NgModule({
declarations: [SafeHtmlPipe,GisComponent,UiComponent,PersonaldataComponent, ChangepasswordComponent,IsnoPipe,ConfirmpswDirective,TimePipe, CollectionToolsComponent,WorkingAreaComponent,CreateBuilding,EditBuilding,leftFunctionalDomainComponent,editPlaneFigureComponent,ViewDetails,saveOneDialog,saveTwoDialog,addDisposalNodeComponent,editDisposalNodeComponent, DisposalNodeComponent, DangerousComponent, SimilarPlansComponent, RealCasesComponent, PlanAssistanceComponent,planComponent], declarations: [SafeHtmlPipe,GisComponent,UiComponent,PersonaldataComponent, ChangepasswordComponent,IsnoPipe,ConfirmpswDirective,TimePipe, CollectionToolsComponent,WorkingAreaComponent,CreateBuilding,EditBuilding,leftFunctionalDomainComponent,editPlaneFigureComponent,ViewDetails,saveOneDialog,saveTwoDialog,addDisposalNodeComponent,editDisposalNodeComponent, DisposalNodeComponent, DangerousComponent, SimilarPlansComponent, RealCasesComponent, PlanAssistanceComponent,planComponent, DataPushComponent],
imports: [ imports: [
CommonModule, CommonModule,

Loading…
Cancel
Save