演示功能

src/views/Workshop/uploadFace2.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 	import HeaderTitle from '@/components/HeaderTitle.vue'
 	import FooterNavigation from '@/components/FooterNavigation.vue'
-	import { ref, reactive, onMounted } from 'vue'
-	import { useRouter } from 'vue-router'
+	import { ref, reactive, onMounted, computed } from 'vue'
+	import { useRouter, useRoute } from 'vue-router'
 	import { uploadCustomerPhoto } from '@/api/workshop'
 	import { useGenerateStore } from '@/stores'
 	const generateStore = useGenerateStore()
@@ -12,6 +12,9 @@
 		emit('view-type', 1)
 	})
 	const router = useRouter()
+	const route = useRoute()
+	const query = computed(() => route.query)
+	const isDemo = computed(() => route.query.demo === '1')
 	const fileData = generateStore.photoInfo
 	if (!fileData.file?.size) generateStore.updatePhotoInfo({})
 	// 上传照片
@@ -37,7 +40,7 @@
 	}
 	// 生成照片
 	const handleGenerate = () => {
-		if (fileData.id) return router.push({ name: 'customize' })
+		if (fileData.id) return router.push({ name: 'customize', query: query.value })
 		if (!fileData.file) return
 		const formData = new FormData()
 		formData.append('customerId', generateStore.customerId + '')
@@ -45,8 +48,8 @@
 		formData.append('file', fileData.file)
 		uploadCustomerPhoto(formData).then((res) => {
 			generateStore.updatePhotoInfo({ ...res, file: fileData.file })
-			generateStore.clearCustomizeInfo()
-			router.push({ name: 'customize' })
+			isDemo.value ? generateStore.clearCustomizeInfoDemo() : generateStore.clearCustomizeInfo()
+			router.push({ name: 'customize', query: query.value })
 		})
 	}
 	// 处理照片加载错误