Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/lanecarford_front
All checks were successful
git提交控制 AiDA WEB-Node.js main 分支构建部署 / build (20.19.0) (push) Has been skipped
All checks were successful
git提交控制 AiDA WEB-Node.js main 分支构建部署 / build (20.19.0) (push) Has been skipped
This commit is contained in:
@@ -204,7 +204,14 @@
|
|||||||
const selectedItem = list.find((v) => v.selected)
|
const selectedItem = list.find((v) => v.selected)
|
||||||
const nav = navLst.find((v) => v.value === navActive.value)
|
const nav = navLst.find((v) => v.value === navActive.value)
|
||||||
if (!selectedItem || !nav) return
|
if (!selectedItem || !nav) return
|
||||||
console.log(selectedItem, nav)
|
generateStore.clearCustomizeInfoDemo();
|
||||||
|
generateStore.uploadCustomizeInfoDemo({
|
||||||
|
tryOnId: selectedItem.tryOnId,
|
||||||
|
tryOnUrl: selectedItem.tryOnUrl,
|
||||||
|
styleUrl: selectedItem.styleUrl,
|
||||||
|
isFavorite: selectedItem.isFavorite,
|
||||||
|
isRegenerated: selectedItem.isRegenerated,
|
||||||
|
})
|
||||||
router.push({ name: 'HomeNav', query: { flowType: nav.flowType } })
|
router.push({ name: 'HomeNav', query: { flowType: nav.flowType } })
|
||||||
} else {
|
} else {
|
||||||
router.push({ name: 'end' })
|
router.push({ name: 'end' })
|
||||||
@@ -253,7 +260,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</my-list>
|
</my-list>
|
||||||
</div>
|
</div>
|
||||||
<div class="btns" v-show="!visitRecordId">
|
<div class="creation-footer" v-if="isChooseOne">
|
||||||
|
<button @click="onContinue">Continue</button>
|
||||||
|
</div>
|
||||||
|
<div class="btns" v-else-if="!visitRecordId">
|
||||||
<template v-if="!isChooseSave">
|
<template v-if="!isChooseSave">
|
||||||
<button @click="onChooseSave">Choose to Save</button>
|
<button @click="onChooseSave">Choose to Save</button>
|
||||||
<button @click="onContinue">Continue</button>
|
<button @click="onContinue">Continue</button>
|
||||||
@@ -263,9 +273,6 @@
|
|||||||
<button @click="onConfirm">Confirm ({{ selectCount }}/{{ maxSelectCount }})</button>
|
<button @click="onConfirm">Confirm ({{ selectCount }}/{{ maxSelectCount }})</button>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<div class="creation-footer" v-if="isChooseOne">
|
|
||||||
<button @click="onContinue">Continue</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -39,63 +39,41 @@
|
|||||||
customizeInfo.oldInputText = customizeInfo.inputText
|
customizeInfo.oldInputText = customizeInfo.inputText
|
||||||
customizeInfo.oldTryOnId = customizeInfo.tryOnId
|
customizeInfo.oldTryOnId = customizeInfo.tryOnId
|
||||||
loading.value = true
|
loading.value = true
|
||||||
if (isHistoryFlow.value) {
|
const data = {
|
||||||
// const data = {
|
customerId: generateStore.customerId,
|
||||||
// prompt: customizeInfo.inputText,
|
visitRecordId: generateStore.visitRecordId,
|
||||||
// tryonUrl: customizeInfo.tryOnUrl
|
// styleId: generateStore.styleId,
|
||||||
// }
|
// modelPhotoId: generateStore.modelPhotoId,
|
||||||
// if (generateStore.customerPhotoId && customizeInfo.count === 0) {
|
// originalTryOnId: type === 'reload' ? customizeInfo.oldTryOnId : generateStore.originalTryOnId,
|
||||||
// data['customerPhotoId'] = generateStore.customerPhotoId
|
isRegenerated: 1,
|
||||||
// }
|
prompt: customizeInfo.inputText
|
||||||
const data = new FormData()
|
|
||||||
data.append('prompt', customizeInfo.inputText)
|
|
||||||
data.append('tryonUrl', customizeInfo.tryOnUrl)
|
|
||||||
if (generateStore.customerPhotoId && customizeInfo.count === 0) {
|
|
||||||
data.append('customerPhotoId', generateStore.customerPhotoId)
|
|
||||||
}
|
|
||||||
generateTryOnEffectDemo(data)
|
|
||||||
.then((res: any) => {
|
|
||||||
if (!res) return Promise.reject('生成失败')
|
|
||||||
customizeInfo.count++
|
|
||||||
customizeInfo.tryOnId = '1'
|
|
||||||
customizeInfo.tryOnUrl = res
|
|
||||||
// customizeInfo.styleUrl = res.styleUrl
|
|
||||||
// customizeInfo.isRegenerated = res.isRegenerated
|
|
||||||
// customizeInfo.isFavorite = !!res.isFavorite
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
console.error(err)
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
const data = {
|
|
||||||
customerId: generateStore.customerId,
|
|
||||||
visitRecordId: generateStore.visitRecordId,
|
|
||||||
styleId: generateStore.styleId,
|
|
||||||
// modelPhotoId: generateStore.modelPhotoId,
|
|
||||||
originalTryOnId: type === 'reload' ? customizeInfo.oldTryOnId : generateStore.originalTryOnId,
|
|
||||||
isRegenerated: 1,
|
|
||||||
prompt: customizeInfo.inputText
|
|
||||||
}
|
|
||||||
if (generateStore.customerPhotoId && customizeInfo.count === 0)
|
|
||||||
data['customerPhotoId'] = generateStore.customerPhotoId
|
|
||||||
generateTryOnEffect(data)
|
|
||||||
.then((res: any) => {
|
|
||||||
customizeInfo.count++
|
|
||||||
customizeInfo.tryOnId = res.tryOnId
|
|
||||||
customizeInfo.tryOnUrl = res.tryOnUrl
|
|
||||||
customizeInfo.styleUrl = res.styleUrl
|
|
||||||
customizeInfo.isRegenerated = res.isRegenerated
|
|
||||||
customizeInfo.isFavorite = !!res.isFavorite
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
.catch((err) => {
|
|
||||||
console.error(err)
|
|
||||||
if (data['customerPhotoId']) router.back()
|
|
||||||
loading.value = false
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
|
if (generateStore.customerPhotoId && customizeInfo.count === 0) {
|
||||||
|
data['customerPhotoId'] = generateStore.customerPhotoId
|
||||||
|
}
|
||||||
|
if (isHistoryFlow.value) {
|
||||||
|
data['originalTryOnId'] =
|
||||||
|
type === 'reload' ? customizeInfo.oldTryOnId : generateStore.customizeInfoDemo.tryOnId
|
||||||
|
} else {
|
||||||
|
data['styleId'] = generateStore.styleId
|
||||||
|
data['originalTryOnId'] =
|
||||||
|
type === 'reload' ? customizeInfo.oldTryOnId : generateStore.originalTryOnId
|
||||||
|
}
|
||||||
|
generateTryOnEffect(data)
|
||||||
|
.then((res: any) => {
|
||||||
|
customizeInfo.count++
|
||||||
|
customizeInfo.tryOnId = res.tryOnId
|
||||||
|
customizeInfo.tryOnUrl = res.tryOnUrl
|
||||||
|
customizeInfo.styleUrl = res.styleUrl
|
||||||
|
customizeInfo.isRegenerated = res.isRegenerated
|
||||||
|
customizeInfo.isFavorite = !!res.isFavorite
|
||||||
|
loading.value = false
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
console.error(err)
|
||||||
|
if (data['customerPhotoId']) router.back()
|
||||||
|
loading.value = false
|
||||||
|
})
|
||||||
}
|
}
|
||||||
if (customizeInfo.tryOnId === '') generate()
|
if (customizeInfo.tryOnId === '') generate()
|
||||||
|
|
||||||
|
|||||||
@@ -1,9 +1,14 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { onMounted, onUnmounted, reactive, ref, computed, onActivated } from "vue";
|
import { onMounted, onUnmounted, reactive, ref, computed, onActivated } from "vue";
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter, useRoute } from 'vue-router'
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
const route = useRoute()
|
||||||
import { showConfirmDialog } from 'vant'
|
import { showConfirmDialog } from 'vant'
|
||||||
import MyEvent from '@/utils/myEvent'
|
import MyEvent from '@/utils/myEvent'
|
||||||
|
import { FlowType, IsHistoryFlow } from '@/types/enum'
|
||||||
|
import { useGenerateStore } from '@/stores'
|
||||||
|
const generateStore = useGenerateStore()
|
||||||
|
|
||||||
|
|
||||||
//const props = defineProps({
|
//const props = defineProps({
|
||||||
//})
|
//})
|
||||||
@@ -31,9 +36,10 @@ const clickSwitchVIPID = ()=>{
|
|||||||
})
|
})
|
||||||
.catch(() => {})
|
.catch(() => {})
|
||||||
}
|
}
|
||||||
const openFlow = (path:string)=>{
|
const openFlow = (item: any)=>{
|
||||||
const query = router.currentRoute.value.query
|
item.click && item.click()
|
||||||
router.push({ name: path, query: {...query} })
|
const query = route.query
|
||||||
|
router.push({ name: item.path, query: {...query} })
|
||||||
|
|
||||||
// if(flowType == 'clientId')return clickSwitchVIPID()
|
// if(flowType == 'clientId')return clickSwitchVIPID()
|
||||||
// if(flowType == 'main'){
|
// if(flowType == 'main'){
|
||||||
@@ -49,22 +55,25 @@ onMounted(()=>{
|
|||||||
{
|
{
|
||||||
path: 'selectStyle',
|
path: 'selectStyle',
|
||||||
imgPath: new URL('@/assets/images/nav1.png',import.meta.url).href,
|
imgPath: new URL('@/assets/images/nav1.png',import.meta.url).href,
|
||||||
flowTypeList: ['history-tryon','history-ai'],
|
flowTypeList: [FlowType.H_TRYON,FlowType.H_AI],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'recommended',
|
path: 'recommended',
|
||||||
imgPath: new URL('@/assets/images/nav2.png',import.meta.url).href,
|
imgPath: new URL('@/assets/images/nav2.png',import.meta.url).href,
|
||||||
flowTypeList: ['history-outfit'],
|
flowTypeList: [FlowType.H_OUTFIT],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'uploadFace',
|
path: 'uploadFace',
|
||||||
imgPath: new URL('@/assets/images/nav3.png',import.meta.url).href,
|
imgPath: new URL('@/assets/images/nav3.png',import.meta.url).href,
|
||||||
flowTypeList: ['history-tryon','history-ai'],
|
flowTypeList: [FlowType.H_TRYON,FlowType.H_AI],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'customize',
|
path: 'customize',
|
||||||
imgPath: new URL('@/assets/images/nav4.png',import.meta.url).href,
|
imgPath: new URL('@/assets/images/nav4.png',import.meta.url).href,
|
||||||
flowTypeList: ['history-tryon','history-ai'],
|
flowTypeList: [FlowType.H_TRYON,FlowType.H_AI],
|
||||||
|
click(){
|
||||||
|
generateStore.updatePhotoInfo({})
|
||||||
|
},
|
||||||
},
|
},
|
||||||
]
|
]
|
||||||
nav.forEach((item)=>{
|
nav.forEach((item)=>{
|
||||||
@@ -96,10 +105,10 @@ defineExpose({})
|
|||||||
</div>
|
</div>
|
||||||
<div class="navBox">
|
<div class="navBox">
|
||||||
<div class="navList">
|
<div class="navList">
|
||||||
<div class="item active" v-for="item in navList" :key="item.path" @click="openFlow(item.path)">
|
<div class="item active" v-for="item in navList" :key="item.path" @click="openFlow(item)">
|
||||||
<img :src="item.imgPath" alt="">
|
<img :src="item.imgPath" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div class="item" v-for="item in navDisabledList" :key="item.path" @click="openFlow(item.path)">
|
<div class="item" v-for="item in navDisabledList" :key="item.path" @click="openFlow(item)">
|
||||||
<img :src="item.imgPath" alt="">
|
<img :src="item.imgPath" alt="">
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="item" @click="openFlow('index')">
|
<!-- <div class="item" @click="openFlow('index')">
|
||||||
|
|||||||
Reference in New Issue
Block a user