实现history页面缓存

src/component/home/tools/poseTransfer/index.vue

@@ -171,8 +171,20 @@ export default defineComponent({
 				CollectionType:'PoseTransfer',
 			},
 			waitList:[],
-			likeList:computed(()=>store.state.HomeStoreModule.poseTransfer.likedList),
-			noLikeList:computed(()=>store.state.HomeStoreModule.poseTransfer.list),
+			likeList:computed(()=>{
+				if(!route.query?.id && route.query.tools == 'poseTransfer'){
+					return []
+				}else{
+					return store.state.HomeStoreModule.poseTransfer.likedList
+				}
+			}),
+			noLikeList:computed(()=>{
+				if(!route.query?.id && route.query.tools == 'poseTransfer'){
+					return []
+				}else{
+					return store.state.HomeStoreModule.poseTransfer.list
+				}
+			}),
 			isGenerate:false,//判断是否正在进行generate
 			remGenerate:false,
 			removeGenerate:false,

src/component/home/tools/toProduct/index.vue

@@ -246,6 +246,10 @@ export default defineComponent({
 			type:Boolean,
 			default:false,
 		},
+		isState:{
+			type:Boolean,
+			default:false,
+		},
 	},
 	emit:['unLike'],
     setup(props,{emit}) {
@@ -264,7 +268,30 @@ export default defineComponent({
 		const createProbject:any = inject('createProbject',()=>{})
 		let productImgData:any = reactive({
 			isShowMark:false,
-			fileList:{},
+			fileList:{
+				ToProductImage:computed(()=>{
+					if(!route.query?.id && route.query.tools == 'toProduct'){
+						return []
+					}else{
+						if(props.isDesignPage)return []
+						if(store.state.HomeStoreModule.uploadElement?.[0]){
+							store.state.HomeStoreModule.uploadElement[0].isChecked = true
+						}
+						return store.state.HomeStoreModule.uploadElement
+					}
+				}),
+				Relight:computed(()=>{
+					if(!route.query?.id && route.query.tools == 'relight'){
+						return []
+					}else{
+						if(props.isDesignPage)return []
+						if(store.state.HomeStoreModule.uploadElement?.[0]){
+							store.state.HomeStoreModule.uploadElement[0].isChecked = true
+						}
+						return store.state.HomeStoreModule.uploadElement
+					}
+				}),
+			},
 			searchName:{
 				ToProductImage:'',
 				Relight:'',
@@ -273,13 +300,37 @@ export default defineComponent({
 			isProductimg:false,//开始生成
 			selectProductimgList:[],
 			generateList:{
-				ToProductImage:computed(()=>store.state.HomeStoreModule.toProductImageList.list),
-				Relight:computed(()=>store.state.HomeStoreModule.relightList.list),
+				ToProductImage:computed(()=>{
+					if(!route.query?.id && route.query.tools == 'toProduct'){
+						return []
+					}else{
+						return store.state.HomeStoreModule.toProductImageList.list
+					}
+				}),
+				Relight:computed(()=>{
+					if(!route.query?.id && route.query.tools == 'relight'){
+						return []
+					}else{
+						return store.state.HomeStoreModule.relightList.list
+					}
+				}),
 			},
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
 			likeList:{
-				ToProductImage:computed(()=>store.state.HomeStoreModule.toProductImageList.likedList),
-				Relight:computed(()=>store.state.HomeStoreModule.relightList.likedList),
+				ToProductImage:computed(()=>{
+					if(!route.query?.id && route.query.tools == 'toProduct'){
+						return []
+					}else{
+						return store.state.HomeStoreModule.toProductImageList.likedList
+					}
+				}),
+				Relight:computed(()=>{
+					if(!route.query?.id && route.query.tools == 'relight'){
+						return []
+					}else{
+						return store.state.HomeStoreModule.relightList.likedList
+					}
+				}),
 			} as any,
 			similarity:30,
 			brightenValue:1,
@@ -312,20 +363,14 @@ export default defineComponent({
 			},
 		})
 	
-		// watch(() => route.query.id,
-		// 	(query:any, oldQuery:any) => {
-		// 		if(oldQuery && query != oldQuery){
-		// 			productImgData.generateList = []
-		// 		}
-		// 	},
-		// );
-		watch(()=>store.state.HomeStoreModule.uploadElement.length,(newVal,oldVal)=>{
-			if(props.isDesignPage)return
-			productImgData.fileList[props.productimgMenu.value] = store.state.HomeStoreModule.uploadElement
-			if(productImgData.fileList[props.productimgMenu.value][0]){
-				productImgData.fileList[props.productimgMenu.value][0].isChecked = true
-			}
-		})
+		
+		// watch(()=>store.state.HomeStoreModule.uploadElement.length,(newVal,oldVal)=>{
+		// 	if(props.isDesignPage)return
+		// 	productImgData.fileList[props.productimgMenu.value] = store.state.HomeStoreModule.uploadElement
+		// 	if(productImgData.fileList[props.productimgMenu.value][0]){
+		// 		productImgData.fileList[props.productimgMenu.value][0].isChecked = true
+		// 	}
+		// })
 		const productImgDom = reactive({
 			generalDragLeft:null as any,
 			generalDragRight:null as any,
@@ -425,7 +470,6 @@ export default defineComponent({
 		}
 
 		let fileUploadChange = (data: any)=> {
-			console.log(data)
             let file = data.file;
 			let bor = true
             if (file.status === "done") {
@@ -472,7 +516,6 @@ export default defineComponent({
 					CollectionType:props.productimgMenu.value,
 				}
 			}
-			console.log(!!((isJpgOrPng && isLt2M && productImgData.selectObject.id) || Upload.LIST_IGNORE))
             return !!((isJpgOrPng && isLt2M && productImgData.selectObject.id) || Upload.LIST_IGNORE);
         }
 		let setGenerate = (item:any)=>{
@@ -509,7 +552,6 @@ export default defineComponent({
 				(rv) => {
 					if(str == 'like'){
 						// if(rv?.sort)item.sort = rv.sort
-						console.log(rv)
 						if(rv?.sort)item.oldSort = rv.sort
 						if(rv?.id)item.userLikeSortId = rv.id
 						item.newLike = true
@@ -518,7 +560,6 @@ export default defineComponent({
 							str:'add',
 							index:-1,
 						}
-						console.log(value)
 						if(props.productimgMenu.value == 'ToProductImage'){
 							store.commit("setToProductImage", value);
 						}else{
@@ -562,7 +603,6 @@ export default defineComponent({
 			}
 			if(productImgData.fileList[props.productimgMenu.value]){
 				productImgData.fileList[props.productimgMenu.value].forEach((item:any)=>{
-					console.log(item)
 					if(item.isChecked){
 						if(item.resultType == 'Design'){
 							obj.elementId = item.designOutfitId
@@ -662,8 +702,6 @@ export default defineComponent({
 								if(element.status == 'Success'){
 									element.imgUrl = element.url
 									let index = productImgData.generateList[props.productimgMenu.value].findIndex((obj:any) => obj.taskId === element.taskId);
-									console.log(productImgData.generateList[props.productimgMenu.value][index])
-									console.log(element)
 									for (const key in element) {
 										if(element[key]){
 											productImgData.generateList[props.productimgMenu.value][index][key] = element[key]
@@ -716,7 +754,6 @@ export default defineComponent({
 					timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
 					type:props.productimgMenu.value,
 				}
-				console.log(productImgData.generateList[props.productimgMenu.value].value,)
 				Https.axiosGet(Https.httpUrls.generateStopWaiting, {params:data}).then(
 					(rv) => {
 						generateProceedList = []
@@ -888,7 +925,6 @@ export default defineComponent({
 				productImgData.isProductimg = true
 				productImgData.remProductimg = true
 				productImgData.isShowMark = false
-				console.log(taskIdList)
 				setPrductimg(arr)
 			}
 		},{immediate: true })