|
|
|
|
|
import { Component, OnInit,ViewChild ,Inject,NgZone } from '@angular/core';
|
|
|
|
|
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
|
|
|
|
import {MatSort} from '@angular/material/sort';
|
|
|
|
|
|
import {MatTableDataSource} from '@angular/material/table';
|
|
|
|
|
|
import { HttpClient,HttpHeaders } from '@angular/common/http';
|
|
|
|
|
|
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
|
|
|
|
|
|
import { IsLoginService } from '../../is-login.service';
|
|
|
|
|
|
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
|
|
|
|
import {UploadFilesComponent} from '../upload-files/upload-files.component';
|
|
|
|
|
|
import { ComponentServiceService } from '../../component-service.service';
|
|
|
|
|
|
import { DomSanitizer } from "@angular/platform-browser";
|
|
|
|
|
|
@Component({
|
|
|
|
|
|
selector: 'app-all-file',
|
|
|
|
|
|
templateUrl: './all-file.component.html',
|
|
|
|
|
|
styleUrls: ['./all-file.component.scss'],
|
|
|
|
|
|
})
|
|
|
|
|
|
export class AllFileComponent {
|
|
|
|
|
|
displayedColumns: string[] = ['select', 'name', 'weight', 'time'];
|
|
|
|
|
|
dataSource:any = new MatTableDataSource;
|
|
|
|
|
|
|
|
|
|
|
|
constructor(private sanitizer: DomSanitizer,public emitService: ComponentServiceService,private http: HttpClient,public snackBar: MatSnackBar,public downloadFile:IsLoginService,public dialog: MatDialog,private zone: NgZone) { }
|
|
|
|
|
|
isCancel:boolean = false //搜索框的X是否显示
|
|
|
|
|
|
searchData:any = "搜索您的文件" //搜索框内容
|
|
|
|
|
|
isClickFile:boolean = false //是否点击过文件
|
|
|
|
|
|
isOpenUpload:boolean = false //是否移入上传按钮
|
|
|
|
|
|
isDelete:boolean = false //是否删除按钮
|
|
|
|
|
|
isNoFileTitle:boolean = false //无文件时提示
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
isAdmin:boolean = false //是否是管理员
|
|
|
|
|
|
|
|
|
|
|
|
selectedDataBank:string = '' //当前需要显示的资料库
|
|
|
|
|
|
fileNum:any = 0 //当前资料库文件数量
|
|
|
|
|
|
|
|
|
|
|
|
selection = new SelectionModel(true, []);
|
|
|
|
|
|
@ViewChild(MatSort) sort: MatSort;
|
|
|
|
|
|
@ViewChild( 'child',{static: false} ) child:UploadFilesComponent //上传文件夹子组件
|
|
|
|
|
|
|
|
|
|
|
|
oldDataSource:any; //原始表格数据
|
|
|
|
|
|
//表头排序
|
|
|
|
|
|
sortData (e) {
|
|
|
|
|
|
let data = this.oldDataSource.concat();
|
|
|
|
|
|
data.forEach(element => {
|
|
|
|
|
|
if(element.key.indexOf(".") != -1){
|
|
|
|
|
|
let typeArr = element.key.split('.')
|
|
|
|
|
|
element.type = typeArr[typeArr.length - 1]
|
|
|
|
|
|
element.newTime = new Date(element.lastModified).getTime()
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
if( e.direction=='asc' ) { //从小到大排序
|
|
|
|
|
|
data.sort( function(a,b) {
|
|
|
|
|
|
return a.newTime - b.newTime
|
|
|
|
|
|
} )
|
|
|
|
|
|
this.dataSource = new MatTableDataSource(data);
|
|
|
|
|
|
} else if ( e.direction=='desc' ) {//从大到小排序
|
|
|
|
|
|
data.sort( function(a,b) {
|
|
|
|
|
|
return b.newTime - a.newTime
|
|
|
|
|
|
} )
|
|
|
|
|
|
this.dataSource = new MatTableDataSource(data);
|
|
|
|
|
|
} else { //原始数据
|
|
|
|
|
|
this.dataSource = new MatTableDataSource(this.oldDataSource);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
roleType:any
|
|
|
|
|
|
aHrefUnsafe:any //战术授课a标签 去除unsafe标志
|
|
|
|
|
|
ngOnInit(): void {
|
|
|
|
|
|
this.roleType = sessionStorage.getItem('roleType')
|
|
|
|
|
|
this.dataSource.sort = this.sort;
|
|
|
|
|
|
this.getALLFileList("支队级-主官")
|
|
|
|
|
|
|
|
|
|
|
|
// 接收发射过来的数据
|
|
|
|
|
|
this.emitService.eventEmit.subscribe((value: any) => {
|
|
|
|
|
|
this.getALLFileList(value)
|
|
|
|
|
|
this.selection.clear();
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
if(sessionStorage.getItem("roleType") == "0"){
|
|
|
|
|
|
this.isAdmin = true
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
aHrefUnsafeLearnFun(){
|
|
|
|
|
|
this.roleType = sessionStorage.getItem('roleType')
|
|
|
|
|
|
let username = sessionStorage.getItem('username')
|
|
|
|
|
|
let expires = sessionStorage.getItem('expires')
|
|
|
|
|
|
let realName = sessionStorage.getItem('realName')
|
|
|
|
|
|
let roleType = sessionStorage.getItem('roleType')
|
|
|
|
|
|
let token = sessionStorage.getItem('token')
|
|
|
|
|
|
let refreshToken = sessionStorage.getItem('refreshToken')
|
|
|
|
|
|
let aHref = `ax://startup?username=${username}&token=${token}&refreshToken=${refreshToken}&expires=${expires}&realname=${realName}&roleType=${roleType}`
|
|
|
|
|
|
this.aHrefUnsafe = this.sanitizer.bypassSecurityTrustUrl(aHref);
|
|
|
|
|
|
return this.aHrefUnsafe
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//获得当前资料库的文件列表
|
|
|
|
|
|
getALLFileList(name){
|
|
|
|
|
|
this.selectedDataBank = name
|
|
|
|
|
|
let paramsdata = {
|
|
|
|
|
|
prefix : "allFiles/" + this.selectedDataBank + "/",
|
|
|
|
|
|
delimiter : "/"
|
|
|
|
|
|
}
|
|
|
|
|
|
this.http.get(`/api/Objects/drives`,{
|
|
|
|
|
|
params:paramsdata
|
|
|
|
|
|
}).subscribe((data:any) => {
|
|
|
|
|
|
this.selection.clear()
|
|
|
|
|
|
data.contents.forEach((item)=>{
|
|
|
|
|
|
let typeArr = item.key.split('.')
|
|
|
|
|
|
item.type = typeArr[typeArr.length - 1]
|
|
|
|
|
|
})
|
|
|
|
|
|
if(name.split('/')[1] == "装备"){
|
|
|
|
|
|
data.contents.unshift(
|
|
|
|
|
|
{ key: "装备车辆/高喷车",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "gaopenche"
|
|
|
|
|
|
},
|
|
|
|
|
|
{ key: "装备车辆/登高平台车",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "denggao"
|
|
|
|
|
|
},
|
|
|
|
|
|
{ key: "装备车辆/机器人",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "jiqiren"
|
|
|
|
|
|
},
|
|
|
|
|
|
{ key: "装备车辆/空气呼吸器",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "konghuqi"
|
|
|
|
|
|
}
|
|
|
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
if(name.split('/')[1] == "消防设施"){
|
|
|
|
|
|
data.contents.unshift(
|
|
|
|
|
|
{ key: "设备设施/外浮顶罐",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "waifu"
|
|
|
|
|
|
},
|
|
|
|
|
|
{ key: "设备设施/内浮顶罐",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "neifu"
|
|
|
|
|
|
},
|
|
|
|
|
|
{ key: "设备设施/拱顶罐",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "gong"
|
|
|
|
|
|
},
|
|
|
|
|
|
{ key: "设备设施/球罐",
|
|
|
|
|
|
lastModified: null,
|
|
|
|
|
|
eTag: null,
|
|
|
|
|
|
size: 0,
|
|
|
|
|
|
isDir: false,
|
|
|
|
|
|
type: "qiu"
|
|
|
|
|
|
}
|
|
|
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
this.oldDataSource = data.contents //保存表格数据
|
|
|
|
|
|
|
|
|
|
|
|
this.dataSource = new MatTableDataSource(data.contents);
|
|
|
|
|
|
|
|
|
|
|
|
this.fileNum = data.contents.length
|
|
|
|
|
|
if(data.contents.length == 0){
|
|
|
|
|
|
this.isNoFileTitle = true
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.isNoFileTitle = false
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//判断是否全部选中
|
|
|
|
|
|
isAllSelected() {
|
|
|
|
|
|
const numSelected = this.selection.selected.length;
|
|
|
|
|
|
const numRows = this.dataSource.data.length;
|
|
|
|
|
|
return numSelected === numRows;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//控制全选按钮
|
|
|
|
|
|
masterToggle() {
|
|
|
|
|
|
this.isAllSelected() ? this.selection.clear() : this.dataSource.data.forEach(row => this.selection.select(row));
|
|
|
|
|
|
this.isAllSelected() ? this.isDelete = true : this.isDelete = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//搜索框获得焦点事件
|
|
|
|
|
|
searchfocus(e){
|
|
|
|
|
|
this.isCancel = true
|
|
|
|
|
|
if(e.target.value == "搜索您的文件"){
|
|
|
|
|
|
e.target.value = ""
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//搜索框失去焦点事件
|
|
|
|
|
|
searchblur(e){
|
|
|
|
|
|
if(e.target.value == ""){
|
|
|
|
|
|
e.target.value = "搜索您的文件"
|
|
|
|
|
|
this.isCancel = false
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//搜索框点击X事件
|
|
|
|
|
|
cancelbtn(){
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
this.searchData = "搜索您的文件"
|
|
|
|
|
|
this.isCancel = false
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
allFiles:any //搜索出来的全部文件
|
|
|
|
|
|
checkedAllFiles:any = []
|
|
|
|
|
|
//点击搜索
|
|
|
|
|
|
search(){
|
|
|
|
|
|
if(this.searchData != "搜索您的文件"){
|
|
|
|
|
|
this.http.get("/api/Objects/drives",{
|
|
|
|
|
|
params:{
|
|
|
|
|
|
prefix : "allFiles",
|
|
|
|
|
|
delimiter : ""
|
|
|
|
|
|
}
|
|
|
|
|
|
}).subscribe((data:any)=>{
|
|
|
|
|
|
this.allFiles = data.contents
|
|
|
|
|
|
this.allFiles.forEach(item=>{
|
|
|
|
|
|
if(item.key.indexOf(this.searchData) != -1){
|
|
|
|
|
|
this.checkedAllFiles.push(item)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
// console.log(888888,data.contents)
|
|
|
|
|
|
},
|
|
|
|
|
|
err=>{
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
goback:any //记录上一级目录
|
|
|
|
|
|
//点击列表每一条的名字
|
|
|
|
|
|
clickName(e,item){
|
|
|
|
|
|
e.stopPropagation()
|
|
|
|
|
|
if(item.type == "jpg" || item.type == "png" || item.type == "bmp"|| item.type == "gif" || item.type == "jpeg"&& !item.isDir){
|
|
|
|
|
|
const dialogRef = this.dialog.open(ViewDetails, {//调用open方法打开对话框并且携带参数过去
|
|
|
|
|
|
data: {url:item.key,type:"img"}
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
this.downloadFile.handleData(item.key,"查看")
|
|
|
|
|
|
}else if(item.type == "mp4" || item.type == "MP4" && !item.isDir){
|
|
|
|
|
|
const dialogRef = this.dialog.open(ViewDetails, {//调用open方法打开对话框并且携带参数过去
|
|
|
|
|
|
width: '1400px',
|
|
|
|
|
|
height:'800px',
|
|
|
|
|
|
data: {url:item.key,type:"video"}
|
|
|
|
|
|
});
|
|
|
|
|
|
dialogRef.afterClosed().subscribe();
|
|
|
|
|
|
this.downloadFile.handleData(item.key,"查看")
|
|
|
|
|
|
}else if(item.type == "mp3" || item.type == "MP3"&& !item.isDir){
|
|
|
|
|
|
const dialogRef = this.dialog.open(ViewDetails, {//调用open方法打开对话框并且携带参数过去
|
|
|
|
|
|
width: '400px',
|
|
|
|
|
|
height:'108px',
|
|
|
|
|
|
data: {url:item.key,type:"mp3"}
|
|
|
|
|
|
});
|
|
|
|
|
|
dialogRef.afterClosed().subscribe();
|
|
|
|
|
|
this.downloadFile.handleData(item.key,"查看")
|
|
|
|
|
|
}else if(item.type == "pdf" && item.size < 20971520){
|
|
|
|
|
|
window.open("/api/Objects/drives/" + item.key)
|
|
|
|
|
|
this.downloadFile.handleData(item.key,"查看")
|
|
|
|
|
|
}else if(item.type == "pdf" && item.size > 20971520){
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('暂不支持在线预览大于20M的pdf文件，请下载查看','确定',config)
|
|
|
|
|
|
}else if(item.type == "gaopenche"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/GaoPenChe")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "denggao"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/denggaoche")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "jiqiren"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/jiqiren")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "konghuqi"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/konghuqi")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "waifu"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/waifudingguan")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "neifu"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/neifudingguan")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "gong"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/gongdingguan")
|
|
|
|
|
|
|
|
|
|
|
|
}else if(item.type == "qiu"){
|
|
|
|
|
|
|
|
|
|
|
|
window.open("3dWidgets/qiuguan")
|
|
|
|
|
|
|
|
|
|
|
|
}else if (item.isDir) {
|
|
|
|
|
|
//将allFiles后面的内容截取出来
|
|
|
|
|
|
this.selectedDataBank = item.key.substring(9, item.key.length - 1)
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
}else{
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('该文件类型暂不支持在线查看，请下载查看','确定',config)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//记录战术授课
|
|
|
|
|
|
openteacher(){
|
|
|
|
|
|
let key = `allFiles/${this.selectedDataBank}/战术授课/`
|
|
|
|
|
|
this.downloadFile.handleData(key,"进入")
|
|
|
|
|
|
}
|
|
|
|
|
|
//记录战术学习
|
|
|
|
|
|
openlearn(){
|
|
|
|
|
|
let key = `allFiles/${this.selectedDataBank}/战术学习/`
|
|
|
|
|
|
this.downloadFile.handleData(key,"进入")
|
|
|
|
|
|
}
|
|
|
|
|
|
//返回上一级目录
|
|
|
|
|
|
backTominTop(){
|
|
|
|
|
|
let topnum = this.gettoplist(this.selectedDataBank)
|
|
|
|
|
|
this.getALLFileList(topnum)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//上级目录产生函数
|
|
|
|
|
|
gettoplist(item){
|
|
|
|
|
|
let list = item
|
|
|
|
|
|
let listArr = list.split("/")
|
|
|
|
|
|
let listresult = ""
|
|
|
|
|
|
for(let i = 0;i < listArr.length - 1;i++){
|
|
|
|
|
|
listresult += listArr[i] + "/"
|
|
|
|
|
|
}
|
|
|
|
|
|
let listresult2 = listresult.substring(0, listresult.length - 1)
|
|
|
|
|
|
return listresult2
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//上传按钮鼠标移入
|
|
|
|
|
|
uploadBtnEnter(){
|
|
|
|
|
|
this.isOpenUpload = true
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//上传按钮鼠标移出
|
|
|
|
|
|
uploadBtnLeave(){
|
|
|
|
|
|
this.isOpenUpload = false
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//点击每条的checkbox
|
|
|
|
|
|
clickCheckBox(e){
|
|
|
|
|
|
e.stopPropagation();
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
if(this.selection.selected.length != 0){
|
|
|
|
|
|
this.isDelete = true
|
|
|
|
|
|
} else{
|
|
|
|
|
|
this.isDelete = false
|
|
|
|
|
|
}
|
|
|
|
|
|
}, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//点击每条的li
|
|
|
|
|
|
clickCheckBoxLi(e,row){
|
|
|
|
|
|
this.selection.toggle(row)
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
|
if(this.selection.selected.length != 0){
|
|
|
|
|
|
this.isDelete = true
|
|
|
|
|
|
} else{
|
|
|
|
|
|
this.isDelete = false
|
|
|
|
|
|
}
|
|
|
|
|
|
}, 0);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
file:any //需要上传的文件
|
|
|
|
|
|
//input file 选择文件
|
|
|
|
|
|
selectFile (e) {
|
|
|
|
|
|
this.file = e.target.files[0] || null //上传的文件
|
|
|
|
|
|
this.http.get(`/api/ObjectMetadata/drives/${this.selectedDataBank}/${this.file.name}`).subscribe(
|
|
|
|
|
|
data=>{
|
|
|
|
|
|
var r = confirm(`已有同名文件，继续将替换该文件，是否替换？`);
|
|
|
|
|
|
if (r == true) {
|
|
|
|
|
|
this.startUploading()
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
err => {
|
|
|
|
|
|
this.startUploading()
|
|
|
|
|
|
}
|
|
|
|
|
|
)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
fileArr:any
|
|
|
|
|
|
//上传文件夹
|
|
|
|
|
|
async selectFiles (e) {
|
|
|
|
|
|
this.fileArr = e.target.files || null //上传的文件
|
|
|
|
|
|
this.uploadisLoading2 = true
|
|
|
|
|
|
this.child.handleData() //子组件处理数据格式
|
|
|
|
|
|
let _this = this
|
|
|
|
|
|
for (var i = 0;i < this.fileArr.length; i++) {
|
|
|
|
|
|
let f = this.fileArr[i];
|
|
|
|
|
|
let lastIndex = f.webkitRelativePath.lastIndexOf("/")
|
|
|
|
|
|
let url = f.webkitRelativePath.substring(0, lastIndex)
|
|
|
|
|
|
let adddress = this.selectedDataBank + "/" + url
|
|
|
|
|
|
let filesnum = _this.fileArr.length
|
|
|
|
|
|
|
|
|
|
|
|
let result = await new Promise ((result,reject)=>{
|
|
|
|
|
|
this.startUploading2(f,adddress,result,reject,filesnum,this.selectedDataBank)
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//上传文件
|
|
|
|
|
|
objectName2:any //上传对象名
|
|
|
|
|
|
uploadisLoading2:boolean = false //上传进度条显示
|
|
|
|
|
|
uploadProgress2:any
|
|
|
|
|
|
uploadId2:any; //上传分块上传事件编号
|
|
|
|
|
|
filesTag2:any = [] //每上传成功一个文件就往里面加一个标识
|
|
|
|
|
|
//e是上传的文件 selectedDataBank是需要上传的地址 包括 XXX资料库 + 文件夹路径
|
|
|
|
|
|
startUploading2 (e,selectedDataBank,result,reject,filesnum,selectedDataBank2) {
|
|
|
|
|
|
let file = e || null //获取上传的文件
|
|
|
|
|
|
let fileSize = file.size || null //上传文件的总大小
|
|
|
|
|
|
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
|
|
|
|
|
this.uploadisLoading2 = true
|
|
|
|
|
|
this.uploadProgress2 = 0 + "/" + filesnum
|
|
|
|
|
|
this.child.uploading(file) //子组件 当前文件正在上传
|
|
|
|
|
|
|
|
|
|
|
|
if (file && fileSize<=shardSize) { //上传文件<=5MB时
|
|
|
|
|
|
|
|
|
|
|
|
let formData = new FormData()
|
|
|
|
|
|
formData.append("file",file)
|
|
|
|
|
|
this.http.post(`/api/Objects/drives/allFiles/${selectedDataBank2}`,formData).subscribe((data:any)=>{
|
|
|
|
|
|
this.objectName2 = data.objectName
|
|
|
|
|
|
this.filesTag2.push("data")
|
|
|
|
|
|
|
|
|
|
|
|
this.zone.run(() => {
|
|
|
|
|
|
setTimeout(() => this.uploadProgress2 = this.filesTag2.length + "/" + filesnum, 0);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
result("成功了")
|
|
|
|
|
|
this.child.endUpload(file) //子组件 当前文件上传成功
|
|
|
|
|
|
|
|
|
|
|
|
if(this.filesTag2.length == filesnum){
|
|
|
|
|
|
this.filesTag2 = [] //清空计数文件夹
|
|
|
|
|
|
this.uploadProgress2 = filesnum + "/" + filesnum
|
|
|
|
|
|
this.uploadisLoading2 = false
|
|
|
|
|
|
this.child.delete() //清空上传文件夹子组件数据
|
|
|
|
|
|
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('文件夹全部上传完毕','确定',config)
|
|
|
|
|
|
// 当全部循环完毕重新加载列表
|
|
|
|
|
|
this.getALLFileList(selectedDataBank2)
|
|
|
|
|
|
}
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (file && fileSize>shardSize) { //上传文件>5MB时,分块上传
|
|
|
|
|
|
let data = {fileName: file.name}
|
|
|
|
|
|
this.uploadisLoading2 = true
|
|
|
|
|
|
|
|
|
|
|
|
this.http.post(`/api/NewMultipartUpload/drives/allFiles/${selectedDataBank}`,{},{params:data}).subscribe((data:any)=>{ //初始化分段上传
|
|
|
|
|
|
this.objectName2 = data.objectName
|
|
|
|
|
|
this.uploadId2 = data.uploadId
|
|
|
|
|
|
this.subsectionUploading2(e,result,reject,filesnum,selectedDataBank2)
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
PartNumberETag2:any=[]; //每次返回需要保存的信息
|
|
|
|
|
|
//开始分段上传
|
|
|
|
|
|
async subsectionUploading2 (e,result,reject,filesnum,selectedDataBank2) {
|
|
|
|
|
|
let file = e || null //获取上传的文件
|
|
|
|
|
|
let fileSize = file.size || null //上传文件的总大小
|
|
|
|
|
|
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
|
|
|
|
|
let allSlice = Math.ceil(fileSize / shardSize) //总文件/5MB===共分多少段
|
|
|
|
|
|
let _result = result
|
|
|
|
|
|
for (let i = 0;i < allSlice;i++) { //循环分段上传
|
|
|
|
|
|
let start = i * shardSize //切割文件开始位置
|
|
|
|
|
|
let end = Math.min(fileSize, start + shardSize); //切割文件结束位置
|
|
|
|
|
|
let formData = new FormData()
|
|
|
|
|
|
formData.append("file",file.slice(start, end))
|
|
|
|
|
|
|
|
|
|
|
|
//同步写法实现异步调用
|
|
|
|
|
|
let result = await new Promise((resolve, reject) => {
|
|
|
|
|
|
// await 需要后面返回一个 promise 对象
|
|
|
|
|
|
this.http.post(`/api/MultipartUpload/drives/${this.objectName2}?uploadId=${this.uploadId2}&partNumber=${i+1}`,formData).subscribe((data:any)=>{
|
|
|
|
|
|
let msg = {
|
|
|
|
|
|
"partNumber":data.partNumber || null,
|
|
|
|
|
|
"eTag": data.eTag || null}
|
|
|
|
|
|
resolve(msg) // 调用 promise 内置方法处理成功
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
this.PartNumberETag2.push(result)
|
|
|
|
|
|
if (this.PartNumberETag2.length === allSlice) {
|
|
|
|
|
|
this.endUploading2(e,_result,reject,filesnum,selectedDataBank2)
|
|
|
|
|
|
}
|
|
|
|
|
|
}//for循环
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//完成分块上传
|
|
|
|
|
|
endUploading2 (e,result,reject,filesnum,selectedDataBank2) {
|
|
|
|
|
|
let data = this.PartNumberETag2
|
|
|
|
|
|
let paramsData = {uploadId:this.uploadId2}
|
|
|
|
|
|
|
|
|
|
|
|
this.http.post(`/api/CompleteMultipartUpload/drives/${this.objectName2}`,data,{params:paramsData}).subscribe(data=>{
|
|
|
|
|
|
|
|
|
|
|
|
this.filesTag2.push("data")
|
|
|
|
|
|
this.zone.run(() => {
|
|
|
|
|
|
setTimeout(() => this.uploadProgress2 = this.filesTag2.length + "/" + filesnum, 0);
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
result("成功了")
|
|
|
|
|
|
this.child.endUpload(e) //子组件 当前文件上传成功
|
|
|
|
|
|
|
|
|
|
|
|
if(this.filesTag2.length == filesnum){
|
|
|
|
|
|
|
|
|
|
|
|
this.uploadProgress2 = filesnum + "/" + filesnum
|
|
|
|
|
|
this.uploadisLoading2 = false
|
|
|
|
|
|
|
|
|
|
|
|
this.filesTag2 = [] //清空计数文件夹
|
|
|
|
|
|
this.child.delete() //清空上传文件夹子组件数据
|
|
|
|
|
|
this.getALLFileList(selectedDataBank2)
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('文件夹全部上传完毕','确定',config)
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
this.PartNumberETag2 =[] //清空保存返回的信息
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//取消分块上传
|
|
|
|
|
|
cancel2 () {
|
|
|
|
|
|
this.http.delete(`/api/MultipartUpload/drives/${this.objectName2}?uploadId=${this.uploadId2}`).subscribe(data=>{
|
|
|
|
|
|
this.uploadisLoading2= false
|
|
|
|
|
|
this.fileArr = {}
|
|
|
|
|
|
this.PartNumberETag2 =[] //清空保存返回的信息
|
|
|
|
|
|
this.filesTag2 = [] //清空计数文件夹
|
|
|
|
|
|
this.child.delete() //清空上传文件夹子组件数据
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('取消上传成功!','确定',config);
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//新建文件夹
|
|
|
|
|
|
createFolder(){
|
|
|
|
|
|
const dialogRef = this.dialog.open(FolderDialog);
|
|
|
|
|
|
dialogRef.afterClosed().subscribe((data)=>{
|
|
|
|
|
|
if(data){
|
|
|
|
|
|
//创建空文件夹
|
|
|
|
|
|
this.http.post(`/api/Objects/drives/allFiles/${this.selectedDataBank}/${data.name}/`,{}).subscribe(data=>{
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('新建文件夹成功','确定',config)
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//返回顶级目录
|
|
|
|
|
|
backToTop () {
|
|
|
|
|
|
if (this.selectedDataBank.includes('/')) {
|
|
|
|
|
|
let arr = this.selectedDataBank.split('/')
|
|
|
|
|
|
this.selectedDataBank = arr[0]
|
|
|
|
|
|
this.getALLFileList(arr[0])
|
|
|
|
|
|
} else {
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('目前已是一级目录','确定',config)
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//上传文件
|
|
|
|
|
|
objectName:any //上传对象名
|
|
|
|
|
|
uploadisLoading:boolean = false //上传进度条显示
|
|
|
|
|
|
uploadProgress:any = 0
|
|
|
|
|
|
uploadId:any; //上传分块上传事件编号
|
|
|
|
|
|
startUploading () {
|
|
|
|
|
|
let file = this.file || null //获取上传的文件
|
|
|
|
|
|
let fileSize = file.size || null //上传文件的总大小
|
|
|
|
|
|
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
|
|
|
|
|
|
|
|
|
|
|
if (file && fileSize<=shardSize) { //上传文件<=5MB时
|
|
|
|
|
|
let formData = new FormData()
|
|
|
|
|
|
formData.append("file",file)
|
|
|
|
|
|
this.http.post(`/api/Objects/drives/allFiles/${this.selectedDataBank}`,formData).subscribe((data:any)=>{
|
|
|
|
|
|
this.objectName = data.objectName
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('上传成功','确定',config)
|
|
|
|
|
|
})
|
|
|
|
|
|
} else if (file && fileSize>shardSize) { //上传文件>5MB时,分块上传
|
|
|
|
|
|
let data = {fileName: file.name}
|
|
|
|
|
|
this.uploadisLoading = true
|
|
|
|
|
|
this.http.post(`/api/NewMultipartUpload/drives/allFiles/${this.selectedDataBank}`,{},{params:data}).subscribe((data:any)=>{ //初始化分段上传
|
|
|
|
|
|
this.objectName = data.objectName
|
|
|
|
|
|
this.uploadId = data.uploadId
|
|
|
|
|
|
this.subsectionUploading()
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
PartNumberETag:any=[]; //每次返回需要保存的信息
|
|
|
|
|
|
//开始分段上传
|
|
|
|
|
|
async subsectionUploading () {
|
|
|
|
|
|
let file = this.file || null //获取上传的文件
|
|
|
|
|
|
let fileSize = file.size || null //上传文件的总大小
|
|
|
|
|
|
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
|
|
|
|
|
let allSlice = Math.ceil(fileSize / shardSize) //总文件/5MB===共分多少段
|
|
|
|
|
|
|
|
|
|
|
|
for (let i = 0;i < allSlice;i++) { //循环分段上传
|
|
|
|
|
|
let start = i * shardSize //切割文件开始位置
|
|
|
|
|
|
let end = Math.min(fileSize, start + shardSize); //切割文件结束位置
|
|
|
|
|
|
let formData = new FormData()
|
|
|
|
|
|
formData.append("file",file.slice(start, end))
|
|
|
|
|
|
|
|
|
|
|
|
//同步写法实现异步调用
|
|
|
|
|
|
let result = await new Promise((resolve, reject) => {
|
|
|
|
|
|
// await 需要后面返回一个 promise 对象
|
|
|
|
|
|
this.http.post(`/api/MultipartUpload/drives/${this.objectName}?uploadId=${this.uploadId}&partNumber=${i+1}`,formData).subscribe((data:any)=>{
|
|
|
|
|
|
let msg = {
|
|
|
|
|
|
"partNumber":data.partNumber || null,
|
|
|
|
|
|
"eTag": data.eTag || null}
|
|
|
|
|
|
resolve(msg) // 调用 promise 内置方法处理成功
|
|
|
|
|
|
// console.log(2)
|
|
|
|
|
|
})
|
|
|
|
|
|
});
|
|
|
|
|
|
this.PartNumberETag.push(result)
|
|
|
|
|
|
this.uploadProgress = Number((i/allSlice).toFixed(2))*100
|
|
|
|
|
|
|
|
|
|
|
|
if (this.PartNumberETag.length === allSlice) {
|
|
|
|
|
|
this.uploadProgress = 100
|
|
|
|
|
|
this.endUploading()}
|
|
|
|
|
|
}//for循环
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//完成分块上传
|
|
|
|
|
|
endUploading () {
|
|
|
|
|
|
let data = this.PartNumberETag;
|
|
|
|
|
|
let paramsData = {uploadId:this.uploadId};
|
|
|
|
|
|
this.http.post(`/api/CompleteMultipartUpload/drives/${this.objectName}`,data,{params:paramsData}).subscribe(data=>{
|
|
|
|
|
|
// console.log(3)
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank);
|
|
|
|
|
|
this.uploadProgress = 0;
|
|
|
|
|
|
this.uploadisLoading = false;
|
|
|
|
|
|
this.PartNumberETag =[]; //清空保存返回的信息
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000;
|
|
|
|
|
|
this.snackBar.open('上传成功','确定',config);
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//取消分块上传
|
|
|
|
|
|
cancel () {
|
|
|
|
|
|
this.http.delete(`/api/MultipartUpload/drives/${this.objectName}?uploadId=${this.uploadId}`).subscribe(data=>{
|
|
|
|
|
|
this.uploadProgress = 0;
|
|
|
|
|
|
this.uploadisLoading = false;
|
|
|
|
|
|
this.PartNumberETag = []; //清空保存返回的信息
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000;
|
|
|
|
|
|
this.snackBar.open('取消上传成功!','确定',config);
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
isTrueDelete:any = ['基础知识','装备','技战术','消防设施','资料库']; //匹配内置一级目录 是否被选择删除
|
|
|
|
|
|
// 删除文件
|
|
|
|
|
|
deleteFiles(){
|
|
|
|
|
|
if (this.selection.selected.length != 0) {
|
|
|
|
|
|
let isDelete = confirm('您确定要删除选中文件吗')
|
|
|
|
|
|
let arr = []
|
|
|
|
|
|
if (isDelete) {
|
|
|
|
|
|
let arrList = [] //匹配到 禁止删除的 目录
|
|
|
|
|
|
this.selection.selected.forEach((element)=>{
|
|
|
|
|
|
let data = element.key.split("/");
|
|
|
|
|
|
|
|
|
|
|
|
this.isTrueDelete.forEach(elements => {
|
|
|
|
|
|
if (elements==data[data.length-2] && data.length-2==2 && !data[data.length-1]) {
|
|
|
|
|
|
arrList.push('true')
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
})
|
|
|
|
|
|
if (arrList.length) {
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('内置文件夹不允许删除','确定',config);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.selection.selected.forEach( async (element,index) => {
|
|
|
|
|
|
|
|
|
|
|
|
let result = await new Promise((result,reject)=>{
|
|
|
|
|
|
if(element.isDir){ //如果是文件夹
|
|
|
|
|
|
let paramsdata:any = {
|
|
|
|
|
|
prefix : element.key,
|
|
|
|
|
|
recursive : true
|
|
|
|
|
|
}
|
|
|
|
|
|
this.http.delete(`/api/Objects/drives`,{
|
|
|
|
|
|
params:paramsdata
|
|
|
|
|
|
}).subscribe(data=>{
|
|
|
|
|
|
arr.push("删除成功了")
|
|
|
|
|
|
if (arr.length == this.selection.selected.length) {
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('删除文件成功','确定',config);
|
|
|
|
|
|
this.selection.clear()
|
|
|
|
|
|
this.isDelete = false
|
|
|
|
|
|
}
|
|
|
|
|
|
result(data)
|
|
|
|
|
|
})
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.http.delete(`/api/Objects/drives/${element.key}`).subscribe(data=>{
|
|
|
|
|
|
arr.push("删除成功了")
|
|
|
|
|
|
if (arr.length == this.selection.selected.length) {
|
|
|
|
|
|
this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('删除文件成功','确定',config);
|
|
|
|
|
|
this.selection.clear()
|
|
|
|
|
|
this.isDelete = false
|
|
|
|
|
|
}
|
|
|
|
|
|
result(data)
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
} // if arrList
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('请选择要删除的文件','确定',config);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// deleteFiles(){
|
|
|
|
|
|
// if (this.selection.selected.length == 1) {
|
|
|
|
|
|
// let isDelete = confirm('您确定要删除吗')
|
|
|
|
|
|
// let arr = []
|
|
|
|
|
|
// if (isDelete) {
|
|
|
|
|
|
// let item = this.selection.selected[0]
|
|
|
|
|
|
// if(item.isDir){//如果是文件夹
|
|
|
|
|
|
// let paramsdata:any = {
|
|
|
|
|
|
// prefix : item.key,
|
|
|
|
|
|
// recursive : true
|
|
|
|
|
|
// }
|
|
|
|
|
|
// this.http.delete(`/api/Objects/drives`,{
|
|
|
|
|
|
// params:paramsdata
|
|
|
|
|
|
// }).subscribe(data=>{
|
|
|
|
|
|
// this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
// const config = new MatSnackBarConfig();
|
|
|
|
|
|
// config.verticalPosition = 'top';
|
|
|
|
|
|
// config.duration = 3000
|
|
|
|
|
|
// this.snackBar.open('删除文件夹成功','确定',config);
|
|
|
|
|
|
// this.selection.clear()
|
|
|
|
|
|
// this.isDelete = false
|
|
|
|
|
|
// })
|
|
|
|
|
|
// }
|
|
|
|
|
|
// else{
|
|
|
|
|
|
// this.http.delete(`/api/Objects/drives/${item.key}`).subscribe(data=>{
|
|
|
|
|
|
// this.getALLFileList(this.selectedDataBank)
|
|
|
|
|
|
// const config = new MatSnackBarConfig();
|
|
|
|
|
|
// config.verticalPosition = 'top';
|
|
|
|
|
|
// config.duration = 3000
|
|
|
|
|
|
// this.snackBar.open('删除文件成功','确定',config);
|
|
|
|
|
|
// this.selection.clear()
|
|
|
|
|
|
// this.isDelete = false
|
|
|
|
|
|
// })
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
// if (this.selection.selected.length == 0) {
|
|
|
|
|
|
// const config = new MatSnackBarConfig();
|
|
|
|
|
|
// config.verticalPosition = 'top';
|
|
|
|
|
|
// config.duration = 3000
|
|
|
|
|
|
// this.snackBar.open('请选择要删除的文件','确定',config);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// if (this.selection.selected.length > 1) {
|
|
|
|
|
|
// const config = new MatSnackBarConfig();
|
|
|
|
|
|
// config.verticalPosition = 'top';
|
|
|
|
|
|
// config.duration = 3000
|
|
|
|
|
|
// this.snackBar.open('暂不支持批量删除','确定',config);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
//下载↓
|
|
|
|
|
|
selectDownloadFile:any; //选择下载的文件
|
|
|
|
|
|
download:any; //下载文件元数据
|
|
|
|
|
|
downloadisLoading:boolean = false; //进度条loading加载
|
|
|
|
|
|
downloadProgress:number = 0; //进度条进度
|
|
|
|
|
|
downLoadFile(){
|
|
|
|
|
|
if (this.selection.selected.length === 1) {
|
|
|
|
|
|
this.selectDownloadFile = this.selection.selected[0]
|
|
|
|
|
|
if(this.selectDownloadFile.isDir){
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('文件夹不支持下载','确定',config)
|
|
|
|
|
|
}else{
|
|
|
|
|
|
this.http.get('/api/ObjectMetadata/drives/' + this.selectDownloadFile.key).subscribe(data=>{
|
|
|
|
|
|
// console.log(123,data)
|
|
|
|
|
|
this.download = data
|
|
|
|
|
|
this.downloadFile.download(this.download)
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
} else if (this.selection.selected.length>1) {
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('暂时不支持批量下载','确定',config)
|
|
|
|
|
|
} else if (this.selection.selected.length == 0) {
|
|
|
|
|
|
const config = new MatSnackBarConfig();
|
|
|
|
|
|
config.verticalPosition = 'top';
|
|
|
|
|
|
config.duration = 3000
|
|
|
|
|
|
this.snackBar.open('请选择要下载的文件','确定',config)
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//查看图片大图和视频
|
|
|
|
|
|
@Component({
|
|
|
|
|
|
selector: 'viewdetails',
|
|
|
|
|
|
templateUrl: './viewdetails.html',
|
|
|
|
|
|
styleUrls: ['./all-file.component.scss']
|
|
|
|
|
|
})
|
|
|
|
|
|
export class ViewDetails {
|
|
|
|
|
|
// myControl = new FormControl();
|
|
|
|
|
|
//注入MatDialogRef，可以用来关闭对话框
|
|
|
|
|
|
//要访问对话框组件中的数据，必须使用MAT_DIALOG_DATA注入令牌
|
|
|
|
|
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<ViewDetails>,@Inject(MAT_DIALOG_DATA) public data) {}
|
|
|
|
|
|
Url:string
|
|
|
|
|
|
onNoClick(): void {
|
|
|
|
|
|
this.dialogRef.close();
|
|
|
|
|
|
}
|
|
|
|
|
|
ngOnInit(): void {
|
|
|
|
|
|
this.Url = "/api/Objects/drives/" + this.data.url
|
|
|
|
|
|
}
|
|
|
|
|
|
closeDialog(){
|
|
|
|
|
|
this.dialogRef.close();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Component({
|
|
|
|
|
|
selector: 'folderdalog',
|
|
|
|
|
|
templateUrl: './folderdalog.html',
|
|
|
|
|
|
styleUrls: ['./all-file.component.scss']
|
|
|
|
|
|
})
|
|
|
|
|
|
export class FolderDialog {
|
|
|
|
|
|
|
|
|
|
|
|
constructor(private http: HttpClient,public dialogRef: MatDialogRef<FolderDialog>,@Inject(MAT_DIALOG_DATA) public data) {}
|
|
|
|
|
|
|
|
|
|
|
|
newFolderName:string
|
|
|
|
|
|
|
|
|
|
|
|
onNoClick(): void {
|
|
|
|
|
|
this.dialogRef.close();
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
ngOnInit(): void {
|
|
|
|
|
|
var myDate = new Date();
|
|
|
|
|
|
var year = myDate.getFullYear();
|
|
|
|
|
|
var month = myDate.getMonth();
|
|
|
|
|
|
var day = myDate.getDate();
|
|
|
|
|
|
var hour = myDate.getHours(); //获取当前小时数(0-23)
|
|
|
|
|
|
var minutes = myDate.getMinutes(); //获取当前分钟数(0-59)
|
|
|
|
|
|
var seconds = myDate.getSeconds(); //获取当前秒数(0-59)
|
|
|
|
|
|
var data = year + '' + month + day + hour + minutes + seconds
|
|
|
|
|
|
this.newFolderName = "新建文件夹_" + data;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
onSubmit(value){
|
|
|
|
|
|
this.dialogRef.close(value);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
