+
@@ -57,7 +58,7 @@
content="画笔"
placement="top"
>
- ![]()
+ ![]()
@@ -77,6 +78,9 @@
import brush from '@/assets/display/brush.svg'
import { useDisplayStore, useParamStore, useUserStore } from '@/stores'
import { downloadImage } from '@/utils/downloadImage.js'
+import reEditIcon from '@/assets/display/reEdit.svg'
+import againGenerateIcon from '@/assets/display/againGenerate.svg'
+import deleteImageIcon from '@/assets/display/deleteImage.svg'
const props = defineProps({
item: {
@@ -114,17 +118,17 @@ const deleteImage = (url, number) => {
const bottomBtnGroup = [
{
name: '重新编辑',
- icon: '@/assets/display/dialogModification.svg',
+ icon: reEditIcon,
click: reEdit
},
{
name: '再次生成',
- icon: '@/assets/display/AIvideo.svg',
+ icon: againGenerateIcon,
click: againGenerate
},
{
name: '删除该批次',
- icon: '@/assets/display/delete.svg',
+ icon: deleteImageIcon,
click: deleteImage
}
]
@@ -351,6 +355,7 @@ const addCollection = (url) => {
.bottom-btn{
display: flex;
align-items: center;
+ justify-content: center;
gap: 5px;
padding: 5px 10px;
border-radius: 5px;
diff --git a/src/views/home/display/index.vue b/src/views/home/display/index.vue
index 4e81ee5..feb70ca 100644
--- a/src/views/home/display/index.vue
+++ b/src/views/home/display/index.vue
@@ -8,30 +8,48 @@
AI绘画2026
+
+
回到底部
+
@@ -25,7 +28,7 @@
- 
+
-
+
生成
@@ -57,7 +60,7 @@ import Quantity from './quantity/index.vue'
import Model from './model/index.vue'
import { Sender } from 'vue-element-plus-x'
import { useDisplayStore, useParamStore } from '@/stores'
-import { generateSubImage } from '@/utils/websocket'
+import { generate } from '@/utils/websocket'
import { useRouter } from 'vue-router'
const props = defineProps({
@@ -80,7 +83,7 @@ const model = ref('flux')
const proportion = ref('9:16')
const quantity = ref(1)
-const promptPlaceholder = '结合图片，描述你想生成的画面和动作。例如：电影感剧照，氛围温聲。柔和色调，略带胶片颗粒感，连贯摆出棚拍的动作。'
+const promptPlaceholder = '描述你想生成的画面和动作。'
const prompt = ref('')
const imageurl = ref('')
const imageurlShow = ref('')
@@ -88,7 +91,7 @@ const isgerenate = ref(false)
const autoSizeConfig = computed(() => {
if (useDisplay.Sender_variant !== 'default') {
- return { minRows: 3, maxRows: 3 }
+ return { minRows: 5, maxRows: 9 }
} else {
return { minRows: 1, maxRows: 1 }
}
@@ -149,22 +152,37 @@ const Errors = (error) => {
imageurlShow.value = ''
}
-const generate = async () => {
+const handleStart = async () => {
if (!props.isGenerate) {
router.push({ name: 'home', query: { loading: false, Generate: true } })
}
- if (!imageurl.value && !prompt.value) {
+ if (!prompt.value) {
// eslint-disable-next-line no-undef
ElMessage.error('请输入提示词')
return
}
isgerenate.value = true
- useDisplay.isSubGerenate = true
console.log('生成开始', isgerenate.value)
- await generateSubImage(3, { videoImg: imageurl.value, text: prompt.value, file_type: 'video', parentCreateTime: parentTime.value, parentIndex: parentIndex.value, parentTaskId: parentTaskId.value }, '生成视频')
+ const data = {
+ videoImg: imageurl.value,
+ text: prompt.value,
+ file_type: 'video',
+ }
+ await generate(data, 1, 1)
console.log('生成中', isgerenate.value)
}
+const handleContainerClick = () => {
+ if (useDisplay.Sender_variant === 'default') {
+ useDisplay.Sender_variant = 'updown'
+ }
+}
+
+const handleScrollToBottom = () => {
+ console.log('点击回到底部按钮')
+ useDisplay.scrollToBottom()
+}
+
watch(() => useDisplay.isSubGerenate, (newValue) => {
console.log('生成状态', newValue)
if (!newValue) {
@@ -202,7 +220,34 @@ onMounted(() => {
left: 50%;
transform: translateX(-50%);
border-radius: 10px;
-
+ transition: all 0.3s ease;
+}
+
+.scroll-to-bottom-btn {
+ width: 100%;
+ display: flex;
+ justify-content: flex-end;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ z-index: 101;
+ margin-bottom: 10px;
+
+ .scroll-to-bottom-text {
+ padding: 8px;
+ width: auto;
+ height: auto;
+ border-radius: 10px;
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+ background-color: rgba(0, 15, 51, 0.836);
+ color: #ffffff;
+ font-size: 12px;
+ &:active {
+ transform: scale(0.95);
+ }
+ &:hover {
+ background-color: rgb(0, 15, 51);
+ }
+ }
}
.generate{
height: 100%;
@@ -215,7 +260,6 @@ onMounted(() => {
box-shadow: none;
:deep(.el-sender){
- background-color: #F8F9FA;
border: none;
box-shadow: none;
}
@@ -244,13 +288,13 @@ onMounted(() => {
line-height: normal;
}
:deep(.el-sender){
- background-color: #ffffff;
+ background-color: #F8F9FA;
border: none;
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
+ border-radius: 20px;
}
:deep(.el-sender:focus-within){
- box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
+ box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
// 时间选择器
diff --git a/src/components/dialogBox/model/index.vue b/src/components/dialogBox/model/index.vue
index 8c5d7f7..f4de1a9 100644
--- a/src/components/dialogBox/model/index.vue
+++ b/src/components/dialogBox/model/index.vue
@@ -42,7 +42,7 @@
- 
+ 
{{ getModelLabel(model) }}
diff --git a/src/components/dialogBox/proportion/index.vue b/src/components/dialogBox/proportion/index.vue
index 83a9b9b..6727951 100644
--- a/src/components/dialogBox/proportion/index.vue
+++ b/src/components/dialogBox/proportion/index.vue
@@ -39,7 +39,7 @@
+
{{ getModelLabel(model) }}
@@ -49,7 +49,7 @@
-
+ 
{{ proportion }}
diff --git a/src/components/dialogBox/quantity/index.vue b/src/components/dialogBox/quantity/index.vue
index c6e6941..3af0439 100644
--- a/src/components/dialogBox/quantity/index.vue
+++ b/src/components/dialogBox/quantity/index.vue
@@ -5,7 +5,7 @@
+
{{ proportion }}
-
+ 
{{ quantity }} 张
diff --git a/src/router/index.js b/src/router/index.js
index d3fe601..408d68c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,6 @@
import { createRouter, createWebHistory } from 'vue-router'
import { useDisplayStore, useUserStore } from '@/stores'
-import { getToken } from '@/utils/auth'
+import { getToken, setToken } from '@/utils/auth'
const routes = [
{
@@ -29,45 +29,47 @@ const router = createRouter({
routes
})
-// router.beforeEach(async (to, from, next) => {
-// // 白名单路径（不需要验证 token 的路径）
-// const whiteList = ['/login']
+router.beforeEach(async (to, from, next) => {
+ if(to.query.token){
+ setToken(to.query.token)
+ } else {
+ // 检查是否有 token
+ const token = getToken()
+ if (!token) {
+ // 没有 token，重定向到登录页
+ return next('/login')
+ }
+ }
-// // 如果访问的是白名单路径，直接放行
-// if (whiteList.includes(to.path)) {
-// return next()
-// }
+ // 白名单路径（不需要验证 token 的路径）
+ const whiteList = ['/login']
+ // 获取用户 store 实例
+ const userStore = useUserStore()
+ // 如果访问的是白名单路径，直接放行
+ if (whiteList.includes(to.path)) {
+ return next()
+ }
-// // 检查是否有 token
-// const token = getToken()
-// if (!token) {
-// // 没有 token，重定向到登录页
-// return next('/login')
-// }
-// useDisplayStore().sidebarShow = to.path.split('/')[1]
-// // 获取用户 store 实例
-// const userStore = useUserStore()
-
-// // 检查 token 是否有效
-// try {
-// const isTokenValid = await userStore.checkTokenValid()
-// console.log(isTokenValid)
-// if (isTokenValid) {
-// // token 有效，允许访问
-// if (!userStore.userInfo.id) {
-// // 如果用户信息不存在，则从服务器获取
-// await userStore.getInfo()
-// }
-// next()
-// } else {
-// // token 无效，重定向到登录页
-// next('/login')
-// }
-// } catch (error) {
-// // 验证过程中出错，重定向到登录页
-// console.error('验证 token 时出错:', error)
-// next('/login')
-// }
-// })
+ // 检查 token 是否有效
+ try {
+ const isTokenValid = await userStore.checkTokenValid()
+ console.log(isTokenValid)
+ if (isTokenValid) {
+ // token 有效，允许访问
+ if (!userStore.userInfo.id) {
+ // 如果用户信息不存在，则从服务器获取
+ await userStore.getInfo()
+ }
+ next()
+ } else {
+ // token 无效，重定向到登录页
+ next('/login')
+ }
+ } catch (error) {
+ // 验证过程中出错，重定向到登录页
+ console.error('验证 token 时出错:', error)
+ next('/login')
+ }
+})
export default router
diff --git a/src/stores/display.js b/src/stores/display.js
index 60db76e..3761f34 100644
--- a/src/stores/display.js
+++ b/src/stores/display.js
@@ -1,7 +1,54 @@
const DisplayStoreSetup = () => {
const Sender_variant = ref('updown')
+ const scrollerRef = ref(null)
+
+ const scrollToBottom = () => {
+ console.log('store - 尝试滚动到底部')
+ const refValue = scrollerRef.value
+ console.log('store - scrollerRef.value:', refValue)
+
+ if (refValue) {
+ console.log('store - scrollerRef.value.$el:', refValue.$el)
+
+ try {
+ if (typeof refValue.scrollToItem === 'function') {
+ console.log('store - 使用 scrollToItem 方法')
+ refValue.scrollToItem(refValue.items?.length - 1)
+ } else {
+ console.log('store - scrollToItem 方法不存在')
+
+ const scrollerEl = refValue.$el
+ if (!scrollerEl) {
+ console.log('store - scrollerEl 不存在')
+ return
+ }
+
+ console.log('store - scrollerEl:', scrollerEl)
+
+ const viewport = scrollerEl.querySelector('.vue-recycle-scroller__viewport')
+ if (viewport) {
+ console.log('store - 找到 viewport 元素')
+ viewport.scrollTop = viewport.scrollHeight
+ console.log('store - viewport.scrollTop:', viewport.scrollTop)
+ console.log('store - viewport.scrollHeight:', viewport.scrollHeight)
+
+ setTimeout(() => {
+ viewport.scrollTop = viewport.scrollHeight
+ }, 50)
+ }
+ }
+ } catch (error) {
+ console.error('store - 滚动出错:', error)
+ }
+ } else {
+ console.log('store - scrollerRef 不存在')
+ }
+ }
+
return {
- Sender_variant
+ Sender_variant,
+ scrollerRef,
+ scrollToBottom
}
}
diff --git a/src/stores/user.js b/src/stores/user.js
index e4e86bf..19bad0b 100644
--- a/src/stores/user.js
+++ b/src/stores/user.js
@@ -32,7 +32,6 @@ const storeSetup = () => {
const permissions = ref([]) // 当前角色权限标识集合
const dept = ref({}) // 当前用户所在部门集合
- const schoolURL = ref({ school: '', college: '' })
const isLogin = ref(false)
// 重置token
@@ -58,7 +57,7 @@ const storeSetup = () => {
const getInfo = async () => {
const res = await getUserInfoApi()
Object.assign(userInfo, res.data)
- userInfo.avatar = getAvatar(res.data.avatar, res.data.gender)
+ // userInfo.avatar = getAvatar(res.data.avatar, res.data.gender)
userInfo.username = res.data.username
if (typeof res.data.routers === 'string' && res.data.routers.trim() !== '') {
userInfo.routers = res.data.routers.split(',').map((item) => item.trim()) // 补充trim处理更完善
diff --git a/src/utils/websocket.js b/src/utils/websocket.js
index 42cc4e0..3d0839e 100644
--- a/src/utils/websocket.js
+++ b/src/utils/websocket.js
@@ -47,248 +47,7 @@ export function websocketSuccess() {
})
}
-export async function generateRootImage(aspectRatio, prompt) {
- const progress_text = ref('')
- const message = ref('')
- const useDisplay = useDisplayStore()
- const useParams = useParamStore()
- const useUser = useUserStore()
-
- const newTaskRootId = crypto.randomUUID()
- const taskId = crypto.randomUUID()
- const time = await getFormattedTime()
- const newRootTaskImage = useParams.rootTaskImage
- const token = getToken()
-
- const result = await createTask(1, { prompt, aspectRatio, time, taskRootId: newTaskRootId, taskId, token })
- // const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOjY0NDEwODAyMjk1OTgzNzIzMCwicm5TdHIiOiJiWkVwS2JLWFJyZmRIaFFHWXZKTkdzOGdGM0JSRmxQOCJ9.5eQ2GtVdrDntQDe2tnF8vl_DhTfd2uW-KNqzvl1imc0'
- const wsURL = `${import.meta.env.VITE_API_WORKFLOW_WS}/?token=${token}`
- const socket = new WebSocket(wsURL)
- console.log('WebSocket连接已建立')
-
- // 心跳机制相关变量
- let heartbeatInterval = null
- const heartbeatIntervalTime = 20000 // 30秒发送一次心跳
-
- try {
- // 接收服务器消息
- socket.onmessage = async (event) => {
- // 处理pong响应
- if (event.data === 'pong') {
- console.log('收到心跳响应')
- return
- } else if (event.data === 'please give me taskId') {
- socket.send(`setTaskId:${taskId}`)
- progress_text.value = '信息提交中...'
- return
- } else if (event.data === 'OK! Please continue. ') {
- // 发送消息
- useParams.newTaskRootId = newTaskRootId
- useParams.taskRootId = newTaskRootId
- useDisplay.taskRootId = newTaskRootId
- socket.send(JSON.stringify({
- type: 'generate',
- data: result
- }))
- return
- } else if (event.data === '任务提交成功，正在排队中...') {
- progress_text.value = '生成中...'
- useParams.setRootTask = { id: taskId, type: 'image', status: 'generate', name: '模特展示图', time, files: [] }
- return
- }
-
- message.value = event.data
- }
-
- // 处理链接错误
- socket.onerror = (error) => {
- console.error('WebSocket链接出错:', error)
-
- // 清理心跳定时器
- if (heartbeatInterval) {
- console.log('清理心跳定时器')
- clearInterval(heartbeatInterval)
- }
- }
-
- // 处理链接关闭
- socket.onclose = async (event) => {
- console.log('WebSocket已关闭:', event)
- useDisplay.isRootGerenate = false
-
- // 清理心跳定时器
- if (heartbeatInterval) {
- console.log('清理心跳定时器')
- clearInterval(heartbeatInterval)
- }
- if (event.code === 1006) {
- console.error('用户身份验证失败')
- userError()
- return
- }
- if (event.code === 1000 && event.reason === 'success') {
- const res = JSON.parse(message.value)
- console.log('收到服务器消息:', res)
- const result = await getTask(res)
- if (result.type) {
- useParams.setRootTask = { id: taskId, type: 'image', status: 'success', name: '模特展示图', time, files: [result.url] }
- setTaskRootId({ taskRootId: newTaskRootId, userId: useUser.userInfo.id, imageUrl: newRootTaskImage })
- useDisplay.getNewHistory = true
- websocketSuccess()
- } else {
- websocketError(4403, res.message)
- }
- } else {
- websocketError(event.code, event.reason)
- useParams.setRootTask = { id: taskId, type: 'image', status: 'error', name: '生成失败', time, files: [] }
- }
- }
-
- // 等待 WebSocket 连接打开
- socket.onopen = async () => {
- console.log('WebSocket连接已建立')
-
- // 启动心跳机制
- heartbeatInterval = setInterval(() => {
- if (socket.readyState === WebSocket.OPEN) {
- socket.send('ping')
- console.log('发送心跳包')
- }
- }, heartbeatIntervalTime)
- }
- } catch (error) {
- console.log('Error creating AI3D_file:', error)
-
- ElNotification({
- title: '生成通知',
- message: h('i', { style: 'color: teal' }, '生成失败，请检查参数后重新提交任务'),
- type: 'error'
- })
- }
-}
-
-export async function generateSubImage(taskType, data, title) {
- const progress_text = ref('')
- const message = ref('')
- const useParams = useParamStore()
- const useDisplay = useDisplayStore()
-
- const newTaskRootId = useDisplay.taskRootId
- console.log('newTaskRootId', newTaskRootId)
- useParams.taskRootId = newTaskRootId
- const taskId = crypto.randomUUID()
- const time = await getFormattedTime()
- const token = getToken()
-
- const result = await createTask(taskType, { ...data, time, taskId, taskRootId: newTaskRootId, token }, title)
- // const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJsb2dpblR5cGUiOiJsb2dpbiIsImxvZ2luSWQiOjY0NDEwODAyMjk1OTgzNzIzMCwicm5TdHIiOiJiWkVwS2JLWFJyZmRIaFFHWXZKTkdzOGdGM0JSRmxQOCJ9.5eQ2GtVdrDntQDe2tnF8vl_DhTfd2uW-KNqzvl1imc0'
- const wsURL = `${import.meta.env.VITE_API_WORKFLOW_WS}/?token=${token}`
- const socket = new WebSocket(wsURL)
- console.log('WebSocket连接已建立')
-
- // 心跳机制相关变量
- let heartbeatInterval = null
- const heartbeatIntervalTime = 20000 // 30秒发送一次心跳
-
- try {
- // 接收服务器消息
- socket.onmessage = async (event) => {
- // 处理pong响应
- if (event.data === 'pong') {
- console.log('收到心跳响应')
- return
- } else if (event.data === 'please give me taskId') {
- socket.send(`setTaskId:${taskId}`)
- progress_text.value = '信息提交中...'
- return
- } else if (event.data === 'OK! Please continue. ') {
- // 发送消息
- socket.send(JSON.stringify({
- type: 'generate',
- data: result
- }))
- return
- } else if (event.data === '任务提交成功，正在排队中...') {
- progress_text.value = '生成中...'
- useParams.setSubTask = { id: taskId, type: data.file_type, status: 'generate', name: title, time, parentIndex: data.parentIndex, parentTime: data.parentCreateTime, files: [] }
- useDisplay.AIvideo = false
- return
- }
- message.value = event.data
- }
-
- // 处理链接错误
- socket.onerror = (error) => {
- console.error('WebSocket链接出错:', error)
-
- // 清理心跳定时器
- if (heartbeatInterval) {
- clearInterval(heartbeatInterval)
- }
-
- ElNotification({
- title: '生成通知',
- message: h('i', { style: 'color: teal' }, '生成视频失败'),
- type: 'error'
- })
- }
-
- // 处理链接关闭
- socket.onclose = async (event) => {
- console.log('WebSocket已关闭:', event)
- useDisplay.isSubGerenate = false
-
- // 清理心跳定时器
- if (heartbeatInterval) {
- clearInterval(heartbeatInterval)
- }
- if (event.code === 1006) {
- console.error('用户身份验证失败')
- userError()
- } else if (event.code === 1000 && event.reason === 'success') {
- const res = JSON.parse(message.value)
- console.log('收到服务器消息:', res)
- const result = await getTask(res)
- if (result.type) {
- useParams.setSubTask = { id: taskId, type: data.file_type, status: 'success', name: title, time, parentIndex: data.parentIndex, parentTime: data.parentCreateTime, files: [result.url] }
- websocketSuccess()
- } else {
- websocketError(4403, res.message)
- }
- } else {
- websocketError(event.code, event.reason)
- useParams.setSubTask = { id: taskId, type: 'image', status: 'error', name: '生成失败', time, files: [] }
- }
- // 清理心跳定时器
- if (heartbeatInterval) {
- clearInterval(heartbeatInterval)
- }
- }
-
- // 等待 WebSocket 连接打开
- socket.onopen = async () => {
- console.log('WebSocket连接已建立')
-
- // 启动心跳机制
- heartbeatInterval = setInterval(() => {
- if (socket.readyState === WebSocket.OPEN) {
- socket.send('ping')
- console.log('发送心跳包')
- }
- }, heartbeatIntervalTime)
- }
- } catch (error) {
- console.log('Error creating AI3D_file:', error)
-
- ElNotification({
- title: '生成通知',
- message: h('i', { style: 'color: teal' }, '生成失败，请检查参数后重新提交任务'),
- type: 'error'
- })
- }
-}
-
-export async function generateAIimage(taskType, data, type) {
+export async function generate(taskType, data, type) {
const progress_text = ref('')
const message = ref('')
const useDisplay = useDisplayStore()
@@ -314,17 +73,21 @@ export async function generateAIimage(taskType, data, type) {
return
} else if (event.data === 'please give me taskId') {
socket.send(`setTaskId:${taskId}`)
- progress_text.value = '信息提交中...'
+ progerss_text.value = '信息提交中...'
return
} else if (event.data === 'OK! Please continue. ') {
- // 发送消息
socket.send(JSON.stringify({
type: 'generate',
data: result
}))
return
} else if (event.data === '任务提交成功，正在排队中...') {
- progress_text.value = '视频生成中...'
+ progerss_text.value = '视频生成中...'
+ // 启动进度条更新
+ startTime.value = Date.now()
+ progressPercent.value = 0
+ progressInterval.value = window.setInterval(updateProgress, 1000)
+ progress.value = true
return
}
message.value = event.data
@@ -338,30 +101,34 @@ export async function generateAIimage(taskType, data, type) {
if (heartbeatInterval) {
clearInterval(heartbeatInterval)
}
+
+ // eslint-disable-next-line no-undef
+ ElNotification({
+ title: '生成通知',
+ // eslint-disable-next-line no-undef
+ message: h('i', { style: 'color: teal' }, '生成视频失败'),
+ type: 'error'
+ })
}
// 处理链接关闭
socket.onclose = async (event) => {
console.log('WebSocket已关闭:', event)
- useDisplay.isAIgenerate[type] = false
+ isGenerating.value = false
// 清理心跳定时器
if (heartbeatInterval) {
- console.log('清理心跳定时器')
clearInterval(heartbeatInterval)
}
+ const res = JSON.parse(message.value)
if (event.code === 1006) {
console.error('用户身份验证失败')
userError()
- return
- }
- if (event.code === 1000 && event.reason === 'success') {
- const res = JSON.parse(message.value)
+ } else if (event.code === 1000 && event.reason === 'success') {
console.log('收到服务器消息:', res)
- const result = await getTask(res)
+ const result = await getVideo(tempPlatform.value, res)
if (result.type) {
- useDisplay.AIimage[type] = result.url
- console.log('生成成功', useDisplay.AIimage[type])
+ previewUrl.value = result.url
websocketSuccess()
} else {
websocketError(4403, res.message)
@@ -369,11 +136,20 @@ export async function generateAIimage(taskType, data, type) {
} else {
websocketError(event.code, event.reason)
}
+ progress.value = false
+ clearInterval(progressInterval.value)
+ progressInterval.value = null
+ isGenerating.value = false
+ // 清理心跳定时器
+ if (heartbeatInterval) {
+ clearInterval(heartbeatInterval)
+ }
}
// 等待 WebSocket 连接打开
socket.onopen = () => {
console.log('WebSocket连接已建立')
+
// 启动心跳机制
heartbeatInterval = setInterval(() => {
if (socket.readyState === WebSocket.OPEN) {
@@ -381,19 +157,13 @@ export async function generateAIimage(taskType, data, type) {
console.log('发送心跳包')
}
}, heartbeatIntervalTime)
-
- // 发送消息
- socket.send(JSON.stringify({
- type: 'generate',
- data: result
- }))
}
} catch (error) {
console.log('Error creating AI3D_file:', error)
-
+ // eslint-disable-next-line no-undef
ElNotification({
title: '生成通知',
-
+ // eslint-disable-next-line no-undef
message: h('i', { style: 'color: teal' }, '生成失败，请检查参数后重新提交任务'),
type: 'error'
})
diff --git a/src/views/home/display/components/set.vue b/src/views/home/display/components/set.vue
index fdeda1b..f4aad15 100644
--- a/src/views/home/display/components/set.vue
+++ b/src/views/home/display/components/set.vue
@@ -4,12 +4,13 @@
+
{{ quantity }} 张
- {{ props.item.name }}
- ({{ props.item.time }})
+ {{ props.item.text }}
-
源自 {{ props.item.parentTime }}
+
+ 源自 {{ props.item.parentTime }}
+
第 {{ props.item.parentIndex }} 张图片
-
+
- 
+ 
-
+
- 时间
-
+
@@ -208,7 +278,7 @@ onMounted(() => {
display: flex;
align-items: center;
gap: 6px;
- height: 36px;
+ height: auto;
padding: 4px;
right: 30px;
top: 22px;
@@ -244,7 +314,7 @@ onMounted(() => {
.scroller {
height: 100%;
- padding: 30px 0px 170px 0px;
+ padding: 30px 0px 200px 0px;
will-change: scroll-position;
-webkit-overflow-scrolling: touch; /* iOS Safari */
scroll-behavior: smooth; /* 平滑滚动 */
@@ -252,5 +322,34 @@ onMounted(() => {
&::-webkit-scrollbar-track {
background: transparent; /* 轨道透明 */
}
+
+ :deep(.option-item) {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ padding: 0 20px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ }
+
+ :deep(.option-item:hover) {
+ background-color: #f5f7fa;
+ }
+
+ :deep(.option-item.selected) {
+ color: #000F33;
+ font-weight: 500;
+ }
+
+ :deep(.option-text) {
+ flex: 1;
+ text-align: left;
+ }
+
+ :deep(.option-check) {
+ margin-left: 10px;
+ font-weight: bold;
+ }
}
+
+
-
- 收藏
-
+
+
+