|
@@ -4,7 +4,7 @@
|
|
|
<template #bodyCell="{ column, record }">
|
|
<template #bodyCell="{ column, record }">
|
|
|
<template v-if="column.key === 'size'"> {{ record.size }} kb </template>
|
|
<template v-if="column.key === 'size'"> {{ record.size }} kb </template>
|
|
|
<template v-if="column.key === 'realName'">
|
|
<template v-if="column.key === 'realName'">
|
|
|
- <router-link to="" @click="handleDownload(record)">
|
|
|
|
|
|
|
+ <router-link title="点击预览" to="" @click="handlePreview(record)">
|
|
|
{{ record.realName }}
|
|
{{ record.realName }}
|
|
|
</router-link>
|
|
</router-link>
|
|
|
</template>
|
|
</template>
|
|
@@ -25,6 +25,8 @@
|
|
|
label: '编辑',
|
|
label: '编辑',
|
|
|
onClick: handleEdit.bind(null, record),
|
|
onClick: handleEdit.bind(null, record),
|
|
|
},
|
|
},
|
|
|
|
|
+ ]"
|
|
|
|
|
+ :dropDownActions="[
|
|
|
{
|
|
{
|
|
|
auth: 'storage:record:remove',
|
|
auth: 'storage:record:remove',
|
|
|
icon: 'icon-delete|iconfont',
|
|
icon: 'icon-delete|iconfont',
|
|
@@ -37,6 +39,13 @@
|
|
|
confirm: handleDelete.bind(null, record),
|
|
confirm: handleDelete.bind(null, record),
|
|
|
},
|
|
},
|
|
|
},
|
|
},
|
|
|
|
|
+ {
|
|
|
|
|
+ auth: 'storage:record:query',
|
|
|
|
|
+ icon: 'icon-cloud-download|iconfont',
|
|
|
|
|
+ tooltip: '下载',
|
|
|
|
|
+ label: '下载',
|
|
|
|
|
+ onClick: handleDownload.bind(null, record),
|
|
|
|
|
+ },
|
|
|
]"
|
|
]"
|
|
|
/>
|
|
/>
|
|
|
</template>
|
|
</template>
|
|
@@ -74,10 +83,12 @@
|
|
|
import FormDrawer from './formDrawer.vue';
|
|
import FormDrawer from './formDrawer.vue';
|
|
|
import ViewDrawer from './viewDrawer.vue';
|
|
import ViewDrawer from './viewDrawer.vue';
|
|
|
import { columns, searchFormSchema } from './data';
|
|
import { columns, searchFormSchema } from './data';
|
|
|
|
|
+ import { openWindow } from '/@/utils/index';
|
|
|
|
|
|
|
|
import { storageRecordQueryPage, storageRecordRemove } from '/@/api/infra/storageRecordApi';
|
|
import { storageRecordQueryPage, storageRecordRemove } from '/@/api/infra/storageRecordApi';
|
|
|
import { useDrawer } from '/@/components/Drawer';
|
|
import { useDrawer } from '/@/components/Drawer';
|
|
|
- import { getDownloadUrl } from '/@/api/common';
|
|
|
|
|
|
|
+ import { getDownloadUrl, getPreviewUrl } from '/@/api/common';
|
|
|
|
|
+ import { downloadByUrl } from '/@/utils/file/download';
|
|
|
|
|
|
|
|
onBeforeMount(async () => {});
|
|
onBeforeMount(async () => {});
|
|
|
|
|
|
|
@@ -164,11 +175,17 @@
|
|
|
});
|
|
});
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+ /// 点击文件名下载文件
|
|
|
|
|
+ async function handlePreview(row) {
|
|
|
|
|
+ const preUrl = await getPreviewUrl(row.id);
|
|
|
|
|
+ openWindow(preUrl, { target: '_blank' });
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
/// 点击文件名下载文件
|
|
/// 点击文件名下载文件
|
|
|
async function handleDownload(row) {
|
|
async function handleDownload(row) {
|
|
|
- console.log('row:::::::::::', row);
|
|
|
|
|
const dUrl = await getDownloadUrl(row.id);
|
|
const dUrl = await getDownloadUrl(row.id);
|
|
|
- console.log('dUrl::::::::::::', dUrl);
|
|
|
|
|
|
|
+ await downloadByUrl({ url: dUrl });
|
|
|
}
|
|
}
|
|
|
// 表格点击字段排序
|
|
// 表格点击字段排序
|
|
|
function handleSortFn(sortInfo) {
|
|
function handleSortFn(sortInfo) {
|