+ 点击或拖拽图片到此处上传 +
++ 支持JPG、PNG、GIF等格式，单张图片不超过10MB +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/Preview/PreviewOCR/PreviewOCR.vue b/src/views/Preview/PreviewOCR/PreviewOCR.vue
index 0cf166c..f550120 100644
--- a/src/views/Preview/PreviewOCR/PreviewOCR.vue
+++ b/src/views/Preview/PreviewOCR/PreviewOCR.vue
@@ -5,9 +5,25 @@
+
+
+ 上传设置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自动复制链接
+
+
+
+
+ 生成缩略图
+
+
+
+
+ 链接格式
+
+ URL
+ Markdown
+ HTML
+ BBCode
+
+
+
+
+
+ 存储位置
+
+
+
+
+
+
+ 图片列表
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ {{ item.name }}
+ {{ item.size }}
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+ 文件名：
+ {{ imageBed.currentImage?.name }}
+
+
+ 大小：
+ {{ imageBed.currentImage?.size }}
+
+
+ 上传时间：
+ {{ imageBed.currentImage?.uploadTime }}
+
+
+ 图片链接：
+
+
+
+
+
+
+
+ 缩略图链接：
+
+
+
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+ {{ zoomLevel }}%
+
+
+
+
+
+
-
-
+
+
+
+
+
{{ recognizedText }}
+
+
+
+ 共 {{ recognizedLines.length }} 行文本
+ 已选择 {{ selectedLines.size }} 行
+
+
+ 全选
+
+
+
+
+
+
+ {{ index + 1 }}
+
+
+
+
+
+
+ {{ item }}
+
+
+
{
- websocket.initialize(wsOptions);
- websocket.on("message", async (res: any) => {
- if (res && res.code === 200) {
- const {data} = res;
- img.src = data;
- await upscale.loadImg(img);
- upscale.imageData = data;
- }
- });
+ if (user.settings.enableMobileUpload) {
+ websocket.initialize(wsOptions);
+ websocket.on("message", async (res: any) => {
+ if (res && res.code === 200) {
+ const {data} = res;
+ img.src = data;
+ await upscale.loadImg(img);
+ upscale.imageData = data;
+ }
+ });
+ }
});
watch(
() => websocket.readyState,
diff --git a/src/views/User/AccountSetting/AccountSetting.vue b/src/views/User/AccountSetting/AccountSetting.vue
index bbb4b1f..90d3dbb 100644
--- a/src/views/User/AccountSetting/AccountSetting.vue
+++ b/src/views/User/AccountSetting/AccountSetting.vue
@@ -20,18 +20,45 @@ import AccountSettingSidebar
.account-setting {
background-color: #eaeef6;
+ .personal-center-header {
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+ background-color: white;
+ position: relative;
+ z-index: 10;
+ }
+
.account-setting-container {
display: flex;
flex-direction: row;
width: 100%;
height: calc(100vh - 70px);
+ position: relative;
.account-setting-view {
width: calc(100vw - 230px);
- height: calc(100vh - 100px);
+ height: calc(100vh - 120px);
max-height: calc(100vh - 100px);
- padding: 15px;
+ padding: 20px;
overflow: auto;
+ transition: all 0.3s ease;
+
+ &::-webkit-scrollbar {
+ width: 8px;
+ }
+
+ &::-webkit-scrollbar-track {
+ background: #f1f1f1;
+ border-radius: 4px;
+ }
+
+ &::-webkit-scrollbar-thumb {
+ background: #c1c1c1;
+ border-radius: 4px;
+ }
+
+ &::-webkit-scrollbar-thumb:hover {
+ background: #a8a8a8;
+ }
}
}
}
diff --git a/src/views/User/AccountSetting/components/AccountSettingBackup/AccountSettingBackup.vue b/src/views/User/AccountSetting/components/AccountSettingBackup/AccountSettingBackup.vue
new file mode 100644
index 0000000..2705994
--- /dev/null
+++ b/src/views/User/AccountSetting/components/AccountSettingBackup/AccountSettingBackup.vue
@@ -0,0 +1,598 @@
+
+
-
+
+
+
+
+
+
diff --git a/src/views/User/AccountSetting/components/AccountSettingHome/AccountSettingHome.vue b/src/views/User/AccountSetting/components/AccountSettingHome/AccountSettingHome.vue
index e880d63..83261f0 100644
--- a/src/views/User/AccountSetting/components/AccountSettingHome/AccountSettingHome.vue
+++ b/src/views/User/AccountSetting/components/AccountSettingHome/AccountSettingHome.vue
@@ -2,97 +2,176 @@
+ 图像备份
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ ProviderNameMap[selectedSourceStorage.provider] }}
+
+ {{ selectedSourceStorage.bucket }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ ProviderNameMap[selectedTargetStorage.provider] }}
+
+ {{ selectedTargetStorage.bucket }}
+
+
+
+
+
+
+
+
+ 开始备份
+
+
+
+
+
+ {{ backupStatus }}
+
+ 取消备份
+
+
+ 前往添加存储
+
+
-
+ 
+
+
-
+
{{ userStore.user.nickname }}
正式会员
-
-
-
-
- 
+ 活跃用户
+
-
-
+
+ 等级进度
+
+
+
+
+ 当前
+
+
+ 当前
+
+
+ 下一级
+
+
+ 下一级
+
+
+
+
+
+ 2.5GB
+ 已用存储
+
+
+
+
+ 128
+ 照片数量
+
+
+
+
+ 12
+ 相册数量
+
+
- 安全评分: 85分
-
-
-
-
+
+
+
+
+ 我的邮箱
+
+ {{ securityStatus.bind_email ? "已绑定" : "未绑定" }}
+
-
- 我的邮箱
- 绑定邮箱后即可使用邮箱登录
-
-
- {{ securityStatus.bind_email ? "已绑定邮箱" : "绑定邮箱" }}
-
- {{ securityStatus.bind_email ? "修改邮箱" : "绑定邮箱" }}
-
+
- 绑定邮箱后即可使用邮箱登录
+
+
+ {{ securityStatus.bind_email ? "已绑定邮箱" : "绑定邮箱" }}
+
+ {{ securityStatus.bind_email ? "修改邮箱" : "绑定邮箱" }}
+ 解绑邮箱
-
-
+
+
+
+
+
+
-
+ 我的手机
+ 已绑定
-
- 我的手机
- 绑定手机后即可使用手机号登录
-
- 已绑定手机
- 更改手机
-
+
-
- 绑定手机后即可使用手机号登录
+
+
+ {{ securityStatus.bind_phone ? "已绑定手机" : "绑定手机" }}
+
+ {{ securityStatus.bind_phone ? "修改手机" : "绑定手机" }}
-
-
+
+
+
+
+
+
+
+
+ 我的密保
+
+ {{ securityStatus.set_password ? "已设置" : "未设置" }}
+
-
- 我的密保
- 设置密保，账号更安全
-
-
- {{ securityStatus.set_password ? "已设置密保" : "设置密保" }}
-
- {{ securityStatus.set_password ? "修改密保" : "设置密保" }}
-
+
- 设置密保，账号更安全
+
+
+ {{ securityStatus.set_password ? "已设置密保" : "设置密保" }}
+
+ {{ securityStatus.set_password ? "修改密保" : "设置密保" }}
-
-
+
+
+
+
+
+
+ 三方登录
+
+ {{ securityStatus.bind_wechet ? "已绑定" : "未绑定" }}
+
-
- 三方登录
- 绑定三方账号，安全登录
-
-
- {{ securityStatus.bind_wechet ? "已绑定" : "绑定" }}
-
- {{ securityStatus.bind_wechet ? "管理" : "" }}
-
+
-
+ 绑定三方账号，安全登录
+
+
+ {{ securityStatus.bind_wechet ? "已绑定" : "绑定" }}
+
+ {{ securityStatus.bind_wechet ? "管理" : "绑定" }}
- 我的信息
+ 我的信息
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 未知
- 男
- 女
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+ 基本信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 未知
+ 男
+ 女
+
+
+
+
+
+
+
+
+
+
详细信息
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- 保存
+ 取消
+ 保存
+
-
-
-
+
- {{ storage.bucket }}
+ style="height: 40px;width: 170px;">
+
-
+
+
@@ -55,10 +129,11 @@ import bucket from "@/assets/svgs/bucket.svg";
import time from "@/assets/svgs/time.svg";
import location from "@/assets/svgs/location-album.svg";
import deleted from "@/assets/svgs/deleted-circle.svg";
-
import {message} from "ant-design-vue";
+import {CheckOutlined, FolderOutlined, DeleteOutlined} from "@ant-design/icons-vue";
import {deleteStorageConfigApi} from "@/api/storage";
import {AliRegionMap, ProviderColorMap, ProviderIcon, ProviderNameMap} from "@/constant/provider_map.ts";
+import {ref} from "vue";
defineProps({
storage: {
@@ -67,6 +142,16 @@ defineProps({
}
});
+// 存储详情模态窗口可见性
+const storageDetailVisible = ref(false);
+
+/**
+ * 显示存储详情
+ */
+function showStorageDetail(_event: MouseEvent) {
+ storageDetailVisible.value = true;
+}
+
/**
* 删除存储配置
*/
@@ -78,25 +163,41 @@ async function deleteStorage(id: number, provider: string, bucket: string) {
message.error("删除失败");
}
}
+
+/**
+ * 测试存储连接
+ */
+function testStorageConnection() {
+ message.info("测试连接功能正在开发中");
+}
+
+/**
+ * 查看存储文件
+ */
+function viewStorageFiles() {
+ message.info("查看文件功能正在开发中");
+}
diff --git a/src/views/User/PersonalCenter/components/UserCenterSetting/UserCenterSetting.vue b/src/views/User/PersonalCenter/components/UserCenterSetting/UserCenterSetting.vue
index 02e199c..074a98b 100644
--- a/src/views/User/PersonalCenter/components/UserCenterSetting/UserCenterSetting.vue
+++ b/src/views/User/PersonalCenter/components/UserCenterSetting/UserCenterSetting.vue
@@ -1,32 +1,123 @@
+
+
+
+
+
+
+
+
+ {{ storage.bucket }}
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
用户设置
-
-
- 是否开启AI识别
-
+
+
+ 用户设置
+您可以在这里管理您的账户设置和偏好
+
+
+
账户安全
+
+
-
+
+
+
+
+
+
+ 
+
+
+
+ 开启AI识别
+ 允许系统使用AI技术识别您的照片内容
+
+
+
+
+
+
+ 
+
+
+
+ 开启手机上传
+ 允许从移动设备上传照片到您的相册
+
+
- 是否开启手机上传
-
-
- 是否公开个人资料
-
-
- 是否公开个人资料
-
-
- 是否开启搜索记录
-
+
+
+
隐私设置
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 公开个人资料
+ 允许其他用户查看您的个人资料信息
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 开启评论功能
+ 允许其他用户在您的照片下方评论
+
+
+
+
+
+
+ 
+
+
+
+ 保存搜索记录
+ 保存您的搜索历史以提供更好的推荐
+
+