接入画布

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

@@ -22,7 +22,8 @@
 			<selectList @selectImgItem="selectImgItem" :segmentationType="segmentationType" :isSegmentation="true" upLoadHttpsUrl="/api/element/imageSegmentation" level1Type="Sketchboard" :randomId="false" type="sketch" :catecoryList="sketchCatecoryList"></selectList>
 		</div>
 		<div class="canvas itemBox">
-			<canvasBox @setGenerateImg="setGenerateImg" ref="canvasBox"></canvasBox>
+			<!-- <canvasBox @setGenerateImg="setGenerateImg" ref="canvasBox"></canvasBox> -->
+			<canvasUpload :config="ceditorConfig" clothingImageUrl="https://www.minio-api.aida.com.hk/aida-sys-image/models/female/2e4815b9-1191-419d-94ed-5771239ca4a5.png?response-content-type=image%2Fpng&response-content-disposition=inline&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=admin%2F20250608%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20250608T161025Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=a4374c0954d11c2490ef3b86a1924cf6d423ed8ac56023b3c3ccabcdf0672620"></canvasUpload>
 		</div>
 		<div class="finished itemBox">
 			<div class="btnTop">
@@ -49,9 +50,11 @@ import { useI18n } from 'vue-i18n'
 import selectList from '@/component/DetailCopy/detailLeft/module/selectList.vue'
 import sketchCategory from "@/component/HomePage/sketchCategory.vue";
 import canvasBox from "./canvas/index.vue";
+import canvasUpload from "@/component/Canvas/CanvasEditor/index.vue";
+// import defaultModel from '@/assets/images/homePage/defaultModel.png'
 export default defineComponent({
 	components:{
-		selectList,sketchCategory,canvasBox
+		selectList,sketchCategory,canvasBox,canvasUpload
 	},
 	props:{
 	},
@@ -64,6 +67,12 @@ export default defineComponent({
 			}),
 			segmentationType:'product',
 			generateImg:computed(()=>store.state.HomeStoreModule.deReconstruction) as any,
+			ceditorConfig:{
+				width: 800,
+				height: 600,
+				backgroundColor: "#f8f8f8",
+			},
+			defaultModel:'',
 		})
 		const setIsShowMark:any = inject('setIsShowMark')
 		const dataDom = reactive({
@@ -219,6 +228,7 @@ export default defineComponent({
 			}
 			&.canvas{
 				flex: 1;
+				position: relative;
 			}
 			&.finished{
 				width: 58rem;