chat聊天功能

2025-05-20 16:47:27 +08:00
parent 8bc0a52ab8
commit c235d0de4a
50 changed files with 4902 additions and 2861 deletions
--- a/src/component/toolsPage/index.vue
+++ b/src/component/toolsPage/index.vue
@@ -0,0 +1,109 @@
+<template>
+	<div class="tools">
+		<div class="modelBox">
+			<toProduct ref="toProduct" 
+			:productimgMenu="{value:'ToProductImage',label:$t('ProductImg.ProductImage')}" 
+				class="toProduct" 
+				:isState="openType =='toProduct'" 
+				v-if="openType == 'toProduct'"
+			></toProduct>
+			<toProduct ref="relight" 
+				:productimgMenu="{value:'Relight',label:$t('ProductImg.Relight')}" 
+				class="relight" 
+				:isState="openType =='relight'"	
+				v-if="openType == 'relight'"
+			></toProduct>
+			<poseTransfer v-if="openType == 'poseTransfer'" ref="poseTransfer"></poseTransfer>
+			<deReconstruction v-if="openType == 'deReconstruction'" ref="deReconstruction"></deReconstruction>
+			<patternMaking3D v-if="openType == 'patternMaking3D'" ref="patternMaking3D"></patternMaking3D>
+			<canvasUpload v-if="openType == 'canvasUpload'" ref="canvasUpload"></canvasUpload>
+		</div>
+	</div>
+</template>
+<script lang="ts">
+import { defineComponent,computed,ref,provide,nextTick,watch,toRefs, reactive} from 'vue'
+import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
+import { Https } from "@/tool/https";
+import { useStore } from "vuex";
+import { useI18n } from 'vue-i18n'
+import { useRoute } from 'vue-router';
+import MoodboardUpload from '@/component/HomePage/index/model/collection/MoodboardUpload.vue';
+import PrintboardUpload from '@/component/HomePage/index/model/collection/PrintboardUpload.vue';
+import ColorboardUpload from '@/component/HomePage/index/model/collection/ColorboardUpload.vue';
+import toProduct from '@/component/HomePage/index/model/toProduct/index.vue';
+import poseTransfer from '@/component/HomePage/index/model/poseTransfer/index.vue';
+import deReconstruction from '@/component/HomePage/index/model/deReconstruction/index.vue';
+import patternMaking3D from '@/component/HomePage/index/model/patternMaking3D/index.vue';
+import canvasUpload from "@/component/Canvas/index.vue";
+
+export default defineComponent({
+	components:{
+		toProduct,poseTransfer,deReconstruction,patternMaking3D,canvasUpload
+	},
+	props:{
+	},
+	emits:[],
+	setup(props,{emit}) {
+		const store = useStore();
+		const route = useRoute();
+		const data = reactive({
+			openType:'' as any,
+			isShowMark:false,
+		})
+		const dataDom:any = reactive({
+			toProduct:null as any,
+			relight:null as any,
+			poseTransfer:null as any,
+			deReconstruction:null as any,
+			patternMaking3D:null as any,
+			canvasUpload:null as any,
+		})
+		let driver__:any = computed(()=>{
+			return store.state.Guide.guide
+		}) 
+		provide('driver__',driver__) 
+		const setIsShowMark = (boolean:boolean)=>{
+			data.isShowMark = boolean
+		}
+		const open = (str:any)=>{
+			nextTick(()=>{
+				if(dataDom[str]?.openSetData){
+					dataDom[str].openSetData()
+				}
+			})
+		}
+		provide('setIsShowMark',setIsShowMark)
+		watch(() => route.query,
+			(query, oldQuery) => {
+				if(oldQuery && query?.tools == oldQuery?.tools)return
+				let str = query.tools
+				nextTick(()=>{
+					console.log(str)
+					data.openType = str
+					open(str)
+				})
+			},
+			{ immediate: true } // 立即触发一次以处理初始参数
+			);
+		return{
+			...toRefs(dataDom),
+			...toRefs(data),
+		}
+	},
+	provide() {
+		return {
+		}
+	},
+})
+</script>
+<style lang="less" scoped>
+	.tools{
+		width: 100%;
+		height: 100%;
+		position: relative;
+		.modelBox{
+			width: 100%;
+			height: 100%;
+		}
+	}
+</style>