Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
phsl
/
admin
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
8e821445
authored
Jun 03, 2024
by
cherishsince
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
【优化】调整 ai Image 方法注释
parent
9bd8d8e9
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
20 additions
and
60 deletions
+20
-60
src/views/ai/image/ImageDetailDrawer.vue
+3
-9
src/views/ai/image/ImageTask.vue
+4
-12
src/views/ai/image/ImageTaskCard.vue
+1
-3
src/views/ai/image/dall3/index.vue
+5
-15
src/views/ai/image/index.vue
+2
-6
src/views/ai/image/midjourney/index.vue
+5
-15
No files found.
src/views/ai/image/ImageDetailDrawer.vue
View file @
8e821445
...
@@ -85,24 +85,18 @@ const props = defineProps({
...
@@ -85,24 +85,18 @@ const props = defineProps({
}
}
})
})
/**
/** 抽屉 - close */
* 抽屉 - close
*/
const
handlerDrawerClose
=
async
()
=>
{
const
handlerDrawerClose
=
async
()
=>
{
emits
(
'handlerDrawerClose'
)
emits
(
'handlerDrawerClose'
)
}
}
/**
/** 获取 - 图片 detail */
* 获取 - 图片 detail
*/
const
getImageDetail
=
async
(
id
)
=>
{
const
getImageDetail
=
async
(
id
)
=>
{
// 获取图片详细
// 获取图片详细
imageDetail
.
value
=
await
ImageApi
.
getImageDetail
(
id
)
imageDetail
.
value
=
await
ImageApi
.
getImageDetail
(
id
)
}
}
/**
/** 任务 - detail */
* 任务 - detail
*/
const
handlerTaskDetail
=
async
()
=>
{
const
handlerTaskDetail
=
async
()
=>
{
showDrawer
.
value
=
true
showDrawer
.
value
=
true
}
}
...
...
src/views/ai/image/ImageTask.vue
View file @
8e821445
...
@@ -28,16 +28,12 @@ const showImageDetailId = ref<number>(0) // 是否显示 task 详情
...
@@ -28,16 +28,12 @@ const showImageDetailId = ref<number>(0) // 是否显示 task 详情
// TODO @fan:如果是简单注释,建议用 /** */,主要是现在项目里是这种风格哈,保持一致好点~
// TODO @fan:如果是简单注释,建议用 /** */,主要是现在项目里是这种风格哈,保持一致好点~
/**
/** 抽屉 - close */
* 抽屉 - close
*/
const
handlerDrawerClose
=
async
()
=>
{
const
handlerDrawerClose
=
async
()
=>
{
isShowImageDetail
.
value
=
false
isShowImageDetail
.
value
=
false
}
}
/**
/** 任务 - detail */
* 任务 - detail
*/
const
handlerDrawerOpen
=
async
()
=>
{
const
handlerDrawerOpen
=
async
()
=>
{
isShowImageDetail
.
value
=
true
isShowImageDetail
.
value
=
true
}
}
...
@@ -50,9 +46,7 @@ const getImageList = async () => {
...
@@ -50,9 +46,7 @@ const getImageList = async () => {
imageList
.
value
=
list
imageList
.
value
=
list
}
}
/**
/** 图片 - btn click */
* 图片 - btn click
*/
const
handlerImageBtnClick
=
async
(
type
,
imageDetail
:
ImageDetailVO
)
=>
{
const
handlerImageBtnClick
=
async
(
type
,
imageDetail
:
ImageDetailVO
)
=>
{
// 获取 image detail id
// 获取 image detail id
showImageDetailId
.
value
=
imageDetail
.
id
showImageDetailId
.
value
=
imageDetail
.
id
...
@@ -69,9 +63,7 @@ const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => {
...
@@ -69,9 +63,7 @@ const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => {
}
}
}
}
/**
/** 下载 - image */
* 下载 - image
*/
// TODO @fan:貌似可以考虑抽到 download 里面,作为一个方法
// TODO @fan:貌似可以考虑抽到 download 里面,作为一个方法
const
downloadImage
=
async
(
imageUrl
)
=>
{
const
downloadImage
=
async
(
imageUrl
)
=>
{
const
image
=
new
Image
()
const
image
=
new
Image
()
...
...
src/views/ai/image/ImageTaskCard.vue
View file @
8e821445
...
@@ -37,9 +37,7 @@ const props = defineProps({
...
@@ -37,9 +37,7 @@ const props = defineProps({
}
}
})
})
/**
/** 按钮 - 点击事件 */
* 按钮 - 点击事件
*/
const
handlerBtnClick
=
async
(
type
,
imageDetail
:
ImageDetailVO
)
=>
{
const
handlerBtnClick
=
async
(
type
,
imageDetail
:
ImageDetailVO
)
=>
{
emits
(
'onBtnClick'
,
type
,
imageDetail
)
emits
(
'onBtnClick'
,
type
,
imageDetail
)
}
}
...
...
src/views/ai/image/dall3/index.vue
View file @
8e821445
...
@@ -186,9 +186,7 @@ const emits = defineEmits(['onDrawStart', 'onDrawComplete'])
...
@@ -186,9 +186,7 @@ const emits = defineEmits(['onDrawStart', 'onDrawComplete'])
// TODO @fan:如果是简单注释,建议用 /** */,主要是现在项目里是这种风格哈,保持一致好点~
// TODO @fan:如果是简单注释,建议用 /** */,主要是现在项目里是这种风格哈,保持一致好点~
// TODO @fan:handler 应该改成 handle 哈
// TODO @fan:handler 应该改成 handle 哈
/**
/** 热词 - click */
* 热词 - click
*/
const
handlerHotWordClick
=
async
(
hotWord
:
string
)
=>
{
const
handlerHotWordClick
=
async
(
hotWord
:
string
)
=>
{
// 取消选中
// 取消选中
if
(
selectHotWord
.
value
==
hotWord
)
{
if
(
selectHotWord
.
value
==
hotWord
)
{
...
@@ -201,9 +199,7 @@ const handlerHotWordClick = async (hotWord: string) => {
...
@@ -201,9 +199,7 @@ const handlerHotWordClick = async (hotWord: string) => {
prompt
.
value
=
hotWord
prompt
.
value
=
hotWord
}
}
/**
/** 模型 - click */
* 模型 - click
*/
const
handlerModelClick
=
async
(
model
:
ImageModelVO
)
=>
{
const
handlerModelClick
=
async
(
model
:
ImageModelVO
)
=>
{
if
(
selectModel
.
value
===
model
)
{
if
(
selectModel
.
value
===
model
)
{
selectModel
.
value
=
{}
as
ImageModelVO
selectModel
.
value
=
{}
as
ImageModelVO
...
@@ -212,9 +208,7 @@ const handlerModelClick = async (model: ImageModelVO) => {
...
@@ -212,9 +208,7 @@ const handlerModelClick = async (model: ImageModelVO) => {
selectModel
.
value
=
model
selectModel
.
value
=
model
}
}
/**
/** 样式 - click */
* 样式 - click
*/
const
handlerStyleClick
=
async
(
imageStyle
:
ImageModelVO
)
=>
{
const
handlerStyleClick
=
async
(
imageStyle
:
ImageModelVO
)
=>
{
if
(
selectImageStyle
.
value
===
imageStyle
)
{
if
(
selectImageStyle
.
value
===
imageStyle
)
{
selectImageStyle
.
value
=
{}
as
ImageModelVO
selectImageStyle
.
value
=
{}
as
ImageModelVO
...
@@ -223,9 +217,7 @@ const handlerStyleClick = async (imageStyle: ImageModelVO) => {
...
@@ -223,9 +217,7 @@ const handlerStyleClick = async (imageStyle: ImageModelVO) => {
selectImageStyle
.
value
=
imageStyle
selectImageStyle
.
value
=
imageStyle
}
}
/**
/** size - click */
* size - click
*/
const
handlerSizeClick
=
async
(
imageSize
:
ImageSizeVO
)
=>
{
const
handlerSizeClick
=
async
(
imageSize
:
ImageSizeVO
)
=>
{
if
(
selectImageSize
.
value
===
imageSize
)
{
if
(
selectImageSize
.
value
===
imageSize
)
{
selectImageSize
.
value
=
{}
as
ImageSizeVO
selectImageSize
.
value
=
{}
as
ImageSizeVO
...
@@ -234,9 +226,7 @@ const handlerSizeClick = async (imageSize: ImageSizeVO) => {
...
@@ -234,9 +226,7 @@ const handlerSizeClick = async (imageSize: ImageSizeVO) => {
selectImageSize
.
value
=
imageSize
selectImageSize
.
value
=
imageSize
}
}
/**
/** 图片生产 */
* 图片生产
*/
const
handlerGenerateImage
=
async
()
=>
{
const
handlerGenerateImage
=
async
()
=>
{
try
{
try
{
// 加载中
// 加载中
...
...
src/views/ai/image/index.vue
View file @
8e821445
...
@@ -33,17 +33,13 @@ const selectModel = ref('DALL3绘画')
...
@@ -33,17 +33,13 @@ const selectModel = ref('DALL3绘画')
const
modelOptions
=
[
'DALL3绘画'
,
'MJ绘画'
]
const
modelOptions
=
[
'DALL3绘画'
,
'MJ绘画'
]
const
drawIn
=
ref
<
boolean
>
(
false
)
// 生成中
const
drawIn
=
ref
<
boolean
>
(
false
)
// 生成中
/**
/** 绘画 - start */
* 绘画 - start
*/
const
handlerDrawStart
=
async
(
type
)
=>
{
const
handlerDrawStart
=
async
(
type
)
=>
{
// todo
// todo
drawIn
.
value
=
true
drawIn
.
value
=
true
}
}
/**
/** 绘画 - complete */
* 绘画 - complete
*/
const
handlerDrawComplete
=
async
(
type
)
=>
{
const
handlerDrawComplete
=
async
(
type
)
=>
{
drawIn
.
value
=
false
drawIn
.
value
=
false
// todo
// todo
...
...
src/views/ai/image/midjourney/index.vue
View file @
8e821445
...
@@ -198,9 +198,7 @@ const selectVersion = ref<any>('6.0') // 选中的 version
...
@@ -198,9 +198,7 @@ const selectVersion = ref<any>('6.0') // 选中的 version
// 定义 Props
// 定义 Props
const
props
=
defineProps
({})
const
props
=
defineProps
({})
/**
/** 热词 - click */
* 热词 - click
*/
const
handlerHotWordClick
=
async
(
hotWord
:
string
)
=>
{
const
handlerHotWordClick
=
async
(
hotWord
:
string
)
=>
{
// 取消
// 取消
if
(
selectHotWord
.
value
==
hotWord
)
{
if
(
selectHotWord
.
value
==
hotWord
)
{
...
@@ -213,9 +211,7 @@ const handlerHotWordClick = async (hotWord: string) => {
...
@@ -213,9 +211,7 @@ const handlerHotWordClick = async (hotWord: string) => {
prompt
.
value
=
hotWord
prompt
.
value
=
hotWord
}
}
/**
/** size - click */
* size - click
*/
const
handlerSizeClick
=
async
(
imageSize
:
ImageSizeVO
)
=>
{
const
handlerSizeClick
=
async
(
imageSize
:
ImageSizeVO
)
=>
{
if
(
selectImageSize
.
value
===
imageSize
)
{
if
(
selectImageSize
.
value
===
imageSize
)
{
selectImageSize
.
value
=
{}
as
ImageSizeVO
selectImageSize
.
value
=
{}
as
ImageSizeVO
...
@@ -224,23 +220,17 @@ const handlerSizeClick = async (imageSize: ImageSizeVO) => {
...
@@ -224,23 +220,17 @@ const handlerSizeClick = async (imageSize: ImageSizeVO) => {
selectImageSize
.
value
=
imageSize
selectImageSize
.
value
=
imageSize
}
}
/**
/** 模型 - click */
* 模型 - click
*/
const
handlerModelClick
=
async
(
model
:
ImageModelVO
)
=>
{
const
handlerModelClick
=
async
(
model
:
ImageModelVO
)
=>
{
selectModel
.
value
=
model
selectModel
.
value
=
model
}
}
/**
/** version - click */
* version - click
*/
const
handlerChangeVersion
=
async
(
version
)
=>
{
const
handlerChangeVersion
=
async
(
version
)
=>
{
console
.
log
(
'version'
,
version
)
console
.
log
(
'version'
,
version
)
}
}
/**
/** 图片生产 */
* 图片生产
*/
const
handlerGenerateImage
=
async
()
=>
{
const
handlerGenerateImage
=
async
()
=>
{
// todo @范 图片生产逻辑
// todo @范 图片生产逻辑
try
{
try
{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment