+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentContact.name?.[0] || currentContact.username?.[0] || '?' }}
+
+ {{ currentContact.nickname || currentContact.username || currentContact.name }}
+
+ {{ currentContact.online ? '在线' : '离线' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 选择联系人开始聊天
+
+
+
+
+
+
+
+
+ {{ row.type === 'folder' ? '-' : formatSize(row.size) }}
+
+
+
+
+
+ {{ formatDate(row.createTime) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 更多
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web-vue/src/components/FileToolbar.vue b/web-vue/src/components/FileToolbar.vue
new file mode 100644
index 0000000..94b94aa
--- /dev/null
+++ b/web-vue/src/components/FileToolbar.vue
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+
diff --git a/web-vue/src/components/FolderDialog.vue b/web-vue/src/components/FolderDialog.vue
new file mode 100644
index 0000000..bb1bd38
--- /dev/null
+++ b/web-vue/src/components/FolderDialog.vue
@@ -0,0 +1,53 @@
+
+
+
+
+ {{ row.name }}
+
+
+
+ ![]()
+
+
+ {{ previewContent }}
+
+
+
+
+ 此文件类型暂不支持预览
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ !avatarUrl ? ((userStore.nickname || userStore.username)?.[0]?.toUpperCase() || '?') : '' }}
+
+
+
+
+ @{{ userStore.nickname || userStore.username }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 拖拽文件到此处，或点击选择（最多10个）
+
+
+
+
+
+ 文件名
+ 大小
+ 操作
+
+
+
+
+ {{ file.name }}
+ {{ formatSize(file.size) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web-vue/src/views/files/index.vue b/web-vue/src/views/files/index.vue
new file mode 100644
index 0000000..867f177
--- /dev/null
+++ b/web-vue/src/views/files/index.vue
@@ -0,0 +1,728 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/web-vue/src/views/login/LoginBg.svg b/web-vue/src/views/login/LoginBg.svg
new file mode 100644
index 0000000..3753a03
--- /dev/null
+++ b/web-vue/src/views/login/LoginBg.svg
@@ -0,0 +1,46 @@
+
diff --git a/web-vue/src/views/login/LoginForm.vue b/web-vue/src/views/login/LoginForm.vue
new file mode 100644
index 0000000..95c7d85
--- /dev/null
+++ b/web-vue/src/views/login/LoginForm.vue
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ file.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web-vue/src/views/not-found/index.vue b/web-vue/src/views/not-found/index.vue
new file mode 100644
index 0000000..9c8a163
--- /dev/null
+++ b/web-vue/src/views/not-found/index.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 云文件管理系统
+安全、高效、便捷的文件存储与共享平台
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ isLogin ? '欢迎登录' : '账号注册' }}
+
+
+
+
+
+
+
diff --git a/web-vue/src/views/preview/index.vue b/web-vue/src/views/preview/index.vue
new file mode 100644
index 0000000..a767f07
--- /dev/null
+++ b/web-vue/src/views/preview/index.vue
@@ -0,0 +1,143 @@
+
+
+
+ 404
+抱歉，您访问的页面不存在
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web-vue/vite.config.js b/web-vue/vite.config.js
new file mode 100644
index 0000000..cc60065
--- /dev/null
+++ b/web-vue/vite.config.js
@@ -0,0 +1,33 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+
+export default defineConfig({
+ plugins: [vue()],
+ resolve: {
+ alias: {
+ '@': path.resolve(__dirname, 'src')
+ }
+ },
+ server: {
+ port: 5173,
+ proxy: {
+ '/api': {
+ target: 'http://localhost:8080',
+ changeOrigin: true
+ },
+ '/ws': {
+ target: 'ws://localhost:8080',
+ ws: true
+ },
+ '/uploads': {
+ target: 'http://localhost:8080',
+ changeOrigin: true
+ },
+ '/files': {
+ target: 'http://localhost:8080',
+ changeOrigin: true
+ }
+ }
+ }
+})
\ No newline at end of file
+ 返回
+ {{ file?.name }}
+ 下载
+
+
+ ![]()
+
+
+ {{ content }}
+
+
+ 此文件类型暂不支持预览
+