页面调整

src/component/toolsPage/index.vue

@@ -16,7 +16,7 @@
 			<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" :config="ceditorConfig"></canvasUpload>
+			<canvasUpload v-if="openType == 'canvasUpload'" ref="canvasUpload" @canvasChangeGetJSON="canvasChangeGetJSON" :isSubmitCanvasJSON="true"></canvasUpload>
 		</div>
 	</div>
 </template>
@@ -25,13 +25,14 @@ import { defineComponent,computed,inject,provide,nextTick,watch,toRefs, reactive
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
 import { useStore } from "vuex";
+import { downloadIamge,getMinioUrl } from "@/tool/util";
 import { useI18n } from 'vue-i18n'
 import { useRoute,useRouter } from 'vue-router';
 import toProduct from '@/component/home/tools/toProduct/index.vue';
 import poseTransfer from '@/component/home/tools/poseTransfer/index.vue';
 import deReconstruction from '@/component/home/tools/deReconstruction/index.vue';
 import patternMaking3D from '@/component/home/tools/patternMaking3D/index.vue';
-import canvasUpload from "@/component/Canvas/index.vue";
+import canvasUpload from "@/component/modules/generalMiniCanvas.vue";
 import {openTypeList} from "@/tool/listData.js";
 
 export default defineComponent({
@@ -147,11 +148,35 @@ export default defineComponent({
 		}
 		provide('setIsShowMark',setIsShowMark)
 		provide('createProbject',createProbject)
-		
+		let time = null as any
+
+		const canvasChangeGetJSON = async ({canvasJSON,submitDate})=>{
+			clearTimeout(time)
+			if(!store.state.Workspace.probjects.id)await createProbject()
+			time = setTimeout(()=>{
+				let canvasData = JSON.parse(canvasJSON)
+				canvasData.canvas.objects.forEach((objectsItem:any) => {
+					if(objectsItem.type == 'image')objectsItem.minioUrl = getMinioUrl(objectsItem.src)
+				});
+				let blob = new Blob([JSON.stringify(canvasData)], { type: "application/json" });
+				let formData = new FormData();
+				formData.append("file", blob, "data.json");
+				formData.append("module", "canvas");
+				formData.append("projectId", store.state.Workspace.probjects.id)
+				let config = {
+					headers: { "Content-Type": "multipart/form-data", Accept: "*/*" },
+				};
+				Https.axiosPost(Https.httpUrls.exportSave, formData, config).then(
+					(rv) => {
+					}
+				);
+			},submitDate)
+		}
 		return{
 			...toRefs(dataDom),
 			...toRefs(data),
 			createProbject,
+			canvasChangeGetJSON,
 		}
 	},
 	provide() {