From 8e821445c2a82496bb417d823dd4aba44e6f6f4b Mon Sep 17 00:00:00 2001 From: cherishsince Date: Mon, 3 Jun 2024 10:16:56 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E4=BC=98=E5=8C=96=E3=80=91=E8=B0=83?= =?UTF-8?q?=E6=95=B4=20ai=20Image=20=E6=96=B9=E6=B3=95=E6=B3=A8=E9=87=8A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/ai/image/ImageDetailDrawer.vue | 12 +++--------- src/views/ai/image/ImageTask.vue | 16 ++++------------ src/views/ai/image/ImageTaskCard.vue | 4 +--- src/views/ai/image/dall3/index.vue | 20 +++++--------------- src/views/ai/image/index.vue | 8 ++------ src/views/ai/image/midjourney/index.vue | 20 +++++--------------- 6 files changed, 20 insertions(+), 60 deletions(-) diff --git a/src/views/ai/image/ImageDetailDrawer.vue b/src/views/ai/image/ImageDetailDrawer.vue index 74bde864..9814de5b 100644 --- a/src/views/ai/image/ImageDetailDrawer.vue +++ b/src/views/ai/image/ImageDetailDrawer.vue @@ -85,24 +85,18 @@ const props = defineProps({ } }) -/** - * 抽屉 - close - */ +/** 抽屉 - close */ const handlerDrawerClose = async () => { emits('handlerDrawerClose') } -/** - * 获取 - 图片 detail - */ +/** 获取 - 图片 detail */ const getImageDetail = async (id) => { // 获取图片详细 imageDetail.value = await ImageApi.getImageDetail(id) } -/** - * 任务 - detail - */ +/** 任务 - detail */ const handlerTaskDetail = async () => { showDrawer.value = true } diff --git a/src/views/ai/image/ImageTask.vue b/src/views/ai/image/ImageTask.vue index eacdeba0..25b1a06d 100644 --- a/src/views/ai/image/ImageTask.vue +++ b/src/views/ai/image/ImageTask.vue @@ -28,16 +28,12 @@ const showImageDetailId = ref(0) // 是否显示 task 详情 // TODO @fan：如果是简单注释，建议用 /** */，主要是现在项目里是这种风格哈，保持一致好点~ -/** - * 抽屉 - close - */ +/** 抽屉 - close */ const handlerDrawerClose = async () => { isShowImageDetail.value = false } -/** - * 任务 - detail - */ +/** 任务 - detail */ const handlerDrawerOpen = async () => { isShowImageDetail.value = true } @@ -50,9 +46,7 @@ const getImageList = async () => { imageList.value = list } -/** - * 图片 - btn click - */ +/** 图片 - btn click */ const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => { // 获取 image detail id showImageDetailId.value = imageDetail.id @@ -69,9 +63,7 @@ const handlerImageBtnClick = async (type, imageDetail: ImageDetailVO) => { } } -/** - * 下载 - image - */ +/** 下载 - image */ // TODO @fan：貌似可以考虑抽到 download 里面，作为一个方法 const downloadImage = async (imageUrl) => { const image = new Image() diff --git a/src/views/ai/image/ImageTaskCard.vue b/src/views/ai/image/ImageTaskCard.vue index 8b50734f..3da3ca8e 100644 --- a/src/views/ai/image/ImageTaskCard.vue +++ b/src/views/ai/image/ImageTaskCard.vue @@ -37,9 +37,7 @@ const props = defineProps({ } }) -/** - * 按钮 - 点击事件 - */ +/** 按钮 - 点击事件 */ const handlerBtnClick = async (type, imageDetail: ImageDetailVO) => { emits('onBtnClick', type, imageDetail) } diff --git a/src/views/ai/image/dall3/index.vue b/src/views/ai/image/dall3/index.vue index e35f86d6..51baeb0b 100644 --- a/src/views/ai/image/dall3/index.vue +++ b/src/views/ai/image/dall3/index.vue @@ -186,9 +186,7 @@ const emits = defineEmits(['onDrawStart', 'onDrawComplete']) // TODO @fan：如果是简单注释，建议用 /** */，主要是现在项目里是这种风格哈，保持一致好点~ // TODO @fan：handler 应该改成 handle 哈 -/** - * 热词 - click - */ +/** 热词 - click */ const handlerHotWordClick = async (hotWord: string) => { // 取消选中 if (selectHotWord.value == hotWord) { @@ -201,9 +199,7 @@ const handlerHotWordClick = async (hotWord: string) => { prompt.value = hotWord } -/** - * 模型 - click - */ +/** 模型 - click */ const handlerModelClick = async (model: ImageModelVO) => { if (selectModel.value === model) { selectModel.value = {} as ImageModelVO @@ -212,9 +208,7 @@ const handlerModelClick = async (model: ImageModelVO) => { selectModel.value = model } -/** - * 样式 - click - */ +/** 样式 - click */ const handlerStyleClick = async (imageStyle: ImageModelVO) => { if (selectImageStyle.value === imageStyle) { selectImageStyle.value = {} as ImageModelVO @@ -223,9 +217,7 @@ const handlerStyleClick = async (imageStyle: ImageModelVO) => { selectImageStyle.value = imageStyle } -/** - * size - click - */ +/** size - click */ const handlerSizeClick = async (imageSize: ImageSizeVO) => { if (selectImageSize.value === imageSize) { selectImageSize.value = {} as ImageSizeVO @@ -234,9 +226,7 @@ const handlerSizeClick = async (imageSize: ImageSizeVO) => { selectImageSize.value = imageSize } -/** - * 图片生产 - */ +/** 图片生产 */ const handlerGenerateImage = async () => { try { // 加载中 diff --git a/src/views/ai/image/index.vue b/src/views/ai/image/index.vue index c613d945..6d89680b 100644 --- a/src/views/ai/image/index.vue +++ b/src/views/ai/image/index.vue @@ -33,17 +33,13 @@ const selectModel = ref('DALL3绘画') const modelOptions = ['DALL3绘画', 'MJ绘画'] const drawIn = ref(false) // 生成中 -/** - * 绘画 - start - */ +/** 绘画 - start */ const handlerDrawStart = async (type) => { // todo drawIn.value = true } -/** - * 绘画 - complete - */ +/** 绘画 - complete */ const handlerDrawComplete = async (type) => { drawIn.value = false // todo diff --git a/src/views/ai/image/midjourney/index.vue b/src/views/ai/image/midjourney/index.vue index 2cfa475d..aad47d83 100644 --- a/src/views/ai/image/midjourney/index.vue +++ b/src/views/ai/image/midjourney/index.vue @@ -198,9 +198,7 @@ const selectVersion = ref('6.0') // 选中的 version // 定义 Props const props = defineProps({}) -/** - * 热词 - click - */ +/** 热词 - click */ const handlerHotWordClick = async (hotWord: string) => { // 取消 if (selectHotWord.value == hotWord) { @@ -213,9 +211,7 @@ const handlerHotWordClick = async (hotWord: string) => { prompt.value = hotWord } -/** - * size - click - */ +/** size - click */ const handlerSizeClick = async (imageSize: ImageSizeVO) => { if (selectImageSize.value === imageSize) { selectImageSize.value = {} as ImageSizeVO @@ -224,23 +220,17 @@ const handlerSizeClick = async (imageSize: ImageSizeVO) => { selectImageSize.value = imageSize } -/** - * 模型 - click - */ +/** 模型 - click */ const handlerModelClick = async (model: ImageModelVO) => { selectModel.value = model } -/** - * version - click - */ +/** version - click */ const handlerChangeVersion = async (version) => { console.log('version', version) } -/** - * 图片生产 - */ +/** 图片生产 */ const handlerGenerateImage = async () => { // todo @范 图片生产逻辑 try {