!285 文件管理,图片预览的路径获取方法修正

Merge pull request !285 from akey/next

Vben2/src/views/sys/admin/file/file.data.ts

@@ -2,7 +2,9 @@ import { BasicColumn, TableImg } from '/@/components/Table';
 import { FormSchema } from '/@/components/Table';
 import { h } from 'vue';
 import { Tag } from 'ant-design-vue';
+import { useGlobSetting } from '/@/hooks/setting';
 
+const { uploadUrl = '' } = useGlobSetting();
 export const columns: BasicColumn[] = [
   {
     title: '仓储名称',
@@ -32,13 +34,7 @@ export const columns: BasicColumn[] = [
         record.suffix.indexOf('jpg') > 0 ||
         record.suffix.indexOf('bmp') > 0
       ) {
-        const filePath =
-          import.meta.env.VITE_GLOB_UPLOAD_URL +
-          '/' +
-          record.filePath +
-          '/' +
-          record.id +
-          record.suffix;
+        const filePath = uploadUrl + '/' + record.filePath + '/' + record.id + record.suffix;
         return h(TableImg, {
           size: 60,
           simpleShow: true,

Vben2/src/views/sys/admin/file/index.vue

@@ -46,6 +46,7 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { downloadByUrl } from '/@/utils/file/download';
   import { usePermission } from '/@/hooks/web/usePermission';
+  import { useGlobSetting } from '/@/hooks/setting';
 
   import { columns, searchFormSchema } from './file.data';
   import { getFilePageList, uploadFile, deleteFile } from '/@/api/sys/admin';
@@ -56,6 +57,7 @@
     setup() {
       const { hasPermission } = usePermission();
       const { createMessage } = useMessage();
+      const { uploadUrl = '' } = useGlobSetting();
       const [registerTable, { reload, deleteTableDataRecord }] = useTable({
         title: '文件列表',
         api: getFilePageList,
@@ -84,13 +86,7 @@
       });
 
       async function handleDownload(record: Recordable) {
-        const filePath =
-          import.meta.env.VITE_GLOB_UPLOAD_URL +
-          '/' +
-          record.filePath +
-          '/' +
-          record.id +
-          record.suffix;
+        const filePath = uploadUrl + '/' + record.filePath + '/' + record.id + record.suffix;
         downloadByUrl({ url: filePath });
       }