|
|
|
|
import { Component, Renderer2, OnDestroy, AfterViewInit,ElementRef, OnInit,ViewChild } from '@angular/core';
|
|
|
|
|
import { CustomReuseStrategy } from 'src/app/CustomReuseStrategy';
|
|
|
|
|
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
|
|
|
|
|
import { asBlob } from 'html-docx-js-typescript'
|
|
|
|
|
// 要保存这个docx文件推荐引入file-saver哦，你可以用npm i -D file-saver来安装
|
|
|
|
|
import { saveAs } from 'file-saver'
|
|
|
|
|
@Component({
|
|
|
|
|
selector: 'app-unit-details',
|
|
|
|
|
templateUrl: './unit-details.component.html',
|
|
|
|
|
styleUrls: ['./unit-details.component.scss']
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
export class UnitDetailsComponent implements OnInit {
|
|
|
|
|
@ViewChild('box') box: ElementRef;
|
|
|
|
|
constructor(private fb: FormBuilder,private renderer: Renderer2,private el: ElementRef) {
|
|
|
|
|
this.validateForm = this.fb.group({
|
|
|
|
|
userName: [''],
|
|
|
|
|
email: [''],
|
|
|
|
|
password: [''],
|
|
|
|
|
confirm: [''],
|
|
|
|
|
comment: ['']
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
aaa="山东小满园"
|
|
|
|
|
validateForm!: FormGroup;
|
|
|
|
|
ngOnInit(): void {
|
|
|
|
|
}
|
|
|
|
|
submitForm(value: { userName: string; email: string; password: string; confirm: string; comment: string }): void {
|
|
|
|
|
for (const key in this.validateForm.controls) {
|
|
|
|
|
this.validateForm.controls[key].markAsDirty();
|
|
|
|
|
this.validateForm.controls[key].updateValueAndValidity();
|
|
|
|
|
}
|
|
|
|
|
console.log(value);
|
|
|
|
|
}
|
|
|
|
|
resetForm(e: MouseEvent): void {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
this.validateForm.reset();
|
|
|
|
|
for (const key in this.validateForm.controls) {
|
|
|
|
|
this.validateForm.controls[key].markAsPristine();
|
|
|
|
|
this.validateForm.controls[key].updateValueAndValidity();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
validateConfirmPassword(): void {
|
|
|
|
|
setTimeout(() => this.validateForm.controls.confirm.updateValueAndValidity());
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
exportClick() {
|
|
|
|
|
console.log(this.box);
|
|
|
|
|
// return
|
|
|
|
|
const htmlString = `<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<title>Document</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
`+this.box.nativeElement.innerHTML+`
|
|
|
|
|
</body>
|
|
|
|
|
</html>`
|
|
|
|
|
const fileData = asBlob(htmlString).then((data:any) => {
|
|
|
|
|
saveAs(data, 'file.docx') // 保存为docx文件
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
back() {
|
|
|
|
|
window.history.back()
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
