admin/django-vue3-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文件选择器优化

Browse Source
This commit is contained in:
阿辉
2024-12-03 17:24:55 +08:00
parent 1993fdd509
commit da0f084b0c
1 changed files with 23 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/src/components/fileSelector/index.vue
View File

@@ -129,7 +129,7 @@
<!-- 只要在获取中，最大程度阻止关闭dialog --> <!-- 只要在获取中，最大程度阻止关闭dialog -->
<el-dialog v-model="netVisiable" :draggable="false" width="50%" :align-center="false" :append-to-body="true" <el-dialog v-model="netVisiable" :draggable="false" width="50%" :align-center="false" :append-to-body="true"
:title="'网络' + TypeLabel[tabsActived % 4] + '上传'" @closed="netUrl = ''" :close-on-click-modal="!netLoading" :title="'网络' + TypeLabel[tabsActived % 4] + '上传'" @closed="netUrl = ''" :close-on-click-modal="!netLoading"
:close-on-press-escape="!netLoading" :show-close="netLoading" modal-class="_overlay"> :close-on-press-escape="!netLoading" :show-close="!netLoading" modal-class="_overlay">
<el-form-item :label="TypeLabel[tabsActived % 4] + '链接'"> <el-form-item :label="TypeLabel[tabsActived % 4] + '链接'">
<el-input v-model="netUrl" placeholder="请输入网络连接" clearable> <el-input v-model="netUrl" placeholder="请输入网络连接" clearable>
<template #prepend> <template #prepend>
@@ -323,8 +323,13 @@ const netPrefix = ref<string>('HTTP://');
const confirmNetUrl = () => { const confirmNetUrl = () => {
if (!netUrl.value) return; if (!netUrl.value) return;
netLoading.value = true; netLoading.value = true;
fetch(netUrl.value).then(async (res: Response) => { let controller = new AbortController();
if (!res.ok) errorNotification(`网络${TypeLabel[tabsActived.value % 4]}获取失败，链接 ${netUrl.value}`); let timeout = setTimeout(() => {
controller.abort();
}, 10 * 1000);
fetch(netUrl.value, { signal: controller.signal }).then(async (res: Response) => {
clearTimeout(timeout);
if (!res.ok) errorNotification(`网络${TypeLabel[tabsActived.value % 4]}获取失败！`);
const _ = res.url.split('?')[0].split('/'); const _ = res.url.split('?')[0].split('/');
let filename = _[_.length - 1]; let filename = _[_.length - 1];
// let filetype = res.headers.get('content-type')?.split('/')[1] || ''; // let filetype = res.headers.get('content-type')?.split('/')[1] || '';
@@ -334,13 +339,15 @@ const confirmNetUrl = () => {
form.append('file', file); form.append('file', file);
form.append('upload_method', '1'); form.append('upload_method', '1');
fetch(getBaseURL() + 'api/system/file/', { method: 'post', body: form }) fetch(getBaseURL() + 'api/system/file/', { method: 'post', body: form })
.then(() => successNotification('网络文件获取成功！')) .then(() => successNotification('网络文件上传成功！'))
.then(() => { .then(() => { netVisiable.value = false; listRequest(); listRequestAll(); })
.catch(() => errorNotification('网络文件上传失败！'))
.then(() => netLoading.value = false);
}).catch((err: any) => {
console.log(err);
clearTimeout(timeout);
errorNotification(`网络${TypeLabel[tabsActived.value % 4]}获取失败！`);
netLoading.value = false; netLoading.value = false;
netVisiable.value = false;
listRequest();
listRequestAll();
});
}); });
}; };
@@ -365,8 +372,8 @@ onMounted(() => {
if (props.multiple && props.inputType !== 'selector') if (props.multiple && props.inputType !== 'selector')
throw new Error('FileSelector组件属性multiple为true时inputType必须为selector'); throw new Error('FileSelector组件属性multiple为true时inputType必须为selector');
listRequestAll(); listRequestAll();
console.log('tenentmdoe', isTenentMode); console.log('fileselector tenentmdoe', isTenentMode);
console.log('supertenent', isSuperTenent); console.log('fileselector supertenent', isSuperTenent);
}); });
</script> </script>
@@ -386,6 +393,10 @@ onMounted(() => {
gap: 12px; gap: 12px;
} }
:deep(.el-input-group__prepend) {
padding: 0 20px;
}
.listContainer { .listContainer {
display: grid; display: grid;
justify-items: center; justify-items: center;