fix: termail 文件上传下载 补充国际化 以及优化创建文件夹的弹窗

This commit is contained in:
zhangyu
2022-11-22 10:00:08 +08:00
parent fa8f25fad6
commit 7c7d34ac31
6 changed files with 29 additions and 15 deletions

View File

@@ -291,3 +291,11 @@ div.sp-header{
}
}
.ternimal-header{
display: flex;
width: 100%;
justify-content: space-between;
background: #101010;
box-shadow: 0 1px 0 0 #303030;
}

File diff suppressed because one or more lines are too long

View File

@@ -8,7 +8,7 @@
</style>
<template>
<div :id="'ternimalContainer'+idIndex" class="console">
<div style="display: flex;width: 100%; justify-content: space-between;background: #101010;box-shadow: 0 1px 0 0 #303030;">
<div class="ternimal-header">
<span style="color: #fff">
<div class="active-icon green-bg"></div>
{{userName}}
@@ -377,3 +377,6 @@ export default {
}
}
</script>
<style scoped lang="scss">
</style>

View File

@@ -1,7 +1,7 @@
<template>
<div class="fileDirectory" style="width: 100% !important;transform: scale(1) !important;">
<div class="file-directory-header">
<span style="color: #fff">SFTP <span style="color: #B7B7B7">{{fileDirectory}}</span></span>
<span style="color: #fff">{{$t('terminal.sftp')}} <span style="color: #B7B7B7">{{fileDirectory}}</span></span>
<span style="color: #fff">
<i class="nz-icon nz-icon-a-newfolder" @click="newFolderBoxShow = true"></i>
<i class="nz-icon nz-icon-upload" @click="uploadFile"></i>
@@ -9,7 +9,7 @@
</span>
</div>
<div class="file-directory-content" v-my-loading="fileDirectoryLoading">
<div v-if="fileDirectory !== '/'" @click="backFileDirectory" class="file-item"><i class="nz-icon nz-icon-a-upperlevel"/>上一级</div>
<div v-if="fileDirectory !== '/'" @click="backFileDirectory" class="file-item"><i class="nz-icon nz-icon-a-upperlevel"/>{{$t('terminal.back')}}</div>
<div v-for="(item,index) in fileList" :key="index" class="file-item" @click="selectFile(item)">
<div class="text-ellipsis file-name">
<i class="nz-icon" :class="selIcon(item)"/>
@@ -26,18 +26,19 @@
</div>
</div>
<el-dialog
title='新建文件夹'
:title='$t("overall.newFolder")'
:visible.sync="newFolderBoxShow"
:modal-append-to-body="false"
:append-to-body="false"
width="30%"
:modal-append-to-body="true"
:append-to-body="true"
:width="'400px'"
>
<div>
<el-input v-model="folder" size="small"/>
<div style="display: flex; align-items: center">
<div style="width: 100px;flex-shrink: 1">{{$t('overall.folderName')}}</div>
<el-input v-model="folder" size="small" style="flex: 1"/>
</div>
<span slot="footer" class="dialog-footer">
<el-button @click="newFolder(false)"> </el-button>
<el-button type="primary" @click="newFolder(true)"> </el-button>
<el-button @click="newFolder(false)" size="small">{{$t('overall.cancel')}}</el-button>
<el-button type="primary" @click="newFolder(true)" size="small">{{$t('overall.create')}}</el-button>
</span>
</el-dialog>
</div>

View File

@@ -3,7 +3,7 @@
<!-- 显示进度-->
<div class="file-state-panel" v-show="fileStateBox && fileList.length" :style="{'top': position.top + 'px', right: '10px'}" ref="fileStatePanel" :class="position.top>0? 'translationOriginDown': 'translationOriginUp'">
<div class="file-state-panel-header">
<span class="file-state-panel-title">File transfers</span>
<span class="file-state-panel-title">{{$t('terminal.filetransfer')}}}</span>
<i class="nz-icon nz-icon-Clear" @click="clearFileList"></i>
</div>
<div class="file-state-panel-content" v-if="fileList.length">

View File

@@ -69,7 +69,7 @@
</el-tabs>
<div class="console-icon">
<div class="console-title-icon" style='right: 106px;display: inline;' @click="showFileState" v-show="fileList.length">
<i class="nz-icon nz-icon-a-filetransfer" :title="$t('guide.webTerminal')"></i>
<i class="nz-icon nz-icon-a-filetransfer" :title="$t('terminal.filetransfer')"></i>
<span v-show="fileList.length>0" class="right-tip">{{fileList.length<=99?fileList.length:'99+'}}</span>
</div>
<i @click="minScreen" class="nz-icon nz-icon-minus console-title-icon" style='right: 76px;' :title="$t('overall.shrink')"></i>