新增 企业管理 3页面

fengxiang

2018-07-17 feda1a3904098d7b11ce0dea324e7b8db6228828

新增 企业管理 3页面

 _mock/_chart.ts

@@ -112,7 +112,36 @@
        y: 1231
    }
];

const salesTypeDataOnline2 = [
    {
        x: "PM2.5",
        y: 220
    },
    {
        x: "PM10",
        y: 280
    },
    {
        x: "二氧化硫",
        y: 290
    },
    {
        x: "二氧化氮",
        y: 30
    },
    {
        x: "臭氧",
        y: 98
    },
    {
        x: '一氧化碳',
        y: 99
    },
    {
        x: "颗粒物0.3",
        y: 890
    }
];
const salesTypeDataOffline = [
    {
        x: 'PM2.5',
@@ -220,6 +249,7 @@
        offlineChartData,
        salesTypeData,
        salesTypeDataOnline,
        salesTypeDataOnline2,
        salesTypeDataOffline,
        radarData
    }),

 src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.html

New file
@@ -0,0 +1,4 @@
<div class="content__title">
    <h1>企业数据</h1>
</div>
<pro-header [title]="'Page Name'"></pro-header>

 src/app/routes/enterprise-management/enterprise-data/enterprise-data.component.ts

New file
@@ -0,0 +1,17 @@
import { Component, OnInit } from '@angular/core';
import { _HttpClient } from '@delon/theme';

@Component({
  selector: 'app-enterprise-data',
  templateUrl: './enterprise-data.component.html',
})
export class EnterpriseDataComponent implements OnInit {

    constructor(
        private http: _HttpClient
    ) { }

    ngOnInit() {
    }

}

 src/app/routes/enterprise-management/enterprise-management.module.ts

New file
@@ -0,0 +1,39 @@
import { NgModule } from '@angular/core';
import { SharedModule } from '@shared/shared.module';
import { GisShowComponent } from './gis-show/gis-show.component';
import { RouterModule, Routes } from '@angular/router';
import { CommonModule } from '@angular/common';
import { PipeModule } from '@business/pipe/pipe.module';
import { EnterpriseDataComponent } from './enterprise-data/enterprise-data.component';
import { StandardAlarmComponent } from './standard-alarm/standard-alarm.component';


const routes: Routes = [
  {
    path: '',
    children: [
      { path: 'gis-show', component: GisShowComponent },
      { path: 'enterprise-data', component: EnterpriseDataComponent },
      { path: 'standard-alarm', component: StandardAlarmComponent }
    ]
  }
];
const COMPONENT_NOROUNT = [];

@NgModule({
  imports: [
    // 管道模块必须当前模块导入
    PipeModule,
    CommonModule,
    SharedModule,
    RouterModule.forChild(routes)
  ],
  declarations: [
      ...COMPONENT_NOROUNT,
      EnterpriseDataComponent,
      StandardAlarmComponent,
      GisShowComponent
  ],
  entryComponents: COMPONENT_NOROUNT
})
export class EnterpriseManagementModule { }

 src/app/routes/enterprise-management/gis-show/gis-show.component.html

New file
@@ -0,0 +1,14 @@
<div class="content__title">
    <h1>GIS显示</h1>
</div>
<div nz-row [nzGutter]="24" class="pt-lg">
    <div nz-col nzXs="24" nzMd="24">
        <nz-card [nzBordered]="false">
            <ng-template #title>
               监控站点GIS分布
               <small class="text-sm font-weight-normal">总共: 128</small>
            </ng-template>
            <iframe style="width: 100%; height: 500px;" target="_top" src="http://monitor-api2.7drlb.com/screen/map-page?areaCode=320583&accountId=1&mapType=BMAP_SATELLITE_MAP" frameborder="0"></iframe>
        </nz-card>
    </div>
  </div>

 src/app/routes/enterprise-management/gis-show/gis-show.component.ts

New file
@@ -0,0 +1,17 @@
import { Component, OnInit } from '@angular/core';
import { _HttpClient } from '@delon/theme';

@Component({
  selector: 'app-gis-show',
  templateUrl: './gis-show.component.html',
})
export class GisShowComponent implements OnInit {

    constructor(
        private http: _HttpClient
    ) { }

    ngOnInit() {
    }

}

 src/app/routes/enterprise-management/standard-alarm/standard-alarm.component.html

New file
@@ -0,0 +1,4 @@
<div class="content__title">
    <h1>Page Name</h1>
</div>
<pro-header [title]="'Page Name'"></pro-header>

 src/app/routes/enterprise-management/standard-alarm/standard-alarm.component.ts

New file
@@ -0,0 +1,17 @@
import { Component, OnInit } from '@angular/core';
import { _HttpClient } from '@delon/theme';

@Component({
  selector: 'app-standard-alarm',
  templateUrl: './standard-alarm.component.html',
})
export class StandardAlarmComponent implements OnInit {

    constructor(
        private http: _HttpClient
    ) { }

    ngOnInit() {
    }

}

 src/app/routes/home-page/home-page/home-page.component.html

@@ -217,7 +217,7 @@
                                    <label nz-radio-button [nzValue]="'all'"><span>全部</span></label>
                                    <label nz-radio-button [nzValue]="'online'"><span>一级</span></label>
                                    <label nz-radio-button [nzValue]="'offline'"><span>二级</span></label>
                                    <label nz-radio-button [nzValue]="'online'"><span>三级</span></label>
                                    <label nz-radio-button [nzValue]="'online2'"><span>三级</span></label>
                                </nz-radio-group>
                            </div>
                        </div>

 src/app/routes/home-page/home-page/home-page.component.ts

@@ -176,7 +176,9 @@
    salesTotal = 0;
    changeSaleType() {
        this.salesPieData = this.salesType === 'all' ? this.data.salesTypeData : (
            this.salesType === 'online' ? this.data.salesTypeDataOnline : this.data.salesTypeDataOffline
            this.salesType === 'online' ? this.data.salesTypeDataOnline : (
                this.salesType === 'online2' ?  this.data.salesTypeDataOnline2 : this.data.salesTypeDataOffline
            )
        );
        if (this.salesPieData) this.salesTotal = this.salesPieData.reduce((pre, now) => now.y + pre, 0);
    }

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

@@ -27,6 +27,10 @@
              path: "home-page",
              loadChildren: "./home-page/home-page.module#HomePageModule"
            },
            {
              path: "enterprise-management",
              loadChildren: "./enterprise-management/enterprise-management.module#EnterpriseManagementModule"
            },
            { path: 'statistics', loadChildren: './statistics/statistics.module#StatisticsModule' },
            { path: 'dashboard', redirectTo: 'dashboard/v1', pathMatch: 'full' },
            { path: 'dashboard/v1', component: DashboardV1Component, data: { translate: 'dashboard_v1' } },

 src/assets/app-data.json

@@ -36,21 +36,22 @@
            },
            {
              "text": "企业污染管理",
              "group": true,
              "icon": "icon-puzzle",
               "children": [
                {
                  "text": "gis显示",
                  "link": "/"
                  "text": "GIS显示",
                  "link": "/enterprise-management/gis-show"
                }
                ,
                {
                  "text": "企业数据",
                  "link": "/"
                  "link": "/enterprise-management/enterprise-data"
                }
                ,
                {
                  "text": "超标报警",
                  "link": "/"
                  "link": "/enterprise-management/standard-alarm"
                }
               ]
            },
@@ -69,7 +70,7 @@
                }]
            },
            {
              "text": "网络溯源",
              "text": "网格溯源",
              "icon": "icon-support",
              "link": "/"
            },