generated from duanshuwen/webapp-vue-frontend
feat: 剩余次数接口对接
This commit is contained in:
11
src/api/AigcGenerationTimesApi.ts
Normal file
11
src/api/AigcGenerationTimesApi.ts
Normal file
@@ -0,0 +1,11 @@
|
||||
/* eslint-disable */
|
||||
// @ts-ignore
|
||||
import request from '@common/ajax';
|
||||
import type { Response } from './types';
|
||||
|
||||
export const getAigcGenerationTimes = () => {
|
||||
return request<Response<number>>({
|
||||
url: '/aigc/remainingNumberOfGenerationTimes',
|
||||
method: 'get'
|
||||
});
|
||||
};
|
||||
@@ -3,6 +3,7 @@
|
||||
export * from './types';
|
||||
|
||||
export * from './AigcSceneListApi';
|
||||
export * from './AigcGenerationTimesApi';
|
||||
export * from './AigcGeneratorPhotoTaskListApi';
|
||||
export * from './AigcCreateGeneratorPhotoTaskApi';
|
||||
export * from './UploadFile';
|
||||
|
||||
@@ -112,10 +112,11 @@ const lookPicture = (item: TaskItem) => {
|
||||
const getTaskList = async () => {
|
||||
showLoadingToast('加载中...')
|
||||
try {
|
||||
/// 任务状态 0-排队中 1-生成中 2-已完成 3-失败
|
||||
const res = await generatorPhotoTaskList({
|
||||
pageNum: 1,
|
||||
pageSize: 20,
|
||||
taskStatus: '1'
|
||||
taskStatus: ''
|
||||
})
|
||||
console.log('🚀 ~ generatorPhotoTaskList res:', res)
|
||||
closeToast()
|
||||
|
||||
@@ -44,7 +44,7 @@
|
||||
|
||||
<div class="active-title">{{ activeScene.sceneName }}</div>
|
||||
|
||||
<div class="quota-text">✨ 今日还可生成 <span>2</span> 张</div>
|
||||
<div class="quota-text">✨ 今日还可生成 <span>{{ aigcGenerationTimes }}</span> 张</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<button class="generate-btn" @click="generateAction">立即生成</button>
|
||||
@@ -89,10 +89,10 @@ import PhotoGuide from '../components/PhotoGuide.vue'
|
||||
// @ts-ignore
|
||||
import AgreementTip from '../components/AgreementTip.vue'
|
||||
// @ts-ignore
|
||||
import { getAigcSceneList, AigcSceneListItem, AigcSceneStyleItem } from '@api'
|
||||
import {getAigcGenerationTimes, getAigcSceneList, AigcSceneListItem, AigcSceneStyleItem } from '@api'
|
||||
// @ts-ignore
|
||||
import { createGeneratorPhotoTask } from '@api'
|
||||
import { showFailToast, showSuccessToast } from 'vant'
|
||||
import { showFailToast, showSuccessToast, showToast } from 'vant'
|
||||
import 'vant/lib/toast/style'
|
||||
|
||||
// --- 测试数据 ---
|
||||
@@ -116,6 +116,8 @@ const showGuide = ref(false)
|
||||
|
||||
const showAgree = ref(!Session.get('hasAgreedPrivacy'))
|
||||
|
||||
const aigcGenerationTimes = ref(0)
|
||||
|
||||
const cancelAgree = () => {
|
||||
console.log('用户拒绝了协议')
|
||||
showAgree.value = false
|
||||
@@ -146,6 +148,10 @@ const onHistory = () => {
|
||||
}
|
||||
|
||||
const generateAction = () => {
|
||||
if (aigcGenerationTimes.value <= 0) {
|
||||
showToast('今日生成次数已用完,请明天再试!')
|
||||
return
|
||||
}
|
||||
showGuide.value = true
|
||||
}
|
||||
|
||||
@@ -255,8 +261,20 @@ const fetchSceneList = async () => {
|
||||
console.log('处理后的场景列表:', JSON.stringify(mockData))
|
||||
}
|
||||
|
||||
/// 获取生成次数
|
||||
const getGenerationTimes = async () => {
|
||||
try {
|
||||
const res = await getAigcGenerationTimes()
|
||||
aigcGenerationTimes.value = res > 0 ? res : 0
|
||||
console.log('🚀 ~ getAigcGenerationTimes res:', res)
|
||||
} catch (error) {
|
||||
console.error('🚀 ~ getAigcGenerationTimes error details:', error)
|
||||
}
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
fetchSceneList()
|
||||
getGenerationTimes()
|
||||
})
|
||||
</script>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user