|
|
|
@ -1,25 +1,32 @@ |
|
|
|
import { Component, OnInit, Inject } from '@angular/core'; |
|
|
|
import { Component, OnInit, Inject } from "@angular/core"; |
|
|
|
import { HttpClient, HttpHeaders } from '@angular/common/http'; |
|
|
|
import { HttpClient, HttpHeaders } from "@angular/common/http"; |
|
|
|
import { MatDialog, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog'; |
|
|
|
import { |
|
|
|
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
|
|
|
MatDialog, |
|
|
|
|
|
|
|
MAT_DIALOG_DATA, |
|
|
|
|
|
|
|
MatDialogRef, |
|
|
|
|
|
|
|
} from "@angular/material/dialog"; |
|
|
|
|
|
|
|
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
|
|
|
|
|
|
|
import { TabbarAndScoreService } from "src/app/service/tabbar-and-score.service"; |
|
|
|
|
|
|
|
|
|
|
|
@Component({ |
|
|
|
@Component({ |
|
|
|
selector: 'app-uploading-cad', |
|
|
|
selector: "app-uploading-cad", |
|
|
|
templateUrl: './uploading-cad.component.html', |
|
|
|
templateUrl: "./uploading-cad.component.html", |
|
|
|
styleUrls: ['./uploading-cad.component.scss'] |
|
|
|
styleUrls: ["./uploading-cad.component.scss"], |
|
|
|
}) |
|
|
|
}) |
|
|
|
export class UploadingCADComponent implements OnInit { |
|
|
|
export class UploadingCADComponent implements OnInit { |
|
|
|
|
|
|
|
constructor( |
|
|
|
constructor(private http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar) { } |
|
|
|
private http: HttpClient, |
|
|
|
|
|
|
|
public dialog: MatDialog, |
|
|
|
|
|
|
|
public snackBar: MatSnackBar, |
|
|
|
|
|
|
|
private tabbarService: TabbarAndScoreService |
|
|
|
|
|
|
|
) {} |
|
|
|
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
ngOnInit(): void { |
|
|
|
this.companyId = sessionStorage.getItem('companyId') |
|
|
|
this.companyId = sessionStorage.getItem("companyId"); |
|
|
|
this.getAllCAD() |
|
|
|
this.getAllCAD(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
displayedColumns: string[] = ['checked', 'name', 'time', 'state','size']; |
|
|
|
displayedColumns: string[] = ["checked", "name", "time", "state", "size"]; |
|
|
|
|
|
|
|
|
|
|
|
companyId: any; //单位编号
|
|
|
|
companyId: any; //单位编号
|
|
|
|
CADList: any = []; //所有CAD图
|
|
|
|
CADList: any = []; //所有CAD图
|
|
|
|
@ -27,88 +34,103 @@ export class UploadingCADComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
|
|
//获取所有CAD图
|
|
|
|
//获取所有CAD图
|
|
|
|
getAllCAD() { |
|
|
|
getAllCAD() { |
|
|
|
this.http.get('/api/CompanyAccount/CadData').subscribe(data=>{ |
|
|
|
this.http.get("/api/CompanyAccount/CadData").subscribe((data) => { |
|
|
|
this.CADList = data |
|
|
|
this.CADList = data; |
|
|
|
this.selectCAD = [] |
|
|
|
this.selectCAD = []; |
|
|
|
this.CADList.forEach(element => { |
|
|
|
this.CADList.forEach((element) => { |
|
|
|
element.loading = false |
|
|
|
element.loading = false; |
|
|
|
element.suffix = element.cadUrl.substring(element.cadUrl.lastIndexOf("."),element.cadUrl.length); //图名后缀
|
|
|
|
element.suffix = element.cadUrl.substring( |
|
|
|
element.fileLength = (element.fileLength/1024/1024).toFixed(2)}); |
|
|
|
element.cadUrl.lastIndexOf("."), |
|
|
|
}) |
|
|
|
element.cadUrl.length |
|
|
|
|
|
|
|
); //图名后缀
|
|
|
|
|
|
|
|
element.fileLength = (element.fileLength / 1024 / 1024).toFixed(2); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
this.tabbarService.sendMessage("changeScore"); //通知服务改变分数
|
|
|
|
|
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//change CAD图checked
|
|
|
|
//change CAD图checked
|
|
|
|
checkedCAD(e, element) { |
|
|
|
checkedCAD(e, element) { |
|
|
|
if (e.checked) { |
|
|
|
if (e.checked) { |
|
|
|
this.selectCAD.push(element) |
|
|
|
this.selectCAD.push(element); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.selectCAD.splice(this.selectCAD.findIndex(item => item.id === element.id), 1)} |
|
|
|
this.selectCAD.splice( |
|
|
|
|
|
|
|
this.selectCAD.findIndex((item) => item.id === element.id), |
|
|
|
|
|
|
|
1 |
|
|
|
|
|
|
|
); |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//打开上传文件窗口
|
|
|
|
//打开上传文件窗口
|
|
|
|
openReadFile() { |
|
|
|
openReadFile() { |
|
|
|
let dialogRef = this.dialog.open(readFile); |
|
|
|
let dialogRef = this.dialog.open(readFile); |
|
|
|
dialogRef.afterClosed().subscribe(data=>{ |
|
|
|
dialogRef.afterClosed().subscribe((data) => { |
|
|
|
if (data) { |
|
|
|
if (data) { |
|
|
|
this.file = data.file |
|
|
|
this.file = data.file; |
|
|
|
this.fileName = data.name |
|
|
|
this.fileName = data.name; |
|
|
|
this.startUploading()} //开始上传
|
|
|
|
this.startUploading(); |
|
|
|
|
|
|
|
} //开始上传
|
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//打开编辑文件窗口
|
|
|
|
//打开编辑文件窗口
|
|
|
|
editFile() { |
|
|
|
editFile() { |
|
|
|
if (this.selectCAD.length === 1) { |
|
|
|
if (this.selectCAD.length === 1) { |
|
|
|
let data = this.selectCAD[0] |
|
|
|
let data = this.selectCAD[0]; |
|
|
|
let dialogRef = this.dialog.open(editFile, { data }); |
|
|
|
let dialogRef = this.dialog.open(editFile, { data }); |
|
|
|
dialogRef.afterClosed().subscribe(data=>{ |
|
|
|
dialogRef.afterClosed().subscribe((data) => { |
|
|
|
if (data) {this.getAllCAD()} |
|
|
|
if (data) { |
|
|
|
|
|
|
|
this.getAllCAD(); |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} else if (this.selectCAD.length > 1) { |
|
|
|
} else if (this.selectCAD.length > 1) { |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('不支持批量编辑','确定',config); |
|
|
|
this.snackBar.open("不支持批量编辑", "确定", config); |
|
|
|
} else if (!this.selectCAD.length) { |
|
|
|
} else if (!this.selectCAD.length) { |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('请选择CAD图纸','确定',config); |
|
|
|
this.snackBar.open("请选择CAD图纸", "确定", config); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//删除CAD图
|
|
|
|
//删除CAD图
|
|
|
|
deleteCAD() { |
|
|
|
deleteCAD() { |
|
|
|
if (this.selectCAD.length) { |
|
|
|
if (this.selectCAD.length) { |
|
|
|
let isDelete = confirm('您确定要删除吗') |
|
|
|
let isDelete = confirm("您确定要删除吗"); |
|
|
|
let arr = [] |
|
|
|
let arr = []; |
|
|
|
if (isDelete) { |
|
|
|
if (isDelete) { |
|
|
|
this.selectCAD.forEach(async (element, index) => { |
|
|
|
this.selectCAD.forEach(async (element, index) => { |
|
|
|
let result = await new Promise((result, reject) => { |
|
|
|
let result = await new Promise((result, reject) => { |
|
|
|
this.http.delete(`/api/CompanyAccount/CadData/${element.id}`).subscribe(data=>{result(index)}) |
|
|
|
this.http |
|
|
|
this.http.delete(`/api/Objects/PlanPlatform/${element.cadUrl}`).subscribe(data=>{}) |
|
|
|
.delete(`/api/CompanyAccount/CadData/${element.id}`) |
|
|
|
}) |
|
|
|
.subscribe((data) => { |
|
|
|
arr.push(result) |
|
|
|
result(index); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
this.http |
|
|
|
|
|
|
|
.delete(`/api/Objects/PlanPlatform/${element.cadUrl}`) |
|
|
|
|
|
|
|
.subscribe((data) => {}); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
arr.push(result); |
|
|
|
if (arr.length == this.selectCAD.length) { |
|
|
|
if (arr.length == this.selectCAD.length) { |
|
|
|
this.getAllCAD() |
|
|
|
this.getAllCAD(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('删除CAD图纸成功','确定',config);} |
|
|
|
this.snackBar.open("删除CAD图纸成功", "确定", config); |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('请选择CAD图纸','确定',config); |
|
|
|
this.snackBar.open("请选择CAD图纸", "确定", config); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//上传文件↓
|
|
|
|
//上传文件↓
|
|
|
|
file: any; //上传的文件
|
|
|
|
file: any; //上传的文件
|
|
|
|
fileName: any; //上传文件name
|
|
|
|
fileName: any; //上传文件name
|
|
|
|
@ -119,86 +141,115 @@ export class UploadingCADComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
|
|
//上传文件
|
|
|
|
//上传文件
|
|
|
|
startUploading() { |
|
|
|
startUploading() { |
|
|
|
let file = this.file || null //获取上传的文件
|
|
|
|
let file = this.file || null; //获取上传的文件
|
|
|
|
let fileSize = file.size || null //上传文件的总大小
|
|
|
|
let fileSize = file.size || null; //上传文件的总大小
|
|
|
|
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
|
|
|
let shardSize = 5 * 1024 * 1024; //5MB一个分片
|
|
|
|
|
|
|
|
|
|
|
|
if (file && fileSize<=shardSize) { //上传文件<=5MB时
|
|
|
|
if (file && fileSize <= shardSize) { |
|
|
|
let formData = new FormData() |
|
|
|
//上传文件<=5MB时
|
|
|
|
formData.append("file",file) |
|
|
|
let formData = new FormData(); |
|
|
|
this.http.post(`/api/Objects/PlanPlatform/${this.companyId}/CAD`,formData).subscribe((data:any)=>{ |
|
|
|
formData.append("file", file); |
|
|
|
this.objectName = data.objectName |
|
|
|
this.http |
|
|
|
this.addCADData() |
|
|
|
.post(`/api/Objects/PlanPlatform/${this.companyId}/CAD`, formData) |
|
|
|
}) |
|
|
|
.subscribe((data: any) => { |
|
|
|
} else if (file && fileSize>shardSize) { //上传文件>5MB时,分块上传
|
|
|
|
this.objectName = data.objectName; |
|
|
|
let data = {filename: file.name} |
|
|
|
this.addCADData(); |
|
|
|
this.uploadisLoading = true |
|
|
|
}); |
|
|
|
this.http.post(`/api/NewMultipartUpload/PlanPlatform/${this.companyId}/CAD`,{},{params:data}).subscribe((data:any)=>{ //初始化分段上传
|
|
|
|
} else if (file && fileSize > shardSize) { |
|
|
|
this.objectName = data.objectName |
|
|
|
//上传文件>5MB时,分块上传
|
|
|
|
this.uploadId = data.uploadId |
|
|
|
let data = { filename: file.name }; |
|
|
|
this.subsectionUploading() |
|
|
|
this.uploadisLoading = true; |
|
|
|
}) |
|
|
|
this.http |
|
|
|
|
|
|
|
.post( |
|
|
|
|
|
|
|
`/api/NewMultipartUpload/PlanPlatform/${this.companyId}/CAD`, |
|
|
|
|
|
|
|
{}, |
|
|
|
|
|
|
|
{ params: data } |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.subscribe((data: any) => { |
|
|
|
|
|
|
|
//初始化分段上传
|
|
|
|
|
|
|
|
this.objectName = data.objectName; |
|
|
|
|
|
|
|
this.uploadId = data.uploadId; |
|
|
|
|
|
|
|
this.subsectionUploading(); |
|
|
|
|
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
PartNumberETag: any = []; //每次返回需要保存的信息
|
|
|
|
PartNumberETag: any = []; //每次返回需要保存的信息
|
|
|
|
//开始分段上传
|
|
|
|
//开始分段上传
|
|
|
|
async subsectionUploading() { |
|
|
|
async subsectionUploading() { |
|
|
|
let file = this.file || null //获取上传的文件
|
|
|
|
let file = this.file || null; //获取上传的文件
|
|
|
|
let fileSize = file.size || null //上传文件的总大小
|
|
|
|
let fileSize = file.size || null; //上传文件的总大小
|
|
|
|
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
|
|
|
let shardSize = 5 * 1024 * 1024; //5MB一个分片
|
|
|
|
let allSlice = Math.ceil(fileSize / shardSize) //总文件/5MB===共分多少段
|
|
|
|
let allSlice = Math.ceil(fileSize / shardSize); //总文件/5MB===共分多少段
|
|
|
|
|
|
|
|
|
|
|
|
for (let i = 0;i < allSlice;i++) { //循环分段上传
|
|
|
|
for (let i = 0; i < allSlice; i++) { |
|
|
|
let start = i * shardSize //切割文件开始位置
|
|
|
|
//循环分段上传
|
|
|
|
|
|
|
|
let start = i * shardSize; //切割文件开始位置
|
|
|
|
let end = Math.min(fileSize, start + shardSize); //切割文件结束位置
|
|
|
|
let end = Math.min(fileSize, start + shardSize); //切割文件结束位置
|
|
|
|
let formData = new FormData() |
|
|
|
let formData = new FormData(); |
|
|
|
formData.append("file",file.slice(start, end)) |
|
|
|
formData.append("file", file.slice(start, end)); |
|
|
|
|
|
|
|
|
|
|
|
//同步写法实现异步调用
|
|
|
|
//同步写法实现异步调用
|
|
|
|
let result = await new Promise((resolve, reject) => { |
|
|
|
let result = await new Promise((resolve, reject) => { |
|
|
|
// await 需要后面返回一个 promise 对象
|
|
|
|
// await 需要后面返回一个 promise 对象
|
|
|
|
this.http.post(`/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${this.uploadId}&partNumber=${i+1}`,formData).subscribe((data:any)=>{ |
|
|
|
this.http |
|
|
|
|
|
|
|
.post( |
|
|
|
|
|
|
|
`/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${ |
|
|
|
|
|
|
|
this.uploadId |
|
|
|
|
|
|
|
}&partNumber=${i + 1}`,
|
|
|
|
|
|
|
|
formData |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.subscribe((data: any) => { |
|
|
|
let msg = { |
|
|
|
let msg = { |
|
|
|
"partNumber":data.partNumber || null, |
|
|
|
partNumber: data.partNumber || null, |
|
|
|
"eTag": data.eTag || null} |
|
|
|
eTag: data.eTag || null, |
|
|
|
resolve(msg) // 调用 promise 内置方法处理成功
|
|
|
|
}; |
|
|
|
}) |
|
|
|
resolve(msg); // 调用 promise 内置方法处理成功
|
|
|
|
}); |
|
|
|
}); |
|
|
|
this.PartNumberETag.push(result) |
|
|
|
}); |
|
|
|
this.uploadProgress = Number((i/allSlice).toFixed(2))*100 |
|
|
|
this.PartNumberETag.push(result); |
|
|
|
|
|
|
|
this.uploadProgress = Number((i / allSlice).toFixed(2)) * 100; |
|
|
|
|
|
|
|
|
|
|
|
if (this.PartNumberETag.length === allSlice) { |
|
|
|
if (this.PartNumberETag.length === allSlice) { |
|
|
|
this.uploadProgress = 100 |
|
|
|
this.uploadProgress = 100; |
|
|
|
this.endUploading()} |
|
|
|
this.endUploading(); |
|
|
|
|
|
|
|
} |
|
|
|
} //for循环
|
|
|
|
} //for循环
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//完成分块上传
|
|
|
|
//完成分块上传
|
|
|
|
endUploading() { |
|
|
|
endUploading() { |
|
|
|
let data = this.PartNumberETag |
|
|
|
let data = this.PartNumberETag; |
|
|
|
let paramsData = {uploadId:this.uploadId} |
|
|
|
let paramsData = { uploadId: this.uploadId }; |
|
|
|
this.http.post(`/api/CompleteMultipartUpload/PlanPlatform/${this.objectName}`,data,{params:paramsData}).subscribe(data=>{ |
|
|
|
this.http |
|
|
|
this.addCADData() |
|
|
|
.post( |
|
|
|
|
|
|
|
`/api/CompleteMultipartUpload/PlanPlatform/${this.objectName}`, |
|
|
|
|
|
|
|
data, |
|
|
|
|
|
|
|
{ params: paramsData } |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.subscribe((data) => { |
|
|
|
|
|
|
|
this.addCADData(); |
|
|
|
this.uploadProgress = 0; |
|
|
|
this.uploadProgress = 0; |
|
|
|
this.uploadisLoading = false |
|
|
|
this.uploadisLoading = false; |
|
|
|
this.PartNumberETag =[] //清空保存返回的信息
|
|
|
|
this.PartNumberETag = []; //清空保存返回的信息
|
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//取消分块上传
|
|
|
|
//取消分块上传
|
|
|
|
cancel() { |
|
|
|
cancel() { |
|
|
|
this.http.delete(`/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${this.uploadId}`).subscribe(data=>{ |
|
|
|
this.http |
|
|
|
|
|
|
|
.delete( |
|
|
|
|
|
|
|
`/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${this.uploadId}` |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.subscribe((data) => { |
|
|
|
this.uploadProgress = 0; |
|
|
|
this.uploadProgress = 0; |
|
|
|
this.uploadisLoading= false |
|
|
|
this.uploadisLoading = false; |
|
|
|
this.PartNumberETag =[] //清空保存返回的信息
|
|
|
|
this.PartNumberETag = []; //清空保存返回的信息
|
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('取消上传成功!','确定',config); |
|
|
|
this.snackBar.open("取消上传成功!", "确定", config); |
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//上传成功创建CAD
|
|
|
|
//上传成功创建CAD
|
|
|
|
@ -208,17 +259,13 @@ export class UploadingCADComponent implements OnInit { |
|
|
|
cadUrl: this.objectName, |
|
|
|
cadUrl: this.objectName, |
|
|
|
fileLength: this.file.size, |
|
|
|
fileLength: this.file.size, |
|
|
|
creationTime: new Date(), |
|
|
|
creationTime: new Date(), |
|
|
|
companyId: this.companyId |
|
|
|
companyId: this.companyId, |
|
|
|
} |
|
|
|
}; |
|
|
|
this.http.post('/api/CompanyAccount/CadData',data).subscribe(data=>{ |
|
|
|
this.http.post("/api/CompanyAccount/CadData", data).subscribe((data) => { |
|
|
|
this.getAllCAD() |
|
|
|
this.getAllCAD(); |
|
|
|
}) |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//下载↓
|
|
|
|
//下载↓
|
|
|
|
selectDownloadFile: any; //选择下载的文件
|
|
|
|
selectDownloadFile: any; //选择下载的文件
|
|
|
|
download: any; //下载文件元数据
|
|
|
|
download: any; //下载文件元数据
|
|
|
|
@ -228,130 +275,144 @@ export class UploadingCADComponent implements OnInit { |
|
|
|
//读取下载文件信息
|
|
|
|
//读取下载文件信息
|
|
|
|
readFile() { |
|
|
|
readFile() { |
|
|
|
if (this.selectCAD.length === 1) { |
|
|
|
if (this.selectCAD.length === 1) { |
|
|
|
this.selectDownloadFile = this.selectCAD[0] |
|
|
|
this.selectDownloadFile = this.selectCAD[0]; |
|
|
|
this.http.get('/api/ObjectMetadata/PlanPlatform/'+this.selectDownloadFile.cadUrl).subscribe(data=>{ |
|
|
|
this.http |
|
|
|
this.download = data |
|
|
|
.get( |
|
|
|
this.downloadFile() |
|
|
|
"/api/ObjectMetadata/PlanPlatform/" + this.selectDownloadFile.cadUrl |
|
|
|
}) |
|
|
|
) |
|
|
|
|
|
|
|
.subscribe((data) => { |
|
|
|
|
|
|
|
this.download = data; |
|
|
|
|
|
|
|
this.downloadFile(); |
|
|
|
|
|
|
|
}); |
|
|
|
} else if (this.selectCAD.length > 1) { |
|
|
|
} else if (this.selectCAD.length > 1) { |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('暂时不支持批量下载','确定',config) |
|
|
|
this.snackBar.open("暂时不支持批量下载", "确定", config); |
|
|
|
} else if (!this.selectCAD.length) { |
|
|
|
} else if (!this.selectCAD.length) { |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('请选择CAD图纸','确定',config); |
|
|
|
this.snackBar.open("请选择CAD图纸", "确定", config); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//初始化下载
|
|
|
|
//初始化下载
|
|
|
|
downloadFile() { |
|
|
|
downloadFile() { |
|
|
|
let file = this.download |
|
|
|
let file = this.download; |
|
|
|
let fileSize = file.fileLength//下载文件的总大小
|
|
|
|
let fileSize = file.fileLength; //下载文件的总大小
|
|
|
|
let shardSize = 10 * 1024 * 1024 //文件大小是否大于10MB
|
|
|
|
let shardSize = 10 * 1024 * 1024; //文件大小是否大于10MB
|
|
|
|
|
|
|
|
|
|
|
|
if (file && fileSize<=shardSize) { //<=10MB时直接下载
|
|
|
|
if (file && fileSize <= shardSize) { |
|
|
|
this.downloadisLoading = true |
|
|
|
//<=10MB时直接下载
|
|
|
|
this.setFileLoading() |
|
|
|
this.downloadisLoading = true; |
|
|
|
this.http.get(`/api/Objects/PlanPlatform/${file.objectName}`,{responseType: 'blob'},).subscribe(data=>{ |
|
|
|
this.setFileLoading(); |
|
|
|
|
|
|
|
this.http |
|
|
|
|
|
|
|
.get(`/api/Objects/PlanPlatform/${file.objectName}`, { |
|
|
|
|
|
|
|
responseType: "blob", |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.subscribe((data) => { |
|
|
|
let url = window.URL.createObjectURL(new Blob([data])); //createObjectURL创建一个下载Blob的url地址
|
|
|
|
let url = window.URL.createObjectURL(new Blob([data])); //createObjectURL创建一个下载Blob的url地址
|
|
|
|
let link = document.createElement("a"); |
|
|
|
let link = document.createElement("a"); |
|
|
|
link.style.display = "none"; |
|
|
|
link.style.display = "none"; |
|
|
|
link.href = url; |
|
|
|
link.href = url; |
|
|
|
link.setAttribute("download", this.selectDownloadFile.name+this.selectDownloadFile.suffix); |
|
|
|
link.setAttribute( |
|
|
|
|
|
|
|
"download", |
|
|
|
|
|
|
|
this.selectDownloadFile.name + this.selectDownloadFile.suffix |
|
|
|
|
|
|
|
); |
|
|
|
document.body.appendChild(link); |
|
|
|
document.body.appendChild(link); |
|
|
|
link.click(); |
|
|
|
link.click(); |
|
|
|
this.downloadisLoading = false |
|
|
|
this.downloadisLoading = false; |
|
|
|
this.setFileLoading() |
|
|
|
this.setFileLoading(); |
|
|
|
}) |
|
|
|
}); |
|
|
|
} else if (file && fileSize>shardSize) { //>10MB时分块下载
|
|
|
|
} else if (file && fileSize > shardSize) { |
|
|
|
this.blockingDownload() //分段下载
|
|
|
|
//>10MB时分块下载
|
|
|
|
this.downloadisLoading = true |
|
|
|
this.blockingDownload(); //分段下载
|
|
|
|
this.setFileLoading() |
|
|
|
this.downloadisLoading = true; |
|
|
|
|
|
|
|
this.setFileLoading(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//分段下载并合并
|
|
|
|
//分段下载并合并
|
|
|
|
async blockingDownload() { |
|
|
|
async blockingDownload() { |
|
|
|
let file = this.download |
|
|
|
let file = this.download; |
|
|
|
let fileSize = file.fileLength //下载文件的总大小
|
|
|
|
let fileSize = file.fileLength; //下载文件的总大小
|
|
|
|
let shardSize = 3 * 1024 * 1024 //3MB一个分片
|
|
|
|
let shardSize = 3 * 1024 * 1024; //3MB一个分片
|
|
|
|
let allSlice = Math.ceil(fileSize / shardSize) //总文件/3MB===共分多少段
|
|
|
|
let allSlice = Math.ceil(fileSize / shardSize); //总文件/3MB===共分多少段
|
|
|
|
let allFile:any = [] //所有的file分段
|
|
|
|
let allFile: any = []; //所有的file分段
|
|
|
|
|
|
|
|
|
|
|
|
for (let i = 0; i < allSlice; i++) { |
|
|
|
for (let i = 0; i < allSlice; i++) { |
|
|
|
let start = i * shardSize //每次下载文件开始位置
|
|
|
|
let start = i * shardSize; //每次下载文件开始位置
|
|
|
|
let end = Math.min(fileSize, start + shardSize - 1); //每次下载文件结束为止
|
|
|
|
let end = Math.min(fileSize, start + shardSize - 1); //每次下载文件结束为止
|
|
|
|
|
|
|
|
|
|
|
|
let result = await new Promise((result, reject) => { |
|
|
|
let result = await new Promise((result, reject) => { |
|
|
|
this.http.get(`/api/Objects/PlanPlatform/${file.objectName}`,{headers:{'range':`bytes= ${start}-${end}`},responseType:'blob'}).subscribe(data=>{ |
|
|
|
this.http |
|
|
|
result(data) })
|
|
|
|
.get(`/api/Objects/PlanPlatform/${file.objectName}`, { |
|
|
|
|
|
|
|
headers: { range: `bytes= ${start}-${end}` }, |
|
|
|
|
|
|
|
responseType: "blob", |
|
|
|
}) |
|
|
|
}) |
|
|
|
allFile.push(result) |
|
|
|
.subscribe((data) => { |
|
|
|
this.downloadProgress = Number((i/allSlice).toFixed(2))*100 |
|
|
|
result(data); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
allFile.push(result); |
|
|
|
|
|
|
|
this.downloadProgress = Number((i / allSlice).toFixed(2)) * 100; |
|
|
|
|
|
|
|
|
|
|
|
if (allFile.length === allSlice) { //合并文件输出给浏览器
|
|
|
|
if (allFile.length === allSlice) { |
|
|
|
|
|
|
|
//合并文件输出给浏览器
|
|
|
|
let url = window.URL.createObjectURL(new Blob(allFile)); //createObjectURL创建一个下载Blob的url地址
|
|
|
|
let url = window.URL.createObjectURL(new Blob(allFile)); //createObjectURL创建一个下载Blob的url地址
|
|
|
|
let link = document.createElement("a"); |
|
|
|
let link = document.createElement("a"); |
|
|
|
link.style.display = "none"; |
|
|
|
link.style.display = "none"; |
|
|
|
link.href = url; |
|
|
|
link.href = url; |
|
|
|
link.setAttribute("download", this.selectDownloadFile.name+this.selectDownloadFile.suffix); |
|
|
|
link.setAttribute( |
|
|
|
|
|
|
|
"download", |
|
|
|
|
|
|
|
this.selectDownloadFile.name + this.selectDownloadFile.suffix |
|
|
|
|
|
|
|
); |
|
|
|
document.body.appendChild(link); |
|
|
|
document.body.appendChild(link); |
|
|
|
link.click(); |
|
|
|
link.click(); |
|
|
|
this.downloadProgress = 0 |
|
|
|
this.downloadProgress = 0; |
|
|
|
this.downloadisLoading = false |
|
|
|
this.downloadisLoading = false; |
|
|
|
this.setFileLoading() |
|
|
|
this.setFileLoading(); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
} //for循环
|
|
|
|
} //for循环
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//取消分块下载
|
|
|
|
//取消分块下载
|
|
|
|
cancelDowload () { |
|
|
|
cancelDowload() {} |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//封装函数设置当前文件loading状态
|
|
|
|
//封装函数设置当前文件loading状态
|
|
|
|
setFileLoading() { |
|
|
|
setFileLoading() { |
|
|
|
let id = this.selectDownloadFile.id |
|
|
|
let id = this.selectDownloadFile.id; |
|
|
|
this.CADList.forEach(element => { |
|
|
|
this.CADList.forEach((element) => { |
|
|
|
if (element.id === id) { element.loading = !element.loading } |
|
|
|
if (element.id === id) { |
|
|
|
|
|
|
|
element.loading = !element.loading; |
|
|
|
|
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//创建文件弹窗组件
|
|
|
|
//创建文件弹窗组件
|
|
|
|
@Component({ |
|
|
|
@Component({ |
|
|
|
selector: 'app-readFile', |
|
|
|
selector: "app-readFile", |
|
|
|
templateUrl: './readFile.html', |
|
|
|
templateUrl: "./readFile.html", |
|
|
|
styleUrls: ['./uploading-cad.component.scss'] |
|
|
|
styleUrls: ["./uploading-cad.component.scss"], |
|
|
|
}) |
|
|
|
}) |
|
|
|
export class readFile { |
|
|
|
export class readFile { |
|
|
|
|
|
|
|
constructor( |
|
|
|
|
|
|
|
private http: HttpClient, |
|
|
|
|
|
|
|
public dialog: MatDialog, |
|
|
|
|
|
|
|
public dialogRef: MatDialogRef<readFile>, |
|
|
|
|
|
|
|
@Inject(MAT_DIALOG_DATA) public data, |
|
|
|
|
|
|
|
public snackBar: MatSnackBar |
|
|
|
|
|
|
|
) {} |
|
|
|
|
|
|
|
|
|
|
|
constructor(private http:HttpClient,public dialog: MatDialog,public dialogRef: MatDialogRef<readFile>, |
|
|
|
ngOnInit(): void {} |
|
|
|
@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) { } |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
file: any; //上传的文件
|
|
|
|
file: any; //上传的文件
|
|
|
|
|
|
|
|
|
|
|
|
//input file 选择文件
|
|
|
|
//input file 选择文件
|
|
|
|
selectFile(e) { |
|
|
|
selectFile(e) { |
|
|
|
this.file = e.target.files[0] || null //上传的文件
|
|
|
|
this.file = e.target.files[0] || null; //上传的文件
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
//提交表单上传
|
|
|
|
//提交表单上传
|
|
|
|
@ -359,49 +420,50 @@ export class readFile { |
|
|
|
if (this.file) { |
|
|
|
if (this.file) { |
|
|
|
let data = { |
|
|
|
let data = { |
|
|
|
name: e.name, |
|
|
|
name: e.name, |
|
|
|
file: this.file} |
|
|
|
file: this.file, |
|
|
|
|
|
|
|
}; |
|
|
|
this.dialogRef.close(data); |
|
|
|
this.dialogRef.close(data); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
const config = new MatSnackBarConfig(); |
|
|
|
config.verticalPosition = 'top'; |
|
|
|
config.verticalPosition = "top"; |
|
|
|
config.duration = 3000 |
|
|
|
config.duration = 3000; |
|
|
|
this.snackBar.open('请选择CAD图纸','确定',config); |
|
|
|
this.snackBar.open("请选择CAD图纸", "确定", config); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//编辑文件弹窗组件
|
|
|
|
//编辑文件弹窗组件
|
|
|
|
@Component({ |
|
|
|
@Component({ |
|
|
|
selector: 'app-editFile', |
|
|
|
selector: "app-editFile", |
|
|
|
templateUrl: './editFile.html', |
|
|
|
templateUrl: "./editFile.html", |
|
|
|
styleUrls: ['./uploading-cad.component.scss'] |
|
|
|
styleUrls: ["./uploading-cad.component.scss"], |
|
|
|
}) |
|
|
|
}) |
|
|
|
export class editFile { |
|
|
|
export class editFile { |
|
|
|
|
|
|
|
constructor( |
|
|
|
constructor(private http:HttpClient,public dialog: MatDialog,public dialogRef: MatDialogRef<editFile>, |
|
|
|
private http: HttpClient, |
|
|
|
@Inject(MAT_DIALOG_DATA) public data) { } |
|
|
|
public dialog: MatDialog, |
|
|
|
|
|
|
|
public dialogRef: MatDialogRef<editFile>, |
|
|
|
|
|
|
|
@Inject(MAT_DIALOG_DATA) public data |
|
|
|
|
|
|
|
) {} |
|
|
|
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
ngOnInit(): void { |
|
|
|
this.CADname = this.data.name |
|
|
|
this.CADname = this.data.name; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
CADname: any; //name
|
|
|
|
CADname: any; //name
|
|
|
|
|
|
|
|
|
|
|
|
//提交表单保存
|
|
|
|
//提交表单保存
|
|
|
|
onSubmit(e) { |
|
|
|
onSubmit(e) { |
|
|
|
let headers = new HttpHeaders({'Content-Type': 'text/json'}); |
|
|
|
let headers = new HttpHeaders({ "Content-Type": "text/json" }); |
|
|
|
let options = { headers }; |
|
|
|
let options = { headers }; |
|
|
|
this.http.put(`/api/CompanyAccount/CadData/${this.data.id}`,JSON.stringify(e.name),options).subscribe(data=>{ |
|
|
|
this.http |
|
|
|
this.dialogRef.close('success'); |
|
|
|
.put( |
|
|
|
}) |
|
|
|
`/api/CompanyAccount/CadData/${this.data.id}`, |
|
|
|
|
|
|
|
JSON.stringify(e.name), |
|
|
|
|
|
|
|
options |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
.subscribe((data) => { |
|
|
|
|
|
|
|
this.dialogRef.close("success"); |
|
|
|
|
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
