From ea042293af375e334537a0292f3f7064a206e7e3 Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Sat, 4 Sep 2021 16:49:29 +0800
Subject: [PATCH] =?UTF-8?q?[=E6=96=B0=E5=A2=9E]=E6=96=B0=E5=A2=9E=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BAexcel=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app-routing.module.ts                 |  5 +--
 src/app/app.module.ts                         |  4 ++-
 .../export-excel/export-excel.component.html  |  3 ++
 .../export-excel/export-excel.component.scss  |  7 +++++
 .../export-excel.component.spec.ts            | 25 +++++++++++++++
 .../export-excel/export-excel.component.ts    | 31 +++++++++++++++++++
 6 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 src/app/export-excel/export-excel.component.html
 create mode 100644 src/app/export-excel/export-excel.component.scss
 create mode 100644 src/app/export-excel/export-excel.component.spec.ts
 create mode 100644 src/app/export-excel/export-excel.component.ts

diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index db22b94..fa9e3a0 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -20,7 +20,7 @@ import {ViewUnitDetailsPlanComponent} from './key-unit/view-unit-details-plan/vi
 import { TestComponent } from './test/test.component';
 import { ExternalLinksPlanComponent } from './external-links-plan/external-links-plan.component';
 import { CreatePlanOnlineFiveComponent } from './plan-management/create-plan-online-five/create-plan-online-five.component'
-
+import { ExportExcelComponent } from './export-excel/export-excel.component'
 
 const routes: Routes = [
   {path:'',redirectTo:'login',pathMatch:'full'},
@@ -43,7 +43,8 @@ const routes: Routes = [
   {path:'planAudit/planpass', component: PlanPassComponent , canActivate: [AuthGuard]},
   {path:'test', component: TestComponent },
   {path:'linksPlan', component: ExternalLinksPlanComponent },
-  {path:'CreatePlanOnlineFive',component:CreatePlanOnlineFiveComponent}
+  {path:'CreatePlanOnlineFive',component:CreatePlanOnlineFiveComponent},
+  {path:'exportExcel',component:ExportExcelComponent, canActivate: [AuthGuard]},
 ];
 
 @NgModule({
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index ddd0fc8..4186af4 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -25,6 +25,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { TestComponent } from './test/test.component';
 import { ExternalLinksPlanComponent } from './external-links-plan/external-links-plan.component';
 import { SearchDownList } from '../modules/map/declare/component/SearchDownListPlugins/SearchDownList';
+import { ExportExcelComponent } from './export-excel/export-excel.component';
 
 @NgModule({
     declarations: [
@@ -33,7 +34,8 @@ import { SearchDownList } from '../modules/map/declare/component/SearchDownListP
         MTokenK1Component,
         TestComponent,
         ExternalLinksPlanComponent,
-        SearchDownList
+        SearchDownList,
+        ExportExcelComponent
     ],
     imports: [
         BrowserModule,
diff --git a/src/app/export-excel/export-excel.component.html b/src/app/export-excel/export-excel.component.html
new file mode 100644
index 0000000..415c4d8
--- /dev/null
+++ b/src/app/export-excel/export-excel.component.html
@@ -0,0 +1,3 @@
+<div class="box">
+    <button mat-raised-button color="primary" (click)="export()">导出excel表格</button>
+</div>
diff --git a/src/app/export-excel/export-excel.component.scss b/src/app/export-excel/export-excel.component.scss
new file mode 100644
index 0000000..56a0555
--- /dev/null
+++ b/src/app/export-excel/export-excel.component.scss
@@ -0,0 +1,7 @@
+.box{
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
\ No newline at end of file
diff --git a/src/app/export-excel/export-excel.component.spec.ts b/src/app/export-excel/export-excel.component.spec.ts
new file mode 100644
index 0000000..b24680d
--- /dev/null
+++ b/src/app/export-excel/export-excel.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ExportExcelComponent } from './export-excel.component';
+
+describe('ExportExcelComponent', () => {
+  let component: ExportExcelComponent;
+  let fixture: ComponentFixture<ExportExcelComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ExportExcelComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ExportExcelComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/export-excel/export-excel.component.ts b/src/app/export-excel/export-excel.component.ts
new file mode 100644
index 0000000..63b2d70
--- /dev/null
+++ b/src/app/export-excel/export-excel.component.ts
@@ -0,0 +1,31 @@
+import { HttpClient } from '@angular/common/http';
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-export-excel',
+  templateUrl: './export-excel.component.html',
+  styleUrls: ['./export-excel.component.scss']
+})
+export class ExportExcelComponent implements OnInit {
+
+  constructor(public http:HttpClient) { }
+
+  ngOnInit(): void {
+  }
+  export(){
+    const httpOptions = {
+      responseType: 'blob' as 'json'
+    };
+    this.http.get('/api/StatisticsAnalysis/ExportToExcel',httpOptions).subscribe((data:any) => {
+      // // 文件名中有中文 则对文件名进行转码
+      const link = document.createElement('a');
+      const blob = new Blob([data], {type: 'application/vnd.ms-excel'});
+      link.setAttribute('href', window.URL.createObjectURL(blob));
+      link.setAttribute('download', '统计信息'+'.xlsx');
+      link.style.visibility = 'hidden';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    })
+  }
+}