61 lines
2.1 KiB
Vue
61 lines
2.1 KiB
Vue
<template>
|
|
<div>
|
|
<show-file
|
|
:defaultGrid="true"
|
|
:orderCustom="true"
|
|
:contextMenus="contextMenus"
|
|
:showClipboard="true"
|
|
:sortable="sortable">
|
|
</show-file>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import ShowFile from "@/components/ShowFile/ShowFile";
|
|
|
|
export default {
|
|
components: {ShowFile},
|
|
data() {
|
|
return {
|
|
sortable: {
|
|
prop: 'name', order: 'ascending'
|
|
},
|
|
contextMenus: [
|
|
{ label: '查看', operation: 'viewMode' ,child: [
|
|
{ iconClass: this.grid?'':'menu-point', label: '列表', operation: 'vmode-list'},
|
|
{ iconClass: this.grid?'menu-point':'', label: '缩略图', operation: 'vmode-grid'},
|
|
{ label: '显示文件夹大小', operation: 'show-folder-size'},
|
|
]
|
|
},
|
|
{ label: '排列方式', operation: 'arrangement' ,child: [
|
|
{ label: '名称', operation: 'orderName', orderProp: 'name'},
|
|
{ label: '大小', operation: 'orderSize', orderProp: 'size'},
|
|
{ label: '日期', operation: 'orderUpdateDate', orderProp: 'updateDate'},
|
|
]
|
|
},
|
|
{ label: '刷新', operation: 'refresh'},
|
|
{ divider: true, operation: 'divider' },
|
|
{ label: '新建', operation: 'create' ,child: [
|
|
{ label: '文件夹', operation: 'createFolder', iconClass: 'folder'},
|
|
{ divider: true, operation: 'divider' },
|
|
{ label: '文本', operation: 'createTextFile', iconClass: 'file-txt'},
|
|
{ label: '思维导图', operation: 'createMinderFile', iconClass: 'file-mind'},
|
|
{ label: '流程图', operation: 'createDrawioFile', iconClass: 'file-drawio'},
|
|
{ label: 'Word', operation: 'createWordFile', iconClass: 'file-word'},
|
|
{ label: 'Excel', operation: 'createExcelFile', iconClass: 'file-excel'},
|
|
{ label: 'PPT', operation: 'createPPTFile', iconClass: 'file-ppt'},
|
|
]
|
|
},
|
|
{ divider: true, operation: 'divider' },
|
|
{ label: '写文章', operation: 'createMarkdownFile'},
|
|
]
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
</style>
|
|
|