|
|
|
@ -27,11 +27,11 @@ import {
|
|
|
|
|
NBreadcrumbItem |
|
|
|
|
} from 'naive-ui' |
|
|
|
|
import { useI18n } from 'vue-i18n' |
|
|
|
|
import { useTable } from './use-table' |
|
|
|
|
import { SearchOutlined } from '@vicons/antd' |
|
|
|
|
import Card from '@/components/card' |
|
|
|
|
import FolderModal from './components/folder-modal' |
|
|
|
|
import UploadModal from './components/upload-modal' |
|
|
|
|
import { useTable } from './use-table' |
|
|
|
|
import styles from './index.module.scss' |
|
|
|
|
|
|
|
|
|
export default defineComponent({ |
|
|
|
@ -115,12 +115,13 @@ export default defineComponent({
|
|
|
|
|
const { loadingRef } = this |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div class={styles.content}> |
|
|
|
|
<Card class={styles.card}> |
|
|
|
|
<div class={styles.header}> |
|
|
|
|
<NSpace vertical> |
|
|
|
|
<Card> |
|
|
|
|
<NSpace justify='space-between'> |
|
|
|
|
<NSpace> |
|
|
|
|
<NButton |
|
|
|
|
type='primary' |
|
|
|
|
size='small' |
|
|
|
|
onClick={this.handleCreateFolder} |
|
|
|
|
class='btn-create-directory' |
|
|
|
|
> |
|
|
|
@ -128,6 +129,7 @@ export default defineComponent({
|
|
|
|
|
</NButton> |
|
|
|
|
<NButton |
|
|
|
|
strong |
|
|
|
|
size='small' |
|
|
|
|
secondary |
|
|
|
|
onClick={this.handleUploadFile} |
|
|
|
|
class='btn-upload-udf' |
|
|
|
@ -135,30 +137,45 @@ export default defineComponent({
|
|
|
|
|
{t('resource.udf.upload_udf_resources')} |
|
|
|
|
</NButton> |
|
|
|
|
</NSpace> |
|
|
|
|
<div class={styles.right}> |
|
|
|
|
<div class={styles.search}> |
|
|
|
|
<div class={styles.list}> |
|
|
|
|
<NButton type='primary' onClick={this.handleSearch}> |
|
|
|
|
<NIcon> |
|
|
|
|
<SearchOutlined /> |
|
|
|
|
</NIcon> |
|
|
|
|
</NButton> |
|
|
|
|
</div> |
|
|
|
|
<div class={styles.list}> |
|
|
|
|
<NSpace> |
|
|
|
|
<NInput |
|
|
|
|
allowInput={this.trim} |
|
|
|
|
size='small' |
|
|
|
|
placeholder={t('resource.udf.enter_keyword_tips')} |
|
|
|
|
v-model={[this.searchVal, 'value']} |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<NButton type='primary' size='small' onClick={this.handleSearch}> |
|
|
|
|
<NIcon> |
|
|
|
|
<SearchOutlined /> |
|
|
|
|
</NIcon> |
|
|
|
|
</NButton> |
|
|
|
|
</NSpace> |
|
|
|
|
</NSpace> |
|
|
|
|
</Card> |
|
|
|
|
<Card title={t('resource.udf.udf_resources')}> |
|
|
|
|
{{ |
|
|
|
|
header: () => ( |
|
|
|
|
<NBreadcrumb separator='>'> |
|
|
|
|
<NBreadcrumbItem> |
|
|
|
|
<NButton text onClick={() => this.goUdfManage()}> |
|
|
|
|
{t('resource.udf.udf_resources')} |
|
|
|
|
</NButton> |
|
|
|
|
</NBreadcrumbItem> |
|
|
|
|
{this.breadList.map((item, index) => ( |
|
|
|
|
<NBreadcrumbItem> |
|
|
|
|
<NButton |
|
|
|
|
text |
|
|
|
|
disabled={index === this.breadList.length - 1} |
|
|
|
|
onClick={() => this.handleBread(index)} |
|
|
|
|
> |
|
|
|
|
{item} |
|
|
|
|
</NButton> |
|
|
|
|
</NBreadcrumbItem> |
|
|
|
|
))} |
|
|
|
|
</NBreadcrumb> |
|
|
|
|
), |
|
|
|
|
default: () => ( |
|
|
|
|
<div> |
|
|
|
|
<NSpace vertical> |
|
|
|
|
<NDataTable |
|
|
|
|
loading={loadingRef} |
|
|
|
|
columns={this.columns} |
|
|
|
@ -169,7 +186,7 @@ export default defineComponent({
|
|
|
|
|
row-class-name='items' |
|
|
|
|
scrollX={this.tableWidth} |
|
|
|
|
/> |
|
|
|
|
<div class={styles.pagination}> |
|
|
|
|
<NSpace justify='center'> |
|
|
|
|
<NPagination |
|
|
|
|
v-model:page={this.page} |
|
|
|
|
v-model:page-size={this.pageSize} |
|
|
|
@ -180,28 +197,8 @@ export default defineComponent({
|
|
|
|
|
onUpdatePage={this.requestData} |
|
|
|
|
onUpdatePageSize={this.handleChangePageSize} |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
), |
|
|
|
|
header: () => ( |
|
|
|
|
<NBreadcrumb separator='>'> |
|
|
|
|
<NBreadcrumbItem> |
|
|
|
|
<NButton text onClick={() => this.goUdfManage()}> |
|
|
|
|
{t('resource.udf.udf_resources')} |
|
|
|
|
</NButton> |
|
|
|
|
</NBreadcrumbItem> |
|
|
|
|
{this.breadList.map((item, index) => ( |
|
|
|
|
<NBreadcrumbItem> |
|
|
|
|
<NButton |
|
|
|
|
text |
|
|
|
|
disabled={index === this.breadList.length - 1} |
|
|
|
|
onClick={() => this.handleBread(index)} |
|
|
|
|
> |
|
|
|
|
{item} |
|
|
|
|
</NButton> |
|
|
|
|
</NBreadcrumbItem> |
|
|
|
|
))} |
|
|
|
|
</NBreadcrumb> |
|
|
|
|
</NSpace> |
|
|
|
|
</NSpace> |
|
|
|
|
) |
|
|
|
|
}} |
|
|
|
|
</Card> |
|
|
|
@ -214,7 +211,7 @@ export default defineComponent({
|
|
|
|
|
v-model:show={this.uploadShowRef} |
|
|
|
|
onUpdateList={this.handleUpdateList} |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</NSpace> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|