+
@@ -47,15 +56,13 @@
-
-
+
-
@@ -72,8 +79,8 @@
@@ -130,149 +137,181 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ scope.row.name }}
-
-
-
-
+
+
+
+
+
+
+
+
+
-
-
+
-
-
-
-
-
-
- {{formatSize(scope.row.size)}}
-
-
-
-
-
- {{formatTime(scope.row.agoTime)}}
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ scope.row.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{formatSize(scope.row.size)}}
+
+
+
+
+
+ {{formatTime(scope.row.agoTime)}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
{{indexList.length>0 ? '已选择 '+this.tableHead[2].label : "选择"}}
+
@@ -313,21 +352,22 @@
{{summaries}}
+
-
-
+
+
+
+
+
+
+
+
+
+
-
- {{rowContextData.isFolder ? '文件夹': rowContextData.contentType}}
+
+ {{rowContextData.name}}
+
+
+ {{rowContextData.isFolder ? '文件夹': rowContextData.contentType}}
- {{rowContextData.size}}字节 ({{formatSize(rowContextData.size)}})
+ {{rowContextData.size}}字节 {{rowContextData.size >0 ? '('+formatSize(rowContextData.size)+')': ''}}
{{rowContextData.path}}
@@ -369,7 +412,7 @@
/* eslint-disable */
import { mapGetters } from 'vuex'
// import defaultSettings from '@/settings'
- import { getPath, getPathList, setPath, removePath } from '@/utils/path'
+ // import { getPath, getPathList, setPath, removePath } from '@/utils/path'
import { strlen, substring10, formatTime, formatSize } from '@/utils/number'
import { suffix } from '@/utils/file-type'
import Bus from '@/assets/js/bus'
@@ -382,10 +425,19 @@
import ImageViewer from "@/components/preview/ImageViewer";
import VideoPreview from "@/components/preview/VideoPreview";
import AudioPreview from "@/components/preview/AudioPreview";
+ import ButtonUpload from "@/components/button/ButtonUpload";
+ import 'pl-table/themes/index.css';
+ // import 'pl-table/themes/plTableStyle.css';
+ import { PlTable, PlTableColumn } from 'pl-table';
+ var rowStyleExecuting = false
export default {
name: 'ShowFile',
- components: {AudioPreview, VideoPreview, ImageViewer, SimTextPreview, IconFile, BreadcrumbFilePath, EmptyFile},
+ components: {AudioPreview, VideoPreview, ImageViewer, SimTextPreview, IconFile, BreadcrumbFilePath, EmptyFile,
+ PlTable,
+ PlTableColumn,
+ ButtonUpload
+ },
props: {
emptyStatus: {
'type': String,
@@ -496,16 +548,17 @@
renameFileName: '',
searchFileName: '',
pathList: [
- { 'folder': '', index: 0 },
- { 'folder': '+', index: 1 }
+ { 'folder': ''},
],
fileList: [],
pagination: {
pageIndex: 1,
- pageSize: 25,
+ pageSize: 100,
total: 0,
pageSizes: [10,20,30,40,50]
},
+ isIndeterminate: false,
+ isSelectAll: false,
indexList: [],
clientHeight: 500,
// 表头数据
@@ -536,8 +589,8 @@
menusIsMultiple: false,
menus: [],
rowContextData: {},
- selectRowData: [],
- tableLoading: false,
+ tableLoading: true,
+ finished: false,
newFolderLoading: false,
renameLoading: false,
menuTriangle: '', // 三角菜单
@@ -573,7 +626,8 @@
videoPreviewVisible: false,
audioPreviewRow: {},
audioPreviewVisible: false,
- drawer: false
+ drawer: false,
+ rowStyleExecuting: false,
}
},
computed: {
@@ -585,11 +639,12 @@
this.getFileList()
},
mounted() {
+
Bus.$on('fileSuccess', () => {
this.getFileList()
})
Bus.$on('clickMore', (selectRowData) => {
- this.selectRowData = selectRowData
+ this.$refs.fileListTable.tableSelectData = selectRowData
this.preliminaryRowData()
})
@@ -602,6 +657,7 @@
const that = this
window.onresize = function temp() {
that.clientHeight = document.documentElement.clientHeight - 165
+ console.log('that.clientHeight',that.clientHeight)
}
// 加载布局
@@ -615,25 +671,19 @@
}
// 加载url上的path
- if(this.$route.query.path){
+ if(this.$route.query.path !== '/'){
const path = decodeURI(this.$route.query.path)
this.pathList.splice(1,1)
path.split('/').forEach((pathName,index)=>{
if(index > 0){
const item = {}
item['folder'] = pathName
- item['index'] = index
this.pathList.push(item)
}
})
- const item = {}
- item['folder'] = '+'
- item['index'] = this.pathList.length
- this.pathList.push(item)
}
},
destroyed() {
- removePath()
window.removeEventListener('popstate', this.goBack, false);
},
directives: {
@@ -664,6 +714,9 @@
}
},
methods: {
+ load () {
+ this.getFileList(true)
+ },
gridItemHover(item,index) {
this.gridHoverItemIndex = index;
this.gridHoverIntermediate = index;
@@ -679,7 +732,7 @@
},
clickGridItemCheckBox(item,index) {
if(this.indexList.length === 0){
- this.selectRowData = []
+ this.$refs.fileListTable.tableSelectData = []
}
// 同步列表的checkbox
if(this.indexList.includes(index)){
@@ -960,6 +1013,9 @@
const linkIndex = this.pathList.length-3
this.handleLink(this.pathList[linkIndex],linkIndex)
},
+ lastLink(){
+ this.handleLink(this.pathList[this.pathList.length-2],this.pathList.length-2)
+ },
handleLink(item, index, unPushLink, unRefresh) {
if(item && item.search){
if(item.searchKey){
@@ -967,9 +1023,9 @@
} else if(item.row){
this.searchFileAndOpenDir(item.row)
}
- this.pathList.splice(this.pathList.findIndex(v => v.index === index + 2), this.pathList.length - (index + 2))
+ this.pathList.splice(this.pathList.findIndex((v,i) => i === index + 1), this.pathList.length - (index + 1))
} else {
- this.pathList.splice(this.pathList.findIndex(v => v.index === index + 2), this.pathList.length - (index + 2))
+ this.pathList.splice(this.pathList.findIndex((v,i) => i === index + 1), this.pathList.length - (index + 1))
this.pathList.forEach((p, number) => {
if (number === 0) {
this.path = ''
@@ -1074,10 +1130,11 @@
// 切换布局
changeVmode(){
this.grid = !this.grid
- console.log(this.$route.fullPath)
this.vmode = 'list'
if(this.grid){
this.vmode = 'grid'
+ }else{
+ this.$refs.fileListTable.setHeight()
}
if(!this.path){
this.path = ''
@@ -1088,18 +1145,12 @@
},
searchFile(key) {
if(key){
- this.pathList = [{ 'folder': '', index: 0 }]
+ this.pathList = [{ 'folder': ''}]
const item1 = {}
item1['folder'] = '搜索: ' + '"'+ key +'"'
item1['search'] = true
item1['searchKey'] = key
- item1['index'] = 1
- const item2 = {}
- item2['folder'] = '+'
- item2['index'] = 2
this.pathList.push(item1)
- this.pathList.push(item2)
- // this.$router.push(`?search-file=${key}`)
this.$router.push(`?vmode=${this.vmode}&search-file=${key}`)
this.tableLoading = true
api.searchFile({
@@ -1168,7 +1219,12 @@
}).catch(e => {})
this.path = row.path + row.name
},
- getFileList() {
+ getFileList(onLoad) {
+ if (onLoad) {
+ this.pagination.pageIndex++
+ } else {
+ this.pagination.pageIndex = 1
+ }
this.tableLoading = true
api.fileList({
userId: this.$store.state.user.userId,
@@ -1183,11 +1239,24 @@
pageIndex: this.pagination.pageIndex,
pageSize: this.pagination.pageSize
}).then(res => {
- this.fileList = res.data
+ if(onLoad){
+ res.data.forEach((file,number) => {
+ file['index'] = (this.pagination.pageIndex - 1) * this.pagination.pageSize + number
+ this.fileList.push(file)
+ });
+ }else{
+ this.fileList = res.data
+ }
+ // 数据全部加载完成
+ if (this.fileList.length >= res.count) {
+ this.finished = true;
+ }
+
this.fileList.map((item,index) => {
item.index = index
})
this.clientHeight = document.documentElement.clientHeight - 165
+ this.clientHeight = 550 + 40 + 51
this.listModeSearch = false
this.listModeSearchOpenDir = false
this.pagination['total'] = res.count
@@ -1304,99 +1373,125 @@
}
return sizeSum
},
- // 收集选中的index值作为数组 传递给rowRed判断变换样式
- handleSelectionChange(row) {
- // 选中的值
- this.selectRowData = row
- let selectTotalSize = 0
- this.indexList = []
- for (const item of row) {
- selectTotalSize += item.size
- this.indexList.push(item.index)
- }
-
- row.forEach(r => {
- this.$refs.fileListTable.toggleRowSelection(r,true)
- });
-
- const item_name = this.tableHead[2]
- const item_more = this.tableHead[4]
- const item_size = this.tableHead[5]
- const item_date = this.tableHead[6]
- if (this.selectRowData.length > 0) {
- const sumFileAndFolder = this.getShowSumFileAndFolder(row)
- const sizeSum = this.getShowSumSize(selectTotalSize)
- item_name.label = sumFileAndFolder
- item_name.sortable = false
- item_more.name = 'more'
- item_size.label = sizeSum
- item_size.sortable = false
- item_date.label = ''
- item_date.sortable = false
- } else {
- item_name.label = '名称'
- item_name.sortable = true
- item_more.name = ''
- item_size.label = '大小'
- item_size.sortable = true
- item_date.label = '修改日期'
- item_date.sortable = true
- }
- if(this.indexList.length === this.fileList.length){
- this.allChecked = true
+ selectAll(checked) {
+ this.isSelectAll = checked
+ if(checked){
+ this.fileList.forEach(row => {
+ this.indexList.push(row.index)
+ })
}else{
- this.allChecked = false
+ this.indexList.splice(0,this.indexList.length)
+ this.isIndeterminate = false
}
},
- // cell-style 通过返回值可以实现样式变换利用传递过来的数组index循环改变样式
- rowRed({ row, column, rowIndex, columnIndex }) {
- if (this.indexList.length < 1 && columnIndex === 2 && this.cellMouseIndex === rowIndex) {
- return { cursor: 'pointer', color: "#19ACF9" }
+ checkChange(checked,index) {
+ if(checked){
+ this.indexList.push(index)
+ }else{
+ this.indexList.splice(this.indexList.findIndex(i => index === i), 1)
}
- for (let i = 0; i < this.indexList.length; i++) {
- if (rowIndex === this.indexList[i]) {
- return { backgroundColor: '#EBEEF5', color: '#b7b5b6', cursor: 'default' }
+ if(this.indexList.length > 0){
+ this.isIndeterminate = true
+ }else{
+ this.isIndeterminate = false
+ }
+ },
+ tableBodyScroll(table, e) {
+ let scrollBottom = e.target.scrollHeight-e.target.clientHeight-e.target.scrollTop;
+ if(scrollBottom < 200){
+ if(!this.finished){
+ this.getFileList(true)
}
}
},
+ // 收集选中的index值作为数组 传递给rowRed判断变换样式
+ handleSelectionChange(row) {
+ this.$refs.fileListTable.tableSelectData = row
+ let selectTotalSize = 0
+ row.forEach(item => {
+ selectTotalSize += item.size
+ })
+ const item_name = this.tableHead[2]
+ const item_more = this.tableHead[4]
+ const item_size = this.tableHead[5]
+ const item_date = this.tableHead[6]
+ if (row.length > 0) {
+ const sumFileAndFolder = this.getShowSumFileAndFolder(row)
+ const sizeSum = this.getShowSumSize(selectTotalSize)
+ item_name.label = sumFileAndFolder
+ item_name.sortable = false
+ item_more.name = 'more'
+ item_size.label = sizeSum
+ item_size.sortable = false
+ item_date.label = ''
+ item_date.sortable = false
+ } else {
+ item_name.label = '名称'
+ item_name.sortable = true
+ item_more.name = ''
+ item_size.label = '大小'
+ item_size.sortable = true
+ item_date.label = '修改日期'
+ item_date.sortable = true
+ }
+ },
+ // cell-style 通过返回值可以实现样式变换利用传递过来的数组index循环改变样式
+ rowStyle({ row, rowIndex}) {
+ if(this.$refs.fileListTable.tableSelectData.length > 0){
+ console.log('rowStyle',this.$refs.fileListTable.tableSelectData[0].index)
+ }
+ if(this.$refs.fileListTable.tableSelectData.findIndex(item => item.index === row.index) > -1){
+ return { backgroundColor: '#F5F7FA' }
+ }
+ },
// 动态添加index到row里面去
tableRowClassName({ row, rowIndex }) {
- row.index = rowIndex
+ // row.index = rowIndex
},
// 选择某行预备数据
preliminaryRowData(row) {
if (row) {
- this.selectRowData[0] = row
+ this.$refs.fileListTable.tableSelectData[0] = row
this.rowContextData = row
}
- const isFavorite = this.selectRowData[0].isFavorite
+ const isFavorite = this.$refs.fileListTable.tableSelectData[0].isFavorite
this.highlightFavorite(isFavorite, false)
},
- // 单元格hover进入时时间
+ // 单元格hover进入时事件
cellMouseEnter(row) {
- if(this.editingIndex === -1){
+ if(this.$refs.contextShow.locals.menuType === 'moreClick' && this.$refs.contextShow.locals.rowIndex !== row.index) {
+ this.$refs.contextShow.hideMenu()
+ }
+ if(this.editingIndex === -1 && !this.$refs.contextShow.ctxVisible) {
if (this.indexList.length < 1) {
this.cellMouseIndex = row.index
}
}
},
- // 单元格hover退出时时间
- cellMouseLeave() {
+ // 单元格hover退出时事件
+ cellMouseLeave(row) {
+ if(this.$refs.contextShow.locals.menuType === 'moreClick' && this.$refs.contextShow.locals.rowIndex !== row.index) {
+ this.$refs.contextShow.hideMenu()
+ return
+ }
+ if(this.$refs.contextShow.ctxVisible && this.$refs.contextShow.locals.menuType === 'moreClick' && this.$refs.contextShow.locals.rowIndex === row.index) {
+ return
+ }
this.cellMouseIndex = -1
},
+ //双击
+ dblclick(row){
+ // this.fileClick(row)
+ },
// 单元格点击事件
cellClick(row, column) {
clearTimeout(this.Loop);
if(this.editingIndex === -1) {
const columnIndex = column.index
- if (columnIndex === 0) {
- // 点击选中
- this.$refs.fileListTable.toggleRowSelection(row)
- }
if (columnIndex === 2) {
if (this.indexList.length < 1) {
if (row.index !== this.editingIndex) {
- this.fileClick(row)
+ // this.fileClick(row)
this.editingIndex = -1
}
}
@@ -1404,11 +1499,19 @@
if (columnIndex === 4) {
// // 单个操作
}
- if (this.indexList.length > 0 && columnIndex > 0) {
- this.$refs.fileListTable.toggleRowSelection(row)
+ if(columnIndex === 0 ){
+ this.$refs.fileListTable.toggleRowSelection([{row:row}])
+ } else {
+ this.$refs.fileListTable.clearSelection()
+ this.$refs.fileListTable.toggleRowSelection([{row:row}])
}
}
},
+ // 选取输入框部分内容
+ renameInputFocus(event,row) {
+ event.currentTarget.selectionStart = 0
+ event.currentTarget.selectionEnd = event.currentTarget.value.length - row.suffix.length - 1
+ },
// 重命名
rowRename(newFileName, row) {
if (newFileName) {
@@ -1457,6 +1560,8 @@
this.fileList[row.index] = row
this.editingIndex = -1
}
+ }).then(()=>{
+ this.$refs.fileListTable.clearSelection()
})
} else {
this.editingIndex = -1
@@ -1476,16 +1581,17 @@
}else{
this.menus = this.singleMenus
}
- // this.showOperationMenus(event)
this.preliminaryRowData(row)
- this.showOperationMenus(event)
+ this.showOperationMenus(event,{'menuType':'moreClick',rowIndex: row.index})
},
// 鼠标右击
rowContextmenu(row) {
- if (this.indexList.includes(row.index)) {
+ if (this.$refs.fileListTable.tableSelectData.length > 1 && this.$refs.fileListTable.tableSelectData.findIndex(item => item.index === row.index) > -1) {
this.menusIsMultiple = true
this.menus = this.multipleRightMenus
} else {
+ this.$refs.fileListTable.clearSelection()
+ this.$refs.fileListTable.toggleRowSelection([{row:row}])
this.menusIsMultiple = false
if(row.contentType && row.contentType.includes("text")){
this.menus = this.singleMenusEdit
@@ -1494,6 +1600,7 @@
}
this.preliminaryRowData(row)
}
+ console.log('menusIsMultiple', this.menusIsMultiple)
event.preventDefault()
this.menuTriangle = ''
const e = {}
@@ -1504,25 +1611,26 @@
e.clientX = event.clientX + 5
e.clientY = event.clientY + 2
this.$refs.contextShow.showMenu(e)
+ this.cellMouseIndex = -1
},
// 显示操作菜单
- showOperationMenus(event) {
+ showOperationMenus(event, menuData) {
+ let offsetY = event.pageY
+ if(event.target.clientHeight > 0){
+ offsetY += event.target.clientHeight/2-event.offsetY
+ }
const e = {}
- if (document.body.scrollHeight - event.pageY > 400) {
+ if (document.body.scrollHeight - offsetY > 400) {
this.menuTriangle = 'menu-triangle-top'
e.pageX = event.pageX - 78
- e.pageY = event.pageY + 30
- e.clientX = event.clientX + 78
- e.clientY = event.clientY + 30
+ e.pageY = offsetY + 25
} else {
this.menuTriangle = 'menu-triangle-bottom'
e.pageX = event.pageX - 78
- e.pageY = event.pageY - 350
- e.clientX = event.clientX + 78
- e.clientY = event.clientY - 350
+ e.pageY = offsetY - (this.menus.length * 38) - 36
}
if (!this.isJustHideMenus) {
- this.$refs.contextShow.showMenu(e)
+ this.$refs.contextShow.showMenu(e,menuData)
}
},
menuFavoriteOver(index, isFavorite) {
@@ -1541,7 +1649,7 @@
if (item_menu) {
if (isFavorite) {
item_menu.label = '取消收藏'
- item_menu.iconClass = 'menu-favorite-hover'
+ item_menu.iconClass = 'menu-unfavorite-hover'
item_menu.operation = 'unFavorite'
} else {
if (isHover) {
@@ -1564,6 +1672,7 @@
setTimeout(function() {
that.isJustHideMenus = false
}, 100)
+ this.cellMouseIndex = -1
console.log('菜单隐藏了')
},
// 菜单操作
@@ -1587,7 +1696,7 @@
break
case 'deselect':
// 取消选定
- this.$refs.fileListTable.toggleRowSelection(this.rowContextData)
+ this.$refs.fileListTable.clearSelection()
break
case 'unFavorite':
// 取消收藏
@@ -1681,7 +1790,7 @@
let fileIds = [];
if (this.menusIsMultiple || this.indexList.length > 1) {
- const exits = this.selectRowData.some(value => {
+ const exits = this.$refs.fileListTable.tableSelectData.some(value => {
fileIds.push(value.id)
const thisParentPath = value.path
if(thisParentPath === selectNodePath){
@@ -1732,13 +1841,13 @@
if(operating === 'move'){
// 移除列表
- if (this.selectRowData.length === 1) {
- this.fileList.splice(this.selectRowData[0].index, 1)
+ if (this.$refs.fileListTable.tableSelectData.length === 1) {
+ this.fileList.splice(this.$refs.fileListTable.tableSelectData[0].index, 1)
} else {
this.getFileList()
}
this.$refs.fileListTable.clearSelection()// 删除后清空之前选择的数据
- this.selectRowData = []
+ this.$refs.fileListTable.tableSelectData = []
}
setTimeout(function () {
@@ -1772,7 +1881,7 @@
if(this.rowContextData.id){
row = this.rowContextData
} else {
- row = this.selectRowData[0]
+ row = this.$refs.fileListTable.tableSelectData[0]
}
}
this.shareDialog = true
@@ -1815,21 +1924,26 @@
},
downloadFile() {
let totalSize = 0
- this.selectRowData.forEach(item => {
+ this.$refs.fileListTable.tableSelectData.forEach(item => {
totalSize += item.size
})
if (totalSize > 0) {
var fileIds = [];
- if (this.indexList.length > 1) {
- this.selectRowData.forEach(value => {
+ // if (this.indexList.length > 1) {
+ // this.$refs.fileListTable.tableSelectData.forEach(value => {
+ // fileIds.push(value.id)
+ // })
+ // } else {
+ // if (this.rowContextData.id) {
+ // fileIds.push(this.rowContextData.id)
+ // } else {
+ // fileIds.push(this.$refs.fileListTable.tableSelectData[0].id)
+ // }
+ // }
+ if (this.$refs.fileListTable.tableSelectData.length > 0) {
+ this.$refs.fileListTable.tableSelectData.forEach(value => {
fileIds.push(value.id)
})
- } else {
- if (this.rowContextData.id) {
- fileIds.push(this.rowContextData.id)
- } else {
- fileIds.push(this.selectRowData[0].id)
- }
}
window.open(process.env.VUE_APP_BASE_FILE_API + 'download?jmal-token=' + this.$store.state.user.token + '&fileIds=' + fileIds, '_self')
} else {
@@ -1841,11 +1955,11 @@
},
// 收藏/取消收藏
favoriteOperating(isFavorite) {
- this.selectRowData[0].isFavorite = isFavorite
+ this.$refs.fileListTable.tableSelectData[0].isFavorite = isFavorite
this.highlightFavorite(isFavorite, true)
api.favoriteUrl({
token: this.$store.state.user.token,
- id: this.selectRowData[0].id,
+ id: this.$refs.fileListTable.tableSelectData[0].id,
isFavorite: isFavorite
}).then(res => {
})
@@ -1855,16 +1969,17 @@
let fileList = []
const fileIds = []
if (this.menusIsMultiple || this.indexList.length > 1) {
- fileList = this.selectRowData
- this.selectRowData.forEach(value => {
+ fileList = this.$refs.fileListTable.tableSelectData
+ this.$refs.fileListTable.tableSelectData.forEach(value => {
fileIds.push(value.id)
})
} else {
- fileIds.push(this.selectRowData[0].id)
+ fileIds.push(this.$refs.fileListTable.tableSelectData[0].id)
}
- console.log(fileIds)
const str = this.getShowSumFileAndFolder(fileList)
+ console.log(this.$refs.fileListTable.tableSelectData)
+
this.$confirm('此操作将永久删除' + str + ', 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
@@ -1874,19 +1989,24 @@
username: this.$store.state.user.name,
fileIds: fileIds
}).then(() => {
+ // 移除列表
+ if(this.$refs.fileListTable.tableSelectData.length > 0){
+ this.$refs.fileListTable.tableSelectData.forEach(item => {
+ let fileIndex = this.fileList.findIndex(file => file.id === item.id)
+ if(fileIndex > -1){
+ this.fileList.splice(fileIndex,1)
+ }
+ })
+ }
+ this.$refs.fileListTable.doLayout()
+ this.$refs.fileListTable.clearSelection()// 删除后清空之前选择的数据
+ this.$refs.fileListTable.tableSelectData = []
+ }).then(()=>{
this.$notify({
title: '删除成功',
type: 'success',
duration: 1000
})
- // 移除列表
- if (this.selectRowData.length === 1) {
- this.fileList.splice(this.selectRowData[0].index, 1)
- } else {
- this.getFileList()
- }
- this.$refs.fileListTable.clearSelection()// 删除后清空之前选择的数据
- this.selectRowData = []
})
})
},
@@ -1895,18 +2015,12 @@
if (row.isFolder) {
// 打开文件夹
if (this.listModeSearch) {
- const item1 = {}
- item1['folder'] = row.name
- item1['search'] = true
- item1['row'] = row
- item1['index'] = this.pathList.length - 1
- const item2 = {}
- item2['folder'] = '+'
- item2['index'] = this.pathList.length
- this.pathList[this.pathList.length - 1] = item1
- this.pathList.push(item2)
+ const item = {}
+ item['folder'] = row.name
+ item['search'] = true
+ item['row'] = row
+ this.pathList.push(item)
this.pagination.pageIndex = 1
- // this.$router.push(`?search-file=${row.id}`)
this.$router.push(`?vmode=${this.vmode}&search-file=${row.id}`)
this.searchFileAndOpenDir(row)
} else {
@@ -1915,20 +2029,13 @@
} else {
this.path = '/' + row.name
}
- const item1 = {}
- item1['folder'] = row.name
- item1['index'] = this.pathList.length - 1
- const item2 = {}
- item2['folder'] = '+'
- item2['index'] = this.pathList.length
- this.pathList[this.pathList.length - 1] = item1
- this.pathList.push(item2)
- setPath(this.path, this.pathList)
+ const item = {'folder':row.name}
+ this.pathList.push(item)
this.pagination.pageIndex = 1
const path = encodeURIComponent(this.path);
this.$router.push(`?vmode=${this.vmode}&path=${path}`)
this.openDir(row)
- // this.getFileList()
+ console.log(this.pathList)
}
} else {
if(row.contentType.indexOf('image') > -1){
@@ -1986,16 +2093,27 @@
/deep/:focus {
outline:0;
}
-
- /deep/.el-drawer__header span {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+ /deep/.el-drawer__header {
+ color: #000000;
+ span {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ }
}
-
.details-form {
- margin-left: 20px;
- margin-top: 20px;
+ margin: 20px 10px 0 20px;
+ /deep/.el-form-item__content {
+ white-space: normal;
+ word-break: break-all;
+ word-wrap: break-word;
+ }
+ /deep/.el-form-item {
+ margin-bottom: 0;
+ }
+ a:hover {
+ color: #409EFF;
+ }
}
.drawer-icon {
text-align: center;
@@ -2003,5 +2121,20 @@
.drawer-icon-font /deep/.svg-icon {
font-size: 8rem;
}
+ .list-item {
+ height: 50px;
+ }
+ .table-file-name:hover {
+ color: #19ACF9;
+ }
+ /deep/.plTableBox .el-table .el-table__header th {
+ background-color: #FFFFFF;
+ }
+ /deep/.el-table td {
+ height: 50px!important;
+ }
+ .home-link:hover {
+ corlor: #409EFF;
+ }
diff --git a/src/components/button/ButtonUpload.vue b/src/components/button/ButtonUpload.vue
new file mode 100644
index 0000000..bcee898
--- /dev/null
+++ b/src/components/button/ButtonUpload.vue
@@ -0,0 +1,217 @@
+
+
@@ -293,7 +332,7 @@
-
+
+
+
+
+
+
diff --git a/src/icons/svg/back.svg b/src/icons/svg/back.svg
new file mode 100644
index 0000000..b477279
--- /dev/null
+++ b/src/icons/svg/back.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-unfavorite-hover.svg b/src/icons/svg/menu-unfavorite-hover.svg
new file mode 100644
index 0000000..c92913f
--- /dev/null
+++ b/src/icons/svg/menu-unfavorite-hover.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/svg/menu-unfavorite.svg b/src/icons/svg/menu-unfavorite.svg
new file mode 100644
index 0000000..9c7ab04
--- /dev/null
+++ b/src/icons/svg/menu-unfavorite.svg
@@ -0,0 +1 @@
+
diff --git a/src/views/demo/index.vue b/src/views/demo/index.vue
index c7afb70..fb06bd7 100644
--- a/src/views/demo/index.vue
+++ b/src/views/demo/index.vue
@@ -1,78 +1,24 @@
-
-
-
- ![]()
- {{scope.options}}
-
-
-
+
+
+
\ No newline at end of file
+
+