Merge branch 'main' of http://18.167.251.121:10003/aidlab/lanecarford_front

src/api/workshop.ts

@@ -178,6 +178,41 @@ export const createCustomer = (data: CreateCustomerParams) => {
   })
 }
 
+// /** 查询收藏列表
+//  * @param visitRecordId 进店记录id
+//  */
+// export function getTryOnEffectFavoriteList(visitRecordId: string | number) {
+// 	if (!visitRecordId) return Promise.reject('进店记录id不能为空');
+// 	return request({
+// 		url: `/api/try-on-effects/favorites/${visitRecordId}`,
+// 		method: 'get',
+// 	})
+// }
+// /** 查询某套试穿效果列表
+//  * @param styleId 服装id
+//  */
+// export function getTryOnEffectStyleList(styleId: string | number) {
+// 	if (!styleId) return Promise.reject('服装id不能为空');
+// 	return request({
+// 		url: `/api/try-on-effects/style/${styleId}`,
+// 		method: 'get',
+// 	})
+// }
+/** 获取历史生成记录
+ * @param params 获取历史生成记录参数
+ * @param params.visitRecordId 进店记录id
+ * @param params.type 类型
+ * @param params.isLibrary 是否是收藏
+ */
+export function getGenerateHistoricals(params: Object) {
+	if (!params) return Promise.reject('参数不能为空');
+	return request({
+		url: `/api/try-on-effects/getHistoricals`,
+		method: 'get',
+		params,
+	})
+}
+
 // 选择顾客
 interface CustomerInfo {
   vipId: string

src/stores/index.ts

@@ -5,6 +5,7 @@ const store = createPinia()
 // 使用持久化插件(全局持久化)
 store.use(createPersistedState())
 export default store
+export * from './modules/h_generate'
 export * from './modules/generate'
 export * from './modules/overall'
 export * from './modules/userInfo'

src/stores/modules/h_generate.ts

@@ -0,0 +1,66 @@
+// 每一个存储的模块，命名规则use开头，store结尾
+import { defineStore } from 'pinia'
+import MyEvent from '@/utils/myEvent'
+MyEvent.add('clear-generate-state', () => useHGenerateStore().clearGenerateData())
+
+export const useHGenerateStore = defineStore({
+  id: 'h_generate', // 必须指明唯一的pinia仓库的id
+  state: () => {
+    return {
+      style: {
+        id: '',
+        url: ''
+      },
+      originalTryOn: {
+        //生成穿好衣服的回参
+        id: '',
+        isLike: false, //是否喜欢
+        tryOnUrl: ''
+      },
+      /** AI魔改信息 */
+      customizeInfo: {
+        inputText: '',
+        count: 0,
+        oldInputText: '',
+        oldTryOnId: '',
+
+        tryOnId: '',
+        tryOnUrl: '',
+        styleUrl: '',
+        isRegenerated: '',
+        isFavorite: false
+      },
+    }
+  },
+  getters: {
+    /** 服装id */
+    styleId: (state) => state.style.id,
+	/** 原始试穿id不包含魔改id */
+    originalTryOnIdNoRein: (state) => state.originalTryOn.id,
+    /** 原始试穿id-优先AI魔改 */
+    originalTryOnId: (state) => state.customizeInfo.tryOnId || state.originalTryOn.id,
+  },
+  actions: {
+    /** 清空 AI魔改信息 */
+    clearCustomizeInfo() {
+      this.customizeInfo.inputText = ''
+      this.customizeInfo.count = 0
+      this.customizeInfo.oldInputText = ''
+      this.customizeInfo.oldTryOnId = ''
+      this.customizeInfo.tryOnId = ''
+      this.customizeInfo.tryOnUrl = ''
+      this.customizeInfo.styleUrl = ''
+      this.customizeInfo.isRegenerated = ''
+      this.customizeInfo.isFavorite = false
+    },
+    uploadCustomizeInfo(data: object) {
+      for (const key in data) {
+        this.customizeInfo[key] = data[key]
+      }
+    },
+    //设置默认数据
+    clearGenerateData() {
+      this.clearCustomizeInfo()
+    },
+  }
+})

src/views/Workshop/creation/creation-list.vue

@@ -2,10 +2,10 @@
 	import { ref, reactive, onMounted, computed } from 'vue'
 	import MyList from '@/components/MyList.vue'
 	import { DownloadImages } from '@/utils/tools'
+	import { showToast } from 'vant'
 	import { FlowType } from '@/types/enum'
 	import {
-		getTryOnEffectFavoriteList,
+		getGenerateHistoricals,
-		getTryOnEffectStyleList,
 		setTryOnEffectFavorite,
 		cancelTryOnEffectFavorite
 	} from '@/api/workshop'
@@ -14,8 +14,9 @@
 	const emit = defineEmits(['view-type'])
 	const query = computed(() => router.currentRoute.value.query)
 	const visitRecordId = computed(() => query.value.visitRecordId) // 访问记录ID
-	import { useGenerateStore } from '@/stores'
+	import { useGenerateStore, useHGenerateStore } from '@/stores'
 	const generateStore = useGenerateStore()
+	const hGenerateStore = useHGenerateStore()
 	const props = defineProps({
 		// 是否单选模式
 		isChooseOne: { type: Boolean, default: false }
@@ -31,32 +32,51 @@
 	const isChooseSave = ref(false) //是否选择保存模式
 
 	const navLst = [
-		{ label: 'Outfit', value: 'outfit', flowType: FlowType.H_OUTFIT },
+		{ label: 'Outfit', value: 'Outfit', flowType: FlowType.H_OUTFIT },
-		{ label: 'Try-on', value: 'tryOn', flowType: FlowType.H_TRYON },
+		{ label: 'Try-on', value: 'Try-on', flowType: FlowType.H_TRYON },
-		{ label: 'Gen-AI', value: 'genAi', flowType: FlowType.H_AI }
+		{ label: 'Gen-AI', value: 'Gen-AI', flowType: FlowType.H_AI }
 	]
-	const navActive = ref('outfit');
+	const navActive = ref('Outfit')
 	navLst.forEach((v) => {
 		if (v.flowType === query.value.flowType) navActive.value = v.value
 	})
+	navLst.forEach((v) => {
+		if (v.flowType === query.value.active) navActive.value = v.value
+	})
+	
 	const clickNav = (v) => {
+		if (v.value === navActive.value || loading.value) return
 		navActive.value = v.value
-		console.log(v)
+		onLoad()
 	}
 	const onLoad = () => {
-		console.log(navActive.value)
 		loading.value = true
-		const http = visitRecordId.value ? getTryOnEffectFavoriteList : getTryOnEffectStyleList
+		finish.value = false
-		const id = visitRecordId.value || generateStore.styleId
+		list.splice(0, list.length)
-		http(id)
+		const params = {
+			customerId: generateStore.customerId,
+			type: navActive.value,
+			isLibrary: false
+		}
+		if (props.isChooseOne) {
+			params['visitRecordId'] = ''
+		} else if (visitRecordId.value) {
+			params['visitRecordId'] = visitRecordId.value
+			params.isLibrary = true
+		} else {
+			params['visitRecordId'] = generateStore.visitRecordId
+		}
+		getGenerateHistoricals(params)
 			.then((data) => {
 				data?.forEach((v) => {
 					const obj = {
-						tryOnId: v.tryOnId,
+						// tryOnId: v.tryOnId,
 						tryOnUrl: v.tryOnUrl,
 						styleUrl: v.styleUrl,
 						isFavorite: !!v.isFavorite,
 						isRegenerated: !!v.isRegenerated,
+						id: v.id,
+						url: v.url,
 
 						selected: false,
 						loading: false,
@@ -203,15 +223,19 @@
 		if (props.isChooseOne) {
 			const selectedItem = list.find((v) => v.selected)
 			const nav = navLst.find((v) => v.value === navActive.value)
-			if (!selectedItem || !nav) return
+			if (!selectedItem || !nav) return showToast({ message: 'Please select one only.' })
-			generateStore.clearCustomizeInfoDemo();
+			if (nav.flowType !== FlowType.H_OUTFIT) {
-			generateStore.uploadCustomizeInfoDemo({
+				hGenerateStore.originalTryOn.id = selectedItem.id
-				tryOnId: selectedItem.tryOnId,
+				hGenerateStore.originalTryOn.tryOnUrl = selectedItem.tryOnUrl
-				tryOnUrl: selectedItem.tryOnUrl,
+				hGenerateStore.originalTryOn.isLike = selectedItem.isFavorite
-				styleUrl: selectedItem.styleUrl,
+				hGenerateStore.style.id = '';
-				isFavorite: selectedItem.isFavorite,
+				hGenerateStore.style.url = selectedItem.styleUrl
-				isRegenerated: selectedItem.isRegenerated,
+			} else {
-			})
+				// style
+				hGenerateStore.style.id = selectedItem.id;
+				hGenerateStore.style.url = selectedItem.url
+				// selectedItem.isFavorite
+			}
 			router.push({ name: 'HomeNav', query: { flowType: nav.flowType } })
 		} else {
 			router.push({ name: 'end' })
@@ -236,8 +260,8 @@
 		</div>
 		<div class="list">
 			<my-list v-model:loading="loading" v-model:finish="finish" @load="onLoad">
-				<div class="item" v-for="(v, i) in list" :key="i" @click="onItem(v)">
+				<div class="item" v-for="(v, i) in list" :key="i" @click="onItem(v)" :type="navActive">
-					<img v-lazy="v.tryOnUrl" />
+					<img v-lazy="v.tryOnUrl || v.url" />
 					<!-- <div class="corner">
 						<div class="ai" v-if="v.isRegenerated">Gen-AI</div>
 						<div class="tryon" v-else>Try-on</div>
@@ -340,6 +364,12 @@
 					margin-bottom: 4rem;
 					border: 0.1rem solid #000;
 					position: relative;
+					&[type='Outfit'] {
+						height: 50rem;
+						> img {
+							object-fit: contain;
+						}
+					}
 					> img {
 						width: 100%;
 						height: 100%;

src/views/Workshop/customize.vue

@@ -3,21 +3,21 @@
 	import { ref, onMounted, computed } from 'vue'
 	import {
 		generateTryOnEffect,
-		generateTryOnEffectDemo,
 		setTryOnEffectFavorite,
 		cancelTryOnEffectFavorite
 	} from '@/api/workshop'
 	const emit = defineEmits(['viewType'])
 	import { useRouter, useRoute } from 'vue-router'
-	import { useGenerateStore } from '@/stores'
+	import { useGenerateStore, useHGenerateStore } from '@/stores'
 	import { FlowType, IsHistoryFlow } from '@/types/enum'
 	const generateStore = useGenerateStore()
+	const hGenerateStore = useHGenerateStore()
 	const router = useRouter()
 	const route = useRoute()
 	const query = computed(() => route.query)
 	const isHistoryFlow = computed(() => IsHistoryFlow(query.value.flowType))
 	const customizeInfo = isHistoryFlow.value
-		? generateStore.customizeInfoDemo
+		? hGenerateStore.customizeInfo
 		: generateStore.customizeInfo
 	const loading = ref(false)
 	const onSend = () => {
@@ -53,7 +53,7 @@
 		}
 		if (isHistoryFlow.value) {
 			data['originalTryOnId'] =
-				type === 'reload' ? customizeInfo.oldTryOnId : generateStore.customizeInfoDemo.tryOnId
+				type === 'reload' ? customizeInfo.oldTryOnId : hGenerateStore.originalTryOnId
 		} else {
 			data['styleId'] = generateStore.styleId
 			data['originalTryOnId'] =
@@ -62,7 +62,7 @@
 		generateTryOnEffect(data)
 			.then((res: any) => {
 				customizeInfo.count++
-				customizeInfo.tryOnId = res.tryOnId
+				customizeInfo.tryOnId = res.id
 				customizeInfo.tryOnUrl = res.tryOnUrl
 				customizeInfo.styleUrl = res.styleUrl
 				customizeInfo.isRegenerated = res.isRegenerated
@@ -102,7 +102,11 @@
 	}
 	const onFinish = () => {
 		// router.push({ name: 'creation', query: query.value })
-		router.push({ name: 'creation', query: { flowType: FlowType.H_AI } })
+		const query_ = {
+			...query.value,
+			active: FlowType.H_AI
+		}
+		router.push({ name: 'creation', query: query_ })
 		// if (isHistoryFlow.value) {
 		// 	router.push({ name: 'end' })
 		// } else {
@@ -280,7 +284,7 @@
 		}
 		> .btns {
 			margin-top: 4rem;
-			width: 68%;
+			min-width: 68%;
 			display: flex;
 			// justify-content: center;
 			justify-content: space-between;

src/views/Workshop/homeNav.vue

@@ -6,8 +6,8 @@ const route = useRoute()
 import { showConfirmDialog } from 'vant'
 import MyEvent from '@/utils/myEvent'
 import { FlowType, IsHistoryFlow } from '@/types/enum'
-import { useGenerateStore } from '@/stores'
+import { useHGenerateStore } from '@/stores'
-const generateStore = useGenerateStore()
+const hGenerateStore = useHGenerateStore()
 
 
 //const props = defineProps({
@@ -66,13 +66,22 @@ onMounted(()=>{
 			path: 'uploadFace',
 			imgPath: new URL('@/assets/images/nav3.png',import.meta.url).href,
 			flowTypeList: [FlowType.H_TRYON,FlowType.H_AI],
+			click(){ 
+				hGenerateStore.clearCustomizeInfo()
+			},
 		},
 		{
 			path: 'customize',
 			imgPath: new URL('@/assets/images/nav4.png',import.meta.url).href,
 			flowTypeList: [FlowType.H_TRYON,FlowType.H_AI],
 			click(){ 
-				generateStore.updatePhotoInfo({})
+				hGenerateStore.clearCustomizeInfo()
+				hGenerateStore.uploadCustomizeInfo({
+					tryOnId: hGenerateStore.originalTryOn.id,
+					tryOnUrl: hGenerateStore.originalTryOn.tryOnUrl,
+					isFavorite: hGenerateStore.originalTryOn.isLike,
+					styleUrl: hGenerateStore.style.url,
+				})
 			},
 		},
 	]

src/views/Workshop/product.vue

@@ -35,7 +35,7 @@ const feedbackForm = ref({
 
 const onContinue = ()=>{
 	const query = router.currentRoute.value.query
-	if(query?.flowType == FlowType.MAIN){
+	if(query?.flowType == FlowType.MAIN || !query?.flowType){
 		router.push({ path: 'uploadFace', query: {...query} })
 	}else{
 		router.push({ path: 'creation', query: {...query} })
@@ -61,7 +61,7 @@ const startGenerate = ()=>{
 	generateTryOnEffect(value).then((res:any)=>{
 		data.isLoading = false;
 		generateStore.originalTryOn.isLike = false
-		generateStore.originalTryOn.id = res.tryOnId
+		generateStore.originalTryOn.id = res.id
 		generateStore.originalTryOn.tryOnUrl = res.tryOnUrl
 		generateStore.useStyleGenerate()//生成后需要对选择衣服页面设置不可选中样式
 		generateStore.setIsGenerate(false)

src/views/Workshop/selectStyle.vue

@@ -47,7 +47,7 @@ const toProduct = ()=>{
 		generateStore.setIsGenerate(true)
 	}
 	const query = router.currentRoute.value.query
-	if(query?.flowType == FlowType.MAIN){
+	if(query?.flowType == FlowType.MAIN || !query?.flowType){
 		router.push({ path: 'product', query: {...query} })
 	}else{
 		router.push({ path: 'creation', query: {...query} })

src/views/Workshop/uploadFace2.vue

@@ -2,9 +2,10 @@
 	import { ref, reactive, onMounted, computed } from 'vue'
 	import { useRouter, useRoute } from 'vue-router'
 	import { uploadCustomerPhoto } from '@/api/workshop'
-	import { useGenerateStore } from '@/stores'
+	import { useGenerateStore, useHGenerateStore } from '@/stores'
 	import { IsHistoryFlow } from '@/types/enum'
 	const generateStore = useGenerateStore()
+	const hGenerateStore = useHGenerateStore()
 
 	const emit = defineEmits(['view-type'])
 	onMounted(() => {
@@ -47,7 +48,7 @@
 		formData.append('file', fileData.file)
 		uploadCustomerPhoto(formData).then((res) => {
 			generateStore.updatePhotoInfo({ ...res, file: fileData.file })
-			isHistoryFlow.value ? generateStore.clearCustomizeInfoDemo() : generateStore.clearCustomizeInfo()
+			isHistoryFlow.value ? hGenerateStore.clearCustomizeInfo() : generateStore.clearCustomizeInfo()
 			router.push({ name: 'customize', query: query.value })
 		})
 	}