【删除页面】新建

src/app/app.module.ts

@@ -20,12 +20,14 @@ import { TreeService } from'./http-interceptors/tree.service';
 import { MTokenK1Component } from './m-token-k1/m-token-k1.component' //K1秘钥
 import { CountdownModule } from 'ngx-countdown'; //倒计时插件
 import { GISManagementModule } from './gis-management/gis-management.module';
+import { DeleteOneComponent } from './deleteUnit/delete-one/delete-one.component';
 
 @NgModule({
   declarations: [
     AppComponent,
     HomeComponent,
-    MTokenK1Component
+    MTokenK1Component,
+    DeleteOneComponent
   ],
   imports: [
     BrowserModule,

src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html

@@ -0,0 +1 @@
+<p>delete-four works!</p>

src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.spec.ts

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

src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts

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

src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.html

@@ -0,0 +1,9 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: sueRimn
+ * @Date: 2020-09-02 16:15:53
+ * @LastEditors: sueRimn
+ * @LastEditTime: 2020-09-02 16:27:59
+-->
+<div id="indexBzt" style="width: 100%;height: 100%;"></div>

src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.spec.ts

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

src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.ts

@@ -0,0 +1,148 @@
+/*
+ * @Descripttion: 
+ * @version: 
+ * @Author: sueRimn
+ * @Date: 2020-09-01 15:24:39
+ * @LastEditors: sueRimn
+ * @LastEditTime: 2020-09-02 16:30:02
+ */
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+//import * as echarts from '';
+declare var echarts: any;
+
+@Component({
+  selector: 'app-page-one',
+  templateUrl: './page-one.component.html',
+  styleUrls: ['./page-one.component.scss']
+})
+export class PageOneComponent implements OnInit {
+  options:any;
+  
+  
+  constructor(private router: Router) { }
+
+  ngOnInit() {
+    window.setTimeout(()=>{
+      this.initCharts()
+    },0)
+  }
+  /* 饼状图跳转 */
+
+  /* 首页饼状图 */
+  initCharts(){
+    //console.log(document.getElementById('indexBzt'))
+    
+    var ec = echarts as any;
+    var indexBzt = ec.init(document.getElementById('indexBzt'));
+    var options={
+      title: {
+          text: '预案状态统计（7005家）',
+          //subtext: '纯属虚构',
+          padding:[80,100],
+          left: 'center',
+          textStyle:{
+            fontSize:38
+          }
+      },
+      tooltip: {
+          trigger: 'item',
+           formatter:  (params)=>{
+             //console.log(params)
+              return this.biaogeTishi(params.name)
+          } ,
+          backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度
+          borderWidth:'1',
+          borderRadius :'0'
+          
+      },
+      legend: {
+          orient: 'vertical',
+          right: 150,
+          top:80,
+          //padding:20,
+          itemWidth:60,
+          itemHeight:25,
+          textStyle:{
+            fontSize:28
+          },
+          data: ['预案新增', '预案审核通过', '预案编制', '预案审核退回', '预案审核中']
+      },
+      series: [
+          {
+              name: '访问来源',
+              type: 'pie',
+              radius: '65%',
+              center: ['50%', '60%'],
+              label:{
+                normal:{
+                show:true,
+                position: 'inner',
+                fontSize:18,
+                formatter:'{c} ({d}%)'
+                }
+                
+              },
+              data: [
+                  {value: 1585, name: '预案新增'},
+                  {value: 2000, name: '预案审核通过',itemStyle:{color:'#02A7F0'}},
+                  {value: 2600, name: '预案编制'},
+                  {value: 1500, name: '预案审核退回'},
+                  {value: 1800, name: '预案审核中'}
+              ],
+              emphasis: {
+                  itemStyle: {
+                      shadowBlur: 10,
+                      shadowOffsetX: 0,
+                      shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  }
+              }
+          }
+      ]
+    };
+    indexBzt.on('click', (params) => {
+      console.log(999)
+      this.router.navigateByUrl('/statisticanalysis/statePageTwo_time');
+      // this.router.navigate(["/statisticanalysis/statePageTwo_time"])
+    });
+  indexBzt.setOption(options);
+  }
+  /**
+   * @name: 表格提示框封装
+   * @test: test font
+   * @msg: 
+   * @param {string(表头)}
+   * @return {type} 
+   */
+  biaogeTishi(biaotou:string){
+    var shuju='[{"name":"浦东支队","number":"156","zhanbi":"3%"},{"name":"黄埔支队","number":"144","zhanbi":"2.8%"},'
+    shuju+='{"name":"徐汇支队","number":"133","zhanbi":"2.1%"},{"name":"长宁支队","number":"122","zhanbi":"1.6%"},'
+    shuju+='{"name":"静安支队","number":"120","zhanbi":"1.3%"},{"name":"普陀支队","number":"100","zhanbi":"1.1%"},'
+    shuju+='{"name":"虹口支队","number":"95","zhanbi":"1%"},{"name":"杨浦支队","number":"90","zhanbi":"0.9%"},'
+    shuju+='{"name":"闵行支队","number":"88","zhanbi":"0.8%"},{"name":"宝山支队","number":"83","zhanbi":"0.7%"},'
+    shuju+='{"name":"徐汇支队","number":"133","zhanbi":"2.1%"},{"name":"长宁支队","number":"122","zhanbi":"1.6%"},'
+    shuju+='{"name":"嘉定支队","number":"78","zhanbi":"0.6%"},{"name":"松江支队","number":"75","zhanbi":"0.5%"},'
+    shuju+='{"name":"金山支队","number":"65","zhanbi":"0.4%"},{"name":"崇明支队","number":"55","zhanbi":"0.3%"}]'
+    var jsonObj =  JSON.parse(shuju);
+    var res = '<div class="tishi" style=" backgroundColor:rgba(255,255,255,1);width:100%;height:100%;"><div style="padding:10px 0 5px 0"><span style="color:#000000;font-size:30px;text-align: center;display:block;">'+biaotou+'</span></div>'
+               res+='</br><div style="width:300px;height:100%;padding:0 20px 15px 20px"><table style="width:300px; background:#FFFFFF; color:#000000;border-collapse:collapse;"cellspacing="0"; >';
+               res+='<thead><tr>';
+               res+='<td style="text-align:center;width:30%;border:1px solid #000000">名称</td>';
+               res+='<td style="text-align:center;width:30%;border:1px solid #000000">数量</td>'
+               res+='<td style="text-align:center;width:30%;border:1px solid #000000">总占比</td>'
+               res+='</tr></thead>'
+               res+='<tbody>';
+               for(var i=0;i<jsonObj.length;i++){
+                 res+='<tr>'
+                 res+='<td style="text-align:center;border:1px solid #000000">'+jsonObj[i].name+'</td>'
+                 res+='<td style="text-align:center;border:1px solid #000000">'+jsonObj[i].number+'</td>'
+                 res+='<td style="text-align:center;border:1px solid #000000">'+jsonObj[i].zhanbi+'</td></tr>'
+               }
+               
+               res+='</tbody>'
+               res+='<tfoot><td style="text-align:center;border:1px solid #000000">总计</td><td style="text-align:center;border:1px solid #000000">1356</td><td style="text-align:center;border:1px solid #000000">19%</td></tfoot>'
+               res+='</table></div></div>'
+               return res
+  }
+
+}

src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html

@@ -0,0 +1 @@
+<p>delete-there works!</p>

src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.spec.ts

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

src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts

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

src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.html

@@ -0,0 +1 @@
+<p>delete-two works!</p>

src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.spec.ts

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

src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts

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

src/app/statistic-analysis/statistic-analysis.module.ts

@@ -47,10 +47,14 @@ import {MatToolbarModule} from '@angular/material/toolbar';
 import {MatTooltipModule} from '@angular/material/tooltip';
 import {MatTreeModule} from '@angular/material/tree';
 import { PageZhongDuiDetailsComponent } from './state/page-zhong-dui-details/page-zhong-dui-details.component';
+import { DeleteOneComponent } from './deleteUnit/delete-one/delete-one.component';
+import { DeleteTwoComponent } from './deleteUnit/delete-two/delete-two.component';
+import { DeleteThereComponent } from './deleteUnit/delete-there/delete-there.component';
+import { DeleteFourComponent } from './deleteUnit/delete-four/delete-four.component';
 
 
 @NgModule({
-  declarations: [PageOneComponent, PageTwoTimeComponent, PageTwoNameComponent, PageZhongDuiDetailsComponent,echartsComponent],
+  declarations: [PageOneComponent, PageTwoTimeComponent, PageTwoNameComponent, PageZhongDuiDetailsComponent,echartsComponent, DeleteOneComponent, DeleteTwoComponent, DeleteThereComponent, DeleteFourComponent],
   imports: [
     CommonModule,
     StatisticAnalysisRoutingModule,